:root{
    --cream:#F2ECE1; --cream-2:#E9E0D0; --espresso:#221E18; --espresso-soft:#5E564B;
    --line:#D6CCB8; --clay:#A8623C; --clay-soft:#BE7A52; --max:1340px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{background:var(--cream);color:var(--espresso);font-family:'Mulish',sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  img{display:block;max-width:100%}
  a{color:inherit;text-decoration:none}
  .wrap{max-width:var(--max);margin:0 auto;padding:0 48px}
  .disp{font-family:'Cormorant Garamond',serif}
  .eyebrow{font-size:12px;letter-spacing:.28em;text-transform:uppercase;font-weight:700;color:var(--clay)}
  image-slot{--is-bg:var(--cream-2);background:var(--cream-2)}

  /* reveal motion */
  .js .reveal{opacity:0;transform:translateY(28px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
  .js .reveal.in{opacity:1;transform:none}
  .js .reveal.d1{transition-delay:.08s}.js .reveal.d2{transition-delay:.16s}.js .reveal.d3{transition-delay:.24s}
  @media(prefers-reduced-motion:reduce){.js .reveal{opacity:1!important;transform:none!important;transition:none}}

  /* ===== NAV ===== */
  header{position:fixed;top:0;left:0;right:0;z-index:60;transition:background .4s,box-shadow .4s,padding .4s;padding:26px 0}
  header .nav{display:flex;align-items:center;justify-content:space-between}
  header .logo{height:46px;transition:height .4s}
  header .logo.black{display:none}
  header nav ul{display:flex;gap:32px;list-style:none;align-items:center}
  header nav a{font-size:13.5px;font-weight:600;letter-spacing:.04em;color:rgba(255,255,255,.82);transition:color .2s}
  header nav a:hover{color:#fff}
  header .nav-cta{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;border:1px solid rgba(255,255,255,.5);color:#fff;padding:11px 20px;border-radius:30px;transition:.25s;white-space:nowrap}
  header .nav-cta:hover{background:#fff;color:var(--espresso);border-color:#fff}
  header.solid{background:rgba(242,236,225,.92);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line);padding:16px 0}
  header.solid .logo.white{display:none}
  header.solid .logo.black{display:block;height:40px}
  header.solid nav a{color:var(--espresso-soft)}
  header.solid nav a:hover{color:var(--clay)}
  header.solid .nav-cta{border-color:var(--espresso);color:var(--espresso)}
  header.solid .nav-cta:hover{background:var(--espresso);color:var(--cream)}
  @media(max-width:920px){header nav ul{display:none}}

  /* mobile menu */
  .nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:transparent;cursor:pointer;padding:0}
  .nav-toggle span{display:block;width:18px;height:1.5px;background:#fff;margin:0 auto;transition:.3s}
  header.solid .nav-toggle{border-color:rgba(43,30,24,.4)}
  header.solid .nav-toggle span{background:var(--espresso)}
  .mobile-menu{position:fixed;inset:0;z-index:90;background:var(--espresso);color:var(--cream);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;opacity:0;visibility:hidden;transition:opacity .35s;padding:40px}
  .mobile-menu.open{opacity:1;visibility:visible}
  .mobile-menu a{font-family:'Cormorant Garamond',serif;font-size:34px;font-weight:500;color:var(--cream);padding:12px 0;transition:color .2s}
  .mobile-menu a:hover{color:var(--clay-soft)}
  .mobile-menu .mm-cta{margin-top:24px;font-family:'Mulish',sans-serif;font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;border:1px solid var(--clay-soft);color:var(--clay-soft);padding:14px 30px;border-radius:30px}
  .mobile-menu .mm-close{position:absolute;top:26px;right:28px;width:50px;height:50px;border-radius:50%;border:1px solid rgba(242,236,225,.4);background:transparent;color:var(--cream);font-size:22px;cursor:pointer}
  body.menu-open{overflow:hidden}
  @media(max-width:920px){.nav-toggle{display:flex}.nav-cta{display:none}}

  /* ===== HERO ===== */
  .hero{position:relative;height:100vh;min-height:620px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}
  .hero .bg{position:absolute;inset:-12% 0;z-index:0;will-change:transform}
  .hero .bg image-slot{width:100%;height:100%;--is-bg:#2a2620;background:#2a2620}
  .hero .scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(20,17,13,.5) 0%,rgba(20,17,13,.28) 40%,rgba(20,17,13,.6) 100%)}
  .hero .inner{position:relative;z-index:2;pointer-events:none;padding:0 24px;max-width:1100px}
  .hero .eyebrow{color:#E8CBA8}
  .hero h1{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(36px,4.6vw,72px);line-height:1.08;letter-spacing:-.01em;margin:20px 0 0}
  .hero h1 em{font-style:italic;color:#E8CBA8}
  .hero p.lede{max-width:48ch;margin:26px auto 0;font-size:18px;color:rgba(255,255,255,.86);font-weight:400}
  .hero .cue{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);z-index:2;color:rgba(255,255,255,.8);font-size:11px;letter-spacing:.24em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:12px}
  .hero .cue .ln{width:1px;height:46px;background:linear-gradient(rgba(255,255,255,.7),rgba(255,255,255,0));animation:cue 2.2s infinite}
  @keyframes cue{0%{transform:scaleY(.3);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}50.1%{transform-origin:bottom}100%{transform:scaleY(.3);transform-origin:bottom}}
  /* hero kinetic */
  .js .hero h1{opacity:0;transform:translateY(28px);transition:opacity 1.1s .15s cubic-bezier(.2,.8,.2,1),transform 1.1s .15s cubic-bezier(.2,.8,.2,1)}
  .hero.show h1{opacity:1!important;transform:none!important}
  .js .hero .eyebrow,.js .hero .lede{opacity:0;transform:translateY(20px);transition:opacity 1s .5s,transform 1s .5s}
  .hero.show .eyebrow,.hero.show .lede{opacity:1!important;transform:none!important}

  /* ===== STATEMENT ===== */
  .statement{padding:120px 0}
  .statement-grid{display:grid;grid-template-columns:0.82fr 1.18fr;gap:60px;align-items:center}
  .statement-img{height:560px;border-radius:8px;overflow:hidden}
  .statement-img image-slot{width:100%;height:100%;--is-bg:var(--cream-2);background:var(--cream-2)}
  .statement-copy .eyebrow{font-size:12px;letter-spacing:.26em;text-transform:uppercase;font-weight:700;color:var(--clay);font-family:'Mulish',sans-serif}
  .statement-copy .lead{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(27px,2.7vw,38px);line-height:1.14;letter-spacing:-.01em;margin:16px 0 0;text-wrap:balance}
  .statement-copy .lead em{font-style:italic;color:var(--clay)}
  .statement .intro-body{margin-top:26px;max-width:60ch}
  .statement .intro-body p{font-size:16px;line-height:1.7;color:var(--espresso-soft);margin-bottom:15px}
  .statement .intro-body p:last-child{margin-bottom:0;color:var(--espresso);font-weight:500}
  .statement .meta{display:flex;gap:48px;margin-top:38px;flex-wrap:wrap}
  .statement .meta div b{display:block;font-family:'Cormorant Garamond',serif;font-size:38px;line-height:1;color:var(--clay)}
  .statement .meta div span{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--espresso-soft);margin-top:8px;display:block;white-space:nowrap}
  @media(max-width:860px){.statement-grid{grid-template-columns:1fr;gap:30px}.statement-img{height:360px;order:-1}}

  /* ===== WORKS (project card grid) ===== */
  .works{background:var(--espresso);color:var(--cream);padding:120px 0}
  .works .head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:54px;gap:20px}
  .works .head .eyebrow{color:var(--clay-soft)}
  .works .head h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(30px,4vw,52px);line-height:1;margin-top:12px}
  .works .head .hint{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(242,236,225,.5)}
  .proj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 30px}
  .pcard{cursor:pointer;display:flex;flex-direction:column}
  .pcard .pcard-img{position:relative;overflow:hidden;border-radius:6px;aspect-ratio:4/3;background:var(--cream-2)}
  .pcard .pcard-img image-slot{width:100%;height:100%;--is-bg:#34302a;background:#34302a}
  .pcard .pcard-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,17,13,0) 55%,rgba(20,17,13,.4));opacity:0;transition:opacity .4s;pointer-events:none}
  .pcard:hover .pcard-img::after{opacity:1}
  .pcard .pcard-img image-slot{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
  .pcard:hover .pcard-img image-slot{transform:scale(1.06)}
  .pcard-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 4px 0}
  .pcard-bar .pt{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:26px;line-height:1.12;color:var(--cream);transition:color .3s}
  .pcard-bar .pm{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(242,236,225,.5);margin-top:8px}
  .pcard-arrow{flex:none;width:46px;height:46px;border-radius:50%;border:1px solid rgba(242,236,225,.35);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--cream);transition:.3s}
  .pcard:hover .pcard-arrow{background:var(--clay);border-color:var(--clay);transform:translateX(4px)}
  .pcard:hover .pcard-bar .pt{color:var(--clay-soft)}
  @media(max-width:980px){.proj-grid{grid-template-columns:1fr 1fr}}
  @media(max-width:620px){.proj-grid{grid-template-columns:1fr}}

  /* ===== PROJECT DETAIL MODAL ===== */
  .pmodal{position:fixed;inset:0;z-index:200;background:#15120e;color:var(--cream);overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .4s}
  .pmodal.open{opacity:1;visibility:visible}
  .pmodal-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:22px 40px;background:rgba(21,18,14,.85);backdrop-filter:blur(10px);border-bottom:1px solid rgba(242,236,225,.12)}
  .pmodal-bar .pm-logo{height:30px}
  .pmodal-bar .pm-tools{display:flex;align-items:center;gap:8px}
  .pmodal-bar button{width:46px;height:46px;border-radius:50%;border:1px solid rgba(242,236,225,.3);background:transparent;color:var(--cream);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.25s}
  .pmodal-bar button:hover{background:var(--cream);color:var(--espresso);border-color:var(--cream)}
  .pmodal-bar .pm-count{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(242,236,225,.6);min-width:48px;text-align:center}
  .pmodal-bar .pmclose{margin-left:8px}
  .pm-panel{display:none;max-width:1180px;margin:0 auto;padding:0 40px 100px}
  .pm-panel.on{display:block}
  .pm-hero{width:100%;height:64vh;min-height:420px;border-radius:0 0 8px 8px;overflow:hidden;background:#26221c}
  .pm-hero image-slot{width:100%;height:100%;--is-bg:#26221c;background:#26221c}
  .pm-info{display:grid;grid-template-columns:1.55fr 1fr;gap:54px;align-items:start;padding:50px 0;margin-bottom:42px;border-bottom:1px solid rgba(242,236,225,.14)}
  .pm-info .pm-eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--clay-soft);font-weight:700}
  .pm-info h3{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(34px,5vw,60px);line-height:1.02;margin:12px 0 18px}
  .pm-info .pm-desc{color:rgba(242,236,225,.72);font-size:16px;line-height:1.7;max-width:52ch}
  .pm-specs{list-style:none;border-top:1px solid rgba(242,236,225,.14)}
  .pm-specs li{display:flex;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid rgba(242,236,225,.14)}
  .pm-specs li .k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(242,236,225,.5);font-weight:600;padding-top:5px;white-space:nowrap}
  .pm-specs li .v{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:19px;color:var(--cream);text-align:right}
  .pm-gallery{display:grid;grid-template-columns:1fr 1fr;gap:22px}
  .pm-gallery image-slot{width:100%;height:auto;aspect-ratio:4/3;--is-bg:#211d18;background:#211d18;border-radius:4px}
  .pm-gallery .pg-wide{grid-column:span 2;aspect-ratio:2/1}
  .pcard-img img.locked,.pm-hero img.locked{width:100%;height:100%;object-fit:cover;display:block}
  .pm-gallery img.locked{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#211d18;border-radius:4px;display:block;cursor:zoom-in}
  .pm-gallery img.locked.pg-wide{grid-column:span 2;aspect-ratio:2/1}
  .pm-hero img.hero-contain{height: 56vh;} /* Test to remove pixelation */
  .pm-gallery.g3{grid-template-columns:repeat(3,1fr)}
  .pm-gallery.g3 .pg-wide,.pm-gallery.g3 img.locked.pg-wide{grid-column:1/-1;aspect-ratio:5/2}
  #imgLightbox{position:fixed;inset:0;z-index:300;background:rgba(13,11,8,.94);display:none;align-items:center;justify-content:center;cursor:zoom-out;padding:4vh 4vw}
  #imgLightbox.open{display:flex}
  #imgLightbox img{max-width:96vw;max-height:92vh;object-fit:contain;border-radius:4px;box-shadow:0 24px 70px rgba(0,0,0,.55)}
  #imgLightbox .lb-x{position:fixed;top:24px;right:28px;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center}
  @media(max-width:760px){.pm-info{grid-template-columns:1fr;gap:26px}.pm-gallery,.pm-gallery.g3{grid-template-columns:1fr}.pm-gallery .pg-wide{grid-column:auto;aspect-ratio:4/3}.pm-gallery img.locked.pg-wide,.pm-gallery.g3 img.locked.pg-wide,.pm-gallery.g3 .pg-wide{grid-column:auto;aspect-ratio:4/3}.pm-hero{height:42vh}.pmodal-bar{padding:16px 22px}.pm-panel{padding:0 22px 80px}}
  @media(max-width:820px){.pm-tools{margin-left:4px; margin-right:6px} .pm-count{text-align: center;} .pmclose{margin-left:0}}


  /* ===== BEFORE / AFTER ===== */
  .ba-section{padding:130px 0}
  .ba-head{text-align:center;max-width:30ch;margin:0 auto 50px}
  .ba-head h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(30px,4.4vw,56px);line-height:1.06;margin-top:12px}
  .ba{position:relative;width:100%;height:620px;border-radius:8px;overflow:hidden;user-select:none;cursor:ew-resize;touch-action:none}
  .ba .layer{position:absolute;inset:0}
  .ba .layer image-slot{width:100%;height:100%}
  .ba .after{clip-path:inset(0 0 0 50%)}
  .ba .lbl{position:absolute;bottom:20px;z-index:6;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:#fff;background:rgba(20,17,13,.5);padding:8px 14px;border-radius:30px;pointer-events:none}
  .ba .lbl.b{left:20px}.ba .lbl.a{right:20px}
  .ba .divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;z-index:7;transform:translateX(-1px);pointer-events:none}
  .ba .knob{position:absolute;top:50%;left:50%;z-index:8;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;color:var(--espresso);font-size:16px;pointer-events:none}

  /* ===== APPROACH ===== */
  .approach{background:var(--cream-2);padding:130px 0}
  .approach .head{text-align:center;max-width:none;margin:0 auto 70px}
  .approach .head h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(30px,4.4vw,56px);line-height:1.06;margin-top:12px}
  .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}
  .step{background:var(--cream);padding:42px 30px;transition:background .4s,color .4s}
  .step:hover{background:var(--espresso);color:var(--cream)}
  .step .n{font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--clay);transition:color .4s}
  .step:hover .n{color:var(--clay-soft)}
  .step h3{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:27px;margin:14px 0 10px}
  .step p{font-size:14.5px;color:var(--espresso-soft);transition:color .4s;white-space:pre-line}
  .step:hover p{color:rgba(242,236,225,.8)}
  @media(max-width:820px){.steps{grid-template-columns:1fr}}

  /* ===== GALLERY ===== */
  .gallery{padding:130px 0}
  .gallery .head{text-align:center;max-width:none;margin:0 auto 50px}
  .gallery .head h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(30px,4.4vw,56px);line-height:1.06;margin-top:12px}
  .gallery .head p{color:var(--espresso-soft);margin-top:14px;max-width:46ch;margin-left:auto;margin-right:auto}
  .g-masonry{column-count:3;column-gap:18px}
  .g-masonry figure{break-inside:avoid;margin:0 0 26px;cursor:default}
  .g-fig-img{overflow:hidden;border-radius:6px}
  .g-masonry img.gphoto{width:100%;height:auto;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
  .g-masonry figure:hover img.gphoto{transform:scale(1.04)}
  .g-cap{display:block;margin-top:12px;font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--espresso);text-align:center;line-height:1.2}
  .g-add{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:46px;max-width:780px;margin-left:auto;margin-right:auto}
  .g-add image-slot{width:100%;aspect-ratio:4/3;height:auto;--is-bg:var(--cream-2);background:var(--cream-2);border:1px dashed var(--line);border-radius:6px}
  .g-add-note{text-align:center;color:var(--espresso-soft);font-size:13px;letter-spacing:.03em;margin-top:18px}
  @media(max-width:820px){.g-masonry{column-count:2}}
  @media(max-width:520px){.g-masonry{column-count:1}.g-add{grid-template-columns:1fr 1fr}}

  /* ===== ABOUT ===== */
  .about{padding:130px 0}
  .about-grid{display:grid;grid-template-columns:0.68fr 1.32fr;gap:60px;align-items:center; padding: 0 48px}
  .about .portrait{aspect-ratio:3/4;max-height:520px;border-radius:8px;overflow:hidden}
  .about .portrait img{width:100%;height:100%;object-fit:cover;display:block}
  .about .portrait image-slot{width:100%;height:100%}
  .about .portrait-cap{margin-top:16px}
  .about .portrait-cap .nm{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:26px}
  .about .portrait-cap .rl{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--espresso-soft);font-weight:600;margin-top:4px}
  .about h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(30px,4.2vw,54px);line-height:1.08;margin:14px 0 22px}
  .about p{color:var(--espresso-soft);font-size:16.5px;margin-bottom:18px;max-width:52ch;}
 
  .about .team{margin-top:84px}
  .about .team-head{text-align:center;margin-bottom:30px; display:flex; flex-direction: column; gap: 4px;}
  .about .team-head h3{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(28px,3.4vw,46px);line-height:1.06;margin-top:0px}
  .about .team-photo{width:100%;max-width:900px;margin:0 auto;aspect-ratio:1100/851;border-radius:8px;overflow:hidden;background:var(--cream-2)}
  .about .team-photo img{width:100%;height:100%;object-fit:contain;display:block}
  .about .team-photo image-slot{width:100%;height:100%}
  .about .awards-block {margin:80px auto;padding:48px;background:var(--cream-2);border-radius:16px;}

  
  .about .team-head {width:fit-content;margin-left:auto;margin-right:auto;text-align:left;}


  .about .awards-block .awards-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:760px;margin:0 auto}
  .about .awards-block .awards-pair .ap{height:420px;border-radius:8px;overflow:hidden}
  .about .awards-block .awards-pair .ap image-slot{width:100%;height:100%}
  @media(max-width:640px){.about .awards-block .awards-pair{grid-template-columns:1fr}.about .awards-block .awards-pair .ap{height:300px}}
  @media(max-width:820px){.about-grid{grid-template-columns:1fr;gap:24px; padding: 48px}.about .portrait{max-height:460px;order:-1}.about .team{margin-top:60px} #about{scroll-margin-top: 40px}}

  /* ===== INTERIOR DESIGN ===== */
  .design{padding:100px 0}
  .design-grid{display:grid;grid-template-columns:0.68fr 1.32fr;gap:60px;align-items:center; padding:  48px}
  .design .portrait{height:480px;border-radius:12px;overflow:hidden}
  .design .portrait img{border-radius:12px}
  .design .portrait image-slot{width:100%;height:100%}
  .design .portrait-cap{margin-top:16px}
  .design .portrait-cap .nm{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:26px}
  .design .portrait-cap .rl{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--espresso-soft);font-weight:600;margin-top:4px}
  .design .portrait-cap .aryana-logo{height:48px;width:auto;margin-top:16px;display:block}
  .design h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(30px,4.2vw,54px);line-height:1.08;margin:14px 0 22px}
  .design p{color:var(--espresso-soft);font-size:16.5px;margin-bottom:18px;max-width:52ch}
  .design .work-head{text-align:center;margin:90px 0 30px;width:fit-content;margin-left:auto;margin-right:auto;text-align:left;}
  .design .work-head h3{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(28px,3.4vw,46px);line-height:1.06;margin-top:10px}
  .design-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .design-gallery image-slot{width:100%;aspect-ratio:1/1;height:auto;--is-bg:var(--cream-2);background:var(--cream-2);border-radius:6px;overflow:hidden}
  .design-gallery .dg-cell{width:100%;aspect-ratio:1/1;background:var(--cream-2);border-radius:6px;overflow:hidden}
  .design-gallery .dg-cell img{width:100%;height:100%;object-fit:contain;display:block}
  @media(max-width:820px){.design-grid{grid-template-columns:1fr;gap:24px;padding-top: 80px;}.design .portrait{height:380px;order:-1; }.design-gallery{grid-template-columns:1fr 1fr; padding-bottom: 48px;}.design .portrait img{width:100%; height:100%; object-fit:cover; border-radius:8px;} #design{scroll-margin-top: 20px}}

  /* ===== TESTIMONIALS ===== */
  .testi{background:var(--espresso);color:var(--cream);padding:140px 0;text-align:center;position:relative;overflow:hidden}
  .testi .eyebrow{color:var(--clay-soft)}
  .t-slider{position:relative;max-width:24ch;margin:30px auto 0;min-height:230px}
  .t-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s;pointer-events:none}
  .t-slide.on{opacity:1;position:relative;pointer-events:auto}
  .t-slide blockquote{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:400;font-size:clamp(26px,3.6vw,42px);line-height:1.3}
  .t-slide .by{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#B8AE9E;font-weight:600;margin-top:24px}
  .t-dots{display:flex;gap:10px;justify-content:center;margin-top:40px}
  .t-dots button{width:9px;height:9px;border-radius:50%;border:1px solid var(--clay-soft);background:transparent;cursor:pointer;padding:0;transition:.25s}
  .t-dots button.on{background:var(--clay-soft)}

  /* ===== PRESS ===== */
  .press{padding:100px 0}
  .press .head{text-align:center;max-width:32ch;margin:0 auto 30px}
  .press .head h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(30px,4.4vw,56px);line-height:1.06;margin-top:12px}
  .press .head p{color:var(--espresso-soft);margin-top:14px}
  .press-kicker{text-align:center;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--espresso-soft);font-weight:700;margin:14px 0 26px}
  .press-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:80px}
  .press-logos image-slot{width:100%;height:300px;background:#fff;border:1px solid var(--line)}
  .press-logos .pl-cell{width:100%;height:300px;background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}
  .press-logos .pl-cell img{width:100%;height:100%;object-fit:contain;display:block}
  .awards{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;max-width:1040px;margin:0 auto}
  .award{display:flex;gap:22px;align-items:baseline;padding:26px 0;border-top:1px solid var(--line)}
  .award .yr{font-family:'Cormorant Garamond',serif;font-size:23px;color:var(--clay);min-width:52px}
  .award h4{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:23px;line-height:1.18;margin-bottom:5px}
  .award .a-org{font-size:13px;color:var(--espresso-soft)}
  @media(max-width:820px){.press-logos{grid-template-columns:1fr 1fr}.press-logos image-slot{height:220px}.awards{grid-template-columns:1fr} #press{scroll-margin-top: 90px}}

  /* ===== CONTACT ===== */
  .contact{background:var(--cream-2);padding:130px 0;text-align:center}
  .contact h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(38px,6vw,84px);line-height:1.02;margin:16px auto 18px;max-width:18ch}
  .contact .sub{color:var(--espresso-soft);font-size:17px;max-width:48ch;margin:0 auto 44px}
  .contact-cards{display:grid;grid-template-columns:repeat(3,1fr);max-width:920px;margin:0 auto;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
  .contact-cards .cell{padding:40px 28px}
  .contact-cards .cell+.cell{border-left:1px solid var(--line)}
  .contact-cards .lbl{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--clay);font-weight:700;margin-bottom:12px}
  .contact-cards .val{font-family:'Cormorant Garamond',serif;font-size:25px;color:var(--espresso);line-height:1.25;word-break:break-word}
  .contact-cards a.cell:hover .val{color:var(--clay)}
  @media(max-width:820px){.contact-cards{grid-template-columns:1fr}.contact-cards .cell+.cell{border-left:none;border-top:1px solid var(--line)}}

  footer{background:var(--espresso);color:#A39A8B;padding:70px 0 34px}
  .foot-top{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:48px;padding-bottom:40px;border-bottom:1px solid rgba(242,236,225,.14)}
  .foot-brand img{height:34px;opacity:.9;margin-bottom:18px}
  .foot-brand p{font-size:13px;letter-spacing:.04em;color:#8F897E;max-width:34ch;line-height:1.7}
  .foot-col h4{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#C9A77F;font-weight:700;margin-bottom:16px}
  .foot-col ul{list-style:none}
  .foot-col li{margin-bottom:10px}
  .foot-col a{font-size:14px;color:#CFC9BD;transition:color .2s}
  .foot-col a:hover{color:#fff}
  .foot-col img{height:34px;opacity:.9;margin-bottom:18px; margin-top: 5px;}
  .socials a:hover {color:#fff;}
  .socials a {color:var(--clay-soft);font-weight:600;transition:.2s;}


  .foot-col .line{font-size:14px;color:#CFC9BD;line-height:1.7;display:block}
  .foot-col .line a{display:inline}
  .foot-legal{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:26px;font-size:11.5px;letter-spacing:.03em;color:#7F7A70;line-height:1.7}
  .foot-legal .reg{max-width:70ch}
  @media(max-width:820px){.foot-top{grid-template-columns:1fr;gap:34px}.foot-legal{flex-direction:column;gap:10px}}

  @media(max-width:820px){
    .wrap{padding:0 24px}
    .works-inner{grid-template-columns:1fr;gap:30px}
    .works-stage{height:340px;order:-1}
    .ba{height:380px}
  }