:root{
  --pe-orange:#FB5A1D; --pe-teal:#51C1AF; --pe-timber:#EADBC9;
  --pe-pink:#FEA4BD; --pe-yellow:#FFE14F; --pe-ink:#1A1714;
}
*{box-sizing:border-box;}
html,body{margin:0;}
[hidden]{display:none !important;}
.pe-body{font-family:'Barlow',system-ui,sans-serif;background:#000;color:#fff;}
.pe-holding{min-height:100vh;display:flex;flex-direction:column;}
.pe-logo{width:100%;max-width:300px;height:auto;display:block;}

/* image cells */
.pe-cell{background-color:#000;background-repeat:no-repeat;background-position:center;background-size:cover;}
.pe-cell--steak{background-image:url('../img/steak.jpg');background-image:image-set(url('../img/steak.webp') type('image/webp'),url('../img/steak.jpg') type('image/jpeg'));}
.pe-cell--burger{background-image:url('../img/burger.jpg');background-image:image-set(url('../img/burger.webp') type('image/webp'),url('../img/burger.jpg') type('image/jpeg'));}
.pe-cell--indian{background-image:url('../img/indian.jpg');background-image:image-set(url('../img/indian.webp') type('image/webp'),url('../img/indian.jpg') type('image/jpeg'));background-position:50% 100%;}
.pe-cell--breakfast{background-image:url('../img/breakfast.jpg');background-image:image-set(url('../img/breakfast.webp') type('image/webp'),url('../img/breakfast.jpg') type('image/jpeg'));background-position:32% 70%;background-size:auto 150%;}
.pe-cell--logo{background:var(--pe-orange);display:flex;align-items:center;justify-content:center;padding:34px;}
.pe-cell--xmark{background:var(--pe-teal);display:flex;align-items:center;justify-content:center;padding:26px;}

/* X brandmark device */
.pe-xmark{width:160px;height:160px;background:#000 center/cover url('../img/burger.jpg');
  background-image:image-set(url('../img/burger.webp') type('image/webp'),url('../img/burger.jpg') type('image/jpeg'));
  background-position:center;background-size:cover;
  clip-path:polygon(0% 0%,40% 0%,50% 29.6%,60% 0%,100% 0%,100% 40%,70.4% 50%,100% 60%,100% 100%,60% 100%,50% 70.4%,40% 100%,0% 100%,0% 60%,29.6% 50%,0% 40%);}
.pe-xmark--lg{width:300px;height:300px;}
.pe-xmark--steak{background-image:url('../img/steak.jpg');background-image:image-set(url('../img/steak.webp') type('image/webp'),url('../img/steak.jpg') type('image/jpeg'));}

/* ---------- DESKTOP ---------- */
.pe-mobile{display:none;}
.pe-desktop{flex:1;display:flex;flex-direction:column;}
.pe-split{flex:1;display:flex;min-height:0;background:#000;}

/* Direction A mosaic */
.pe-mosaic{flex:0 0 60%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;background:#000;}

/* Direction B */
.pe-mosaic-b{flex:0 0 60%;display:flex;background:#000;}
.pe-hero-x{flex:0 0 58%;background:var(--pe-orange);position:relative;display:flex;align-items:center;justify-content:center;}
.pe-logo--pinned{position:absolute;top:34px;left:38px;width:200px;max-width:200px;}
.pe-stack{flex:1;display:grid;grid-template-rows:1fr 1fr 1fr;background:#fff;gap:8px;padding:8px;}

/* teal panel */
.pe-panel{flex:0 0 40%;background:var(--pe-teal);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:72px 64px;}
.pe-eyebrow{font-size:14px;font-weight:600;letter-spacing:0.26em;text-transform:uppercase;opacity:0.9;margin-bottom:18px;}
.pe-h1{margin:0;font-weight:800;font-size:88px;line-height:0.9;letter-spacing:0.005em;text-transform:uppercase;}
.pe-rule{height:4px;width:64px;background:var(--pe-accent,var(--pe-yellow));margin:30px 0 26px;}
.pe-lead{margin:0 0 18px;font-size:25px;font-weight:600;line-height:1.2;}
.pe-copy{margin:0;font-size:18px;line-height:1.5;opacity:0.92;max-width:420px;}
.pe-strip{height:96px;margin-top:26px;}
.pe-icon-strip{margin-top:30px;display:flex;align-items:center;gap:14px;}
.pe-icon-strip img{height:64px;width:auto;display:block;}

/* footer bar */
.pe-footer{flex:none;background:#000;color:#fff;display:flex;align-items:center;gap:40px;padding:0 48px;height:148px;}
.pe-social{display:flex;gap:12px;}
.pe-social a{width:42px;height:42px;display:flex;align-items:center;justify-content:center;
  border:1.5px solid rgba(255,255,255,0.55);border-radius:11px;color:#fff;text-decoration:none;font-weight:700;}
.pe-address{border-left:1px solid rgba(255,255,255,0.2);padding-left:40px;font-size:15px;line-height:1.4;opacity:0.85;display:flex;flex-direction:column;}
.pe-address__line1{font-weight:600;}
.pe-newsletter{margin-left:auto;display:flex;align-items:center;gap:18px;}
.pe-helper{margin:0;font-size:14px;opacity:0.85;max-width:230px;text-align:right;}

/* form */
.pe-form{width:380px;}
.pe-form__group{display:flex;gap:0;}
.pe-input{flex:1;height:54px;border:0;padding:0 18px;font-family:inherit;font-size:16px;background:#fff;color:var(--pe-ink);}
.pe-input:focus{outline:2px solid var(--pe-yellow);outline-offset:-2px;}
.pe-submit{height:54px;background:var(--pe-orange);color:#fff;border:0;padding:0 28px;font-family:inherit;font-weight:800;font-size:15px;letter-spacing:0.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;}
.pe-submit:hover{filter:brightness(0.93);}
.pe-form.is-error .pe-form__group{outline:2px solid var(--pe-pink);outline-offset:-2px;}
.pe-msg{display:flex;align-items:center;gap:8px;margin:8px 0 0;font-size:14px;font-weight:600;color:var(--pe-pink);}
.pe-msg__icon{width:18px;height:18px;border-radius:50%;background:var(--pe-pink);color:#000;display:inline-flex;align-items:center;justify-content:center;font-size:12px;}
.pe-success{display:flex;align-items:center;gap:16px;margin-top:14px;background:var(--pe-teal);border-radius:2px;padding:18px 22px;box-shadow:0 6px 24px rgba(0,0,0,0.25);}
.pe-success__check{flex:none;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--pe-teal);display:flex;align-items:center;justify-content:center;font-weight:800;}
.pe-success__head{display:block;font-size:19px;font-weight:800;letter-spacing:0.02em;text-transform:uppercase;}
.pe-success__sub{font-size:15px;opacity:0.92;}
.pe-form.is-success .pe-form__group,.pe-form.is-success .pe-msg{display:none;}

/* ---------- MOBILE ---------- */
@media (max-width:900px){
  .pe-desktop{display:none;}
  .pe-mobile{display:block;}
  .pe-m-logo{background:var(--pe-orange);display:flex;align-items:center;justify-content:center;padding:38px;}
  .pe-m-logo .pe-logo{max-width:300px;}
  .pe-m-strip{display:grid;grid-template-columns:1fr 1fr;background:#000;}
  .pe-m-strip>*{aspect-ratio:1;}
  .pe-m-strip .pe-xmark{width:84px;height:84px;}
  .pe-panel--mobile{padding:40px 30px;flex:none;}
  .pe-panel--mobile .pe-eyebrow{font-size:12px;letter-spacing:0.24em;}
  .pe-panel--mobile .pe-h1{font-size:58px;}
  .pe-panel--mobile .pe-rule{width:52px;}
  .pe-panel--mobile .pe-lead{font-size:20px;}
  .pe-panel--mobile .pe-copy{font-size:15px;}
  .pe-m-news{background:#000;padding:30px;}
  .pe-m-news .pe-helper{text-align:left;max-width:none;margin:0 0 14px;}
  .pe-m-news .pe-form{width:100%;}
  .pe-m-news .pe-form__group{flex-direction:column;gap:10px;}
  .pe-m-news .pe-input{height:52px;}
  .pe-m-news .pe-submit{height:52px;}
  .pe-m-footer{background:#000;padding:24px 30px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
  .pe-m-footer .pe-social a{width:38px;height:38px;}
  .pe-m-footer .pe-address{font-size:12px;border-left:0;padding-left:0;flex-direction:row;gap:6px;flex-wrap:wrap;}
}