:root{--lime:#c9ff8f;--cyan:#7ce6f5;--charcoal:#505050;--ink:#171717;--paper:#f5f4ef;--line:rgba(23,23,23,.18);--pad:clamp(20px,3vw,48px);--display:"Poppins",sans-serif;--body:"Poppins",sans-serif;--accent:"Poppins",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15px;overflow-x:hidden}#app{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;height:82px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;mix-blend-mode:difference;color:#fff;pointer-events:none}.site-header>*{pointer-events:auto}.wordmark{display:block;width:clamp(120px,13vw,230px);line-height:0}.wordmark img{display:block;width:100%;height:auto}.desktop-nav{display:flex;gap:28px;font-size:13px}.desktop-nav a,.menu-toggle{transition:opacity .2s}.desktop-nav a:hover{opacity:.5}.menu-toggle{display:none;width:35px;height:22px;background:none;border:0;padding:0;position:relative}.menu-toggle span{height:2px;background:currentColor;position:absolute;left:0;width:100%}.menu-toggle span:first-child{top:4px}.menu-toggle span:last-child{bottom:4px}.menu-panel{position:fixed;inset:0;z-index:40;background:var(--lime);padding:110px var(--pad) var(--pad);display:flex;flex-direction:column;justify-content:space-between;transform:translateY(-105%);transition:transform .6s cubic-bezier(.76,0,.24,1)}.menu-panel.open{transform:none}.menu-links{display:flex;flex-direction:column}.menu-links a{font:700 clamp(42px,8vw,100px)/.95 var(--display);letter-spacing:-.06em;border-bottom:1px solid rgba(23,23,23,.3);padding:10px 0;display:flex;justify-content:space-between}.menu-links span{font:500 12px var(--body);letter-spacing:0}.menu-foot{display:flex;justify-content:space-between}.cursor-dot{position:fixed;z-index:100;pointer-events:none;width:12px;height:12px;background:var(--lime);border-radius:100%;transform:translate(-50%,-50%);mix-blend-mode:difference}.site-footer{background:var(--lime);padding:clamp(70px,12vw,160px) var(--pad) 34px}.footer-cta{display:block;font:700 clamp(44px,8.2vw,132px)/.84 var(--display);letter-spacing:-.075em;max-width:1300px}.footer-cta em,.serif{font-family:var(--accent);font-weight:600}.footer-grid{border-top:1px solid rgba(23,23,23,.4);margin-top:clamp(80px,13vw,180px);padding-top:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.footer-grid div{display:flex;flex-direction:column;gap:8px}.footer-grid p{margin:0}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.16em;opacity:.62}
body,body *{font-family:"Poppins",sans-serif!important}
.hero{min-height:100vh;background-color:var(--charcoal);background-image:linear-gradient(to bottom,rgba(0,0,0,.08),rgba(0,0,0,.3)),image-set(url('./assets/home-hero-960.avif') type('image/avif'),url('./assets/home-hero-960.jpg') type('image/jpeg'));background-position:center;background-size:cover;background-repeat:no-repeat;color:var(--lime);display:flex;flex-direction:column;justify-content:flex-end;padding:130px var(--pad) 30px;position:relative;overflow:hidden}.hero-kicker{position:absolute;top:115px;left:var(--pad);font-size:12px;color:var(--cyan);text-transform:uppercase;letter-spacing:.15em}.hero-title{font:800 clamp(72px,14.1vw,226px)/.73 var(--display);letter-spacing:-.085em;margin:0;max-width:1500px}.hero-title .word{display:block;overflow:hidden}.hero-title .word>span{display:inline-block;animation:rise .85s cubic-bezier(.16,1,.3,1) both}.hero-title .word:nth-child(2)>span{animation-delay:.12s}.hero-title em{font-family:var(--accent);font-weight:600;display:inline-block;transform:translateY(-.02em)}.hero-meta{margin-top:42px;display:flex;justify-content:space-between;align-items:flex-end;color:var(--cyan);font-size:12px}.scroll-mark{display:flex;gap:10px;align-items:center}.scroll-mark:before{content:"";width:42px;height:1px;background:currentColor}@keyframes rise{from{transform:translateY(110%) rotate(3deg)}to{transform:none}}@media(min-width:700px){.hero{background-image:linear-gradient(to bottom,rgba(0,0,0,.08),rgba(0,0,0,.3)),image-set(url('./assets/home-hero-960.avif') type('image/avif'),url('./assets/home-hero-960.jpg') type('image/jpeg'))}}@media(min-width:1100px){.hero{background-image:linear-gradient(to bottom,rgba(0,0,0,.08),rgba(0,0,0,.3)),image-set(url('./assets/home-hero-1400.avif') type('image/avif'),url('./assets/home-hero-1400.jpg') type('image/jpeg'))}}@media(min-width:1500px){.hero{background-image:linear-gradient(to bottom,rgba(0,0,0,.08),rgba(0,0,0,.3)),image-set(url('./assets/home-hero-1672.avif') type('image/avif'),url('./assets/home-hero-1672.jpg') type('image/jpeg'))}}
.intro{padding:clamp(90px,14vw,210px) var(--pad);display:grid;grid-template-columns:1fr 3fr;gap:30px}.intro h2{font:700 clamp(38px,6.5vw,104px)/.97 var(--display);letter-spacing:-.06em;margin:0;max-width:1200px}.intro h2 em{font-family:var(--accent);font-weight:600}.belief-note{padding:clamp(70px,9vw,130px) var(--pad);background:var(--lime);display:flex;justify-content:flex-end}.belief-note p{max-width:1050px;margin:0;font:600 clamp(28px,4.1vw,64px)/1.12 var(--display);letter-spacing:-.045em}.section-label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;padding-top:12px}.featured{background:#101010;color:#fff;padding:var(--pad)}.featured-head{display:flex;justify-content:space-between;align-items:end;padding:16px 0 28px}.featured-head h2{margin:0;font:700 clamp(42px,7vw,96px)/1 var(--display);letter-spacing:-.06em}.featured-head p{margin:0;color:var(--lime)}.featured-card{display:grid;grid-template-columns:1.45fr .55fr;min-height:74vh;background:var(--lime);color:var(--ink);overflow:hidden}.featured-visual{position:relative;min-height:520px;background:linear-gradient(135deg,#cffd92 0 28%,#171717 28% 31%,#7ce6f5 31% 57%,#fff 57% 60%,#505050 60%)}.featured-visual:before{content:"SINTREX";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:800 clamp(60px,10vw,180px) var(--display);letter-spacing:-.09em;mix-blend-mode:difference;color:white;transform:rotate(-9deg)}.featured-copy{padding:clamp(30px,5vw,80px);display:flex;flex-direction:column;justify-content:space-between}.featured-copy h3{font:700 clamp(42px,5vw,76px)/.95 var(--display);letter-spacing:-.06em;margin:0}.featured-copy p{font-size:18px;line-height:1.55;max-width:440px}.round-link{width:130px;height:130px;border:1px solid currentColor;border-radius:100%;display:grid;place-items:center;transition:.3s}.round-link:hover{background:var(--ink);color:var(--lime);transform:rotate(-8deg)}
.work-preview,.page{padding:130px var(--pad) clamp(90px,10vw,150px)}.work-preview{padding-top:clamp(110px,13vw,190px)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-head h2,.page-title{font:700 clamp(58px,10vw,150px)/.82 var(--display);letter-spacing:-.085em;margin:0}.section-head a{font-size:13px;border-bottom:1px solid}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(18px,2vw,32px);row-gap:60px}.project-card{grid-column:span 4}.project-card.wide{grid-column:span 8}.project-card.shift{margin-top:120px}.project-art{aspect-ratio:4/3;position:relative;overflow:hidden;background:#ddd}.project-art:after{content:"View project ↗";position:absolute;inset:0;background:rgba(201,255,143,.9);display:grid;place-items:center;font-size:13px;opacity:0;transition:.35s}.project-card:hover .project-art:after{opacity:1}.project-card:hover .art-inner{transform:scale(.96)}.art-inner{position:absolute;inset:0;transition:.5s cubic-bezier(.2,.8,.2,1)}.art-a{background:radial-gradient(circle at 65% 40%,#fff 0 7%,transparent 8%),repeating-linear-gradient(45deg,#cf66ff 0 30px,#111 30px 60px)}.art-b{background:linear-gradient(115deg,#ff6b35 0 33%,#f7f2df 33% 66%,#151515 66%)}.art-b:before{content:"eora";position:absolute;inset:0;display:grid;place-items:center;font:800 12vw var(--display);color:#85f3ff;letter-spacing:-.1em}.art-c{background:var(--cyan)}.art-c:before{content:"JOY\A IS A\A STRATEGY";white-space:pre;position:absolute;left:8%;bottom:7%;font:800 clamp(36px,7vw,110px)/.78 var(--display);letter-spacing:-.09em}.art-d{background:linear-gradient(20deg,#141414 0 45%,#c9ff8f 45%)}.art-d:before{content:"VALLEY";position:absolute;inset:0;display:grid;place-items:center;font:800 11vw var(--display);color:#fff;mix-blend-mode:difference}.art-e{background:conic-gradient(from 45deg,#ffcae9,#232323,#c9ff8f,#7ce6f5,#ffcae9)}.art-e:before{content:"D";position:absolute;inset:0;display:grid;place-items:center;font:600 italic 24vw var(--accent);color:white}.art-f{background:#f0eadf}.art-f:before{content:"BAY / WINDOW";position:absolute;inset:8%;border:clamp(10px,2vw,30px) solid #e3422f;display:grid;place-items:center;font:800 clamp(34px,6vw,96px)/.82 var(--display);text-align:center;letter-spacing:-.08em}.project-info{display:flex;justify-content:space-between;gap:20px;padding-top:12px;border-top:1px solid var(--line);margin-top:10px}.project-info h3{margin:0;font-size:18px}.project-info p{margin:0;text-align:right;font-size:11px;max-width:55%;opacity:.65}.marquee{overflow:hidden;border-block:1px solid var(--line);padding:18px 0;background:var(--lime)}.marquee-track{display:flex;width:max-content;animation:marquee 24s linear infinite;font:700 44px var(--display);letter-spacing:-.04em}.marquee-track span{padding-right:40px}.marquee-track em{font-family:var(--accent);font-weight:600}@keyframes marquee{to{transform:translateX(-50%)}}
.selected-work-section{background:#f6f2ec}.selected-work-head{align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:34px;margin-bottom:0}.selected-work-head .section-label{display:block;margin-bottom:20px}.selected-work-head h2{font-size:clamp(62px,9vw,132px)}.selected-work-grid{display:grid;border-bottom:1px solid var(--line)}.selected-work-card{position:relative;min-height:clamp(132px,15vw,220px);display:grid;grid-template-columns:72px minmax(260px,1fr) minmax(180px,300px) 84px;gap:clamp(18px,3vw,46px);align-items:center;border-top:1px solid var(--line);color:var(--ink);overflow:hidden;isolation:isolate}.selected-work-card:before{content:"";position:absolute;inset:0;background:var(--ink);transform:scaleY(0);transform-origin:bottom;transition:transform .42s cubic-bezier(.2,.8,.2,1);z-index:-2}.selected-work-card:hover:before{transform:scaleY(1);transform-origin:top}.selected-work-num{font-size:12px;letter-spacing:.16em;color:rgba(20,20,20,.52);transition:.32s}.selected-work-title h3{font:700 clamp(46px,7vw,108px)/.82 var(--display);letter-spacing:-.085em;margin:0;transition:transform .42s cubic-bezier(.2,.8,.2,1),color .32s}.selected-work-title p{max-width:500px;margin:14px 0 0;color:rgba(20,20,20,.56);line-height:1.45;transition:.32s}.selected-work-tags{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.selected-work-tags span{border:1px solid currentColor;border-radius:999px;padding:8px 12px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:rgba(20,20,20,.62);transition:.32s}.selected-work-preview{position:absolute;right:118px;top:50%;width:clamp(180px,22vw,340px);aspect-ratio:4/3;overflow:hidden;background:#ddd;opacity:0;transform:translateY(-50%) translateX(34px) rotate(-3deg) scale(.92);transition:.42s cubic-bezier(.2,.8,.2,1);z-index:-1;box-shadow:0 25px 80px rgba(0,0,0,.28);pointer-events:none}.selected-work-arrow{justify-self:end;width:58px;height:58px;border:1px solid currentColor;border-radius:999px;display:grid;place-items:center;font-size:22px;transition:.35s}.selected-work-card:hover{color:#fff}.selected-work-card:hover .selected-work-title h3{transform:translateX(18px);color:var(--lime)}.selected-work-card:hover .selected-work-title p,.selected-work-card:hover .selected-work-num,.selected-work-card:hover .selected-work-tags span{color:rgba(255,255,255,.72)}.selected-work-card:hover .selected-work-preview{opacity:1;transform:translateY(-50%) translateX(0) rotate(2deg) scale(1)}.selected-work-card:hover .selected-work-preview .art-inner{transform:scale(1.06)}.selected-work-card:hover .selected-work-arrow{background:var(--lime);color:var(--ink);border-color:var(--lime);transform:rotate(45deg)}
.page-hero{padding-top:60px;min-height:55vh;display:flex;flex-direction:column;justify-content:flex-end;border-bottom:1px solid var(--line);padding-bottom:35px}.page-deck{font-size:clamp(18px,2vw,28px);max-width:700px;line-height:1.4;margin:30px 0 0 auto}.filter-row{display:flex;flex-wrap:wrap;gap:8px;padding:28px 0 50px}.filter-btn{border:1px solid var(--ink);border-radius:50px;background:transparent;padding:10px 17px;cursor:pointer;font-size:12px}.filter-btn.active,.filter-btn:hover{background:var(--ink);color:var(--lime)}.all-work .project-card{margin:0}.service-list{margin-top:70px}.service{display:grid;grid-template-columns:80px 1.2fr 1fr;border-top:1px solid var(--line);padding:30px 0;gap:30px}.service:last-child{border-bottom:1px solid var(--line)}.service h2{font:700 clamp(32px,4vw,62px)/1 var(--display);letter-spacing:-.05em;margin:0}.service p{margin:0;line-height:1.8}.service ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;line-height:1.45}.service li{display:flex;gap:10px}.service li:before{content:'↗';color:var(--cyan)}.service-num{font-size:11px}.manifesto{background:var(--charcoal);color:#fff}.manifesto .page-hero{border-color:rgba(255,255,255,.3)}.manifesto-copy{padding:clamp(90px,14vw,200px) 0;max-width:1100px;margin:auto}.manifesto-copy p{font:700 clamp(36px,6vw,85px)/1.03 var(--display);letter-spacing:-.06em;margin:0 0 1.05em}.manifesto-copy p:nth-child(3n+2){color:var(--lime)}.manifesto-copy .small{font:400 clamp(18px,2.3vw,30px)/1.5 var(--body);letter-spacing:0;max-width:800px}.about-statement{font:700 clamp(48px,8vw,118px)/.95 var(--display);letter-spacing:-.07em;padding:clamp(100px,13vw,180px) 0}.about-statement em{font-family:var(--accent);font-weight:600}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-top:75px}.contact-copy h2{font:700 clamp(38px,5vw,72px)/1 var(--display);letter-spacing:-.06em;margin:0 0 35px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:24px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:10px;text-transform:uppercase;letter-spacing:.14em}.field input,.field textarea,.field select{width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:12px 0;border-radius:0;outline:none}.field textarea{min-height:110px;resize:vertical}.submit-btn{grid-column:1/-1;background:var(--ink);color:var(--lime);border:0;padding:18px;cursor:pointer;margin-top:15px}.submit-btn:hover{background:var(--charcoal)}
.work-page{background:#f7f3ed}.work-page-hero{min-height:58vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:clamp(30px,6vw,90px)}.work-page-hero .page-deck{margin:0 0 8px;max-width:560px}.work-feature-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:repeat(2,minmax(260px,1fr));gap:clamp(16px,2vw,28px);padding:clamp(32px,5vw,72px) 0 clamp(72px,9vw,130px)}.work-feature-card{position:relative;overflow:hidden;min-height:300px;background:#111;color:#fff;display:flex;align-items:flex-end;padding:clamp(22px,3vw,42px);isolation:isolate}.work-feature-card.lead{grid-row:span 2;min-height:clamp(540px,62vw,780px)}.work-feature-art{position:absolute;inset:0;z-index:-2}.work-feature-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.72))}.work-feature-card .art-inner{transform:scale(1.02)}.work-feature-card:hover .art-inner{transform:scale(1.1) rotate(.8deg)}.work-feature-copy{max-width:680px}.work-feature-copy span{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--lime)}.work-feature-copy h2{font:700 clamp(54px,8vw,132px)/.78 var(--display);letter-spacing:-.085em;margin:18px 0 18px}.work-feature-card:not(.lead) .work-feature-copy h2{font-size:clamp(40px,5vw,76px)}.work-feature-copy p{max-width:520px;line-height:1.45;color:rgba(255,255,255,.78);margin:0}.work-toolbar{display:grid;grid-template-columns:300px 1fr;gap:clamp(24px,4vw,72px);align-items:start;border-top:1px solid var(--line);padding-top:26px}.work-toolbar p{margin:8px 0 0;color:rgba(20,20,20,.58);font-size:13px}.work-toolbar .filter-row{padding:0 0 34px;justify-content:flex-end}.work-archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:clamp(18px,2vw,30px);padding-bottom:clamp(60px,8vw,110px)}.work-archive-card{display:block;color:var(--ink);background:#fff;border:1px solid rgba(20,20,20,.12);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}.work-archive-card:hover{transform:translateY(-8px);box-shadow:0 24px 70px rgba(0,0,0,.12);border-color:rgba(20,20,20,.28)}.work-archive-art{aspect-ratio:4/3;position:relative;overflow:hidden;background:#ddd}.work-archive-art span{position:absolute;right:14px;top:14px;background:var(--lime);color:var(--ink);border-radius:999px;padding:8px 11px;font-size:11px;opacity:0;transform:translateY(-8px);transition:.3s}.work-archive-card:hover .work-archive-art span{opacity:1;transform:none}.work-archive-card:hover .art-inner{transform:scale(1.06)}.work-archive-copy{display:grid;grid-template-columns:34px 1fr;gap:18px;padding:18px;border-top:1px solid rgba(20,20,20,.1)}.work-archive-copy small{font-size:10px;letter-spacing:.14em;color:rgba(20,20,20,.45)}.work-archive-copy h3{font-size:24px;letter-spacing:-.04em;margin:0 0 8px}.work-archive-copy p{margin:0;color:rgba(20,20,20,.58);font-size:11px;line-height:1.35}
.work-page-hero{
  position:relative;
  overflow:hidden;
  margin:0 calc(var(--pad) * -1);
  padding:0 var(--pad) 0;
  background:
    linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%),
    url('./assets/work/work-hero-systems-map.png') center top/cover no-repeat;
}
.work-page-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,0) 52%,rgba(0,0,0,.06));
  pointer-events:none;
}
.work-page-hero:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:clamp(170px,24vh,280px);
  background:linear-gradient(180deg,rgba(247,243,237,0),rgba(247,243,237,.94) 30%,#f7f3ed 100%);
  pointer-events:none;
  z-index:0;
}
.work-page-hero>*{
  position:relative;
  z-index:1;
}
.about-page-hero{
  position:relative;
  overflow:hidden;
  margin:0 calc(var(--pad) * -1);
  padding:0 var(--pad) clamp(28px,4vw,54px);
  min-height:58vh;
  display:grid;
  grid-template-columns:1fr minmax(360px,.86fr);
  align-items:end;
  gap:clamp(30px,6vw,90px);
  background:url('./assets/work/work-hero-systems-map.png') center top/cover no-repeat;
}
.about-page-hero:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:clamp(180px,25vh,300px);
  background:linear-gradient(180deg,rgba(247,243,237,0),rgba(247,243,237,.94) 32%,#f7f3ed 100%);
  pointer-events:none;
}
.about-page-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,0) 58%,rgba(0,0,0,.05));
  pointer-events:none;
}
.about-page-hero>*{
  position:relative;
  z-index:1;
}
.about-page-hero .page-title{
  margin:0;
  align-self:end;
  justify-self:start;
}
.about-page-hero .page-deck{
  margin:0 0 .4em;
  max-width:620px;
  align-self:end;
  justify-self:end;
  text-align:left;
  font-size:clamp(15px,1.35vw,21px);
  line-height:1.55;
}
.case-page{padding-top:125px}.case-head{padding:0 var(--pad) 45px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end}.case-head h1{font:700 clamp(62px,11vw,180px)/.78 var(--display);letter-spacing:-.09em;margin:0}.case-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;font-size:11px}.case-hero-art{height:min(78vh,850px);margin:0 var(--pad);position:relative}.case-hero-art .art-inner{transform:none!important}.case-intro{display:grid;grid-template-columns:1fr 2fr;padding:clamp(90px,13vw,180px) var(--pad);gap:40px}.case-intro h2{font:700 clamp(36px,5vw,72px)/.98 var(--display);letter-spacing:-.06em;margin:0}.case-intro p{font-size:clamp(18px,2vw,30px);line-height:1.45;margin:0;max-width:900px}.case-panels{display:grid;grid-template-columns:1fr 1fr;gap:var(--pad);padding:0 var(--pad) clamp(100px,13vw,180px)}.case-panel{aspect-ratio:1;background:var(--cyan);position:relative;overflow:hidden}.case-panel:nth-child(2){background:var(--lime);margin-top:15vw}.case-panel:before{content:"FORM / ZERO";position:absolute;inset:10%;border:1px solid var(--ink);display:grid;place-items:center;font:800 clamp(36px,5vw,80px) var(--display);letter-spacing:-.06em}.case-panel:nth-child(2):before{content:"MAKE IT\A NOTICEABLE";white-space:pre;text-align:center;font-family:var(--accent);font-style:italic}.next-project{background:var(--ink);color:#fff;padding:90px var(--pad)}.next-project span{font-size:11px;text-transform:uppercase;letter-spacing:.14em}.next-project a{display:block;font:700 clamp(55px,10vw,150px)/.9 var(--display);letter-spacing:-.08em;margin-top:30px;color:var(--lime)}
.parent-brand-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(24px,4vw,70px);padding:34px var(--pad) clamp(80px,10vw,150px);align-items:stretch}.parent-brand-visual{position:relative;min-height:clamp(480px,58vw,760px);overflow:hidden;background:#111}.parent-brand-note{background:var(--ink);color:#fff;padding:clamp(34px,5vw,72px);display:flex;flex-direction:column;justify-content:flex-end}.parent-brand-note h2{font:700 clamp(48px,6vw,94px)/.88 var(--display);letter-spacing:-.075em;margin:18px 0 24px;color:var(--lime)}.parent-brand-note p{line-height:1.65;color:rgba(255,255,255,.72);max-width:620px}.property-archive{border-top:1px solid var(--line);padding:clamp(52px,7vw,100px) var(--pad)}.property-archive-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:28px}.property-archive-head p{max-width:520px;line-height:1.5;color:rgba(20,20,20,.6);margin:0}.property-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(16px,2vw,28px)}.property-card{min-height:330px;background:#fff;border:1px solid rgba(20,20,20,.12);padding:24px;display:flex;flex-direction:column;justify-content:space-between;transition:.35s cubic-bezier(.2,.8,.2,1)}.property-card:hover{transform:translateY(-8px);box-shadow:0 22px 70px rgba(0,0,0,.1);border-color:var(--ink)}.property-card small{font-size:10px;letter-spacing:.16em;color:rgba(20,20,20,.45)}.property-card h3{font:700 clamp(34px,4vw,58px)/.9 var(--display);letter-spacing:-.065em;margin:34px 0 16px}.property-card span{display:inline-block;width:max-content;border:1px solid var(--ink);border-radius:999px;padding:7px 10px;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.property-card p{line-height:1.55;color:rgba(20,20,20,.62)}.property-card button{border:0;background:var(--ink);color:var(--lime);padding:14px 16px;text-align:left;cursor:pointer}
@media(max-width:850px){.desktop-nav{display:none}.menu-toggle{display:block}.cursor-dot{display:none}.footer-grid{grid-template-columns:1fr 1fr;row-gap:35px}.featured-card{grid-template-columns:1fr}.featured-visual{min-height:55vh}.project-card,.project-card.wide{grid-column:span 6}.project-card.shift{margin-top:70px}.selected-work-card{grid-template-columns:44px 1fr 58px;min-height:170px}.selected-work-tags{grid-column:2/-1;justify-content:flex-start;margin-top:-24px}.selected-work-preview{right:82px;width:220px;opacity:.18;transform:translateY(-50%) rotate(-2deg);box-shadow:none}.work-page-hero{grid-template-columns:1fr;min-height:48vh}.work-feature-grid{grid-template-columns:1fr;grid-template-rows:auto}.work-feature-card.lead{grid-row:auto;min-height:480px}.work-feature-card{min-height:360px}.work-toolbar{grid-template-columns:1fr}.work-toolbar .filter-row{justify-content:flex-start}.parent-brand-hero{grid-template-columns:1fr}.parent-brand-visual{min-height:420px}.property-archive-head{display:block}.property-archive-head p{margin-top:16px}.intro{grid-template-columns:1fr}.service{grid-template-columns:45px 1fr}.service p{grid-column:2}.contact-layout{grid-template-columns:1fr}.case-head{grid-template-columns:1fr}.case-meta{margin-top:15px}}
@media(max-width:560px){.site-header{height:68px}.hero{padding-top:100px}.hero-kicker{top:95px}.hero-meta{gap:20px}.hero-meta>span:first-child{max-width:180px}.footer-grid{grid-template-columns:1fr}.project-grid{display:block}.project-card,.project-card.wide{margin:0 0 50px}.project-card.shift{margin-top:0}.section-head{align-items:start;gap:25px}.selected-work-head{display:block}.selected-work-head a{display:inline-block;margin-top:22px}.selected-work-card{grid-template-columns:1fr 48px;gap:16px;padding:28px 0;min-height:0}.selected-work-num{grid-column:1/-1}.selected-work-title h3{font-size:clamp(42px,17vw,76px)}.selected-work-title p{font-size:13px}.selected-work-tags{grid-column:1/-1;margin:4px 0 0}.selected-work-preview{display:none}.selected-work-arrow{width:48px;height:48px}.work-feature-card,.work-feature-card.lead{min-height:360px}.work-feature-copy h2,.work-feature-card:not(.lead) .work-feature-copy h2{font-size:clamp(46px,18vw,82px)}.work-archive-grid{grid-template-columns:1fr}.parent-brand-note{padding:28px}.parent-brand-visual{min-height:320px}.property-card{min-height:280px}.featured-copy{min-height:460px}.round-link{width:100px;height:100px}.service{grid-template-columns:35px 1fr;gap:15px}.service p{font-size:13px}.contact-form{grid-template-columns:1fr}.field.full,.submit-btn{grid-column:1}.case-hero-art{height:56vh}.case-intro{grid-template-columns:1fr}.case-panels{grid-template-columns:1fr}.case-panel:nth-child(2){margin-top:0}.page{padding-top:100px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.hero-title{font-size:clamp(48px,8.2vw,132px)}
.hero-title .word>span{white-space:nowrap}
.hero-title em{font-family:var(--display);font-style:normal;font-weight:800;transform:none}
.art-s{background:linear-gradient(115deg,#ff6633 0 33%,#f7f2df 33% 66%,#151515 66%)}
.art-s:before{content:"SINTREX";position:absolute;inset:0;display:grid;place-items:center;font:800 10vw var(--display);color:var(--cyan);letter-spacing:-.1em}
.featured-visual{background:url('./assets/sintrex/120.jpg') center/cover no-repeat}.featured-visual:before{content:none}.art-s{background:url('./assets/sintrex/116.jpg') center/cover no-repeat}.art-s:before{content:none}
.art-candeur{background:linear-gradient(135deg,#101010 0 44%,#d8b37a 44% 56%,#f1eee8 56%)}.art-candeur:before{content:"CANDEUR";position:absolute;inset:auto 7% 8%;font:800 clamp(38px,7vw,110px)/.8 var(--display);letter-spacing:-.08em;color:#101010;mix-blend-mode:difference}
.art-omsree{background:radial-gradient(circle at 25% 20%,#c9ff8f 0 12%,transparent 13%),linear-gradient(145deg,#efe7d8,#8f7049)}.art-omsree:before{content:"OM SREE";position:absolute;inset:0;display:grid;place-items:center;font:800 clamp(36px,6vw,90px)/.85 var(--display);letter-spacing:-.07em;color:#fff}
.art-tech{background:repeating-linear-gradient(90deg,#111 0 18px,#272727 18px 36px),linear-gradient(#7ce6f5,#7ce6f5);background-blend-mode:multiply}.art-tech:before{content:"TECHNOPOLIS";position:absolute;left:8%;bottom:8%;font:800 clamp(28px,5vw,80px)/.82 var(--display);letter-spacing:-.06em;color:var(--cyan)}
.art-cascades{background:linear-gradient(160deg,#dff8ff,#7ce6f5 42%,#12313a 42% 100%)}.art-cascades:before{content:"CASCADES";position:absolute;inset:0;display:grid;place-items:center;font:800 clamp(36px,6vw,94px)/.82 var(--display);letter-spacing:-.08em;color:#fff}
.art-dlux{background:conic-gradient(from 180deg,#111,#5542ff,#f1e8d8,#111)}.art-dlux:before{content:"DLUX";position:absolute;inset:0;display:grid;place-items:center;font:800 clamp(46px,9vw,140px)/.8 var(--display);letter-spacing:-.08em;color:#fff}
.art-dlux-baby{background:linear-gradient(135deg,#fff2f4,#ffc9da 52%,#f7f2df 52%)}.art-dlux-baby:before{content:"baby";position:absolute;inset:0;display:grid;place-items:center;font:600 italic clamp(58px,10vw,150px)/.8 var(--accent);color:#111}
.art-belly{background:radial-gradient(circle at 50% 50%,#ffb7c9 0 20%,transparent 21%),linear-gradient(135deg,#f7f2df,#ffe0d1)}.art-belly:before{content:"Belly & Baby";position:absolute;left:8%;right:8%;bottom:10%;font:800 clamp(34px,6vw,92px)/.9 var(--display);letter-spacing:-.07em;color:#111}
.art-raghava-group{background:linear-gradient(135deg,#0d0d0d 0 38%,#c9ff8f 38% 50%,#f7f2df 50%)}.art-raghava-group:before{content:"RAGHAVA GROUP";position:absolute;inset:8%;border:1px solid rgba(20,20,20,.35);display:grid;place-items:center;text-align:center;font:800 clamp(30px,5vw,84px)/.84 var(--display);letter-spacing:-.07em;color:#111}
.art-haruka{background:linear-gradient(135deg,#f7f2df 0 48%,#111 48%),radial-gradient(circle at 72% 28%,#d9a441 0 12%,transparent 13%);background-blend-mode:normal}.art-haruka:before{content:"HARUKA";position:absolute;inset:0;display:grid;place-items:center;font:800 clamp(40px,7vw,112px)/.82 var(--display);letter-spacing:-.08em;color:#d9a441}
.art-zenvia{background:radial-gradient(circle at 72% 30%,#c9ff8f 0 9%,transparent 10%),linear-gradient(145deg,#102025,#7ce6f5 52%,#f7f2df 52%)}.art-zenvia:before{content:"ZENVIA";position:absolute;left:8%;bottom:8%;font:800 clamp(42px,8vw,120px)/.8 var(--display);letter-spacing:-.085em;color:#102025}
.art-zee{background:radial-gradient(circle at 50% 50%,#ffde17 0 18%,transparent 19%),linear-gradient(135deg,#5b21b6,#f04e23 58%,#111 58%)}.art-zee:before{content:"ZEE TELUGU";position:absolute;inset:0;display:grid;place-items:center;text-align:center;font:800 clamp(34px,6vw,98px)/.82 var(--display);letter-spacing:-.075em;color:#fff}
.art-b{background:url('./assets/eora/statics/body wash 1.jpg') center/cover no-repeat}.art-b:before{content:none!important}
.art-tiger-hills{background:linear-gradient(145deg,#0f1d12 0 46%,#c9ff8f 46% 54%,#8b5e34 54%),radial-gradient(circle at 78% 22%,#f4c66b 0 12%,transparent 13%)}.art-tiger-hills:before{content:"TIGER HILLS";position:absolute;left:8%;right:8%;bottom:9%;font:800 clamp(32px,6vw,92px)/.84 var(--display);letter-spacing:-.075em;color:#fff}
.site-header{mix-blend-mode:normal!important;color:var(--ink)!important;background:transparent!important;border:0!important;box-shadow:none!important;height:88px;padding:16px calc(var(--pad) + 22px);align-items:center}.site-header:before{content:"";position:absolute;left:var(--pad);right:var(--pad);top:14px;height:60px;background:rgba(245,244,239,.76);border:1px solid rgba(23,23,23,.12);border-radius:999px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 16px 60px rgba(0,0,0,.08);z-index:-1}.site-header .wordmark{width:clamp(118px,10.5vw,172px);height:56px;display:flex;align-items:center;justify-content:center;margin:0}.site-header .wordmark img{filter:none;display:block}.desktop-nav{height:56px;align-items:center;gap:6px;margin:0}.desktop-nav a{font-size:12px;font-weight:500;padding:10px 14px;border-radius:999px;transition:background .25s,color .25s,transform .25s}.desktop-nav a:hover{opacity:1;background:var(--ink);color:var(--lime);transform:translateY(-1px)}.menu-toggle{margin:0}
.selected-work-grid{gap:0}.selected-work-card{min-height:0;grid-template-columns:42px minmax(180px,280px) 1fr 58px;gap:clamp(18px,3vw,44px);padding:clamp(20px,2.5vw,34px) 0;overflow:visible}.selected-work-card:before{display:none}.selected-work-card:hover{color:var(--ink)}.selected-work-card:hover .selected-work-title h3{transform:none;color:var(--ink)}.selected-work-card:hover .selected-work-title p,.selected-work-card:hover .selected-work-num,.selected-work-card:hover .selected-work-tags span{color:rgba(20,20,20,.62)}.selected-work-preview{position:relative;right:auto;top:auto;grid-column:2;grid-row:1;z-index:0;width:100%;aspect-ratio:16/10;opacity:1;transform:none;box-shadow:none;order:0}.selected-work-card:hover .selected-work-preview{opacity:1;transform:none}.selected-work-card:hover .selected-work-preview .art-inner{transform:scale(1.04)}.selected-work-num{grid-column:1;grid-row:1;align-self:start;padding-top:6px}.selected-work-title{grid-column:3;grid-row:1}.selected-work-title h3{font-size:clamp(38px,5vw,82px);line-height:.86}.selected-work-title p{max-width:620px;margin-top:12px}.selected-work-tags{grid-column:3;grid-row:1;justify-content:flex-start;align-self:end;margin-top:92px}.selected-work-tags span{background:rgba(23,23,23,.04)}.selected-work-arrow{grid-column:4;grid-row:1;align-self:center}.selected-work-card:hover .selected-work-arrow{background:var(--ink);color:var(--lime);border-color:var(--ink);transform:none}
@media(max-width:850px){.selected-work-card{grid-template-columns:34px minmax(120px,210px) 1fr 48px;min-height:0}.selected-work-preview{display:block;right:auto;width:100%;opacity:1;transform:none}.selected-work-tags{grid-column:3;grid-row:1;margin-top:82px}.selected-work-title h3{font-size:clamp(34px,8vw,68px)}}@media(max-width:560px){.selected-work-card{grid-template-columns:1fr 44px;padding:28px 0}.selected-work-preview{grid-column:1/-1;grid-row:auto;aspect-ratio:16/10;margin:0 0 18px}.selected-work-num{grid-column:1/-1;grid-row:auto;padding:0}.selected-work-title{grid-column:1;grid-row:auto}.selected-work-tags{grid-column:1/-1;grid-row:auto;margin:10px 0 0}.selected-work-arrow{grid-column:2;grid-row:3}.selected-work-title h3{font-size:clamp(42px,16vw,72px)}}
.sintrex-page{background:var(--paper);padding-top:0}.sx-hero{min-height:92vh;background:#9bbce9;padding:130px var(--pad) 42px;display:flex;flex-direction:column;justify-content:space-between}.sx-kicker{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.15em;font-size:10px}.sx-hero h1{font:800 clamp(100px,20vw,310px)/.72 var(--display);letter-spacing:-.095em;margin:auto 0 45px;color:#fff93f}.sx-lead{display:grid;grid-template-columns:1.5fr 1fr;gap:8vw;align-items:end;border-top:1px solid rgba(23,23,23,.35);padding-top:20px}.sx-lead p{font-size:clamp(22px,2.7vw,42px);line-height:1.18;margin:0;max-width:780px}.sx-lead span{text-align:right;font-size:11px}.sx-full{margin:0}.sx-full img,.sx-duo img,.sx-symbol-banner img,.sx-wide-dark img,.sx-application-grid img,.sx-close img{display:block;width:100%;height:auto}.sx-story{padding:clamp(100px,14vw,210px) var(--pad);display:grid;grid-template-columns:1fr 3fr;gap:30px}.sx-story h2{font:800 clamp(54px,9vw,140px)/.82 var(--display);letter-spacing:-.075em;margin:0}.sx-story h2 em,.sx-colour h2 em{font-family:var(--accent);font-weight:600}.sx-story p{font-size:clamp(18px,2vw,30px);line-height:1.48;max-width:850px;margin:70px 0 0 auto}.sx-duo{display:grid;grid-template-columns:1fr 1fr;background:#fff93f}.sx-duo figure,.sx-application-grid figure,.sx-close figure{margin:0}.sx-symbol{background:#9bbce9;padding:clamp(75px,10vw,150px) var(--pad)}.sx-symbol-copy{max-width:1100px;padding:0}.sx-symbol h2{font:800 clamp(44px,6.5vw,100px)/.9 var(--display);letter-spacing:-.065em;margin:40px 0}.sx-symbol p{font-size:clamp(16px,1.6vw,23px);line-height:1.55;max-width:680px}.sx-symbol-banner{margin:0;background:#9bbce9}.sx-wide-dark{margin:0;background:#1c1c1c;padding:var(--pad)}.sx-colour{background:#fff93f;padding:clamp(100px,13vw,190px) var(--pad);display:grid;grid-template-columns:1fr 2fr;gap:30px}.sx-colour h2{font:800 clamp(58px,9vw,140px)/.82 var(--display);letter-spacing:-.075em;margin:0}.sx-colour p{grid-column:2;font-size:clamp(18px,2vw,29px);line-height:1.5;max-width:800px;margin:45px 0 0 auto}.sx-application-grid{background:#1b1b1b;padding:var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:var(--pad)}.sx-close{background:#1b1b1b;color:#fff;padding:clamp(90px,11vw,170px) var(--pad) var(--pad)}.sx-close>div{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-bottom:clamp(75px,10vw,150px)}.sx-close p{font:600 clamp(30px,4.7vw,72px)/1.08 var(--display);letter-spacing:-.05em;margin:0}.sx-close .section-label{color:#fff93f}
.sx-hero-minimal{min-height:72vh;background:#fff;justify-content:flex-end}.sx-hero-minimal h1{margin:0;color:var(--ink);font:500 15px/1 var(--body);letter-spacing:0}
@media(max-width:850px){.sx-hero{min-height:78vh}.sx-lead,.sx-story,.sx-symbol,.sx-colour,.sx-close>div{grid-template-columns:1fr}.sx-lead span{text-align:left}.sx-story p,.sx-colour p{grid-column:1;margin-left:0}.sx-symbol-copy{padding:0}.sx-duo,.sx-application-grid{grid-template-columns:1fr}.sx-story{gap:55px}.sx-colour{gap:50px}}
.eora-page{--eora-cream:#f3eadc;--eora-coral:#ef6048;--eora-wine:#561d2a;--eora-lilac:#bba8f2;background:var(--eora-cream)}.eora-minimal{height:52vh;padding:120px var(--pad) 38px;display:flex;align-items:flex-end;background:#fff;border-bottom:1px solid var(--line)}.eora-minimal span{font-size:14px}.eora-masthead{min-height:92vh;background:var(--eora-coral);color:#1a1110;padding:110px var(--pad) 42px;display:flex;flex-direction:column}.eora-masthead h1{font:800 clamp(120px,24vw,380px)/.68 var(--display);letter-spacing:-.11em;margin:auto 0 55px}.eora-masthead>div{border-top:1px solid rgba(26,17,16,.45);padding-top:18px;display:flex;justify-content:space-between;gap:40px;align-items:end}.eora-masthead p{font-size:clamp(20px,2.6vw,40px);line-height:1.2;max-width:780px;margin:0}.eora-masthead>div span{font-size:10px;text-transform:uppercase;letter-spacing:.13em}.eora-intro{padding:clamp(100px,14vw,210px) var(--pad);display:grid;grid-template-columns:1fr 2fr;gap:30px}.eora-intro h2{font:800 clamp(54px,8vw,125px)/.84 var(--display);letter-spacing:-.07em;margin:0}.eora-intro h2 em{font-family:var(--accent);font-weight:600}.eora-intro p{grid-column:2;font-size:clamp(18px,2vw,28px);line-height:1.55;max-width:800px;margin:55px 0 0 auto}.eora-gallery-section{background:#25161b;color:#fff;padding:clamp(90px,10vw,150px) var(--pad)}.eora-gallery-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.eora-gallery-head h2{font:700 clamp(48px,7vw,100px)/.9 var(--display);letter-spacing:-.065em;margin:20px 0 0}.eora-gallery-head p{font-size:12px;color:#fff9}.eora-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--pad);align-items:start}.eora-gallery-item{grid-column:span 4;aspect-ratio:4/5;border:0;padding:20px;background:#ddd;color:#171717;cursor:zoom-in;display:flex;flex-direction:column;justify-content:space-between;text-align:left;transition:transform .35s cubic-bezier(.16,1,.3,1),filter .35s}.eora-gallery-item:hover{transform:translateY(-8px);filter:saturate(1.15)}.eora-gallery-item.eora-wide{grid-column:span 8;aspect-ratio:16/9}.eora-gallery-item:nth-child(3),.eora-gallery-item:nth-child(7){margin-top:7vw}.eora-gallery-item span{font:700 clamp(42px,6vw,95px)/1 var(--display);letter-spacing:-.07em}.eora-gallery-item small{text-transform:uppercase;letter-spacing:.12em}.eora-tone-1{background:#f2c8b8}.eora-tone-2{background:#bba8f2}.eora-tone-3{background:#e5e1d8}.eora-tone-4{background:#ef6048;color:#fff}.eora-tone-5{background:#8aa9a0}.eora-tone-6{background:#f1cf65}.eora-tone-7{background:#75404f;color:#fff}.eora-tone-8{background:#c9d7f0}.eora-film-preview{background:var(--eora-lilac);padding:clamp(100px,12vw,180px) var(--pad);display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw}.eora-film-preview h2{font:800 clamp(58px,8vw,125px)/.82 var(--display);letter-spacing:-.075em;margin:35px 0}.eora-film-preview p{max-width:520px;line-height:1.6}.eora-film-strip{display:grid;gap:var(--pad)}.eora-film-card{aspect-ratio:16/9;background:var(--eora-wine);color:#fff;padding:22px;display:flex;flex-direction:column;justify-content:space-between}.eora-film-card.alt{background:var(--eora-cream);color:var(--ink)}.eora-film-card span{font-size:42px}.eora-lightbox{position:fixed;inset:0;z-index:120;background:rgba(10,8,9,.94);padding:70px var(--pad) 35px;display:none;grid-template-rows:1fr auto;place-items:center}.eora-lightbox.open{display:grid}.eora-lightbox-close{position:absolute;top:22px;right:var(--pad);border:1px solid #fff5;background:transparent;color:#fff;padding:9px 14px;cursor:pointer}.eora-lightbox-art{width:min(1120px,90vw);height:min(72vh,760px)}.eora-lightbox p{color:#fff;margin:18px 0 0;font-size:12px;text-transform:uppercase;letter-spacing:.13em}
@media(max-width:850px){.eora-masthead>div,.eora-gallery-head{align-items:start;flex-direction:column}.eora-intro,.eora-film-preview{grid-template-columns:1fr}.eora-intro p{grid-column:1;margin-left:0}.eora-gallery-item,.eora-gallery-item.eora-wide{grid-column:span 6;aspect-ratio:4/5}.eora-gallery-item:nth-child(3),.eora-gallery-item:nth-child(7){margin-top:0}}
@media(max-width:560px){.eora-minimal{height:38vh}.eora-masthead{min-height:72vh}.eora-gallery{display:block}.eora-gallery-item,.eora-gallery-item.eora-wide{width:100%;margin:0 0 20px;aspect-ratio:4/5}.eora-lightbox-art{height:62vh}}
.eora-narrative{padding:clamp(100px,13vw,190px) var(--pad);display:grid;grid-template-columns:1fr 2fr;gap:30px}.eora-narrative>div{max-width:1050px}.eora-narrative h2{font:800 clamp(50px,7.5vw,118px)/.86 var(--display);letter-spacing:-.07em;margin:0 0 clamp(55px,7vw,100px)}.eora-narrative p{font-size:clamp(17px,1.75vw,25px);line-height:1.6;max-width:820px;margin:0 0 1.35em}.eora-narrative-soft{background:#ded5c9}.eora-narrative-coral{background:var(--eora-coral)}.eora-belief{min-height:82vh;background:var(--eora-wine);color:var(--eora-cream);padding:clamp(100px,12vw,180px) var(--pad);display:flex;flex-direction:column;justify-content:space-between}.eora-belief span{text-transform:uppercase;letter-spacing:.14em;font-size:10px}.eora-belief h2{font:800 clamp(86px,15vw,230px)/.75 var(--display);letter-spacing:-.09em;margin:0}.eora-delivered{padding:clamp(100px,12vw,180px) var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:8vw}.eora-delivered h2{font:800 clamp(48px,6.5vw,100px)/.88 var(--display);letter-spacing:-.065em;margin:40px 0 0}.eora-delivered ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.eora-delivered li{padding:15px 0;border-bottom:1px solid var(--line);font-size:clamp(14px,1.4vw,20px)}.eora-insight{background:#25161b;color:#fff;padding:clamp(100px,13vw,200px) var(--pad)}.eora-insight p{font-size:clamp(22px,3.2vw,50px);line-height:1.28;max-width:1100px;margin:60px 0 clamp(80px,10vw,150px)}.eora-insight h2{font:800 clamp(90px,15vw,230px)/.73 var(--display);letter-spacing:-.09em;margin:0;color:#f2c8b8}.eora-insight h2 em{font-family:var(--accent);font-weight:600}.eora-insight small{display:block;margin-top:50px;text-transform:uppercase;letter-spacing:.14em}.eora-gallery{display:block;columns:3;column-gap:clamp(16px,2vw,30px)}.eora-gallery-item,.eora-gallery-item.eora-wide{display:inline-flex;width:100%;margin:0 0 clamp(16px,2vw,30px);break-inside:avoid;grid-column:auto}.eora-gallery-item:nth-child(3),.eora-gallery-item:nth-child(7){margin-top:0}
@media(max-width:850px){.eora-narrative,.eora-delivered{grid-template-columns:1fr}.eora-narrative{gap:55px}.eora-gallery{columns:2}}
@media(max-width:560px){.eora-gallery{columns:1}.eora-gallery-item,.eora-gallery-item.eora-wide{margin-bottom:18px}}
.eora-gallery-item,.eora-gallery-item.eora-wide{display:inline-block;aspect-ratio:auto;padding:0;background:transparent;color:#fff;overflow:hidden;vertical-align:top}.eora-gallery-item img{display:block;width:100%;height:auto;transition:transform .45s cubic-bezier(.16,1,.3,1)}.eora-gallery-item:hover{transform:none;filter:none}.eora-gallery-item:hover img{transform:scale(.985)}.eora-gallery-item small{display:block;padding:10px 0 2px;color:#ffffff99;font-size:10px;line-height:1.35;text-transform:none;letter-spacing:.02em}.eora-lightbox-art{display:block;width:auto;height:auto;max-width:90vw;max-height:78vh;object-fit:contain;background:transparent}.eora-lightbox.open{overflow:auto}
.eora-page h1,.eora-page h2,.eora-page h3{font-family:var(--body)!important;letter-spacing:-.05em}.eora-page h2,.eora-page h3{font-weight:600!important;line-height:.98}.eora-page em{font-family:var(--body)!important;font-style:normal;font-weight:600}
.eora-gallery-groups{display:grid;gap:18px}.eora-gallery-group{border-top:1px solid rgba(255,255,255,.24)}.eora-gallery-group:last-child{border-bottom:1px solid rgba(255,255,255,.24)}.eora-gallery-group summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto auto;gap:clamp(18px,3vw,44px);align-items:center;padding:clamp(24px,3.4vw,46px) 0;color:#fff}.eora-gallery-group summary::-webkit-details-marker{display:none}.eora-gallery-group summary:after{content:"+";width:44px;height:44px;border:1px solid rgba(255,255,255,.35);border-radius:999px;display:grid;place-items:center;font-size:23px;line-height:1;color:#fff;transition:transform .25s,background .25s,color .25s}.eora-gallery-group[open] summary:after{content:"−";background:#fff;color:#25161b;transform:rotate(180deg)}.eora-gallery-group summary span{display:block;font-size:clamp(34px,5vw,86px);line-height:.9;font-weight:600;letter-spacing:-.065em}.eora-gallery-group summary p{max-width:620px;margin:12px 0 0;color:rgba(255,255,255,.72);font-size:clamp(13px,1.2vw,17px);line-height:1.5}.eora-gallery-group summary small{justify-self:end;color:rgba(255,255,255,.55);font-size:10px;line-height:1.45;text-transform:uppercase;letter-spacing:.14em;text-align:right;min-width:150px}.eora-preview-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.4vw,20px);padding:0 0 clamp(22px,3vw,42px)}.eora-preview-item{border:0;background:transparent;padding:0;cursor:zoom-in;overflow:hidden;aspect-ratio:16/11}.eora-preview-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.16,1,.3,1),filter .45s}.eora-preview-item:hover img{transform:scale(1.035);filter:saturate(1.12)}.eora-gallery-group:not([open]) .eora-gallery{display:none}.eora-gallery-group[open] .eora-gallery{padding:0 0 clamp(42px,5vw,78px);border-top:1px solid rgba(255,255,255,.13);padding-top:clamp(18px,2.6vw,34px)}.eora-gallery-group .eora-gallery{columns:3;column-gap:clamp(16px,2vw,30px)}.eora-gallery-group .eora-gallery-item{border:0}.eora-gallery-group .eora-gallery-item img{background:rgba(255,255,255,.08)}@media(max-width:850px){.eora-gallery-group summary{grid-template-columns:1fr auto}.eora-gallery-group summary small{grid-column:1/-1;justify-self:start;text-align:left}.eora-preview-strip{grid-template-columns:repeat(2,1fr)}.eora-gallery-group .eora-gallery{columns:2}}@media(max-width:560px){.eora-gallery-group summary span{font-size:clamp(30px,12vw,54px)}.eora-preview-strip{grid-template-columns:1fr}.eora-gallery-group .eora-gallery{columns:1}}
.eora-subgroup-stack{display:grid;gap:12px;margin:0 0 clamp(42px,5vw,78px);padding-top:10px}.eora-gallery-subgroup{border-top:1px solid rgba(255,255,255,.16);padding-left:clamp(18px,3vw,44px)}.eora-gallery-subgroup:last-child{border-bottom:1px solid rgba(255,255,255,.16)}.eora-gallery-subgroup summary{padding:clamp(20px,2.4vw,34px) 0}.eora-gallery-subgroup summary span{font-size:clamp(24px,3.7vw,58px);line-height:.95}.eora-gallery-subgroup summary p{font-size:clamp(12px,1vw,15px);max-width:560px}.eora-gallery-subgroup summary:after{width:36px;height:36px;font-size:20px}.eora-gallery-subgroup:not([open]) summary:after{content:"+";background:transparent;color:#fff;transform:none}.eora-gallery-subgroup[open] summary:after{content:"−";background:#fff;color:#25161b;transform:rotate(180deg)}.eora-gallery-subgroup:not([open])>.eora-preview-strip,.eora-gallery-subgroup:not([open])>.eora-gallery{display:none}.eora-gallery-subgroup[open]>.eora-gallery{display:block;padding:clamp(18px,2vw,28px) 0 clamp(32px,4vw,54px);border-top:1px solid rgba(255,255,255,.12)}.eora-gallery-subgroup[open]>.eora-preview-strip{display:grid}.eora-gallery-subgroup>.eora-gallery{columns:3;column-gap:clamp(16px,2vw,30px)}@media(max-width:850px){.eora-gallery-subgroup{padding-left:18px}.eora-gallery-subgroup>.eora-gallery{columns:2}}@media(max-width:560px){.eora-gallery-subgroup{padding-left:0}.eora-gallery-subgroup>.eora-gallery{columns:1}}
.eora-video-stage{background:#0f0e0f;color:#fff;padding:clamp(90px,11vw,165px) var(--pad)}.eora-video-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:clamp(42px,6vw,86px)}.eora-video-head h2{font-size:clamp(52px,8vw,122px);line-height:.9;margin:18px 0 0;letter-spacing:-.07em}.eora-video-head p{max-width:430px;color:rgba(255,255,255,.68);line-height:1.55;margin:0}.eora-video-groups{display:grid;gap:26px}.eora-video-group{border-top:1px solid rgba(255,255,255,.18);padding-top:0}.eora-video-group:last-child{border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:30px}.eora-video-group summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto auto;gap:28px;align-items:center;padding:28px 0}.eora-video-group summary::-webkit-details-marker{display:none}.eora-video-group summary:after{content:"−";width:38px;height:38px;border:1px solid rgba(255,255,255,.35);border-radius:999px;display:grid;place-items:center;background:#fff;color:#0f0e0f}.eora-video-group:not([open]) summary:after{content:"+";background:transparent;color:#fff}.eora-video-group summary span{display:block;font-weight:600;font-size:clamp(28px,4vw,58px);letter-spacing:-.055em;line-height:.95}.eora-video-group summary p{color:rgba(255,255,255,.62);max-width:700px;margin:10px 0 0;line-height:1.5}.eora-video-group summary small{justify-self:end;text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:rgba(255,255,255,.55);text-align:right}.eora-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,30px);padding:0 0 clamp(34px,4vw,62px)}.eora-video-card{background:#1b1719;border:1px solid rgba(255,255,255,.12);overflow:hidden}.eora-video-embed{aspect-ratio:16/9;background:#000;position:relative}.eora-video-embed iframe{width:100%;height:100%;border:0;display:block}.eora-video-embed small{position:absolute;top:14px;left:14px;color:#fff;background:rgba(0,0,0,.42);border-radius:999px;padding:6px 9px;font-size:10px;z-index:1}.eora-video-copy{padding:18px}.eora-video-copy span{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#c9ff8f;margin-bottom:18px}.eora-video-copy h3{font-size:clamp(19px,2vw,30px);line-height:1.05;letter-spacing:-.04em;margin:0 0 18px}.eora-video-copy p{margin:0;color:rgba(255,255,255,.52);font-size:12px}@media(max-width:900px){.eora-video-head,.eora-video-group summary{grid-template-columns:1fr;display:grid;align-items:start}.eora-video-group summary small{justify-self:start;text-align:left}.eora-video-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.eora-video-grid{grid-template-columns:1fr}}

/* Editorial top banner experiment — inspired by slim fashion/ecomm mastheads */
.site-header{
  top:20px!important;
  left:50%!important;
  width:calc(100% - clamp(24px,4vw,72px))!important;
  height:44px!important;
  padding:0 18px!important;
  transform:translateX(-50%)!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  color:#f5f4ef!important;
  background:transparent!important;
  border:1px solid transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  mix-blend-mode:normal!important;
  transition:background .28s ease,border-color .28s ease,box-shadow .28s ease,backdrop-filter .28s ease,color .28s ease,top .28s ease!important;
}
.site-header.is-scrolled{
  top:14px!important;
  color:var(--ink)!important;
  background:rgba(245,244,239,.9)!important;
  border-color:rgba(23,23,23,.16)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.09)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.site-header.is-light-surface{
  color:var(--ink)!important;
}
.site-header:before{display:none!important}
.site-header .wordmark{
  grid-column:2!important;
  width:clamp(116px,11vw,178px)!important;
  height:42px!important;
  justify-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
}
.site-header .wordmark img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  filter:brightness(0) invert(1)!important;
  transition:filter .28s ease!important;
}
.site-header.is-scrolled .wordmark img{filter:none!important}
.site-header.is-light-surface .wordmark img{filter:none!important}
.desktop-nav{
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  margin:0!important;
}
.desktop-nav-left{grid-column:1!important;justify-self:start!important}
.desktop-nav-right{grid-column:3!important;justify-self:end!important}
.desktop-nav a{
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:currentColor!important;
  font-size:10px!important;
  font-weight:500!important;
  letter-spacing:-.01em!important;
  line-height:1!important;
  opacity:1!important;
  transform:none!important;
  transition:opacity .2s ease!important;
}
.desktop-nav a:hover{opacity:.48!important;background:transparent!important;color:currentColor!important;transform:none!important}
.desktop-nav .nav-request{
  width:18px!important;
  height:18px!important;
  border:1px solid currentColor!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  font-size:14px!important;
  line-height:16px!important;
  margin-left:2px!important;
}
.menu-toggle{
  grid-column:3!important;
  justify-self:end!important;
  color:var(--ink)!important;
}
@media(max-width:850px){
  .site-header{
    top:14px!important;
    width:calc(100% - 24px)!important;
    height:48px!important;
    grid-template-columns:1fr auto 1fr!important;
  }
  .site-header.is-scrolled{top:10px!important}
  .desktop-nav{display:none!important}
  .site-header .wordmark{
    width:142px!important;
    height:46px!important;
  }
  .menu-toggle{display:block!important}
}

/* FormZero agency narrative restructure */
.client-promise{
  padding:clamp(90px,12vw,180px) var(--pad);
  background:#101010;
  color:#fff;
  display:grid;
  grid-template-columns:1.35fr .85fr;
  gap:clamp(28px,6vw,92px);
  align-items:end;
}
.client-promise h2{
  font:700 clamp(48px,7.5vw,116px)/.9 var(--display);
  letter-spacing:-.075em;
  max-width:1150px;
  margin:24px 0 0;
  color:var(--lime);
}
.client-promise p{
  margin:0;
  font-size:clamp(18px,2vw,30px);
  line-height:1.45;
  color:rgba(255,255,255,.76);
}
.promise-actions{
  grid-column:2;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.promise-actions a{
  border:1px solid rgba(255,255,255,.38);
  border-radius:999px;
  padding:13px 18px;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.12em;
  transition:.25s ease;
}
.promise-actions a:hover{
  background:var(--lime);
  color:var(--ink);
  border-color:var(--lime);
}
.client-pathways{
  padding:clamp(90px,12vw,170px) var(--pad);
  background:#f7f3ed;
}
.pathway-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
}
.pathway-card{
  min-height:340px;
  padding:clamp(22px,3vw,38px);
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:.28s ease;
}
.pathway-card:hover{
  background:var(--ink);
  color:#fff;
}
.pathway-card small{
  font-size:10px;
  letter-spacing:.14em;
  opacity:.55;
}
.pathway-card h3{
  font:650 clamp(28px,3.1vw,52px)/.95 var(--display);
  letter-spacing:-.055em;
  margin:0;
}
.pathway-card p{
  margin:0;
  line-height:1.55;
  color:rgba(20,20,20,.64);
}
.pathway-card:hover p{color:rgba(255,255,255,.7)}
.system-section{
  padding:clamp(100px,13vw,190px) var(--pad);
  background:var(--charcoal);
  color:#fff;
}
.system-head{
  display:grid;
  grid-template-columns:.55fr 1.25fr .7fr;
  gap:clamp(24px,5vw,70px);
  align-items:end;
  margin-bottom:clamp(50px,7vw,105px);
}
.system-head h2{
  font:700 clamp(56px,9vw,142px)/.82 var(--display);
  letter-spacing:-.085em;
  color:var(--cyan);
  margin:0;
}
.system-head p{
  margin:0;
  line-height:1.55;
  color:rgba(255,255,255,.72);
}
.system-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.18);
}
.system-card{
  background:var(--charcoal);
  padding:clamp(24px,3vw,44px);
  min-height:410px;
  display:flex;
  flex-direction:column;
  gap:24px;
}
.system-card small{
  color:var(--lime);
  letter-spacing:.14em;
  font-size:10px;
}
.system-card h3{
  margin:auto 0 0;
  color:var(--lime);
  font:650 clamp(34px,4vw,68px)/.9 var(--display);
  letter-spacing:-.065em;
}
.system-card strong{
  font-size:clamp(17px,1.65vw,25px);
  line-height:1.25;
  font-weight:600;
}
.system-card p{
  color:rgba(255,255,255,.66);
  line-height:1.5;
  margin:0;
}
.system-accordion{
  padding:clamp(76px,9vw,132px) var(--pad);
  background:#505050;
}
.system-accordion .system-head{
  grid-template-columns:.42fr 1.15fr .62fr;
  align-items:end;
  margin-bottom:clamp(36px,5.5vw,76px);
}
.system-accordion .system-head h2{
  max-width:900px;
  font-size:clamp(54px,7.6vw,118px);
  line-height:.86;
}
.system-accordion .system-head p{
  max-width:430px;
  font-size:clamp(15px,1.25vw,18px);
}
.system-accordion-list{
  border-top:1px solid rgba(255,255,255,.24);
}
.system-accordion-item{
  border-bottom:1px solid rgba(255,255,255,.24);
}
.system-accordion-item summary{
  list-style:none;
  cursor:pointer;
  display:grid;
  grid-template-columns:64px minmax(190px,.6fr) minmax(280px,1fr) 46px;
  gap:clamp(18px,3vw,52px);
  align-items:center;
  min-height:118px;
  padding:clamp(22px,2.6vw,38px) 0;
}
.system-accordion-item summary::-webkit-details-marker{
  display:none;
}
.system-accordion-item summary small{
  align-self:start;
  color:var(--lime);
  font-size:11px;
  letter-spacing:.16em;
}
.system-accordion-item summary span{
  color:var(--lime);
  font:700 clamp(42px,5.4vw,86px)/.88 var(--display);
  letter-spacing:-.06em;
}
.system-accordion-item summary strong{
  max-width:650px;
  color:#fff;
  font:600 clamp(20px,2.1vw,34px)/1.08 var(--display);
  letter-spacing:-.045em;
}
.system-accordion-item summary:after{
  content:"+";
  width:46px;
  height:46px;
  border:1px solid rgba(255,255,255,.42);
  border-radius:50%;
  display:grid;
  place-items:center;
  justify-self:end;
  color:#fff;
  font-size:24px;
  line-height:1;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.system-accordion-item[open] summary:after{
  content:"−";
  background:var(--lime);
  color:#141414;
  transform:rotate(180deg);
}
.system-accordion-item div{
  padding:0 60px clamp(30px,4vw,56px) calc(64px + clamp(208px,22vw,380px));
}
.system-accordion-item p{
  max-width:780px;
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:clamp(16px,1.35vw,20px);
  line-height:1.6;
}
.think-page{
  background:#505050;
  color:#fff;
}
.think-hero{
  min-height:88vh;
  padding:clamp(120px,13vw,190px) var(--pad) clamp(50px,7vw,100px);
  display:grid;
  grid-template-columns:.42fr 1.15fr .62fr;
  gap:clamp(24px,5vw,80px);
  align-items:end;
  border-bottom:1px solid rgba(255,255,255,.22);
}
.think-hero h1{
  margin:0;
  color:var(--cyan);
  font:700 clamp(64px,8.8vw,138px)/.9 var(--display);
  letter-spacing:-.045em;
  max-width:980px;
}
.think-hero p{
  margin:0;
  color:rgba(255,255,255,.74);
  font-size:clamp(17px,1.45vw,22px);
  line-height:1.62;
  max-width:520px;
}
.think-accordion{
  padding-top:0;
}
.think-accordion .system-accordion-list{
  border-top:0;
}
.think-close{
  padding:clamp(80px,10vw,150px) var(--pad);
  background:var(--lime);
  color:var(--ink);
  display:grid;
  grid-template-columns:.42fr 1.15fr .62fr;
  gap:clamp(24px,5vw,80px);
  align-items:end;
}
.think-close h2{
  margin:0;
  font:700 clamp(42px,5.6vw,92px)/1.02 var(--display);
  letter-spacing:-.045em;
}
.think-close a{
  justify-self:end;
  border:1px solid currentColor;
  border-radius:999px;
  padding:14px 18px;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:11px;
  white-space:nowrap;
}
.think-close a:hover{
  background:var(--ink);
  color:var(--lime);
}
.work-intent-strip{
  margin:clamp(28px,4vw,58px) 0 0;
  border:1px solid var(--line);
  background:#fff;
  padding:clamp(20px,2.5vw,34px);
  display:grid;
  grid-template-columns:.5fr 1fr auto;
  gap:clamp(18px,4vw,58px);
  align-items:center;
}
.work-intent-strip span{
  font-weight:650;
  font-size:clamp(22px,2.5vw,38px);
  letter-spacing:-.04em;
}
.work-intent-strip p{
  margin:0;
  line-height:1.5;
  color:rgba(20,20,20,.62);
}
.work-intent-strip a{
  border:1px solid var(--ink);
  border-radius:999px;
  padding:13px 17px;
  white-space:nowrap;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.work-intent-strip a:hover{
  background:var(--ink);
  color:var(--lime);
}
.services-lead{
  padding:clamp(70px,9vw,130px) 0 clamp(30px,4vw,60px);
  display:grid;
  grid-template-columns:.55fr 1.2fr .7fr;
  gap:clamp(24px,5vw,70px);
  align-items:end;
}
.services-lead h2{
  font:700 clamp(44px,6.5vw,102px)/.9 var(--display);
  letter-spacing:-.075em;
  margin:0;
}
.services-lead p{
  margin:0;
  color:rgba(20,20,20,.62);
  line-height:1.55;
}
.package-list{
  display:grid;
  gap:0;
  border-top:1px solid var(--line);
}
.package-card{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:clamp(24px,5vw,80px);
  padding:clamp(34px,5vw,72px) 0;
  border-bottom:1px solid var(--line);
}
.package-card h2{
  font:700 clamp(42px,5.4vw,88px)/.88 var(--display);
  letter-spacing:-.075em;
  margin:18px 0 24px;
}
.package-card p{
  color:rgba(20,20,20,.62);
  line-height:1.55;
  max-width:520px;
}
.package-card strong{
  display:block;
  font-size:clamp(20px,2.4vw,38px);
  line-height:1.18;
  letter-spacing:-.045em;
  margin-bottom:36px;
}
.package-card ul{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px 22px;
}
.package-card li{
  border-top:1px solid var(--line);
  padding-top:12px;
  color:rgba(20,20,20,.68);
}
.package-card li:before{
  content:"↗";
  color:var(--cyan);
  margin-right:8px;
}
.proof-strip{
  margin-top:clamp(60px,8vw,120px);
  background:var(--lime);
  padding:clamp(28px,4vw,52px);
  display:grid;
  grid-template-columns:220px 1fr;
  gap:30px;
  align-items:center;
}
.proof-strip span{
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:11px;
}
.proof-strip p{
  margin:0;
  font:650 clamp(24px,3.2vw,54px)/1.06 var(--display);
  letter-spacing:-.055em;
}
.about-manifesto{
  padding:clamp(90px,12vw,180px) 0 clamp(40px,6vw,90px);
  display:grid;
  grid-template-columns:.55fr 1.45fr;
  gap:clamp(24px,6vw,90px);
}
.about-manifesto h2{
  font:700 clamp(42px,6.4vw,104px)/.95 var(--display);
  letter-spacing:-.075em;
  margin:0;
}
.about-manifesto p{
  grid-column:2;
  max-width:760px;
  margin:24px 0 0;
  color:rgba(20,20,20,.62);
  font-size:clamp(18px,2vw,28px);
  line-height:1.45;
}
.about-principles{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
}
.about-principles article{
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:clamp(22px,3vw,40px);
  min-height:300px;
  display:grid;
  grid-template-rows:22px auto 1fr;
  align-content:start;
  gap:clamp(28px,3vw,48px);
}
.about-principles small{
  color:rgba(20,20,20,.45);
  letter-spacing:.14em;
  font-size:10px;
}
.about-principles h3{
  font:650 clamp(30px,3.4vw,58px)/.96 var(--display);
  letter-spacing:-.045em;
  margin:0;
}
.about-principles p{
  margin:0;
  color:rgba(20,20,20,.62);
  max-width:260px;
  align-self:start;
  line-height:1.55;
}
.about-experience{
  margin-top:clamp(70px,9vw,130px);
  background:#101010;
  color:#fff;
  padding:clamp(44px,6vw,84px);
  display:grid;
  grid-template-columns:.55fr 1.1fr .8fr;
  gap:clamp(24px,5vw,70px);
  align-items:start;
}
.about-experience .section-label{
  align-self:start;
  justify-self:start;
  padding-top:0;
}
.about-experience h2{
  font:700 clamp(42px,6.5vw,104px)/.9 var(--display);
  letter-spacing:-.075em;
  color:var(--lime);
  margin:0;
  text-align:left;
  justify-self:start;
}
.about-experience p{
  margin:0;
  color:rgba(255,255,255,.72);
  line-height:1.55;
  align-self:end;
}
.contact-prompts{
  margin-top:clamp(42px,6vw,80px);
  border-top:1px solid var(--line);
  padding-top:18px;
  max-width:460px;
}
.contact-prompts span{
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:10px;
}
.contact-prompts p{
  margin:14px 0 0;
  color:rgba(20,20,20,.62);
  line-height:1.55;
}
@media(max-width:980px){
  .client-promise,.system-head,.services-lead,.package-card,.about-manifesto,.about-experience,.work-intent-strip{
    grid-template-columns:1fr;
  }
  .promise-actions,.about-manifesto p{grid-column:auto}
  .pathway-grid,.system-grid,.about-principles{grid-template-columns:repeat(2,1fr)}
  .work-intent-strip a{justify-self:start}
}
@media(max-width:620px){
  .pathway-grid,.system-grid,.about-principles,.package-card ul{
    grid-template-columns:1fr;
  }
  .proof-strip{grid-template-columns:1fr}
  .client-promise{padding-top:110px}
}

/* Prompt-led problem selector */
.problem-selector{
  background:#f7f3ed;
  padding:clamp(90px,12vw,170px) var(--pad);
}
.problem-selector-head{
  display:grid;
  grid-template-columns:.45fr 1.15fr .65fr;
  gap:clamp(24px,5vw,72px);
  align-items:end;
  margin-bottom:clamp(34px,5vw,72px);
}
.problem-selector-head h2{
  font:700 clamp(52px,8.6vw,138px)/.82 var(--display);
  letter-spacing:-.09em;
  margin:0;
}
.problem-selector-head p{
  margin:0;
  line-height:1.55;
  color:rgba(20,20,20,.62);
  max-width:430px;
}
.problem-list{
  border-top:1px solid var(--line);
}
.problem-row{
  min-height:clamp(132px,12vw,190px);
  display:grid;
  grid-template-columns:64px minmax(360px,1.15fr) minmax(280px,.85fr) 180px;
  gap:clamp(18px,3vw,48px);
  align-items:center;
  border-bottom:1px solid var(--line);
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.problem-row:before{
  content:"";
  position:absolute;
  inset:0;
  background:#111;
  transform:scaleY(0);
  transform-origin:bottom;
  transition:transform .38s cubic-bezier(.2,.8,.2,1);
  z-index:-1;
}
.problem-row:hover:before{
  transform:scaleY(1);
  transform-origin:top;
}
.problem-row small{
  color:rgba(20,20,20,.45);
  font-size:10px;
  letter-spacing:.14em;
  transition:.25s ease;
}
.problem-row span{
  display:block;
  margin-bottom:6px;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:rgba(20,20,20,.5);
  transition:.25s ease;
}
.problem-row h3{
  font:700 clamp(42px,5.8vw,94px)/.82 var(--display);
  letter-spacing:-.08em;
  margin:0;
  transition:transform .38s cubic-bezier(.2,.8,.2,1),color .25s ease;
}
.problem-row p{
  margin:0;
  max-width:520px;
  line-height:1.55;
  color:rgba(20,20,20,.62);
  transition:.25s ease;
}
.problem-row strong{
  justify-self:end;
  border:1px solid currentColor;
  border-radius:999px;
  padding:12px 16px;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.11em;
  white-space:nowrap;
  font-weight:600;
  transition:.25s ease;
}
.problem-row:hover{
  color:#fff;
}
.problem-row:hover h3{
  color:var(--lime);
  transform:translateX(18px);
}
.problem-row:hover p,
.problem-row:hover span,
.problem-row:hover small{
  color:rgba(255,255,255,.68);
}
.problem-row:hover strong{
  background:var(--lime);
  color:#111;
  border-color:var(--lime);
  transform:translateX(-8px);
}
@media(max-width:980px){
  .problem-selector-head,
  .problem-row{
    grid-template-columns:1fr;
  }
  .problem-row{
    padding:24px 0;
    gap:16px;
  }
  .problem-row strong{
    justify-self:start;
  }
}
@media(max-width:620px){
  .problem-row h3{
    font-size:clamp(40px,14vw,72px);
  }
}

/* Reduced problem selector — less reading, cleaner decision menu */
.problem-minimal{
  background:#f7f3ed;
  padding:clamp(90px,12vw,160px) var(--pad);
}
.problem-minimal-head{
  display:block;
  padding-bottom:clamp(24px,4vw,48px);
  border-bottom:1px solid var(--line);
}
.problem-minimal-head h2{
  font:700 clamp(58px,10vw,154px)/.86 var(--display);
  letter-spacing:-.075em;
  margin:0;
  white-space:nowrap;
  text-align:left;
}
.problem-chip-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
  padding-top:12px;
}
.problem-chip{
  min-height:clamp(210px,22vw,340px);
  background:#fff;
  border:1px solid rgba(20,20,20,.12);
  padding:clamp(18px,2.4vw,30px);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:transform .32s cubic-bezier(.2,.8,.2,1),background .32s,color .32s,border-color .32s;
}
.problem-chip small{
  font-size:10px;
  letter-spacing:.14em;
  color:rgba(20,20,20,.68);
}
.problem-chip span{
  font:650 clamp(28px,3.2vw,54px)/.95 var(--display);
  letter-spacing:-.06em;
}
.problem-chip em{
  align-self:flex-end;
  width:42px;
  height:42px;
  border:1px solid currentColor;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-style:normal;
  transition:.25s ease;
}
.problem-chip:hover{
  background:#111;
  color:#fff;
  border-color:#111;
  transform:translateY(-8px);
}
.problem-chip:hover span{
  color:var(--lime);
}
.problem-chip:hover small{
  color:rgba(255,255,255,.78);
}
.problem-chip:hover em{
  background:var(--lime);
  color:#111;
  border-color:var(--lime);
  transform:rotate(45deg);
}
@media(max-width:1100px){
  .problem-chip-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:720px){
  .problem-minimal-head{display:block}
  .problem-minimal-head h2{white-space:normal}
  .problem-chip-grid{grid-template-columns:1fr}
  .problem-chip{min-height:170px}
}

/* Problem detail pages */
.problem-page{
  background:#f7f3ed;
  color:var(--ink);
}
.problem-hero{
  min-height:100vh;
  padding:130px var(--pad) clamp(36px,5vw,70px);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  border-bottom:1px solid var(--line);
}
.problem-hero h1{
  font:700 clamp(70px,13.5vw,210px)/.76 var(--display);
  letter-spacing:-.105em;
  margin:clamp(70px,9vw,140px) 0 clamp(24px,3vw,44px);
  max-width:1450px;
}
.problem-hero p{
  margin:0 0 0 auto;
  max-width:760px;
  font-size:clamp(20px,2.7vw,42px);
  line-height:1.25;
  letter-spacing:-.035em;
}
.problem-intro{
  padding:clamp(80px,10vw,150px) var(--pad);
  display:grid;
  grid-template-columns:.45fr 1.55fr;
  gap:clamp(24px,6vw,90px);
}
.problem-intro p{
  margin:0;
  max-width:780px;
  font:400 clamp(17px,1.55vw,24px)/1.68 var(--body);
  letter-spacing:-.01em;
}
.problem-process{
  background:#111;
  color:#fff;
  padding:clamp(80px,11vw,170px) var(--pad);
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:clamp(32px,7vw,110px);
}
.problem-process h2{
  font:700 clamp(46px,6.2vw,102px)/.9 var(--display);
  letter-spacing:-.075em;
  margin:24px 0 0;
  color:var(--lime);
}
.problem-step-list{
  border-top:1px solid rgba(255,255,255,.22);
}
.problem-step-list article{
  display:grid;
  grid-template-columns:58px .6fr 1fr;
  gap:clamp(18px,3vw,46px);
  padding:clamp(24px,3.2vw,46px) 0;
  border-bottom:1px solid rgba(255,255,255,.22);
}
.problem-step-list small{
  color:var(--lime);
  font-size:10px;
  letter-spacing:.14em;
}
.problem-step-list h3{
  font:650 clamp(28px,3.4vw,58px)/.95 var(--display);
  letter-spacing:-.055em;
  margin:0;
}
.problem-step-list p{
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:clamp(14px,1vw,17px);
  line-height:1.6;
}
.problem-services{
  padding:clamp(70px,9vw,135px) var(--pad);
  display:grid;
  grid-template-columns:.4fr 1.6fr;
  gap:clamp(24px,5vw,80px);
  border-bottom:1px solid var(--line);
}
.problem-services div{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.problem-services span:not(.section-label){
  border:1px solid var(--ink);
  border-radius:999px;
  padding:10px 15px;
  font-size:clamp(11px,.9vw,13px);
  line-height:1.25;
}
.problem-contact{
  padding:clamp(80px,10vw,150px) var(--pad);
  background:var(--lime);
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:clamp(32px,7vw,110px);
  align-items:start;
}
.problem-contact h2{
  font:700 clamp(46px,7vw,112px)/.88 var(--display);
  letter-spacing:-.08em;
  margin:24px 0;
}
.problem-contact p{
  max-width:520px;
  font-size:clamp(15px,1.1vw,18px);
  line-height:1.62;
  margin:0;
}
.problem-contact .contact-form{
  background:#f7f3ed;
  padding:clamp(22px,3vw,42px);
  border:1px solid rgba(20,20,20,.16);
}
@media(max-width:900px){
  .problem-intro,.problem-process,.problem-services,.problem-contact{
    grid-template-columns:1fr;
  }
  .problem-step-list article{
    grid-template-columns:1fr;
  }
  .think-hero,.think-close{
    grid-template-columns:1fr;
    align-items:start;
  }
  .think-close a{
    justify-self:start;
  }
}

/* Joify: cleaner opening + collapsible navigation */
.joify-collapsible-page .joify-text-hero{
  min-height:78vh;
  display:flex;
  align-items:flex-end;
  padding:clamp(130px,12vw,190px) var(--pad) clamp(58px,7vw,96px);
  background:linear-gradient(135deg,#fff7df 0%,#ffe27a 48%,#ef6a2d 100%);
}
.joify-collapsible-page .joify-text-hero .joify-hero-copy{
  width:min(1180px,100%);
}
.joify-collapsible-page .joify-text-hero h1{
  max-width:980px;
  margin:22px 0;
  font-size:clamp(72px,11vw,172px);
  line-height:.88;
  letter-spacing:-.058em;
}
.joify-collapsible-page .joify-text-hero p{
  max-width:680px;
  font-size:clamp(18px,1.6vw,25px);
  line-height:1.45;
  font-weight:600;
}
.joify-section-shell{
  border-top:1px solid rgba(21,17,11,.22);
  background:var(--joify-cream);
}
.joify-section-shell:last-of-type{
  border-bottom:1px solid rgba(21,17,11,.22);
}
.joify-section-shell>summary{
  list-style:none;
  cursor:pointer;
  display:grid;
  grid-template-columns:1fr auto 54px;
  gap:20px;
  align-items:center;
  padding:26px var(--pad);
  min-height:92px;
}
.joify-section-shell>summary::-webkit-details-marker{
  display:none;
}
.joify-section-shell>summary span{
  font-size:clamp(30px,4vw,64px);
  line-height:.95;
  letter-spacing:-.045em;
  font-weight:800;
}
.joify-section-shell>summary small{
  max-width:360px;
  color:rgba(21,17,11,.62);
  font-size:12px;
  line-height:1.45;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.joify-section-shell>summary:after{
  content:"+";
  width:46px;
  height:46px;
  border:1px solid rgba(21,17,11,.32);
  border-radius:999px;
  display:grid;
  place-items:center;
  font-size:28px;
  line-height:1;
}
.joify-section-shell[open]>summary:after{
  content:"–";
}
.joify-section-body{
  border-top:1px solid rgba(21,17,11,.13);
}
.joify-collapsible-page .joify-highlight-gallery{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:clamp(24px,4vw,70px);
  align-items:start;
}
.joify-collapsible-page .joify-highlight-gallery .joify-hero-visual{
  min-height:min(54vw,620px);
  position:sticky;
  top:112px;
}
.joify-collapsible-page .joify-highlight-gallery .joify-gallery-head{
  display:block;
  margin-bottom:28px;
}
.joify-collapsible-page .joify-highlight-gallery .joify-gallery-grid.featured{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.joify-collapsible-page .joify-highlight-gallery .joify-gallery-grid.featured .joify-gallery-card{
  grid-column:auto;
}
.joify-source-placeholder{
  min-height:240px;
  aspect-ratio:4/5;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:18px;
  color:inherit;
  text-decoration:none;
  background:
    linear-gradient(135deg,rgba(255,216,77,.22),rgba(255,255,255,.02)),
    repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0 1px,transparent 1px 12px);
}
.joify-source-placeholder span{
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  opacity:.72;
}
.joify-source-placeholder em{
  font-style:normal;
  font-size:clamp(18px,1.8vw,28px);
  line-height:1.08;
  letter-spacing:-.03em;
  font-weight:800;
  word-break:break-word;
}
.joify-gallery-card.source-only{
  background:#221416;
}
.joify-gallery-card.source-only figcaption{
  color:#fff8ef;
}
.joify-gallery-card figcaption h3{
  margin:0;
  font-size:15px;
  line-height:1.2;
  letter-spacing:-.01em;
}
.joify-gallery-card figcaption a{
  font-size:11px;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-decoration:none;
  color:inherit;
  opacity:.72;
}
.joify-collapsible-page .joify-full-gallery,
.joify-collapsible-page .joify-video-stage,
.joify-collapsible-page .joify-services{
  padding-top:clamp(48px,6vw,84px);
}
.joify-services-shell .joify-section-body{
  background:var(--joify-yellow);
}
@media(max-width:1100px){
  .joify-collapsible-page .joify-highlight-gallery{
    grid-template-columns:1fr;
  }
  .joify-collapsible-page .joify-highlight-gallery .joify-hero-visual{
    position:relative;
    top:auto;
  }
}
@media(max-width:680px){
  .joify-section-shell>summary{
    grid-template-columns:1fr 42px;
  }
  .joify-section-shell>summary small{
    grid-column:1/-1;
    order:3;
  }
  .joify-section-shell>summary:after{
    width:42px;
    height:42px;
  }
  .joify-collapsible-page .joify-highlight-gallery .joify-gallery-grid.featured{
    grid-template-columns:1fr;
  }
}

/* Joify case study */
.art-c{
  background:
    radial-gradient(circle at 78% 18%,rgba(255,255,255,.55) 0 7%,transparent 7.4%),
    radial-gradient(circle at 25% 70%,rgba(255,122,170,.9) 0 16%,transparent 16.4%),
    linear-gradient(135deg,#ffef9d 0%,#ff7aaa 48%,#e94032 100%);
}
.art-c:before{
  content:"DESIRE\A IS\A CONTAGIOUS";
  white-space:pre;
  position:absolute;
  left:7%;
  bottom:8%;
  font-size:clamp(28px,5vw,76px);
  line-height:.88;
  letter-spacing:-.06em;
  font-weight:900;
  color:#15110b;
}
.art-c:after{
  content:"JOIFY";
  position:absolute;
  right:7%;
  top:8%;
  font-size:12px;
  letter-spacing:.24em;
  font-weight:800;
  color:#15110b;
}
.joify-page{
  --joify-ink:#15110b;
  --joify-cream:#fff4d0;
  --joify-yellow:#ffe45f;
  --joify-pink:#ff78a8;
  --joify-red:#e94032;
  --joify-brown:#4b2418;
  --joify-blue:#8bdfff;
  --joify-green:#bfff74;
  background:#fff8e8;
  color:var(--joify-ink);
}
.joify-page p,
.joify-page li{
  font-size:clamp(15px,1.05vw,18px);
  line-height:1.7;
  letter-spacing:-.002em;
}
.joify-hero{
  min-height:100vh;
  padding:clamp(110px,12vw,180px) clamp(24px,4vw,68px) clamp(42px,6vw,86px);
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(380px,.86fr);
  gap:clamp(28px,5vw,82px);
  align-items:end;
  background:
    radial-gradient(circle at 18% 25%,rgba(255,228,95,.75) 0 13%,transparent 13.5%),
    radial-gradient(circle at 85% 12%,rgba(255,120,168,.55) 0 17%,transparent 17.5%),
    linear-gradient(180deg,#fff8e8 0%,#fff1c6 100%);
  border-bottom:1px solid rgba(21,17,11,.18);
}
.joify-hero-copy h1{
  margin:18px 0 22px;
  max-width:980px;
  font-size:clamp(82px,13.6vw,212px);
  line-height:.82;
  letter-spacing:-.07em;
  font-weight:900;
}
.joify-hero-copy>p{
  max-width:720px;
  font-size:clamp(22px,2.2vw,34px);
  line-height:1.22;
  font-weight:600;
}
.joify-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:30px;
}
.joify-meta span,
.joify-services span{
  border:1px solid rgba(21,17,11,.32);
  border-radius:999px;
  padding:9px 13px;
  font-size:12px;
  line-height:1;
  letter-spacing:.05em;
  text-transform:uppercase;
  font-weight:800;
}
.joify-hero-board{
  min-height:620px;
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:1.1fr .9fr;
  gap:14px;
}
.joify-poster{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:230px;
  border:1px solid rgba(21,17,11,.16);
  box-shadow:0 20px 50px rgba(75,36,24,.11);
}
.joify-poster span{
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:900;
}
.joify-poster strong{
  font-size:clamp(38px,4.8vw,76px);
  line-height:.9;
  letter-spacing:-.06em;
}
.joify-poster:after{
  content:"";
  position:absolute;
  width:160px;
  height:160px;
  border-radius:999px;
  right:-42px;
  bottom:-50px;
  background:rgba(255,255,255,.38);
}
.joify-poster-one{
  grid-column:1/3;
  background:linear-gradient(135deg,var(--joify-yellow),#fff2b9 56%,#fff8e8);
}
.joify-poster-two{
  background:linear-gradient(135deg,var(--joify-pink),#ffd1e3);
}
.joify-poster-three{
  background:linear-gradient(135deg,#e94032,#ffb06e);
  color:#fff8e8;
}
.joify-thesis{
  padding:clamp(52px,8vw,110px) clamp(24px,4vw,68px);
  background:var(--joify-ink);
  color:#fff8e8;
}
.joify-thesis span{
  display:block;
  color:var(--joify-green);
  font-size:clamp(19px,2vw,30px);
  font-weight:800;
  margin-bottom:14px;
}
.joify-thesis h2{
  max-width:1150px;
  font-size:clamp(52px,8.6vw,132px);
  line-height:.92;
  letter-spacing:-.06em;
}
.joify-story-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  background:rgba(21,17,11,.16);
  border-bottom:1px solid rgba(21,17,11,.16);
}
.joify-story-grid article{
  background:#fff8e8;
  padding:clamp(34px,5vw,78px);
  min-height:560px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.joify-story-grid small,
.joify-big-idea .section-label,
.joify-gallery-head .section-label,
.joify-outcome .section-label,
.joify-services .section-label{
  color:var(--joify-red);
}
.joify-story-grid h2,
.joify-question h2,
.joify-big-idea h2,
.joify-outcome h2,
.joify-private-archive h2{
  font-size:clamp(46px,7vw,108px);
  line-height:.94;
  letter-spacing:-.06em;
  margin:18px 0 24px;
}
.joify-question{
  padding:clamp(54px,9vw,130px) clamp(24px,4vw,68px);
  background:var(--joify-blue);
}
.joify-question p{
  max-width:760px;
  font-size:clamp(20px,1.8vw,28px);
  font-weight:650;
}
.joify-big-idea{
  padding:clamp(54px,8vw,118px) clamp(24px,4vw,68px);
  display:grid;
  grid-template-columns:.9fr 1fr;
  gap:clamp(28px,5vw,80px);
  align-items:end;
  background:#fff8e8;
}
.joify-big-idea p{
  max-width:650px;
  justify-self:end;
  font-size:clamp(17px,1.2vw,21px);
}
.joify-rule{
  margin:0 clamp(20px,4vw,68px);
  min-height:62vh;
  padding:clamp(34px,5vw,72px);
  border-radius:34px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:
    radial-gradient(circle at 12% 76%,var(--joify-yellow) 0 15%,transparent 15.5%),
    radial-gradient(circle at 86% 18%,var(--joify-pink) 0 18%,transparent 18.5%),
    linear-gradient(135deg,var(--joify-brown),#1b0c08);
  color:#fff8e8;
}
.joify-rule span{
  max-width:1020px;
  font-size:clamp(58px,9vw,142px);
  line-height:.88;
  letter-spacing:-.065em;
  font-weight:900;
}
.joify-rule p{
  max-width:670px;
  align-self:flex-end;
  color:rgba(255,248,232,.84);
}
.joify-gallery-section,
.joify-outcome,
.joify-services,
.joify-private-archive{
  padding:clamp(54px,8vw,120px) clamp(24px,4vw,68px);
}
.joify-gallery-head{
  display:grid;
  grid-template-columns:1fr minmax(280px,520px);
  gap:40px;
  align-items:end;
  margin-bottom:24px;
}
.joify-gallery-head h2{
  font-size:clamp(58px,9vw,150px);
  line-height:.88;
  letter-spacing:-.065em;
  margin-top:12px;
}
.joify-gallery-head p{
  max-width:500px;
  justify-self:end;
}
.joify-gallery-group{
  border-top:1px solid rgba(21,17,11,.22);
}
.joify-gallery-group:last-child{
  border-bottom:1px solid rgba(21,17,11,.22);
}
.joify-gallery-group summary{
  list-style:none;
  cursor:pointer;
  padding:26px 0;
  display:grid;
  grid-template-columns:1fr auto;
  gap:24px;
  align-items:center;
}
.joify-gallery-group summary::-webkit-details-marker{
  display:none;
}
.joify-gallery-group summary span{
  display:block;
  font-size:clamp(28px,4vw,64px);
  line-height:.95;
  letter-spacing:-.05em;
  font-weight:900;
}
.joify-gallery-group summary p{
  max-width:640px;
  margin-top:8px;
  color:rgba(21,17,11,.62);
}
.joify-gallery-group summary small{
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:800;
  color:rgba(21,17,11,.52);
}
.joify-gallery-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  padding:0 0 34px;
}
.joify-gallery-card{
  margin:0;
  border-radius:24px;
  padding:0;
  display:grid;
  grid-template-rows:auto 1fr;
  overflow:hidden;
  position:relative;
  background:#fffaf0;
  border:1px solid rgba(21,17,11,.14);
  transition:transform .25s ease,box-shadow .25s ease;
}
.joify-gallery-card button{
  display:block;
  width:100%;
  border:0;
  padding:0;
  background:transparent;
  cursor:zoom-in;
  overflow:hidden;
}
.joify-gallery-card img{
  display:block;
  width:100%;
  aspect-ratio:1100/620;
  object-fit:cover;
  transition:transform .35s cubic-bezier(.16,1,.3,1),filter .35s ease;
}
.joify-gallery-card:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 60px rgba(75,36,24,.13);
}
.joify-gallery-card:hover img{
  transform:scale(1.025);
  filter:saturate(1.08);
}
.joify-gallery-card figcaption{
  padding:16px 18px 20px;
}
.joify-gallery-card small{
  display:block;
  font-size:11px;
  line-height:1.35;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:900;
  color:rgba(21,17,11,.58);
}
.joify-gallery-card h3{
  margin:9px 0 0;
  font-size:clamp(22px,2.1vw,34px);
  line-height:1.04;
  letter-spacing:-.035em;
}
.joify-milk,.joify-product{background:linear-gradient(135deg,#fff9df,#ffe45f);}
.joify-flavour,.joify-people{background:linear-gradient(135deg,#ff78a8,#ffd3e4);}
.joify-premium,.joify-video{background:linear-gradient(135deg,#4b2418,#15110b);color:#fff8e8;}
.joify-desire,.joify-share{background:linear-gradient(135deg,#e94032,#ff9b53);color:#fff8e8;}
.joify-summer,.joify-street{background:linear-gradient(135deg,#8bdfff,#fff4d0);}
.joify-billboard,.joify-reel{background:linear-gradient(135deg,#bfff74,#fff4d0);}
.joify-outcome{
  display:grid;
  grid-template-columns:.9fr 1fr;
  gap:clamp(30px,5vw,80px);
  background:#fff1c6;
}
.joify-outcome ul{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:0;
  border-top:1px solid rgba(21,17,11,.2);
}
.joify-outcome li{
  padding:20px 0;
  border-bottom:1px solid rgba(21,17,11,.2);
  font-weight:650;
}
.joify-services{
  background:var(--joify-ink);
  color:#fff8e8;
}
.joify-services div{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}
.joify-services span{
  border-color:rgba(255,248,232,.32);
}
.joify-page .access-wall{
  margin-top:0;
}
.joify-private-archive{
  background:#fff8e8;
}
.joify-private-archive>div:first-child{
  max-width:840px;
}
.joify-month-grid{
  margin-top:30px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.joify-month-grid article{
  min-height:260px;
  padding:24px;
  border-radius:24px;
  background:#fff1c6;
  border:1px solid rgba(21,17,11,.13);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.joify-month-grid h3{
  font-size:clamp(28px,3vw,48px);
  line-height:.96;
  letter-spacing:-.05em;
}
.joify-video-stage,
.joify-source-archive{
  padding:clamp(54px,8vw,120px) clamp(24px,4vw,68px);
}
.joify-video-stage{
  background:#15110b;
  color:#fff8e8;
}
.joify-source-archive{
  background:#fff8e8;
  color:#15110b;
}
.joify-video-head{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  align-items:end;
  margin-bottom:28px;
}
.joify-video-head h2{
  font-size:clamp(42px,7vw,110px);
  line-height:.95;
  letter-spacing:-.055em;
  margin:10px 0 0;
}
.joify-video-head p{
  max-width:640px;
  color:rgba(255,248,232,.72);
  justify-self:end;
}
.joify-video-group,
.joify-archive-group{
  border-top:1px solid currentColor;
}
.joify-video-group:last-child,
.joify-archive-group:last-child{
  border-bottom:1px solid currentColor;
}
.joify-video-group summary,
.joify-archive-group summary{
  display:grid;
  grid-template-columns:1fr auto;
  gap:24px;
  align-items:center;
  list-style:none;
  cursor:pointer;
  padding:24px 0;
}
.joify-video-group summary::-webkit-details-marker,
.joify-archive-group summary::-webkit-details-marker{
  display:none;
}
.joify-video-group summary span,
.joify-archive-group summary span{
  display:block;
  font-size:clamp(28px,3.8vw,58px);
  font-weight:900;
  line-height:1;
  letter-spacing:-.045em;
}
.joify-video-group summary p,
.joify-archive-group summary p{
  margin:8px 0 0;
  opacity:.68;
  max-width:680px;
}
.joify-video-group summary small,
.joify-archive-group summary small{
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  opacity:.7;
  white-space:nowrap;
}
.joify-video-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  padding-bottom:32px;
}
.joify-video-card{
  min-height:220px;
  border:1px solid rgba(255,248,232,.22);
  border-radius:22px;
  padding:18px;
  color:inherit;
  text-decoration:none;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:rgba(255,255,255,.04);
  transition:transform .2s ease,background .2s ease;
}
.joify-video-card:hover{
  transform:translateY(-4px);
  background:rgba(255,255,255,.08);
}
.joify-video-card h3{
  font-size:clamp(20px,2vw,34px);
  line-height:1.05;
  letter-spacing:-.04em;
  margin:10px 0;
}
.joify-video-card p,
.joify-video-card small,
.joify-video-card em,
.joify-video-card span{
  opacity:.68;
  font-style:normal;
}
.joify-archive-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  padding-bottom:32px;
}
.joify-archive-link{
  border:1px solid rgba(21,17,11,.16);
  border-radius:16px;
  padding:14px;
  color:inherit;
  text-decoration:none;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:12px;
  align-items:center;
  background:#fffdf7;
  transition:transform .2s ease,border-color .2s ease;
}
.joify-archive-link:hover{
  transform:translateY(-2px);
  border-color:rgba(21,17,11,.42);
}
.joify-archive-link span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-weight:650;
}
.joify-archive-link small,
.joify-archive-link em{
  font-style:normal;
  opacity:.52;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
@media(max-width:980px){
  .joify-hero,
  .joify-story-grid,
  .joify-big-idea,
  .joify-gallery-head,
  .joify-outcome,
  .joify-video-head{
    grid-template-columns:1fr;
  }
  .joify-hero-board{
    min-height:auto;
  }
  .joify-gallery-grid,
  .joify-month-grid,
  .joify-video-grid,
  .joify-archive-list{
    grid-template-columns:1fr;
  }
  .joify-story-grid article{
    min-height:auto;
  }
  .joify-gallery-head p,
  .joify-big-idea p,
  .joify-video-head p{
    justify-self:start;
  }
}
@media(max-width:640px){
  .joify-hero-copy h1{
    font-size:clamp(62px,22vw,112px);
  }
  .joify-hero-board{
    grid-template-columns:1fr;
  }
  .joify-poster-one{
    grid-column:auto;
  }
  .joify-gallery-group summary{
    grid-template-columns:1fr;
  }
  .joify-video-group summary,
  .joify-archive-group summary{
    grid-template-columns:1fr;
  }
  .joify-rule{
    min-height:auto;
  }
}

/* Joify visual-first case study rebuild */
.joify-page{
  --joify-cream:#f5efe4;
  --joify-yellow:#ffd84d;
  --joify-brown:#3b1b14;
  --joify-red:#d34a28;
  --joify-ink:#15110b;
  background:var(--joify-cream);
  color:var(--joify-ink);
}
.joify-page p,
.joify-page li{
  font-size:clamp(16px,1.45vw,22px);
  line-height:1.55;
  letter-spacing:-.015em;
}
.joify-visual-hero{
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(360px,.88fr) 1.12fr;
  gap:clamp(24px,4vw,72px);
  align-items:end;
  padding:clamp(120px,12vw,190px) var(--pad) var(--pad);
  background:linear-gradient(135deg,#fff5d4 0%,#ffe178 42%,#f16b31 100%);
  overflow:hidden;
}
.joify-hero-copy{
  position:relative;
  z-index:2;
}
.joify-hero-copy h1{
  max-width:8ch;
  margin:24px 0;
  font-size:clamp(82px,12vw,190px);
  line-height:.82;
  letter-spacing:-.075em;
}
.joify-hero-copy p{
  max-width:620px;
  font-weight:600;
}
.joify-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:28px;
}
.joify-meta span,
.joify-services span{
  border:1px solid rgba(21,17,11,.35);
  border-radius:999px;
  padding:9px 14px 8px;
  font-size:12px;
  line-height:1;
  letter-spacing:.09em;
  text-transform:uppercase;
  background:rgba(255,255,255,.28);
}
.joify-hero-visual{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  grid-template-rows:repeat(12,1fr);
  gap:12px;
  min-height:min(68vw,720px);
}
.joify-collage-card{
  display:block;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(21,17,11,.22);
  background:#fff;
  box-shadow:0 22px 50px rgba(40,16,8,.18);
  isolation:isolate;
}
.joify-collage-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .45s ease;
}
.joify-collage-card:hover img{
  transform:scale(1.035);
}
.joify-collage-card span{
  position:absolute;
  left:12px;
  bottom:10px;
  padding:6px 8px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(21,17,11,.18);
  font-size:10px;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.joify-collage-card:nth-child(1){grid-column:1/8;grid-row:1/6;}
.joify-collage-card:nth-child(2){grid-column:8/13;grid-row:1/5;}
.joify-collage-card:nth-child(3){grid-column:7/13;grid-row:5/10;}
.joify-collage-card:nth-child(4){grid-column:1/7;grid-row:6/10;}
.joify-collage-card:nth-child(5){grid-column:1/6;grid-row:10/13;}
.joify-collage-card:nth-child(6){grid-column:6/13;grid-row:10/13;}
.joify-competitive-thesis{
  min-height:70vh;
  display:grid;
  grid-template-columns:.42fr 1fr;
  gap:clamp(24px,5vw,90px);
  align-items:end;
  padding:clamp(90px,10vw,160px) var(--pad);
  background:var(--joify-brown);
  color:#fff6e8;
}
.joify-competitive-thesis span{
  color:var(--joify-yellow);
  font-size:13px;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.joify-competitive-thesis h2{
  margin:0;
  max-width:920px;
  font-size:clamp(48px,7vw,116px);
  line-height:.95;
  letter-spacing:-.055em;
}
.joify-ambient-stage{
  display:grid;
  grid-template-columns:.9fr 1fr 1fr;
  gap:16px;
  align-items:stretch;
  padding:var(--pad);
  background:#111;
  color:white;
}
.joify-ambient-copy{
  padding:clamp(24px,4vw,56px);
  border:1px solid rgba(255,255,255,.16);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:560px;
}
.joify-ambient-copy h2{
  max-width:640px;
  font-size:clamp(42px,5vw,84px);
  line-height:.98;
  letter-spacing:-.05em;
}
.joify-ambient-video,
.joify-video-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  background:#222;
  color:white;
}
.joify-ambient-video video,
.joify-video-card video{
  width:100%;
  height:100%;
  min-height:560px;
  object-fit:cover;
  display:block;
}
.joify-ambient-video span,
.joify-video-card span{
  position:absolute;
  left:14px;
  bottom:14px;
  right:14px;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.5);
  backdrop-filter:blur(12px);
  font-size:11px;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.joify-case-accordion{
  display:grid;
  grid-template-columns:.45fr 1fr;
  gap:clamp(28px,5vw,90px);
  padding:clamp(90px,10vw,150px) var(--pad);
  background:var(--joify-cream);
}
.joify-accordion-head{
  position:sticky;
  top:110px;
  align-self:start;
}
.joify-accordion-head h2,
.joify-gallery-head h2,
.joify-video-head h2{
  margin:18px 0 0;
  font-size:clamp(42px,5vw,86px);
  line-height:.96;
  letter-spacing:-.055em;
}
.joify-case-panels{
  border-top:1px solid rgba(21,17,11,.24);
}
.joify-case-panel{
  border-bottom:1px solid rgba(21,17,11,.24);
}
.joify-case-panel summary{
  cursor:pointer;
  list-style:none;
  display:grid;
  grid-template-columns:60px 1fr 46px;
  gap:18px;
  align-items:center;
  padding:28px 0;
}
.joify-case-panel summary::-webkit-details-marker{display:none;}
.joify-case-panel small{
  color:rgba(21,17,11,.55);
  font-size:12px;
  letter-spacing:.14em;
}
.joify-case-panel span{
  font-size:clamp(28px,3vw,48px);
  line-height:1;
  letter-spacing:-.04em;
  font-weight:800;
}
.joify-case-panel summary:after{
  content:"+";
  width:42px;
  height:42px;
  border:1px solid rgba(21,17,11,.35);
  border-radius:999px;
  display:grid;
  place-items:center;
  font-size:24px;
}
.joify-case-panel[open] summary:after{
  content:"–";
}
.joify-case-panel div{
  max-width:820px;
  padding:0 0 34px 78px;
}
.joify-case-panel ul{
  margin:18px 0;
  padding-left:1.15em;
}
.joify-highlight-gallery,
.joify-full-gallery,
.joify-video-stage,
.joify-services{
  padding:clamp(80px,9vw,140px) var(--pad);
}
.joify-highlight-gallery{
  background:#fffaf0;
}
.joify-full-gallery{
  background:#171012;
  color:#fff8ef;
}
.joify-gallery-head,
.joify-video-head{
  display:grid;
  grid-template-columns:.9fr .75fr;
  gap:clamp(22px,4vw,68px);
  align-items:end;
  margin-bottom:34px;
}
.joify-gallery-head p,
.joify-video-head p{
  max-width:640px;
}
.joify-gallery-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.joify-gallery-grid.featured{
  grid-template-columns:repeat(12,1fr);
}
.joify-gallery-grid.featured .joify-gallery-card:nth-child(1),
.joify-gallery-grid.featured .joify-gallery-card:nth-child(4){
  grid-column:span 6;
}
.joify-gallery-grid.featured .joify-gallery-card{
  grid-column:span 3;
}
.joify-gallery-card{
  position:relative;
  overflow:hidden;
  background:#eee;
  border:1px solid rgba(21,17,11,.16);
  min-height:220px;
}
.joify-gallery-card button{
  display:block;
  width:100%;
  padding:0;
  margin:0;
  border:0;
  background:transparent;
  cursor:zoom-in;
}
.joify-full-gallery .joify-gallery-card{
  border-color:rgba(255,255,255,.13);
  background:#261719;
}
.joify-gallery-card img{
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  display:block;
  transition:transform .35s ease, filter .35s ease;
}
.joify-gallery-card:hover img{
  transform:scale(1.025);
  filter:saturate(1.08);
}
.joify-gallery-grid.featured .joify-gallery-card:nth-child(1) img,
.joify-gallery-grid.featured .joify-gallery-card:nth-child(4) img{
  aspect-ratio:16/9;
}
.joify-gallery-card figcaption{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px 14px;
  align-items:end;
  padding:12px;
  font-size:12px;
  line-height:1.25;
}
.joify-gallery-card figcaption small{
  grid-column:1 / -1;
  opacity:.58;
  font-size:10px;
  line-height:1;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.joify-gallery-card figcaption h3{
  margin:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:15px;
  line-height:1.1;
  letter-spacing:-.02em;
}
.joify-gallery-card figcaption a{
  color:inherit;
  text-decoration:none;
  opacity:.62;
  white-space:nowrap;
  font-size:11px;
}
.joify-gallery-card figcaption a:hover{opacity:1;}
.joify-gallery-group{
  border-top:1px solid rgba(255,255,255,.18);
}
.joify-gallery-group summary{
  cursor:pointer;
  list-style:none;
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:24px 0;
  font-size:clamp(24px,2.5vw,42px);
  font-weight:700;
  letter-spacing:-.04em;
}
.joify-gallery-group summary::-webkit-details-marker{display:none;}
.joify-gallery-group summary small{
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,.58);
}
.joify-video-stage{
  background:#0f0f0f;
  color:white;
}
.joify-video-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.joify-video-card{
  min-height:220px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:18px;
  text-decoration:none;
}
.joify-video-card video{
  min-height:360px;
}
.joify-video-card small{
  position:static;
  display:block;
  padding:0;
  border:0;
  background:none;
  backdrop-filter:none;
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  opacity:.62;
}
.joify-video-card h3{
  margin:20px 0 12px;
  color:white;
  font-size:clamp(20px,1.8vw,30px);
  line-height:1.08;
  letter-spacing:-.03em;
}
.joify-video-card p{
  color:rgba(255,255,255,.58);
  font-size:13px;
  line-height:1.35;
  word-break:break-word;
}
.joify-video-card em{
  position:static;
  margin-top:24px;
  color:var(--joify-yellow);
  font-style:normal;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.joify-services{
  display:grid;
  grid-template-columns:.32fr 1fr;
  gap:40px;
  background:var(--joify-yellow);
}
.joify-services div{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.joify-services span{
  background:rgba(255,255,255,.42);
}
@media(max-width:1100px){
  .joify-visual-hero,
  .joify-competitive-thesis,
  .joify-ambient-stage,
  .joify-case-accordion,
  .joify-gallery-head,
  .joify-video-head,
  .joify-services{
    grid-template-columns:1fr;
  }
  .joify-accordion-head{
    position:static;
  }
  .joify-ambient-copy,
  .joify-ambient-video video{
    min-height:420px;
  }
  .joify-gallery-grid,
  .joify-video-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:680px){
  .joify-hero-copy h1{
    font-size:clamp(64px,20vw,104px);
    letter-spacing:-.065em;
  }
  .joify-hero-visual{
    display:flex;
    overflow:auto;
    min-height:360px;
    padding-bottom:8px;
  }
  .joify-collage-card{
    flex:0 0 78%;
    min-height:340px;
  }
  .joify-case-panel summary{
    grid-template-columns:42px 1fr 40px;
  }
  .joify-case-panel div{
    padding-left:0;
  }
  .joify-gallery-grid,
  .joify-video-grid,
  .joify-gallery-grid.featured{
    grid-template-columns:1fr;
  }
  .joify-gallery-grid.featured .joify-gallery-card,
  .joify-gallery-grid.featured .joify-gallery-card:nth-child(1),
  .joify-gallery-grid.featured .joify-gallery-card:nth-child(4){
    grid-column:auto;
  }
}

@media(max-width:980px){
  .system-accordion-item summary{
    grid-template-columns:44px 1fr 44px;
    gap:18px;
  }
  .system-accordion-item summary strong{
    grid-column:2 / 3;
  }
  .system-accordion-item summary:after{
    grid-column:3;
    grid-row:1 / 3;
  }
  .system-accordion-item div{
    padding:0 0 34px 62px;
  }
}
@media(max-width:620px){
  .system-accordion{
    padding:72px var(--pad);
  }
  .system-accordion-item summary{
    grid-template-columns:1fr 42px;
    min-height:0;
  }
  .system-accordion-item summary small{
    grid-column:1 / -1;
  }
  .system-accordion-item summary span,
  .system-accordion-item summary strong{
    grid-column:1;
  }
  .system-accordion-item summary:after{
    grid-column:2;
    grid-row:2 / 4;
  }
  .system-accordion-item div{
    padding:0 0 30px;
  }
}

/* Global readability pass for Poppins.
   The earlier display settings were designed for tighter custom type; Poppins needs more air. */
h1,h2,h3,
.hero-title,
.page-title,
.section-head h2,
.featured-head h2,
.featured-copy h3,
.selected-work-title h3,
.work-feature-copy h2,
.work-archive-copy h3,
.system-head h2,
.system-accordion-item summary span,
.system-accordion-item summary strong,
.about-manifesto h2,
.about-experience h2,
.about-principles h3,
.package-card h2,
.proof-strip p,
.problem-hero h1,
.problem-process h2,
.problem-step-list h3,
.problem-contact h2,
.sx-hero h1,
.sx-story h2,
.sx-symbol h2,
.sx-colour h2,
.sx-close p,
.eora-masthead h1,
.eora-intro h2,
.eora-narrative h2,
.eora-belief h2,
.eora-delivered h2,
.eora-insight h2,
.eora-gallery-head h2,
.eora-video-head h2{
  letter-spacing:-.045em!important;
}
.hero-title,
.page-title,
.section-head h2,
.selected-work-title h3,
.system-head h2,
.problem-hero h1,
.sx-hero h1,
.eora-masthead h1,
.eora-belief h2,
.eora-insight h2{
  line-height:.9!important;
}
.problem-hero h1{
  max-width:1480px;
  font-size:clamp(64px,12.2vw,190px);
}
.problem-process h2,
.about-manifesto h2,
.sx-story h2,
.eora-intro h2,
.eora-narrative h2{
  line-height:1.02!important;
}
p,
li,
.page-deck,
.service p,
.service li,
.problem-hero p,
.problem-step-list p,
.problem-contact p,
.system-accordion-item p,
.eora-narrative p,
.eora-intro p,
.sx-story p{
  line-height:1.62;
}
.page-deck,
.client-promise p,
.services-lead p,
.package-card p,
.package-card li,
.about-experience p,
.about-principles p,
.problem-hero p,
.problem-intro p,
.problem-step-list p,
.problem-contact p,
.case-intro p,
.sx-story p,
.sx-symbol p,
.sx-colour p,
.eora-intro p,
.eora-narrative p,
.eora-video-head p,
.eora-video-copy p{
  font-size:clamp(15px,1.15vw,19px);
  line-height:1.68;
  letter-spacing:-.004em;
}
.problem-hero p{
  max-width:620px;
}
@media(max-width:720px){
  .about-page-hero{
    grid-template-columns:1fr;
    min-height:52vh;
  }
  .about-page-hero .page-deck{
    justify-self:start;
    margin-top:14px;
  }
  .about-experience{
    grid-template-columns:1fr;
  }
  .about-experience p{
    align-self:start;
  }
  h1,h2,h3,
  .hero-title,
  .page-title,
  .section-head h2,
  .problem-hero h1,
  .selected-work-title h3{
    letter-spacing:-.035em!important;
  }
  .problem-hero h1,
  .page-title{
    line-height:.96!important;
  }
}

/* Final Joify override: narrative first, galleries second, less endless scrolling */
.joify-collapsible-page .joify-text-hero{
  min-height:78vh;
  display:flex;
  align-items:flex-end;
  grid-template-columns:none;
  padding:clamp(130px,12vw,190px) var(--pad) clamp(58px,7vw,96px);
  background:linear-gradient(135deg,#fff7df 0%,#ffe27a 48%,#ef6a2d 100%);
}
.joify-collapsible-page .joify-text-hero .joify-hero-copy{
  width:min(1180px,100%);
  max-width:none;
}
.joify-collapsible-page .joify-text-hero h1{
  max-width:980px;
  margin:22px 0;
  font-size:clamp(72px,11vw,172px);
  line-height:.9!important;
  letter-spacing:-.045em!important;
}
.joify-collapsible-page .joify-text-hero p{
  max-width:680px;
  font-size:clamp(17px,1.35vw,22px);
  line-height:1.58;
  font-weight:600;
}
.joify-collapsible-page .joify-section-shell{
  border-top:1px solid rgba(21,17,11,.22);
  background:var(--joify-cream);
}
.joify-collapsible-page .joify-section-shell:last-of-type{
  border-bottom:1px solid rgba(21,17,11,.22);
}
.joify-collapsible-page .joify-section-shell>summary{
  list-style:none;
  cursor:pointer;
  display:grid;
  grid-template-columns:1fr auto 54px;
  gap:20px;
  align-items:center;
  padding:26px var(--pad);
  min-height:92px;
}
.joify-collapsible-page .joify-section-shell>summary::-webkit-details-marker{
  display:none;
}
.joify-collapsible-page .joify-section-shell>summary span{
  font-size:clamp(30px,4vw,64px);
  line-height:.98;
  letter-spacing:-.035em;
  font-weight:800;
}
.joify-collapsible-page .joify-section-shell>summary small{
  max-width:380px;
  color:rgba(21,17,11,.62);
  font-size:12px;
  line-height:1.45;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.joify-collapsible-page .joify-section-shell>summary:after{
  content:"+";
  width:46px;
  height:46px;
  border:1px solid rgba(21,17,11,.32);
  border-radius:999px;
  display:grid;
  place-items:center;
  font-size:28px;
  line-height:1;
}
.joify-collapsible-page .joify-section-shell[open]>summary:after{
  content:"–";
}
.joify-collapsible-page .joify-section-body{
  border-top:1px solid rgba(21,17,11,.13);
}
.joify-collapsible-page .joify-highlight-gallery{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:clamp(24px,4vw,70px);
  align-items:start;
}
.joify-collapsible-page .joify-highlight-gallery .joify-hero-visual{
  min-height:min(54vw,620px);
  position:sticky;
  top:112px;
}
.joify-collapsible-page .joify-highlight-gallery .joify-gallery-head{
  display:block;
  margin-bottom:28px;
}
.joify-collapsible-page .joify-highlight-gallery .joify-gallery-grid.featured{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.joify-collapsible-page .joify-highlight-gallery .joify-gallery-grid.featured .joify-gallery-card,
.joify-collapsible-page .joify-highlight-gallery .joify-gallery-grid.featured .joify-gallery-card:nth-child(1),
.joify-collapsible-page .joify-highlight-gallery .joify-gallery-grid.featured .joify-gallery-card:nth-child(4){
  grid-column:auto;
}
.joify-collapsible-page .joify-full-gallery,
.joify-collapsible-page .joify-video-stage,
.joify-collapsible-page .joify-services{
  padding-top:clamp(48px,6vw,84px);
}
.joify-source-placeholder{
  min-height:240px;
  aspect-ratio:4/5;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:18px;
  color:inherit;
  text-decoration:none;
  background:
    linear-gradient(135deg,rgba(255,216,77,.22),rgba(255,255,255,.02)),
    repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0 1px,transparent 1px 12px);
}
.joify-source-placeholder span{
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  opacity:.72;
}
.joify-source-placeholder em{
  font-style:normal;
  font-size:clamp(18px,1.8vw,28px);
  line-height:1.08;
  letter-spacing:-.03em;
  font-weight:800;
  word-break:break-word;
}
.joify-gallery-card.source-only{
  background:#221416;
}
.joify-gallery-card.source-only figcaption{
  color:#fff8ef;
}
.joify-gallery-card figcaption h3{
  font-size:15px;
  line-height:1.22;
}
.joify-gallery-card figcaption a{
  font-size:11px;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-decoration:none;
  color:inherit;
  opacity:.72;
}
.joify-services-shell .joify-section-body{
  background:var(--joify-yellow);
}
@media(max-width:1100px){
  .joify-collapsible-page .joify-highlight-gallery{
    grid-template-columns:1fr;
  }
  .joify-collapsible-page .joify-highlight-gallery .joify-hero-visual{
    position:relative;
    top:auto;
  }
}
@media(max-width:680px){
  .joify-collapsible-page .joify-section-shell>summary{
    grid-template-columns:1fr 42px;
  }
  .joify-collapsible-page .joify-section-shell>summary small{
    grid-column:1/-1;
    order:3;
  }
  .joify-collapsible-page .joify-section-shell>summary:after{
    width:42px;
    height:42px;
  }
  .joify-collapsible-page .joify-highlight-gallery .joify-gallery-grid.featured{
    grid-template-columns:1fr;
  }
}

/* Joify final local-media case study */
.art-joify{
  background:#ffe56a url('./assets/joify/case/pack-range.webp') center/cover no-repeat;
}
.art-joify:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.16));
}
.joify-premium-page{
  --joify-paper:#f7f0df;
  --joify-yellow:#ffd94f;
  --joify-cocoa:#351a12;
  --joify-ink:#17120d;
  --joify-blue:#8eddf5;
  background:var(--joify-paper);
  color:var(--joify-ink);
}
.joify-premium-page p{
  font-size:clamp(16px,1.4vw,22px);
  line-height:1.58;
  letter-spacing:0;
}
.joify-premium-hero{
  min-height:100vh;
  display:grid;
  grid-template-columns:.86fr 1.14fr;
  gap:clamp(24px,4.5vw,80px);
  align-items:end;
  padding:clamp(126px,12vw,190px) var(--pad) var(--pad);
  background:linear-gradient(135deg,#fff8dc 0%,#ffdf62 45%,#f07934 100%);
}
.joify-premium-copy h1{
  margin:22px 0 24px;
  font-size:clamp(62px,9.5vw,158px);
  line-height:.9;
  letter-spacing:0;
  max-width:950px;
}
.joify-premium-copy p{
  max-width:720px;
  font-weight:600;
}
.joify-hero-mosaic{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  grid-template-rows:repeat(10,clamp(40px,5vw,72px));
  gap:12px;
  align-self:stretch;
}
.joify-figure{
  position:relative;
  margin:0;
  overflow:hidden;
  background:#fff5df;
  border:1px solid rgba(23,18,13,.16);
}
.joify-figure.lead{grid-column:1/8;grid-row:1/7}
.joify-hero-mosaic .joify-figure:nth-child(2){grid-column:8/13;grid-row:1/5}
.joify-hero-mosaic .joify-figure:nth-child(3){grid-column:8/13;grid-row:5/11}
.joify-hero-mosaic .joify-figure:nth-child(4){grid-column:1/5;grid-row:7/11}
.joify-hero-mosaic .joify-figure:nth-child(5){grid-column:5/8;grid-row:7/11}
.joify-hero-mosaic .joify-figure:nth-child(6){display:none}
.joify-image-button{
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  cursor:zoom-in;
}
.joify-image-button img,
.joify-figure>img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s cubic-bezier(.16,1,.3,1),filter .45s;
}
.joify-image-button:hover img{
  transform:scale(1.035);
  filter:saturate(1.08);
}
.joify-figure figcaption{
  position:absolute;
  left:12px;
  right:12px;
  bottom:12px;
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:end;
  padding:10px 12px;
  color:#fff;
  background:rgba(16,11,8,.58);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.18);
}
.joify-figure figcaption small{
  font-size:10px;
  line-height:1.25;
  text-transform:uppercase;
  letter-spacing:.12em;
  opacity:.76;
}
.joify-figure figcaption span{
  max-width:48%;
  font-size:12px;
  line-height:1.15;
  text-align:right;
}
.joify-opening,
.joify-split-story,
.joify-work-block,
.joify-digital,
.joify-outcome-panel{
  padding:clamp(92px,12vw,180px) var(--pad);
}
.joify-opening{
  display:grid;
  grid-template-columns:.35fr 1fr;
  gap:clamp(28px,5vw,90px);
  background:#fffaf0;
}
.joify-opening p{
  max-width:1000px;
  margin:0 0 42px;
  font-size:clamp(24px,3.2vw,52px);
  line-height:1.18;
  font-weight:700;
}
.joify-opening h2,
.joify-split-story h2,
.joify-work-copy h2,
.joify-digital h2,
.joify-outcome-panel h2{
  margin:0 0 24px;
  font-size:clamp(44px,6.6vw,112px);
  line-height:.95;
  letter-spacing:0;
}
.joify-split-story{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:clamp(24px,5vw,86px);
  align-items:stretch;
  background:var(--joify-cocoa);
  color:#fff8eb;
}
.joify-split-story .story-image{
  min-height:clamp(480px,60vw,820px);
}
.joify-system-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  padding:clamp(18px,2vw,30px);
  border-block:1px solid rgba(23,18,13,.18);
  background:rgba(23,18,13,.16);
  counter-reset:joify-system;
}
.joify-system-strip span{
  min-height:clamp(190px,22vw,300px);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:end;
  padding:clamp(18px,2.4vw,36px);
  background:var(--joify-yellow);
  font-size:clamp(22px,2.8vw,48px);
  line-height:.96;
  letter-spacing:0;
  font-weight:800;
  text-align:right;
}
.joify-system-strip span:before{
  counter-increment:joify-system;
  content:"0" counter(joify-system);
  align-self:flex-start;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid rgba(23,18,13,.28);
  border-radius:999px;
  font-size:11px;
  line-height:1;
  letter-spacing:.12em;
  font-weight:600;
}
.joify-work-block{
  display:grid;
  grid-template-columns:.45fr 1fr;
  gap:clamp(24px,5vw,86px);
  align-items:start;
  background:#fff7e1;
}
.joify-work-block-light{
  background:#f2e2c2;
}
.joify-work-copy{
  position:sticky;
  top:112px;
}
.joify-duo{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.joify-duo .joify-figure{
  min-height:clamp(440px,48vw,720px);
}
.joify-image-river{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.joify-image-river .joify-figure{
  min-height:clamp(340px,34vw,560px);
}
.joify-image-river .joify-figure:nth-child(2),
.joify-image-river .joify-figure:nth-child(5){
  margin-top:clamp(34px,5vw,84px);
}
.joify-dark-stage{
  padding:clamp(90px,11vw,170px) var(--pad);
  background:#120e0d;
  color:#fff8eb;
}
.joify-dark-copy{
  display:grid;
  grid-template-columns:.38fr 1fr;
  gap:clamp(26px,5vw,82px);
  align-items:end;
  margin-bottom:clamp(42px,6vw,88px);
}
.joify-dark-copy h2{
  margin:18px 0 0;
  font-size:clamp(44px,6.5vw,112px);
  line-height:.96;
  letter-spacing:0;
}
.joify-campaign-grid,
.joify-gallery-grid,
.joify-local-grid{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:14px;
}
.joify-campaign-grid .joify-figure{
  grid-column:span 3;
  min-height:clamp(330px,30vw,520px);
}
.joify-campaign-grid .joify-figure.wide{
  grid-column:span 6;
}
.joify-digital{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(24px,5vw,86px);
  background:var(--joify-blue);
}
.joify-local-stage,
.joify-selected-gallery{
  padding:clamp(86px,10vw,150px) var(--pad);
  background:#fffaf0;
}
.joify-gallery-head{
  display:grid;
  grid-template-columns:.75fr .7fr;
  gap:clamp(24px,4vw,72px);
  align-items:end;
  margin-bottom:38px;
}
.joify-gallery-head h2{
  margin:18px 0 0;
  font-size:clamp(42px,5.6vw,96px);
  line-height:.96;
  letter-spacing:0;
}
.joify-local-grid .joify-figure{
  grid-column:span 3;
  min-height:clamp(340px,32vw,540px);
}
.joify-local-grid .joify-figure.wide{
  grid-column:span 6;
}
.joify-services{
  display:grid;
  grid-template-columns:.28fr 1fr;
  gap:clamp(24px,5vw,80px);
  padding:clamp(72px,8vw,120px) var(--pad);
  background:var(--joify-yellow)!important;
  color:var(--joify-ink);
}
.joify-services div{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.joify-services span{
  color:var(--joify-ink);
}
.joify-outcome-panel{
  display:grid;
  grid-template-columns:.32fr 1fr;
  gap:clamp(26px,5vw,86px);
  background:var(--joify-cocoa);
  color:#fff8eb;
}
.joify-selected-gallery{
  background:#15100f;
  color:#fff8eb;
}
.joify-selected-gallery .joify-gallery-grid .joify-figure{
  grid-column:span 3;
  min-height:clamp(300px,29vw,500px);
}
.joify-selected-gallery .joify-gallery-grid .joify-figure.wide{
  grid-column:span 6;
}
@media(max-width:1100px){
  .joify-premium-hero,
  .joify-opening,
  .joify-split-story,
  .joify-work-block,
  .joify-dark-copy,
  .joify-digital,
  .joify-gallery-head,
  .joify-services,
  .joify-outcome-panel{
    grid-template-columns:1fr;
  }
  .joify-work-copy{
    position:static;
  }
  .joify-system-strip{
    grid-template-columns:repeat(2,1fr);
  }
  .joify-image-river,
  .joify-duo{
    grid-template-columns:repeat(2,1fr);
  }
  .joify-campaign-grid .joify-figure,
  .joify-local-grid .joify-figure,
  .joify-selected-gallery .joify-gallery-grid .joify-figure{
    grid-column:span 6;
  }
}
@media(max-width:680px){
  .joify-premium-hero{
    min-height:auto;
    padding-top:118px;
  }
  .joify-premium-copy h1{
    font-size:clamp(50px,16vw,82px);
  }
  .joify-hero-mosaic{
    display:flex;
    overflow:auto;
    min-height:360px;
    padding-bottom:8px;
  }
  .joify-hero-mosaic .joify-figure,
  .joify-hero-mosaic .joify-figure.lead,
  .joify-hero-mosaic .joify-figure:nth-child(2),
  .joify-hero-mosaic .joify-figure:nth-child(3),
  .joify-hero-mosaic .joify-figure:nth-child(4),
  .joify-hero-mosaic .joify-figure:nth-child(5),
  .joify-hero-mosaic .joify-figure:nth-child(6){
    display:block;
    flex:0 0 78%;
    min-height:360px;
  }
  .joify-system-strip,
  .joify-image-river,
  .joify-duo,
  .joify-campaign-grid,
  .joify-local-grid,
  .joify-gallery-grid{
    grid-template-columns:1fr;
  }
  .joify-system-strip span{
    min-height:96px;
  }
  .joify-campaign-grid .joify-figure,
  .joify-campaign-grid .joify-figure.wide,
  .joify-local-grid .joify-figure,
  .joify-local-grid .joify-figure.wide,
  .joify-selected-gallery .joify-gallery-grid .joify-figure,
  .joify-selected-gallery .joify-gallery-grid .joify-figure.wide{
    grid-column:auto;
  }
  .joify-figure figcaption{
    left:8px;
    right:8px;
    bottom:8px;
  }
}

/* Keep the animated marquee from contributing to page-level horizontal scroll width. */
.marquee{
  position:relative;
  height:90px;
  max-width:100%;
  contain:layout paint;
}
.marquee-track{
  position:static;
  display:block;
  width:100%;
  max-width:100%;
  overflow:hidden;
  animation:none;
}
.marquee-track span{
  display:block;
  width:100%;
  max-width:100%;
  overflow:hidden;
  white-space:nowrap;
}
.marquee-track span+span{
  display:none;
}

.cursor-dot{
  left:6px;
  top:6px;
  opacity:0;
  transform:none;
}

/* Launch refinement pass: tighten the existing system without changing the identity. */
:root{
  --site-max:1760px;
  --section-y:clamp(78px,10.5vw,158px);
  --section-y-tight:clamp(46px,6.5vw,92px);
  --ease-out:cubic-bezier(.16,1,.3,1);
}
::selection{
  background:var(--lime);
  color:var(--ink);
}
html{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body{
  line-height:1.5;
}
img,svg,video,canvas{
  max-width:100%;
}
a,button,summary,input,textarea,select{
  -webkit-tap-highlight-color:rgba(201,255,143,.28);
}
a:focus-visible,
button:focus-visible,
summary:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible{
  outline:2px solid var(--cyan);
  outline-offset:4px;
}
.form-honeypot{
  position:absolute!important;
  left:-10000px!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
}
.site-header a[aria-current="page"]{
  opacity:.58!important;
}
.menu-links a[aria-current="page"]{
  color:var(--ink);
  background:rgba(23,23,23,.06);
}
.site-header{
  max-width:var(--site-max);
}
.desktop-nav{
  gap:clamp(16px,1.6vw,28px)!important;
}
.desktop-nav a{
  min-height:32px!important;
  display:inline-flex!important;
  align-items:center!important;
}
.desktop-nav .nav-request{
  min-width:24px!important;
  min-height:24px!important;
}
.hero{
  padding-bottom:clamp(34px,4vw,62px);
}
.hero-title{
  max-width:min(1480px,100%);
}
.hero-meta{
  max-width:var(--site-max);
  width:100%;
}
.intro,
.client-promise,
.belief-note,
.problem-minimal,
.work-preview,
.featured,
.page,
.system-section,
.problem-selector,
.problem-hero,
.problem-intro,
.problem-process,
.services-lead,
.about-manifesto,
.about-experience,
.joify-opening,
.joify-split-story,
.joify-work-block,
.joify-digital,
.joify-outcome-panel,
.eora-narrative,
.eora-delivered,
.eora-insight,
.eora-gallery-section,
.eora-video-stage,
.tiger-statement,
.tiger-narrative,
.tiger-gallery-section,
.access-wall{
  padding-left:max(var(--pad),calc((100vw - var(--site-max))/2 + var(--pad)));
  padding-right:max(var(--pad),calc((100vw - var(--site-max))/2 + var(--pad)));
}
.page{
  padding-top:clamp(112px,11vw,154px);
}
.page-hero{
  min-height:clamp(430px,54vh,650px);
  padding-bottom:clamp(26px,3.5vw,46px);
}
.page-deck{
  max-width:640px;
}
.section-label,
.eyebrow,
.service-num,
.selected-work-num,
.work-feature-copy span,
.work-archive-copy small{
  font-weight:600;
}
.section-head{
  gap:24px;
}
.section-head a,
.work-intent-strip a,
.promise-actions a,
.think-close a,
.filter-btn,
.submit-btn,
.access-form button{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.featured-card,
.work-feature-card,
.work-archive-card,
.project-art,
.joify-figure,
.eora-video-card,
.access-form{
  border-radius:0;
}
.round-link,
.selected-work-arrow,
.problem-chip em,
.eora-gallery-group summary:after,
.eora-gallery-subgroup summary:after,
.eora-video-group summary:after{
  flex:0 0 auto;
}
.selected-work-card{
  min-height:clamp(126px,13vw,196px);
}
.selected-work-num,
.selected-work-title p,
.selected-work-tags span{
  color:rgba(20,20,20,.72);
}
.selected-work-title p{
  max-width:540px;
}
.work-feature-grid{
  padding-top:clamp(34px,4.5vw,66px);
}
.work-toolbar{
  grid-template-columns:minmax(220px,300px) 1fr;
}
.filter-row{
  gap:10px;
}
.filter-btn{
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.contact-form{
  align-items:start;
}
.field input,
.field textarea,
.field select,
.access-form input{
  min-height:46px;
}
.field input:focus,
.field textarea:focus,
.field select:focus,
.access-form input:focus{
  border-color:var(--ink);
}
.problem-chip:hover,
.pathway-card:hover,
.work-archive-card:hover{
  transform:translateY(-4px);
}
.project-card:hover .art-inner,
.work-feature-card:hover .art-inner,
.work-archive-card:hover .art-inner,
.joify-image-button:hover img,
.eora-preview-item:hover img,
.tiger-gallery-item:hover img{
  transform:scale(1.025);
}
.eora-gallery-item:hover img{
  transform:scale(.992);
}
.case-locked-content{
  contain:paint;
}
.joify-figure figcaption{
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
@media(hover:none),(pointer:coarse){
  .cursor-dot{
    display:none;
  }
  .project-art:after,
  .work-archive-art span,
  .selected-work-preview{
    display:none;
  }
  .project-card:hover .art-inner,
  .work-feature-card:hover .art-inner,
  .work-archive-card:hover .art-inner,
  .joify-image-button:hover img,
  .eora-preview-item:hover img,
  .tiger-gallery-item:hover img{
    transform:none;
    filter:none;
  }
}
@media(max-width:1024px){
  .hero{
    min-height:92vh;
  }
  .featured-card,
  .work-page-hero,
  .contact-layout,
  .case-head,
  .case-intro,
  .problem-process,
  .problem-intro{
    grid-template-columns:1fr;
  }
  .featured-copy{
    gap:36px;
  }
  .work-toolbar{
    grid-template-columns:1fr;
  }
  .work-toolbar .filter-row{
    justify-content:flex-start;
  }
}

/* Crawlable routes, conversion and accessibility */
:where(a,button,input,select,textarea):focus-visible{outline:3px solid #5ae7ff;outline-offset:4px}
.menu-toggle,.desktop-nav a,.footer-admin-link{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.form-status{min-height:1.5em}.form-consent{font-size:12px;line-height:1.5;opacity:.72}.submit-btn:disabled{cursor:wait;opacity:.65}
.not-found{min-height:75vh}.not-found-links{display:flex;gap:12px;flex-wrap:wrap;padding:0 var(--pad) 100px}.not-found-links a{border:1px solid currentColor;padding:16px 20px;min-height:48px}
.footer-social{margin-top:22px}.footer-social a{display:inline-flex;min-height:44px;align-items:center}
.static-fallback{padding-top:100px}.static-fallback>section,.static-fallback>figure,.static-fallback>p{margin:0 var(--pad) 60px}.static-fallback img{display:block;width:100%;height:auto}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:768px){
  :root{
    --pad:clamp(18px,5vw,32px);
  }
  .site-header{
    padding:0 14px!important;
  }
  .menu-panel{
    padding-top:92px;
  }
  .menu-links a{
    font-size:clamp(38px,13vw,76px);
    letter-spacing:-.04em;
  }
  .hero{
    min-height:86vh;
    padding-top:112px;
  }
  .hero-kicker{
    top:92px;
    max-width:260px;
    line-height:1.4;
  }
  .hero-meta{
    gap:18px;
    align-items:flex-start;
    flex-direction:column;
  }
  .intro,
  .client-promise,
  .belief-note,
  .problem-minimal,
  .work-preview,
  .featured,
  .page,
  .system-section,
  .problem-selector,
  .problem-hero,
  .problem-intro,
  .problem-process,
  .services-lead,
  .about-manifesto,
  .about-experience,
  .joify-opening,
  .joify-split-story,
  .joify-work-block,
  .joify-digital,
  .joify-outcome-panel,
  .eora-narrative,
  .eora-delivered,
  .eora-insight,
  .eora-gallery-section,
  .eora-video-stage,
  .tiger-statement,
  .tiger-narrative,
  .tiger-gallery-section,
  .access-wall{
    padding-top:clamp(66px,14vw,104px);
    padding-bottom:clamp(66px,14vw,104px);
  }
  .page{
    padding-top:104px;
  }
  .page-hero{
    min-height:auto;
    padding-top:56px;
  }
  .section-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .featured-head,
  .footer-grid,
  .contact-layout,
  .case-meta,
  .eora-masthead>div,
  .eora-video-head{
    display:grid;
    grid-template-columns:1fr;
    gap:18px;
  }
  .featured-card{
    min-height:0;
  }
  .featured-visual{
    min-height:360px;
  }
  .selected-work-card{
    grid-template-columns:42px 1fr 46px;
    gap:16px;
    padding:22px 0;
  }
  .selected-work-title p,
  .selected-work-tags{
    grid-column:2 / -1;
  }
  .selected-work-tags{
    justify-content:flex-start;
  }
  .selected-work-arrow{
    width:46px;
    height:46px;
  }
  .footer-cta{
    line-height:.94;
  }
  .footer-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:430px){
  .hero-title{
    font-size:clamp(48px,14vw,56px)!important;
    line-height:1!important;
  }
  .hero-title .word-long{
    max-width:none;
  }
  .hero-title .word-long > span{
    display:none;
  }
  .hero-title .word-long:after{
    content:"un\A comfortable.";
    display:block;
    white-space:pre;
  }
  .page-title,
  .problem-hero h1{
    font-size:clamp(50px,17vw,76px)!important;
  }
  .client-promise h2,
  .intro h2,
  .belief-note p,
  .problem-minimal-head h2,
  .services-lead h2,
  .about-manifesto h2,
  .about-statement,
  .contact-copy h2,
  .eora-belief h2,
  .eora-insight h2{
    font-size:clamp(34px,12vw,56px)!important;
    line-height:1.02!important;
  }
  .footer-grid,
  .contact-form{
    grid-template-columns:1fr;
  }
  .field.full,
  .submit-btn{
    grid-column:auto;
  }
  .round-link{
    width:112px;
    height:112px;
  }
  .eora-gallery-group summary,
  .eora-video-group summary{
    gap:14px;
  }
  .joify-figure figcaption{
    position:static;
    color:inherit;
    background:transparent;
    border:0;
    padding:10px 0 0;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  .joify-figure figcaption span{
    max-width:60%;
  }
}
@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.001ms!important;
  }
  .cursor-dot{
    display:none;
  }
}

/* Final launch polish: one primary nav, stronger conversion hero, cleaner rhythm. */
:root{
  --grid-gutter:var(--pad);
  --max-content:1760px;
  --type-label:clamp(10px,.72vw,12px);
  --type-nav:11px;
  --type-body:clamp(15px,1.05vw,18px);
  --type-lead:clamp(18px,1.55vw,25px);
  --type-section:clamp(44px,6.4vw,104px);
  --type-hero:clamp(88px,11.6vw,184px);
}
.site-header{
  top:18px!important;
  width:min(calc(100% - clamp(28px,4vw,72px)),var(--max-content))!important;
  height:48px!important;
  padding:0 clamp(14px,1.6vw,22px)!important;
  grid-template-columns:minmax(240px,1fr) auto minmax(240px,1fr)!important;
  background:rgba(245,244,239,0)!important;
}
.site-header.is-scrolled{
  top:12px!important;
  background:rgba(245,244,239,.92)!important;
  border-color:rgba(23,23,23,.12)!important;
  box-shadow:0 14px 42px rgba(0,0,0,.075)!important;
}
.desktop-nav{
  height:48px!important;
  gap:clamp(18px,2vw,32px)!important;
}
.desktop-nav a{
  position:relative;
  min-height:36px!important;
  font-size:var(--type-nav)!important;
  font-weight:500!important;
  letter-spacing:.01em!important;
  line-height:1!important;
}
.desktop-nav a:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:7px;
  height:1px;
  background:currentColor;
  opacity:0;
  transform:scaleX(.4);
  transform-origin:center;
  transition:opacity .18s ease,transform .18s ease;
}
.desktop-nav a:hover{
  opacity:.72!important;
}
.desktop-nav a:hover:after,
.desktop-nav a[aria-current="page"]:after{
  opacity:.42;
  transform:scaleX(1);
}
.site-header a[aria-current="page"]{
  opacity:.74!important;
}
.site-header .wordmark{
  width:clamp(132px,12vw,190px)!important;
}
.menu-toggle{
  min-width:44px!important;
  min-height:44px!important;
}
.menu-toggle span{
  height:1.5px!important;
}
.hero{
  min-height:100svh;
  padding-top:clamp(118px,10vw,164px);
  padding-bottom:clamp(42px,5.4vw,82px);
}
.hero-kicker{
  top:clamp(104px,9vw,138px);
  font-size:var(--type-label);
  line-height:1.45;
  letter-spacing:.18em;
}
.hero-title{
  font-size:var(--type-hero)!important;
  line-height:.78!important;
  letter-spacing:-.052em!important;
}
.hero-meta{
  margin-top:clamp(28px,4vw,58px);
  font-size:clamp(11px,.8vw,13px);
  line-height:1.5;
}
.section-label,
.eyebrow,
.work-feature-copy span,
.problem-chip small,
.package-card .service-num,
.about-principles small,
.field label,
.contact-prompts span{
  font-size:var(--type-label)!important;
  letter-spacing:.14em!important;
  line-height:1.35!important;
}
p,
li,
.page-deck,
.contact-copy p,
.footer-grid,
.menu-foot{
  font-size:var(--type-body);
  line-height:1.64;
}
.intro h2,
.client-promise h2,
.belief-note p,
.services-lead h2,
.about-manifesto h2,
.about-experience h2,
.think-close h2,
.problem-minimal-head h2,
.featured-head h2{
  font-size:var(--type-section)!important;
  line-height:.96!important;
  letter-spacing:-.045em!important;
}
.page-title{
  font-size:clamp(76px,11vw,164px)!important;
  line-height:.86!important;
  letter-spacing:-.052em!important;
}
.page-deck{
  font-size:var(--type-lead);
  max-width:720px;
}
.intro,
.client-promise,
.belief-note,
.problem-minimal,
.featured,
.work-preview,
.page,
.system-section,
.think-hero,
.think-close{
  padding-top:var(--section-y);
  padding-bottom:var(--section-y);
}
.featured-head,
.selected-work-head,
.services-lead,
.about-manifesto,
.work-toolbar,
.joify-gallery-head{
  align-items:end;
  gap:clamp(24px,5vw,84px);
}
.client-promise{
  grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr);
  border-block:1px solid rgba(255,255,255,.1);
}
.promise-actions{
  margin-top:clamp(18px,2vw,28px);
}
.promise-actions a,
.work-intent-strip a,
.section-head a,
.think-close a,
.submit-btn{
  font-size:11px;
  font-weight:600;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.problem-chip,
.work-archive-card,
.selected-work-card,
.package-card,
.about-principles article,
.system-accordion-item summary{
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.problem-chip:hover,
.work-archive-card:hover{
  transform:translateY(-3px);
}
.selected-work-card:hover .selected-work-title h3{
  transform:translateX(10px);
}
.package-card{
  grid-template-columns:minmax(280px,.88fr) minmax(340px,1.12fr);
}
.package-card strong{
  font-size:clamp(20px,2vw,32px);
  line-height:1.24;
  letter-spacing:-.025em;
}
.about-principles article{
  min-height:clamp(260px,24vw,340px);
}
.about-principles article:hover{
  background:#fff;
}
.system-accordion-item summary:hover{
  background:rgba(255,255,255,.04);
}
.work-intent-strip{
  grid-template-columns:minmax(260px,.5fr) minmax(320px,1fr) auto;
  padding:clamp(24px,3.2vw,46px);
}
.work-intent-strip span{
  font-size:clamp(26px,3vw,46px);
  line-height:1.05;
}
.contact-page .page-hero{
  min-height:clamp(460px,58vh,720px);
}
.contact-layout{
  grid-template-columns:minmax(320px,.82fr) minmax(420px,1.18fr);
  gap:clamp(44px,7vw,120px);
  padding-top:clamp(42px,5vw,74px);
}
.contact-copy h2{
  font-size:clamp(42px,5.8vw,90px)!important;
  line-height:.96!important;
  letter-spacing:-.045em!important;
}
.contact-copy a[href^="mailto"]{
  display:inline-block;
  margin-top:clamp(22px,3vw,42px);
  font-size:clamp(18px,1.8vw,28px);
  font-weight:600;
  border-bottom:1px solid currentColor;
}
.contact-form{
  border-top:1px solid var(--line);
  padding-top:clamp(24px,3vw,42px);
  gap:clamp(20px,2vw,30px);
}
.field input,
.field textarea,
.field select{
  font-size:16px;
}
.submit-btn{
  padding:18px 22px;
  min-height:56px;
}
.site-footer{
  padding:clamp(92px,13vw,190px) max(var(--pad),calc((100vw - var(--max-content))/2 + var(--pad))) clamp(30px,3vw,46px);
}
.footer-kicker{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  border-top:1px solid rgba(23,23,23,.32);
  padding-top:18px;
  margin-bottom:clamp(42px,6vw,88px);
}
.footer-kicker a{
  font-size:clamp(17px,1.8vw,28px);
  font-weight:600;
  border-bottom:1px solid currentColor;
}
.footer-cta{
  font-size:clamp(72px,11.8vw,190px)!important;
  line-height:.82!important;
  letter-spacing:-.055em!important;
  max-width:1500px;
}
.footer-cta em{
  font-style:normal;
}
.footer-grid{
  margin-top:clamp(70px,10vw,142px);
  padding-top:22px;
  gap:clamp(20px,4vw,68px);
}
.footer-grid a,
.footer-grid p{
  font-size:clamp(14px,1vw,17px);
}
@media(max-width:1024px){
  .site-header{
    grid-template-columns:minmax(160px,1fr) auto minmax(160px,1fr)!important;
  }
  .desktop-nav{
    gap:16px!important;
  }
  .client-promise,
  .package-card,
  .contact-layout,
  .work-intent-strip{
    grid-template-columns:1fr;
  }
  .work-intent-strip a{
    justify-self:start;
  }
}
@media(max-width:768px){
  .site-header{
    top:18px!important;
    width:calc(100% - 36px)!important;
    height:38px!important;
    padding:0!important;
    grid-template-columns:1fr auto 1fr!important;
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .site-header.is-scrolled,
  .site-header.is-light-surface{
    top:18px!important;
    width:calc(100% - 36px)!important;
    height:38px!important;
    padding:0!important;
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .site-header .wordmark{
    width:132px!important;
    height:38px!important;
  }
  .site-header.is-scrolled .wordmark,
  .site-header.is-light-surface .wordmark{
    height:38px!important;
  }
  .site-header.is-scrolled .wordmark img,
  .site-header.is-light-surface .wordmark img{
    filter:none!important;
  }
  .site-header.is-visual-surface .wordmark img{
    filter:brightness(0) invert(1)!important;
  }
  .site-header.is-dark-surface .wordmark img{
    filter:brightness(0) invert(1)!important;
  }
  .menu-toggle{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    color:#f5f4ef!important;
    padding:0!important;
  }
  .site-header.is-scrolled .menu-toggle,
  .site-header.is-light-surface .menu-toggle{color:var(--ink)!important}
  .site-header.is-visual-surface .menu-toggle{color:#f5f4ef!important}
  .site-header.is-dark-surface .menu-toggle{color:#f5f4ef!important}
  .menu-toggle span{
    left:auto!important;
    right:0!important;
    width:28px!important;
    height:1.5px!important;
  }
  .menu-toggle span:first-child{top:11px!important}
  .menu-toggle span:last-child{bottom:11px!important}
  .menu-panel{
    padding:96px var(--pad) var(--pad);
  }
  .menu-links a{
    min-height:72px;
    align-items:center;
    font-size:clamp(34px,11vw,64px)!important;
    line-height:.98;
  }
  .menu-foot{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .hero{
    min-height:88svh;
    padding-top:116px;
    padding-bottom:34px;
  }
  .hero-title{
    margin-top:auto;
  }
  .intro,
  .client-promise,
  .belief-note,
  .problem-minimal,
  .featured,
  .work-preview,
  .page,
  .system-section,
  .think-hero,
  .think-close{
    padding-top:clamp(70px,15vw,110px);
    padding-bottom:clamp(70px,15vw,110px);
  }
  .selected-work-card{
    grid-template-columns:40px 1fr 46px;
  }
  .footer-kicker,
  .footer-grid{
    grid-template-columns:1fr;
    display:grid;
    align-items:start;
  }
  .footer-cta{
    font-size:clamp(52px,15vw,92px)!important;
    line-height:.9!important;
  }
  .page{
    padding-top:0;
  }
  .page-hero,
  .work-page-hero,
  .about-page-hero{
    min-height:auto!important;
    padding-top:116px!important;
    padding-bottom:54px!important;
  }
  .work-page-hero{
    background-position:center top;
  }
  .work-page-hero:before{
    height:72%;
    background:linear-gradient(180deg,rgba(247,243,237,.08),rgba(247,243,237,.84) 42%,#f7f3ed 100%);
  }
  .work-page-hero .page-title{
    font-size:clamp(58px,17vw,78px)!important;
    line-height:.9!important;
  }
  .work-page-hero .page-deck{
    font-size:clamp(17px,5vw,21px);
    line-height:1.45;
  }
  .about-manifesto h2{
    font-size:clamp(36px,10.6vw,52px)!important;
    line-height:1.02!important;
  }
  .about-statement{
    font-size:clamp(38px,11vw,58px)!important;
    line-height:1.03!important;
    padding-block:76px!important;
  }
  .problem-hero{
    min-height:auto!important;
    padding:132px var(--pad) 76px!important;
  }
  .problem-hero h1{
    margin:64px 0 24px!important;
  }
  .case-page{
    padding-top:112px!important;
  }
  .case-head{
    padding:0 var(--pad) 34px!important;
    gap:22px!important;
  }
  .case-head h1{
    font-size:clamp(54px,16vw,82px)!important;
    line-height:.92!important;
    letter-spacing:-.045em!important;
  }
  .case-head p{
    font-size:clamp(16px,4.6vw,20px);
    line-height:1.48;
  }
  .case-meta{
    gap:12px;
  }
  .case-hero-art{
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    margin:0 var(--pad)!important;
    aspect-ratio:4/3!important;
  }
  .case-intro{
    padding-block:72px!important;
  }
  .case-intro h2{
    font-size:clamp(34px,10vw,52px)!important;
    line-height:1.02!important;
  }
  .sx-hero-minimal{
    min-height:220px!important;
    padding:102px var(--pad) 28px!important;
  }
  .eora-minimal{
    height:auto!important;
    min-height:220px!important;
    padding:102px var(--pad) 28px!important;
  }
  .eora-masthead{
    min-height:auto!important;
    padding:78px var(--pad) 42px!important;
  }
  .eora-masthead h1{
    font-size:clamp(82px,24vw,118px)!important;
    line-height:.82!important;
    margin:96px 0 34px!important;
  }
  .tiger-hero{
    min-height:auto!important;
    padding-top:96px!important;
    background:#f3efe8!important;
  }
  .tiger-hero>img{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:contain!important;
  }
  .tiger-title-band{
    padding-block:72px!important;
  }
}
@media(max-width:430px){
  .desktop-nav{
    display:none!important;
  }
  .hero-title{
    font-size:clamp(38px,11.4vw,45px)!important;
    line-height:.9!important;
    letter-spacing:-.055em!important;
  }
  .hero-title .word-long > span{
    display:inline-block;
    transform:scaleX(.78);
    transform-origin:left center;
  }
  .hero-title .word-long:after{
    content:none;
  }
  .page-title{
    font-size:clamp(56px,18vw,82px)!important;
  }
  .work-intent-strip,
  .contact-form,
  .footer-grid{
    gap:18px;
  }
  .selected-work-card{
    grid-template-columns:1fr 44px;
  }
  .selected-work-num,
  .selected-work-title p,
  .selected-work-tags{
    grid-column:1/-1;
  }
  .footer-cta{
    font-size:clamp(48px,14vw,72px)!important;
  }
  .joify-hero-mosaic{display:block!important;overflow:visible!important;min-height:0!important}
  .joify-hero-mosaic .joify-figure,
  .joify-hero-mosaic .joify-figure.lead,
  .joify-hero-mosaic .joify-figure:nth-child(2),
  .joify-hero-mosaic .joify-figure:nth-child(3),
  .joify-hero-mosaic .joify-figure:nth-child(4),
  .joify-hero-mosaic .joify-figure:nth-child(5),
  .joify-hero-mosaic .joify-figure:nth-child(6){
    display:none!important;
    grid-column:auto!important;
    grid-row:auto!important;
    min-height:0!important;
    flex:none!important;
  }
  .joify-hero-mosaic .joify-figure.lead{
    display:block!important;
    grid-column:auto!important;
  }
  .joify-hero-mosaic .joify-image-button{
    aspect-ratio:4/3;
    height:auto!important;
  }
  .joify-premium-hero{
    padding-bottom:72px!important;
  }
  .joify-premium-copy h1{
    font-size:clamp(46px,13.4vw,62px)!important;
    line-height:.94!important;
  }
}

/* Mobile art-direction pass: calmer, more editorial first screens. */
@media(max-width:768px){
  .hero{
    min-height:82svh;
    justify-content:flex-end;
  }
  .hero-kicker{
    top:108px;
    max-width:290px;
  }
  .hero-meta{
    margin-top:22px;
  }
  .work-page-hero,
  .about-page-hero{
    background:none!important;
    border-bottom:1px solid var(--line);
    color:var(--ink);
  }
  .work-page-hero:before,
  .work-page-hero:after,
  .about-page-hero:before,
  .about-page-hero:after{
    display:none!important;
  }
  .work-page-hero .page-title,
  .about-page-hero .page-title{
    font-size:clamp(62px,18vw,86px)!important;
    line-height:.9!important;
    margin:0 0 22px!important;
  }
  .work-page-hero .page-deck,
  .about-page-hero .page-deck{
    font-size:clamp(16px,4.7vw,20px)!important;
    line-height:1.52!important;
    max-width:100%;
  }
  .work-intent-strip{
    border:1px solid rgba(23,23,23,.14);
    background:#fff;
    padding:24px;
    margin-top:38px;
  }
  .work-intent-strip span{
    font-size:clamp(26px,8vw,34px)!important;
  }
  .services-page .page-hero,
  .contact-page .page-hero{
    padding-bottom:46px!important;
    border-bottom:1px solid var(--line);
  }
  .services-page .page-title,
  .contact-page .page-title,
  .problem-hero h1{
    font-size:clamp(52px,15.2vw,72px)!important;
    line-height:.92!important;
    letter-spacing:-.045em!important;
  }
  .contact-copy h2{
    font-size:clamp(36px,10.2vw,52px)!important;
    line-height:1!important;
  }
  .about-manifesto{
    padding-top:76px!important;
  }
  .about-manifesto h2{
    font-size:clamp(32px,9vw,44px)!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
  }
  .think-hero{
    min-height:auto;
    padding-top:112px!important;
    padding-bottom:86px!important;
  }
  .think-hero h1{
    font-size:clamp(54px,16vw,78px)!important;
    line-height:.92!important;
  }
  .problem-hero{
    padding-top:112px!important;
    padding-bottom:68px!important;
  }
  .problem-hero h1{
    margin:48px 0 22px!important;
  }
  .case-page{
    padding-top:100px!important;
  }
  .case-head h1{
    font-size:clamp(50px,14.5vw,72px)!important;
  }
  .case-head p{
    font-size:clamp(16px,4.3vw,19px)!important;
  }
  .case-hero-art{
    margin-top:6px!important;
  }
  .case-hero-art .art-a{
    background:repeating-linear-gradient(45deg,#c46aff 0 26px,#111 26px 52px)!important;
  }
  .sx-hero-minimal,
  .eora-minimal{
    min-height:164px!important;
    padding:96px var(--pad) 22px!important;
  }
  .eora-masthead{
    padding-top:54px!important;
  }
  .eora-masthead h1{
    margin:64px 0 26px!important;
  }
  .sx-story{
    padding-top:70px!important;
  }
  .sx-story h2{
    font-size:clamp(42px,12vw,64px)!important;
  }
  .tiger-hero{
    padding-top:92px!important;
  }
}

/* Mobile scale correction: make the site feel designed for the viewport, not squeezed into it. */
@media(max-width:768px){
  :root{
    --mobile-title:clamp(42px,11.8vw,56px);
    --mobile-section-title:clamp(28px,8.2vw,38px);
    --mobile-body:clamp(15px,4vw,17px);
    --mobile-section:clamp(44px,12vw,64px);
  }
  body{
    font-size:var(--mobile-body);
  }
  .hero{
    min-height:72svh!important;
    padding-bottom:24px!important;
  }
  .hero-kicker{
    top:98px!important;
    max-width:280px!important;
  }
  .hero-title{
    font-size:clamp(31px,9.2vw,40px)!important;
    line-height:.94!important;
    letter-spacing:-.04em!important;
  }
  .hero-title .word-long > span{
    transform:scaleX(.84)!important;
  }
  .hero-meta{
    margin-top:18px!important;
    gap:12px!important;
  }
  .page-hero,
  .work-page-hero,
  .about-page-hero{
    padding-top:104px!important;
    padding-bottom:38px!important;
  }
  .page-title,
  .work-page-hero .page-title,
  .about-page-hero .page-title,
  .services-page .page-title,
  .contact-page .page-title,
  .problem-hero h1{
    font-size:var(--mobile-title)!important;
    line-height:.98!important;
    letter-spacing:-.035em!important;
    margin-bottom:18px!important;
  }
  .intro,
  .client-promise,
  .belief-note,
  .problem-minimal,
  .featured,
  .work-preview,
  .page,
  .system-section,
  .think-close,
  .eora-narrative,
  .eora-delivered,
  .eora-insight,
  .eora-gallery-section,
  .eora-video-stage,
  .tiger-statement,
  .tiger-narrative,
  .access-wall{
    padding-top:var(--mobile-section)!important;
    padding-bottom:var(--mobile-section)!important;
  }
  p,
  li,
  .page-deck,
  .contact-copy p,
  .work-intent-strip p,
  .package-card p,
  .about-principles p,
  .problem-hero p,
  .problem-intro p,
  .case-head p,
  .case-intro p,
  .sx-story p,
  .eora-narrative p,
  .eora-delivered p,
  .eora-insight p,
  .joify-premium-page p{
    font-size:var(--mobile-body)!important;
    line-height:1.5!important;
    letter-spacing:0!important;
  }
  .section-label,
  .eyebrow,
  .field label,
  .contact-prompts span,
  .work-feature-copy span,
  .problem-chip small,
  .service-num{
    font-size:10px!important;
    letter-spacing:.12em!important;
  }
  .intro h2,
  .client-promise h2,
  .belief-note p,
  .services-lead h2,
  .about-manifesto h2,
  .about-experience h2,
  .think-close h2,
  .problem-minimal-head h2,
  .featured-head h2,
  .package-card h2,
  .proof-strip p,
  .selected-work-title h3,
  .work-feature-copy h2,
  .work-archive-copy h3,
  .problem-process h2,
  .problem-step-list h3,
  .case-intro h2,
  .eora-narrative h2,
  .eora-delivered h2,
  .eora-insight h2,
  .eora-gallery-head h2,
  .contact-copy h2,
  .sx-story h2{
    font-size:var(--mobile-section-title)!important;
    line-height:1.04!important;
    letter-spacing:-.028em!important;
  }
  .work-intent-strip{
    margin-top:24px!important;
    padding:20px!important;
  }
  .work-intent-strip span{
    font-size:var(--mobile-section-title)!important;
  }
  .selected-work-card,
  .package-card,
  .problem-card,
  .thinking-card{
    padding-top:22px!important;
    padding-bottom:22px!important;
  }
  .contact-layout{
    padding-top:34px!important;
    gap:34px!important;
  }
  .contact-prompts{
    margin-top:30px!important;
  }
  .contact-page .page-hero{
    padding-bottom:34px!important;
  }
  .case-page{
    padding-top:92px!important;
  }
  .case-head{
    padding-bottom:24px!important;
  }
  .case-head h1{
    font-size:clamp(40px,11vw,54px)!important;
    line-height:1!important;
    letter-spacing:-.032em!important;
  }
  .case-meta span{
    font-size:10px!important;
    letter-spacing:.1em!important;
  }
  .case-hero-art{
    aspect-ratio:16/10!important;
  }
  .sx-hero-minimal,
  .eora-minimal{
    min-height:148px!important;
    padding:88px var(--pad) 20px!important;
  }
  .eora-masthead{
    padding-top:44px!important;
    padding-bottom:34px!important;
  }
  .eora-masthead h1{
    font-size:clamp(64px,18vw,88px)!important;
    line-height:.9!important;
    margin:48px 0 22px!important;
  }
  .eora-belief h2,
  .eora-insight h2{
    font-size:clamp(48px,14vw,72px)!important;
  }
  .joify-premium-hero{
    padding-top:102px!important;
    padding-bottom:56px!important;
  }
  .joify-premium-copy h1{
    font-size:clamp(36px,10.2vw,46px)!important;
    line-height:1.02!important;
    letter-spacing:-.026em!important;
  }
  .joify-hero-mosaic .joify-image-button{
    aspect-ratio:16/10!important;
  }
  .tiger-title-band{
    padding-block:54px!important;
  }
  .tiger-title-band h1{
    font-size:clamp(46px,13vw,64px)!important;
  }
  .footer-cta{
    font-size:clamp(38px,10.4vw,54px)!important;
    line-height:1!important;
    letter-spacing:-.035em!important;
  }
  .site-footer{
    padding-top:56px!important;
  }
}
@media(max-width:430px){
  .page-title,
  .work-page-hero .page-title,
  .about-page-hero .page-title,
  .services-page .page-title,
  .contact-page .page-title,
  .problem-hero h1{
    font-size:var(--mobile-title)!important;
  }
  .hero-title{
    font-size:clamp(30px,8.8vw,38px)!important;
  }
  .joify-premium-copy h1{
    font-size:clamp(34px,9.8vw,44px)!important;
  }
}

/* Mobile polish layer: reduce the last oversized editorial remnants and tighten page rhythm. */
@media(max-width:768px){
  .page-deck,
  .work-page-hero .page-deck,
  .about-page-hero .page-deck{
    font-size:clamp(15px,4vw,17px)!important;
    line-height:1.5!important;
    max-width:32em!important;
    margin-top:16px!important;
  }
  .intro h2,
  .services-lead h2,
  .about-manifesto h2,
  .about-experience h2,
  .contact-copy h2,
  .case-intro h2,
  .sx-story h2,
  .sx-symbol h2,
  .sx-colour h2,
  .sx-close p,
  .eora-narrative h2,
  .eora-delivered h2,
  .eora-gallery-head h2,
  .joify-opening h2,
  .joify-split-story h2,
  .joify-work-block h2,
  .joify-digital h2,
  .joify-outcome-panel h2{
    font-size:clamp(28px,8vw,36px)!important;
    line-height:1.08!important;
    letter-spacing:-.024em!important;
  }
  .eora-belief h2,
  .eora-insight h2{
    font-size:clamp(38px,11vw,52px)!important;
    line-height:.98!important;
    letter-spacing:-.032em!important;
  }
  .proof-strip p,
  .problem-contact h2,
  .access-wall h2{
    font-size:clamp(30px,8.8vw,40px)!important;
    line-height:1.06!important;
    letter-spacing:-.026em!important;
  }
  .intro{
    padding-top:52px!important;
  }
  .intro h2{
    max-width:11.5em!important;
  }
  .services-lead,
  .about-manifesto,
  .about-experience{
    padding-top:52px!important;
    padding-bottom:52px!important;
  }
  .package-card{
    gap:22px!important;
  }
  .package-card strong{
    font-size:clamp(17px,4.6vw,20px)!important;
    line-height:1.3!important;
    letter-spacing:-.012em!important;
  }
  .contact-copy p a{
    display:inline-block;
    margin-bottom:6px;
    font-size:clamp(17px,4.6vw,20px)!important;
    line-height:1.25!important;
    letter-spacing:-.01em!important;
  }
  .contact-form{
    gap:18px!important;
  }
  .field input,
  .field textarea,
  .field select{
    min-height:44px;
    padding:10px 0!important;
  }
  .joify-split-story,
  .joify-work-block,
  .joify-digital,
  .joify-outcome-panel{
    padding-top:54px!important;
    padding-bottom:54px!important;
  }
  .joify-premium-hero{
    gap:32px!important;
  }
  .joify-premium-copy p{
    max-width:32em!important;
  }
  .eora-narrative,
  .eora-delivered,
  .eora-gallery-section,
  .eora-video-stage{
    padding-top:54px!important;
    padding-bottom:54px!important;
  }
  .eora-masthead h1{
    font-size:clamp(56px,16vw,76px)!important;
    margin:34px 0 18px!important;
  }
  .eora-masthead{
    padding-top:36px!important;
  }
  .sx-story,
  .sx-symbol,
  .sx-colour{
    padding-top:54px!important;
    padding-bottom:54px!important;
  }
  .sx-hero-minimal img,
  .sx-visual-card img,
  .sx-logo-card img,
  .eora-card img,
  .joify-image-button img,
  .case-media img{
    object-fit:cover!important;
  }
  .sx-hero-minimal img{
    height:auto!important;
    max-height:220px!important;
  }
  .sx-visual-card,
  .sx-logo-card{
    overflow:hidden;
  }
  .work-feature-grid,
  .work-archive-grid,
  .package-list,
  .about-principles,
  .problem-step-list{
    gap:18px!important;
  }
}

@media(max-width:430px){
  .page-title,
  .services-page .page-title,
  .contact-page .page-title,
  .problem-hero h1{
    font-size:clamp(38px,10.8vw,48px)!important;
    letter-spacing:-.03em!important;
  }
  .hero{
    min-height:68svh!important;
  }
  .hero-kicker{
    top:96px!important;
    font-size:10px!important;
    letter-spacing:.14em!important;
  }
  .hero-title{
    font-size:clamp(29px,8.4vw,36px)!important;
    line-height:.96!important;
  }
  .footer-grid{
    margin-top:44px!important;
  }
}

/* Mobile case-page entry: remove redundant white pre-title bands before visual heroes. */
@media(max-width:768px){
  .sx-hero-minimal,
  .eora-minimal{
    display:none!important;
  }
  .sintrex-page>.sx-full:first-of-type{
    margin-top:88px!important;
  }
  .eora-masthead{
    padding-top:112px!important;
  }
  .eora-masthead h1{
    margin-top:18px!important;
  }
  .sx-story{
    gap:22px!important;
  }
  .sx-story p,
  .sx-colour p{
    margin:22px 0 0!important;
  }
  .eora-narrative{
    gap:24px!important;
  }
  .eora-narrative h2{
    margin-bottom:28px!important;
  }
}

/* Acceptance polish: keep selected work rows structured on narrow previews. */
@media(max-width:850px){
  .selected-work-card{
    grid-template-columns:minmax(0,1fr) 52px!important;
    gap:16px!important;
    padding:34px 0 42px!important;
    align-items:start!important;
  }
  .selected-work-num{
    grid-column:1/-1!important;
    grid-row:1!important;
    padding-top:0!important;
  }
  .selected-work-title{
    grid-column:1/-1!important;
    grid-row:2!important;
    max-width:100%!important;
  }
  .selected-work-title h3{
    font-size:clamp(46px,13vw,76px)!important;
    line-height:.94!important;
    letter-spacing:-.04em!important;
  }
  .selected-work-title p{
    max-width:min(100%,34rem)!important;
    margin-top:12px!important;
    font-size:clamp(15px,4.8vw,21px)!important;
    line-height:1.35!important;
  }
  .selected-work-tags{
    grid-column:1!important;
    grid-row:3!important;
    margin:0!important;
    align-self:start!important;
    justify-content:flex-start!important;
  }
  .selected-work-tags span{
    font-size:10px!important;
    padding:9px 12px!important;
  }
  .selected-work-arrow{
    grid-column:2!important;
    grid-row:3!important;
    align-self:start!important;
    justify-self:end!important;
    width:52px!important;
    height:52px!important;
  }
  .selected-work-preview{
    grid-column:1/-1!important;
    grid-row:4!important;
    width:100%!important;
    aspect-ratio:16/10!important;
    margin-top:18px!important;
    display:block!important;
    opacity:1!important;
    transform:none!important;
  }
}

.aarnora-page{
  --aarnora-paper:#efe5d9;
  --aarnora-rose:#7a1737;
  --aarnora-ink:#201615;
  --aarnora-gold:#b98d48;
  background:var(--aarnora-paper);
  color:var(--aarnora-ink);
}
.aarnora-hero{
  min-height:100svh;
  padding:clamp(128px,12vw,172px) var(--pad) clamp(62px,7vw,104px);
  display:grid;
  grid-template-columns:minmax(300px,.86fr) minmax(0,1.14fr);
  gap:clamp(48px,6vw,112px);
  align-items:center;
}
.aarnora-hero-copy{
  align-self:start;
  min-width:0;
  overflow:clip;
  padding-top:clamp(18px,3vw,54px);
}
.aarnora-hero-copy h1{
  margin:clamp(52px,7vw,98px) 0 clamp(22px,3vw,34px);
  max-width:8.2em;
  font:780 clamp(72px,8.2vw,126px)/.82 var(--display);
  letter-spacing:-.065em;
}
.aarnora-hero-copy p{
  margin:0;
  max-width:9.5em;
  font-size:clamp(27px,3.4vw,54px);
  line-height:.96;
  letter-spacing:-.044em;
}
.aarnora-hero-grid,
.aarnora-gallery-grid{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:clamp(12px,1.7vw,24px);
  align-items:start;
}
.aarnora-hero-grid{
  grid-template-columns:repeat(10,1fr);
  gap:clamp(14px,1.5vw,22px);
  align-items:end;
}
.aarnora-hero-grid .aarnora-gallery-item{
  grid-column:span 4;
}
.aarnora-hero-grid .aarnora-gallery-item.aarnora-featured{
  grid-column:span 6;
}
.aarnora-hero-grid .aarnora-gallery-item:nth-child(1){
  grid-column:1 / span 6;
}
.aarnora-hero-grid .aarnora-gallery-item:nth-child(2){
  grid-column:7 / span 4;
  align-self:start;
}
.aarnora-hero-grid .aarnora-gallery-item:nth-child(n+3){
  display:none;
}
.aarnora-hero-grid .aarnora-gallery-button{
  background:rgba(32,22,21,.08);
  box-shadow:0 22px 70px rgba(32,22,21,.08);
}
.aarnora-hero-grid .aarnora-gallery-item:nth-child(1) .aarnora-gallery-button{
  aspect-ratio:4/5;
}
.aarnora-hero-grid .aarnora-gallery-item:nth-child(2) .aarnora-gallery-button{
  aspect-ratio:4/5;
}
.aarnora-hero-grid .aarnora-gallery-button img{
  height:100%;
  object-fit:cover;
}
.aarnora-hero-grid .aarnora-gallery-item figcaption{
  border-top-color:rgba(32,22,21,.18);
  color:rgba(32,22,21,.58);
}
.aarnora-gallery-item{
  grid-column:span 4;
  margin:0;
}
.aarnora-gallery-item.aarnora-featured{
  grid-column:span 6;
}
.aarnora-gallery-button{
  display:block;
  width:100%;
  padding:0;
  border:0;
  background:#d8c6b8;
  cursor:zoom-in;
  overflow:hidden;
}
.aarnora-gallery-button img{
  display:block;
  width:100%;
  height:auto;
  transition:transform .42s cubic-bezier(.16,1,.3,1),filter .42s cubic-bezier(.16,1,.3,1);
}
.aarnora-gallery-button:hover img{
  transform:scale(.985);
  filter:saturate(1.06);
}
.aarnora-gallery-item figcaption{
  display:flex;
  justify-content:space-between;
  gap:18px;
  padding-top:10px;
  border-top:1px solid rgba(32,22,21,.16);
  margin-top:10px;
  color:rgba(32,22,21,.64);
  font-size:11px;
  line-height:1.35;
}
.aarnora-gallery-item figcaption small{
  letter-spacing:.12em;
  text-transform:uppercase;
}
.aarnora-gallery-item figcaption span{
  max-width:70%;
  text-align:right;
}
.aarnora-intro,
.aarnora-approach,
.aarnora-outcome{
  padding:clamp(88px,12vw,180px) var(--pad);
  display:grid;
  grid-template-columns:.8fr 1.8fr;
  gap:clamp(28px,5vw,72px);
}
.aarnora-intro h2,
.aarnora-approach h2,
.aarnora-outcome h2{
  margin:0 0 clamp(28px,4vw,58px);
  font:750 clamp(44px,7.2vw,116px)/.88 var(--display);
  letter-spacing:-.068em;
}
.aarnora-intro p,
.aarnora-approach p,
.aarnora-outcome p{
  max-width:850px;
  margin:0 0 1.1em;
  font-size:clamp(18px,2vw,28px);
  line-height:1.5;
  letter-spacing:-.018em;
}
.aarnora-belief{
  min-height:72svh;
  padding:clamp(88px,12vw,180px) var(--pad);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:clamp(60px,10vw,140px);
  background:var(--aarnora-rose);
  color:#f8eee4;
}
.aarnora-belief span{
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.aarnora-belief h2{
  max-width:9em;
  margin:0;
  font:800 clamp(60px,11vw,180px)/.82 var(--display);
  letter-spacing:-.078em;
}
.aarnora-belief p{
  max-width:680px;
  margin:0 0 0 auto;
  font-size:clamp(18px,2vw,28px);
  line-height:1.46;
  letter-spacing:-.016em;
}
.aarnora-story-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-block:1px solid rgba(32,22,21,.16);
}
.aarnora-story-grid article{
  padding:clamp(30px,5vw,70px) var(--pad);
  border-right:1px solid rgba(32,22,21,.16);
}
.aarnora-story-grid article:last-child{
  border-right:0;
}
.aarnora-story-grid small,
.aarnora-role li:before{
  color:var(--aarnora-gold);
}
.aarnora-story-grid h2{
  margin:clamp(34px,5vw,74px) 0 22px;
  font:700 clamp(30px,4.4vw,64px)/.94 var(--display);
  letter-spacing:-.05em;
}
.aarnora-story-grid p{
  margin:0;
  font-size:clamp(15px,1.35vw,19px);
  line-height:1.58;
}
.aarnora-role{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:clamp(32px,6vw,88px);
  padding:clamp(88px,12vw,170px) var(--pad);
  background:#fff9f2;
}
.aarnora-role h2{
  margin:34px 0 0;
  font:750 clamp(40px,6vw,92px)/.9 var(--display);
  letter-spacing:-.062em;
}
.aarnora-role ul{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid rgba(32,22,21,.16);
}
.aarnora-role li{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:14px;
  padding:15px 0;
  border-bottom:1px solid rgba(32,22,21,.16);
  font-size:clamp(15px,1.35vw,20px);
}
.aarnora-role li:before{
  content:"✦";
  font-size:12px;
  padding-top:.25em;
}
.aarnora-approach{
  background:#231816;
  color:#f7ece2;
}
.aarnora-approach h2{
  color:#e8c98c;
}
.aarnora-primary-series{
  padding:clamp(76px,10vw,150px) var(--pad);
  background:#fff7ef;
  color:var(--aarnora-ink);
}
.aarnora-primary-series-head{
  display:grid;
  grid-template-columns:.55fr 1.2fr .75fr;
  gap:clamp(24px,4vw,64px);
  align-items:end;
  margin-bottom:clamp(32px,5vw,72px);
}
.aarnora-primary-series-head h2{
  margin:0;
  font:750 clamp(42px,6.4vw,98px)/.9 var(--display);
  letter-spacing:-.064em;
}
.aarnora-primary-series-head p{
  margin:0;
  max-width:420px;
  color:rgba(32,22,21,.66);
  line-height:1.55;
}
.aarnora-primary-series-grid{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:clamp(12px,1.7vw,24px);
  align-items:start;
}
.aarnora-primary-series-grid .aarnora-gallery-item{
  grid-column:span 4;
}
.aarnora-primary-series-grid .aarnora-gallery-item.aarnora-featured{
  grid-column:span 6;
}
.aarnora-primary-series-grid .aarnora-gallery-item:nth-child(3),
.aarnora-primary-series-grid .aarnora-gallery-item:nth-child(8){
  margin-top:clamp(28px,5vw,76px);
}
.aarnora-gallery-section{
  padding:clamp(80px,11vw,160px) var(--pad);
  background:#130f0e;
  color:#fff6ec;
}
.aarnora-gallery-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:40px;
  margin-bottom:clamp(36px,6vw,82px);
}
.aarnora-gallery-head h2{
  margin:20px 0 0;
  font:750 clamp(46px,7vw,108px)/.88 var(--display);
  letter-spacing:-.068em;
}
.aarnora-gallery-head p{
  max-width:430px;
  margin:0;
  color:rgba(255,246,236,.68);
  line-height:1.55;
}
.aarnora-gallery-section .aarnora-gallery-grid{
  grid-auto-flow:dense;
}
.aarnora-highlight-grid,
.aarnora-archive-grid{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:clamp(12px,1.7vw,24px);
  align-items:start;
}
.aarnora-highlight-grid{
  margin-bottom:clamp(58px,8vw,112px);
}
.aarnora-love-series{
  margin-bottom:clamp(56px,8vw,116px);
  padding-bottom:clamp(44px,7vw,96px);
  border-bottom:1px solid rgba(255,246,236,.18);
}
.aarnora-love-series-head{
  display:grid;
  grid-template-columns:.55fr 1fr .75fr;
  gap:clamp(22px,4vw,58px);
  align-items:end;
  margin-bottom:clamp(28px,5vw,62px);
}
.aarnora-love-series-head h2{
  margin:0;
  font:740 clamp(38px,5.6vw,86px)/.92 var(--display);
  letter-spacing:-.06em;
}
.aarnora-love-series-head p{
  margin:0;
  color:rgba(255,246,236,.66);
  line-height:1.55;
}
.aarnora-love-series-grid{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:clamp(12px,1.7vw,24px);
  align-items:start;
}
.aarnora-love-series-grid .aarnora-gallery-item{
  grid-column:span 3;
}
.aarnora-love-series-grid .aarnora-gallery-item.aarnora-featured{
  grid-column:span 6;
}
.aarnora-gallery-section .aarnora-gallery-item{
  color:#fff6ec;
}
.aarnora-highlight-grid .aarnora-gallery-item:nth-child(1),
.aarnora-highlight-grid .aarnora-gallery-item:nth-child(6){
  grid-column:span 6;
}
.aarnora-highlight-grid .aarnora-gallery-item:nth-child(4),
.aarnora-highlight-grid .aarnora-gallery-item:nth-child(8){
  margin-top:clamp(28px,5vw,70px);
}
.aarnora-gallery-section .aarnora-gallery-button{
  background:#241b19;
}
.aarnora-gallery-section .aarnora-gallery-item figcaption{
  border-top-color:rgba(255,246,236,.17);
  color:rgba(255,246,236,.62);
}
.aarnora-archive-head{
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:end;
  padding-top:clamp(20px,3vw,42px);
  border-top:1px solid rgba(255,246,236,.18);
  margin-bottom:18px;
}
.aarnora-archive-head p{
  margin:0;
  color:rgba(255,246,236,.6);
}
.aarnora-archive-stack{
  border-top:1px solid rgba(255,246,236,.18);
}
.aarnora-archive-group{
  border-bottom:1px solid rgba(255,246,236,.18);
}
.aarnora-archive-group summary{
  list-style:none;
  cursor:pointer;
  position:relative;
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:clamp(16px,3vw,42px);
  align-items:center;
  padding:clamp(22px,3vw,36px) 0;
}
.aarnora-archive-group summary::-webkit-details-marker{
  display:none;
}
.aarnora-archive-group summary:after{
  content:"+";
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid rgba(255,246,236,.32);
  color:#fff6ec;
  transition:background .24s,color .24s,transform .24s;
}
.aarnora-archive-group[open] summary:after{
  content:"-";
  background:#fff6ec;
  color:#130f0e;
  transform:rotate(180deg);
}
.aarnora-archive-group summary span{
  display:block;
  font:700 clamp(28px,4.6vw,72px)/.94 var(--display);
  letter-spacing:-.058em;
}
.aarnora-archive-group summary p{
  max-width:620px;
  margin:10px 0 0;
  color:rgba(255,246,236,.62);
  line-height:1.5;
}
.aarnora-archive-group summary small{
  justify-self:end;
  color:rgba(255,246,236,.54);
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.aarnora-archive-grid{
  padding:0 0 clamp(32px,5vw,70px);
}
.aarnora-archive-grid .aarnora-gallery-item{
  grid-column:span 3;
}
.aarnora-archive-grid .aarnora-gallery-item.aarnora-featured{
  grid-column:span 6;
}
.aarnora-video-stage{
  padding:clamp(82px,10vw,150px) var(--pad);
  background:#201615;
  color:#fff6ec;
}
.aarnora-video-head{
  display:grid;
  grid-template-columns:.55fr 1fr .8fr;
  gap:clamp(24px,4vw,62px);
  align-items:end;
  margin-bottom:clamp(36px,5vw,72px);
}
.aarnora-video-head h2{
  margin:0;
  font:740 clamp(38px,5.8vw,86px)/.92 var(--display);
  letter-spacing:-.06em;
}
.aarnora-video-head p{
  margin:0;
  color:rgba(255,246,236,.65);
  line-height:1.55;
}
.aarnora-video-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:clamp(16px,2vw,30px);
}
.aarnora-video-feature{
  max-width:1120px;
  margin-bottom:clamp(34px,5vw,72px);
}
.aarnora-video-feature .aarnora-video-card{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);
  align-items:stretch;
}
.aarnora-video-feature .aarnora-video-card>div:last-child{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:clamp(22px,3vw,40px);
}
.aarnora-video-group{
  border-top:1px solid rgba(255,246,236,.18);
  border-bottom:1px solid rgba(255,246,236,.18);
  padding-bottom:clamp(26px,4vw,54px);
}
.aarnora-video-group summary{
  list-style:none;
  cursor:pointer;
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:clamp(18px,3vw,42px);
  align-items:center;
  padding:clamp(22px,3vw,34px) 0;
}
.aarnora-video-group summary::-webkit-details-marker{
  display:none;
}
.aarnora-video-group summary:after{
  content:"-";
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid rgba(255,246,236,.32);
  color:#201615;
  background:#fff6ec;
}
.aarnora-video-group:not([open]) summary:after{
  content:"+";
  color:#fff6ec;
  background:transparent;
}
.aarnora-video-group summary span{
  display:block;
  font:700 clamp(28px,4.2vw,64px)/.96 var(--display);
  letter-spacing:-.055em;
}
.aarnora-video-group summary p{
  margin:10px 0 0;
  max-width:620px;
  color:rgba(255,246,236,.62);
  line-height:1.5;
}
.aarnora-video-group summary small{
  justify-self:end;
  color:rgba(255,246,236,.54);
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.aarnora-video-card{
  border:1px solid rgba(255,246,236,.14);
  background:rgba(255,246,236,.035);
}
.aarnora-video-embed{
  position:relative;
  aspect-ratio:16/9;
  background:#000;
}
.aarnora-video-embed iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
}
.aarnora-video-embed small{
  position:absolute;
  top:12px;
  left:12px;
  padding:6px 9px;
  background:rgba(0,0,0,.42);
  color:#fff;
  font-size:10px;
}
.aarnora-video-card>div:last-child{
  padding:18px;
}
.aarnora-video-card span,
.aarnora-video-pending span{
  display:block;
  margin-bottom:14px;
  color:#e8c98c;
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.aarnora-video-card h3{
  margin:0;
  font:650 clamp(18px,2vw,28px)/1.05 var(--body);
  letter-spacing:-.035em;
}
.aarnora-video-pending{
  max-width:720px;
  padding:clamp(24px,4vw,44px);
  border:1px solid rgba(255,246,236,.16);
  background:rgba(255,246,236,.045);
}
.aarnora-video-pending p{
  margin:0;
  color:rgba(255,246,236,.68);
  line-height:1.55;
}
.aarnora-outcome{
  background:var(--aarnora-rose);
  color:#f9eee5;
}
.aarnora-outcome strong{
  display:block;
  margin-top:clamp(36px,5vw,70px);
  font:760 clamp(44px,7vw,112px)/.9 var(--display);
  letter-spacing:-.068em;
}

@media(max-width:980px){
  .aarnora-hero,
  .aarnora-intro,
  .aarnora-approach,
  .aarnora-outcome,
  .aarnora-role,
  .aarnora-video-head{
    grid-template-columns:1fr;
  }
  .aarnora-hero-copy{
    position:static;
    top:auto;
    bottom:auto;
  }
  .aarnora-story-grid{
    grid-template-columns:1fr;
  }
  .aarnora-story-grid article{
    border-right:0;
    border-bottom:1px solid rgba(32,22,21,.16);
  }
  .aarnora-story-grid article:last-child{
    border-bottom:0;
  }
  .aarnora-gallery-item,
  .aarnora-gallery-item.aarnora-featured,
  .aarnora-primary-series-grid .aarnora-gallery-item,
  .aarnora-primary-series-grid .aarnora-gallery-item.aarnora-featured,
  .aarnora-highlight-grid .aarnora-gallery-item:nth-child(1),
  .aarnora-highlight-grid .aarnora-gallery-item:nth-child(6),
  .aarnora-love-series-grid .aarnora-gallery-item,
  .aarnora-love-series-grid .aarnora-gallery-item.aarnora-featured,
  .aarnora-archive-grid .aarnora-gallery-item,
  .aarnora-archive-grid .aarnora-gallery-item.aarnora-featured{
    grid-column:span 6;
  }
  .aarnora-video-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .aarnora-video-feature .aarnora-video-card{
    grid-template-columns:1fr;
  }
}
@media(max-width:620px){
  .aarnora-hero{
    min-height:auto;
    padding-top:86px;
    padding-bottom:38px;
    display:block;
  }
  .aarnora-hero-grid{
    margin-top:22px;
  }
  .aarnora-hero-copy h1{
    max-width:100%;
    font-size:clamp(48px,15.5vw,68px);
    line-height:.9;
    letter-spacing:-.046em;
    margin:22px 0 12px;
    overflow-wrap:break-word;
  }
  .aarnora-hero-copy p{
    max-width:11.5em;
    font-size:clamp(20px,6vw,28px);
    line-height:1.03;
    letter-spacing:-.032em;
  }
  .aarnora-hero-grid,
  .aarnora-gallery-grid,
  .aarnora-archive-grid{
    grid-template-columns:1fr;
  }
  .aarnora-highlight-grid{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(248px,82vw);
    grid-template-columns:none;
    gap:14px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
    padding:0 var(--pad) 12px;
    margin-inline:calc(var(--pad) * -1);
    margin-bottom:40px;
  }
  .aarnora-highlight-grid .aarnora-gallery-item{
    scroll-snap-align:start;
  }
  .aarnora-primary-series{
    padding-top:46px;
    padding-bottom:46px;
  }
  .aarnora-primary-series-head{
    grid-template-columns:1fr;
    gap:12px;
    margin-bottom:24px;
  }
  .aarnora-primary-series-head h2{
    font-size:clamp(30px,8.5vw,40px);
    line-height:1.03;
    letter-spacing:-.03em;
  }
  .aarnora-primary-series-head p{
    max-width:28em;
    font-size:14px;
  }
  .aarnora-primary-series-grid{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(260px,84vw);
    grid-template-columns:none;
    gap:14px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
    padding:0 var(--pad) 12px;
    margin-inline:calc(var(--pad) * -1);
  }
  .aarnora-primary-series-grid .aarnora-gallery-item{
    scroll-snap-align:start;
  }
  .aarnora-primary-series-grid .aarnora-gallery-item:nth-child(3),
  .aarnora-primary-series-grid .aarnora-gallery-item:nth-child(8){
    margin-top:0;
  }
  .aarnora-gallery-item,
  .aarnora-gallery-item.aarnora-featured,
  .aarnora-primary-series-grid .aarnora-gallery-item,
  .aarnora-primary-series-grid .aarnora-gallery-item.aarnora-featured,
  .aarnora-highlight-grid .aarnora-gallery-item:nth-child(1),
  .aarnora-highlight-grid .aarnora-gallery-item:nth-child(6),
  .aarnora-love-series-grid .aarnora-gallery-item,
  .aarnora-love-series-grid .aarnora-gallery-item.aarnora-featured,
  .aarnora-archive-grid .aarnora-gallery-item,
  .aarnora-archive-grid .aarnora-gallery-item.aarnora-featured{
    grid-column:auto;
  }
  .aarnora-hero-grid .aarnora-gallery-item:nth-child(1){
    display:none;
  }
  .aarnora-hero-grid .aarnora-gallery-item:nth-child(2){
    grid-column:auto;
  }
  .aarnora-highlight-grid .aarnora-gallery-item:nth-child(4),
  .aarnora-highlight-grid .aarnora-gallery-item:nth-child(8){
    margin-top:0;
  }
  .aarnora-gallery-head{
    align-items:start;
    flex-direction:column;
    gap:14px;
    margin-bottom:28px;
  }
  .aarnora-love-series{
    margin-bottom:44px;
    padding-bottom:38px;
  }
  .aarnora-love-series-head{
    grid-template-columns:1fr;
    gap:12px;
    margin-bottom:22px;
  }
  .aarnora-love-series-head h2{
    font-size:clamp(28px,8vw,38px);
    line-height:1.03;
    letter-spacing:-.028em;
  }
  .aarnora-love-series-head p{
    max-width:28em;
    font-size:14px;
  }
  .aarnora-love-series-grid{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(248px,82vw);
    grid-template-columns:none;
    gap:14px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
    padding:0 var(--pad) 12px;
    margin-inline:calc(var(--pad) * -1);
  }
  .aarnora-love-series-grid .aarnora-gallery-item{
    scroll-snap-align:start;
  }
  .aarnora-archive-head{
    align-items:start;
    flex-direction:column;
    gap:6px;
  }
  .aarnora-archive-group summary{
    display:block;
    padding-right:56px;
    gap:14px;
  }
  .aarnora-archive-group summary:after{
    position:absolute;
    top:24px;
    right:0;
  }
  .aarnora-archive-group summary small{
    display:block;
    margin-top:16px;
  }
  .aarnora-archive-group summary span{
    font-size:clamp(28px,9vw,40px);
    line-height:1;
    letter-spacing:-.036em;
  }
  .aarnora-archive-group summary p{
    font-size:14px;
  }
  .aarnora-intro,
  .aarnora-approach,
  .aarnora-outcome,
  .aarnora-role,
  .aarnora-gallery-section,
  .aarnora-video-stage{
    padding-top:46px;
    padding-bottom:46px;
  }
  .aarnora-intro h2,
  .aarnora-approach h2,
  .aarnora-outcome h2,
  .aarnora-role h2,
  .aarnora-gallery-head h2,
  .aarnora-video-head h2{
    font-size:clamp(28px,8vw,38px);
    line-height:1.03;
    letter-spacing:-.028em;
    margin-bottom:18px;
  }
  .aarnora-intro p,
  .aarnora-approach p,
  .aarnora-outcome p,
  .aarnora-belief p{
    font-size:clamp(15px,4.2vw,17px);
    line-height:1.5;
  }
  .aarnora-belief{
    min-height:auto;
    padding-top:48px;
    padding-bottom:48px;
    gap:38px;
  }
  .aarnora-belief h2,
  .aarnora-outcome strong{
    font-size:clamp(36px,10.5vw,50px);
    line-height:.96;
    letter-spacing:-.032em;
  }
  .aarnora-story-grid article{
    padding-top:28px;
    padding-bottom:28px;
  }
  .aarnora-story-grid h2{
    font-size:clamp(25px,7vw,34px);
    margin:22px 0 12px;
    letter-spacing:-.03em;
  }
  .aarnora-role li{
    grid-template-columns:24px 1fr;
    font-size:15px;
  }
  .aarnora-gallery-item figcaption{
    gap:10px;
    padding-top:8px;
    margin-top:8px;
    font-size:10px;
  }
  .aarnora-gallery-item figcaption span{
    max-width:62%;
  }
  .aarnora-video-grid{
    grid-template-columns:1fr;
  }
  .aarnora-video-feature{
    margin-bottom:32px;
  }
  .aarnora-video-group summary{
    display:block;
    padding-right:56px;
    position:relative;
  }
  .aarnora-video-group summary:after{
    position:absolute;
    top:22px;
    right:0;
  }
  .aarnora-video-group summary span{
    font-size:clamp(28px,8vw,38px);
    line-height:1;
    letter-spacing:-.034em;
  }
  .aarnora-video-group summary p{
    font-size:14px;
  }
  .aarnora-video-group summary small{
    display:block;
    margin-top:16px;
  }
}

.aarnora-redesign{
  --aarnora-paper:#efe5d9;
  --aarnora-night:#130d0d;
  --aarnora-brown:#2a1a17;
  --aarnora-wine:#6f1230;
  --aarnora-blush:#f2d7ca;
  --aarnora-muted:#c7aa98;
  background:var(--aarnora-night);
  color:#f8eee6;
}
.aarnora-redesign .section-label{
  color:rgba(248,238,230,.66);
  letter-spacing:.18em;
}
.aarnora-redesign .aarnora-hero{
  min-height:100svh;
  padding:clamp(118px,11vw,170px) var(--pad) clamp(46px,6vw,82px);
  grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);
  gap:clamp(42px,6vw,108px);
  background:
    radial-gradient(circle at 76% 24%,rgba(111,18,48,.34),transparent 30%),
    linear-gradient(135deg,#170f0e 0%,#241512 54%,#100b0b 100%);
  color:#f8eee6;
}
.aarnora-redesign .aarnora-hero-copy{
  align-self:center;
  padding-top:0;
}
.aarnora-redesign .aarnora-hero-copy h1{
  margin:clamp(38px,5vw,76px) 0 clamp(18px,2vw,28px);
  font-size:clamp(84px,9vw,152px);
  line-height:.76;
  letter-spacing:-.078em;
  color:#fff7ef;
}
.aarnora-campaign-line{
  margin:0;
  max-width:9.8em;
  color:var(--aarnora-blush);
  font:680 clamp(31px,3.9vw,66px)/.94 var(--display);
  letter-spacing:-.052em;
}
.aarnora-redesign .aarnora-hero-copy .aarnora-hero-deck{
  max-width:540px;
  margin:clamp(28px,3vw,44px) 0 0;
  color:rgba(248,238,230,.72);
  font-size:clamp(16px,1.35vw,20px);
  line-height:1.55;
  letter-spacing:-.01em;
}
.aarnora-hero-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:clamp(30px,4vw,58px);
}
.aarnora-hero-meta span{
  border:1px solid rgba(248,238,230,.22);
  border-radius:999px;
  padding:9px 12px;
  color:rgba(248,238,230,.66);
  font-size:10px;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.aarnora-hero-visual{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(16px,2vw,30px);
  align-items:end;
}
.aarnora-hero-visual figure{
  margin:0;
}
.aarnora-hero-visual figure img{
  display:block;
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  box-shadow:0 42px 120px rgba(0,0,0,.34);
}
.aarnora-hero-visual figcaption,
.aarnora-editorial-figure figcaption{
  display:flex;
  justify-content:space-between;
  gap:18px;
  padding-top:11px;
  margin-top:11px;
  border-top:1px solid rgba(248,238,230,.18);
  color:rgba(248,238,230,.58);
  font-size:11px;
}
.aarnora-hero-visual figcaption span,
.aarnora-editorial-figure figcaption small{
  letter-spacing:.14em;
  text-transform:uppercase;
}
.aarnora-hero-visual aside{
  padding:clamp(18px,2.4vw,30px);
  background:rgba(248,238,230,.06);
  border:1px solid rgba(248,238,230,.13);
  backdrop-filter:blur(14px);
}
.aarnora-hero-film{
  margin-top:clamp(24px,3vw,38px);
  aspect-ratio:16/9;
  background:#000;
}
.aarnora-hero-film iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
}
.aarnora-hero-visual aside p{
  margin:16px 0 0;
  color:rgba(248,238,230,.62);
  font-size:12px;
  line-height:1.45;
}
.aarnora-case-intro,
.aarnora-platform,
.aarnora-redesign .aarnora-role,
.aarnora-outcome{
  padding:clamp(86px,11vw,168px) var(--pad);
}
.aarnora-case-intro{
  display:grid;
  grid-template-columns:.62fr 1.38fr;
  gap:clamp(34px,6vw,96px);
  background:#f2e6d9;
  color:#201615;
}
.aarnora-case-intro h2,
.aarnora-platform h2,
.aarnora-redesign .aarnora-role h2,
.aarnora-outcome h2{
  margin:0;
  font:760 clamp(48px,7.5vw,118px)/.88 var(--display);
  letter-spacing:-.07em;
}
.aarnora-case-intro p{
  max-width:860px;
  margin:clamp(30px,4vw,54px) 0 0;
  color:rgba(32,22,21,.72);
  font-size:clamp(18px,2vw,27px);
  line-height:1.48;
  letter-spacing:-.018em;
}
.aarnora-problem-board{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(248,238,230,.13);
  border-bottom:1px solid rgba(248,238,230,.13);
  background:#1b1110;
}
.aarnora-problem-board article{
  min-height:clamp(230px,24vw,380px);
  padding:clamp(30px,4vw,58px);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border-right:1px solid rgba(248,238,230,.13);
}
.aarnora-problem-board article:last-child{
  border-right:0;
}
.aarnora-problem-board span{
  color:var(--aarnora-muted);
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.aarnora-problem-board p{
  max-width:460px;
  margin:0;
  font:650 clamp(24px,3.2vw,48px)/.98 var(--display);
  letter-spacing:-.052em;
}
.aarnora-platform{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:clamp(40px,7vw,118px);
  align-items:center;
  min-height:76svh;
  background:
    linear-gradient(90deg,rgba(111,18,48,.72),rgba(111,18,48,.18)),
    var(--aarnora-wine);
  color:#fff6ef;
}
.aarnora-platform h2{
  max-width:8em;
  color:#fff4ec;
}
.aarnora-platform blockquote{
  margin:0;
  padding:clamp(28px,4vw,56px);
  border-left:1px solid rgba(255,246,239,.34);
  background:rgba(255,246,239,.06);
}
.aarnora-platform blockquote p{
  margin:0;
  font:620 clamp(32px,4.6vw,74px)/1 var(--display);
  letter-spacing:-.058em;
}
.aarnora-platform cite{
  display:block;
  max-width:640px;
  margin-top:clamp(28px,4vw,52px);
  color:rgba(255,246,239,.68);
  font-style:normal;
  font-size:clamp(16px,1.5vw,22px);
  line-height:1.55;
}
.aarnora-redesign .aarnora-role{
  grid-template-columns:1fr 1fr;
  background:#f8eee6;
  color:#201615;
}
.aarnora-redesign .aarnora-role .section-label{
  color:rgba(32,22,21,.56);
}
.aarnora-redesign .aarnora-role h2{
  margin-top:clamp(24px,3vw,42px);
}
.aarnora-redesign .aarnora-role ul{
  align-self:end;
  border-color:rgba(32,22,21,.16);
  columns:2;
  column-gap:clamp(24px,4vw,54px);
}
.aarnora-redesign .aarnora-role li{
  break-inside:avoid;
  border-color:rgba(32,22,21,.16);
}
.aarnora-editorial-gallery{
  padding:clamp(84px,11vw,170px) var(--pad);
  background:#100b0b;
  color:#fff6ec;
}
.aarnora-editorial-gallery .aarnora-gallery-head{
  display:grid;
  grid-template-columns:1.15fr .58fr;
  gap:clamp(28px,5vw,76px);
  align-items:end;
}
.aarnora-editorial-gallery .aarnora-gallery-head h2{
  max-width:960px;
  font-size:clamp(48px,7vw,112px);
}
.aarnora-editorial-grid{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:clamp(14px,1.7vw,26px);
  align-items:start;
}
.aarnora-editorial-figure{
  grid-column:span 4;
  margin:0;
}
.aarnora-editorial-figure.is-lead{
  grid-column:span 7;
}
.aarnora-editorial-figure.is-tall{
  grid-column:span 5;
  margin-top:clamp(58px,8vw,128px);
}
.aarnora-editorial-figure.is-wide{
  grid-column:span 6;
}
.aarnora-editorial-figure:nth-child(4),
.aarnora-editorial-figure:nth-child(7){
  margin-top:clamp(42px,6vw,100px);
}
.aarnora-editorial-figure .aarnora-gallery-button{
  background:#231615;
}
.aarnora-editorial-figure .aarnora-gallery-button img{
  display:block;
  width:100%;
  height:auto;
}
.aarnora-editorial-figure.is-lead img,
.aarnora-editorial-figure.is-tall img{
  aspect-ratio:4/5;
  object-fit:cover;
}
.aarnora-supporting-gallery,
.aarnora-archive-section{
  padding:clamp(70px,9vw,140px) var(--pad);
  background:#1a1110;
  color:#fff6ec;
}
.aarnora-supporting-head{
  display:flex;
  justify-content:space-between;
  gap:40px;
  align-items:end;
  margin-bottom:clamp(30px,5vw,70px);
}
.aarnora-supporting-head h2{
  max-width:760px;
  margin:0;
  font:740 clamp(38px,5.7vw,88px)/.92 var(--display);
  letter-spacing:-.062em;
}
.aarnora-supporting-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:clamp(12px,1.5vw,22px);
}
.aarnora-supporting-grid .aarnora-editorial-figure{
  grid-column:auto;
}
.aarnora-supporting-grid .aarnora-editorial-figure:nth-child(even){
  margin-top:clamp(24px,4vw,58px);
}
.aarnora-redesign .aarnora-video-stage{
  background:#0d0909;
}
.aarnora-redesign .aarnora-lead-video-row{
  padding-top:clamp(64px,7vw,104px);
  border-top:1px solid rgba(255,246,236,.12);
}
.aarnora-redesign .aarnora-video-head{
  grid-template-columns:.72fr 1fr .66fr;
}
.aarnora-redesign .aarnora-video-card-lead{
  max-width:1320px;
  margin:0 auto clamp(24px,3vw,42px);
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);
  align-items:stretch;
  background:rgba(255,246,236,.045);
  border-color:rgba(255,246,236,.18);
}
.aarnora-redesign .aarnora-video-card-lead .aarnora-video-embed{
  aspect-ratio:16/9;
}
.aarnora-redesign .aarnora-video-card-lead>div:last-child{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:clamp(24px,4vw,56px);
}
.aarnora-redesign .aarnora-video-card-lead h3{
  font-size:clamp(28px,4vw,62px);
  line-height:.94;
  letter-spacing:-.055em;
}
.aarnora-redesign .aarnora-video-feature{
  max-width:none;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:clamp(16px,2vw,30px);
}
.aarnora-redesign .aarnora-video-card-featured{
  grid-row:span 2;
}
.aarnora-redesign .aarnora-video-card-featured .aarnora-video-embed{
  aspect-ratio:16/9;
}
.aarnora-video-link-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:0 clamp(24px,4vw,64px);
  border-top:1px solid rgba(255,246,236,.14);
}
.aarnora-video-link{
  display:grid;
  grid-template-columns:48px 1fr auto;
  gap:18px;
  align-items:center;
  padding:18px 0;
  border-bottom:1px solid rgba(255,246,236,.14);
}
.aarnora-video-link span,
.aarnora-video-link small{
  color:rgba(255,246,236,.5);
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.aarnora-video-link strong{
  font-weight:600;
}
.aarnora-creative-drawer{
  border-top:1px solid rgba(255,246,236,.18);
  border-bottom:1px solid rgba(255,246,236,.18);
}
.aarnora-creative-drawer summary{
  list-style:none;
  cursor:pointer;
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:clamp(18px,3vw,42px);
  align-items:center;
  padding:clamp(24px,4vw,44px) 0;
}
.aarnora-creative-drawer summary::-webkit-details-marker{
  display:none;
}
.aarnora-creative-drawer summary:after{
  content:"+";
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid rgba(255,246,236,.32);
  color:#fff6ec;
  font-size:18px;
}
.aarnora-creative-drawer[open] summary:after{
  content:"-";
  color:#201615;
  background:#fff6ec;
}
.aarnora-creative-drawer summary h2{
  max-width:780px;
  margin:12px 0 0;
  font:740 clamp(38px,5.7vw,88px)/.92 var(--display);
  letter-spacing:-.062em;
}
.aarnora-creative-drawer summary small{
  justify-self:end;
  color:rgba(255,246,236,.54);
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.aarnora-creative-drawer .aarnora-supporting-grid{
  padding:0 0 clamp(28px,5vw,70px);
}
.aarnora-redesign .aarnora-outcome{
  display:grid;
  grid-template-columns:.62fr 1.38fr;
  gap:clamp(34px,6vw,96px);
  background:#f2e6d9;
  color:#201615;
}
.aarnora-redesign .aarnora-outcome .section-label{
  color:rgba(32,22,21,.56);
}
.aarnora-redesign .aarnora-outcome p{
  max-width:820px;
  margin:clamp(28px,4vw,46px) 0 0;
  color:rgba(32,22,21,.7);
}
.aarnora-redesign .aarnora-outcome strong{
  color:var(--aarnora-wine);
}
.aarnora-archive-section .aarnora-archive-head{
  padding-top:0;
}

@media(max-width:980px){
  .aarnora-redesign .aarnora-hero,
  .aarnora-case-intro,
  .aarnora-platform,
  .aarnora-redesign .aarnora-role,
  .aarnora-redesign .aarnora-outcome,
  .aarnora-redesign .aarnora-video-head,
  .aarnora-redesign .aarnora-video-feature{
    grid-template-columns:1fr;
  }
  .aarnora-hero-visual{
    grid-template-columns:1fr;
  }
  .aarnora-problem-board,
  .aarnora-supporting-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .aarnora-editorial-gallery .aarnora-gallery-head{
    grid-template-columns:1fr;
  }
  .aarnora-editorial-figure,
  .aarnora-editorial-figure.is-lead,
  .aarnora-editorial-figure.is-tall,
  .aarnora-editorial-figure.is-wide{
    grid-column:span 6;
    margin-top:0;
  }
}

@media(max-width:620px){
  .aarnora-redesign .aarnora-hero{
    padding-top:96px;
    padding-bottom:42px;
  }
  .aarnora-redesign .aarnora-hero-copy h1{
    font-size:clamp(58px,17vw,78px);
    line-height:.82;
    margin:30px 0 14px;
  }
  .aarnora-campaign-line{
    font-size:clamp(25px,7vw,34px);
    line-height:1;
  }
  .aarnora-redesign .aarnora-hero-copy .aarnora-hero-deck{
    margin-top:22px;
    font-size:15px;
    line-height:1.5;
  }
  .aarnora-hero-meta{
    margin-top:22px;
  }
  .aarnora-hero-visual{
    grid-template-columns:1fr;
    margin-top:34px;
  }
  .aarnora-hero-visual aside{
    display:none;
  }
  .aarnora-case-intro,
  .aarnora-platform,
  .aarnora-redesign .aarnora-role,
  .aarnora-editorial-gallery,
  .aarnora-supporting-gallery,
  .aarnora-redesign .aarnora-video-stage,
  .aarnora-redesign .aarnora-outcome,
  .aarnora-archive-section{
    padding-top:54px;
    padding-bottom:54px;
  }
  .aarnora-case-intro h2,
  .aarnora-platform h2,
  .aarnora-redesign .aarnora-role h2,
  .aarnora-editorial-gallery .aarnora-gallery-head h2,
  .aarnora-supporting-head h2,
  .aarnora-redesign .aarnora-video-head h2,
  .aarnora-redesign .aarnora-outcome h2{
    font-size:clamp(32px,9vw,46px);
    line-height:.98;
    letter-spacing:-.038em;
  }
  .aarnora-case-intro p,
  .aarnora-platform cite,
  .aarnora-redesign .aarnora-outcome p{
    font-size:15px;
    line-height:1.55;
  }
  .aarnora-problem-board,
  .aarnora-supporting-grid,
  .aarnora-video-link-grid{
    grid-template-columns:1fr;
  }
  .aarnora-problem-board article{
    min-height:190px;
    border-right:0;
    border-bottom:1px solid rgba(248,238,230,.13);
  }
  .aarnora-problem-board p{
    font-size:clamp(25px,7.4vw,36px);
  }
  .aarnora-platform{
    min-height:auto;
    gap:34px;
  }
  .aarnora-platform blockquote{
    padding:24px;
  }
  .aarnora-platform blockquote p{
    font-size:clamp(28px,8vw,40px);
  }
  .aarnora-redesign .aarnora-role ul{
    columns:1;
  }
  .aarnora-editorial-grid{
    grid-template-columns:1fr;
    gap:24px;
  }
  .aarnora-editorial-figure,
  .aarnora-editorial-figure.is-lead,
  .aarnora-editorial-figure.is-tall,
  .aarnora-editorial-figure.is-wide{
    grid-column:auto;
  }
  .aarnora-supporting-head{
    display:block;
  }
  .aarnora-supporting-grid .aarnora-editorial-figure:nth-child(even){
    margin-top:0;
  }
  .aarnora-redesign .aarnora-video-feature{
    display:block;
  }
  .aarnora-redesign .aarnora-video-card-lead{
    display:block;
  }
  .aarnora-redesign .aarnora-video-card:not(:last-child){
    margin-bottom:18px;
  }
  .aarnora-creative-drawer summary{
    grid-template-columns:1fr auto;
  }
  .aarnora-creative-drawer summary small{
    display:none;
  }
  .aarnora-creative-drawer summary h2{
    font-size:clamp(30px,8vw,42px);
    line-height:1;
  }
  .aarnora-video-link{
    grid-template-columns:34px 1fr auto;
    gap:12px;
  }
}

.intro,
.client-promise,
.belief-note,
.problem-minimal,
.featured,
.selected-work-section,
.marquee,
.page:not(.admin-shell),
.think-page,
.problem-page,
.case-page,
.sintrex-page,
.eora-page,
.aarnora-page,
.joify-page,
.tiger-page{
  content-visibility:auto;
  contain-intrinsic-size:900px;
}

.coming-soon-case{
  position:relative;
  min-height:100svh;
  isolation:isolate;
  background:var(--paper);
  overflow:hidden;
}
.coming-soon-case-bg{
  width:100%;
  filter:blur(12px) saturate(.82);
  opacity:.46;
  pointer-events:none;
  user-select:none;
}
.coming-soon-case-bg:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(245,244,239,.12),rgba(245,244,239,.68)),
    repeating-linear-gradient(45deg,rgba(23,23,23,.025) 0 1px,transparent 1px 7px);
  pointer-events:none;
}
.coming-soon-overlay{
  position:fixed;
  z-index:32;
  inset:0;
  display:grid;
  place-items:center;
  padding:clamp(86px,10vh,132px) var(--pad) clamp(36px,7vh,80px);
  pointer-events:none;
}
.coming-soon-card{
  width:min(680px,100%);
  border:1px solid rgba(23,23,23,.18);
  background:rgba(245,244,239,.82);
  color:var(--ink);
  padding:clamp(24px,4vw,42px);
  box-shadow:0 24px 90px rgba(23,23,23,.16);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  pointer-events:auto;
}
.coming-soon-card:before{
  content:"";
  display:block;
  width:100%;
  height:1px;
  margin-bottom:clamp(22px,3vw,34px);
  background:currentColor;
  opacity:.42;
}
.coming-soon-card h1{
  margin:clamp(28px,4vw,46px) 0 clamp(16px,2vw,22px);
  font:800 clamp(42px,6vw,82px)/.9 var(--display);
  letter-spacing:-.052em;
}
.coming-soon-card p{
  max-width:34em;
  margin:0;
  font-size:clamp(17px,2.1vw,24px);
  line-height:1.38;
  letter-spacing:-.012em;
}
.coming-soon-card small{
  display:block;
  margin-top:clamp(24px,3vw,34px);
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
}

@media(max-width:768px){
  .coming-soon-case-bg{
    filter:blur(9px) saturate(.78);
  }
  .coming-soon-overlay{
    align-items:start;
    padding-top:112px;
  }
  .coming-soon-card{
    padding:24px;
  }
  .coming-soon-card h1{
    font-size:clamp(38px,12vw,54px);
    line-height:.94;
  }
  .coming-soon-card p{
    font-size:clamp(16px,4.6vw,19px);
    line-height:1.44;
  }
}

/* Responsive foundation — final cascade authority for shared scale and rhythm. */
:root{
  --fz-content-max:1600px;
  --fz-reading:68ch;
  --fz-gutter:clamp(18px,3.25vw,56px);
  --fz-section:clamp(56px,7vw,112px);
  --fz-section-tight:clamp(38px,5vw,76px);
  --fz-display:clamp(58px,8.4vw,144px);
  --fz-page-title:clamp(54px,7.5vw,128px);
  --fz-section-title:clamp(36px,5vw,80px);
  --fz-card-title:clamp(27px,3vw,48px);
  --fz-lead:clamp(18px,1.5vw,24px);
  --fz-body:clamp(15px,.3vw + 12px,18px);
  --pad:var(--fz-gutter);
}
html{
  overflow-x:clip;
  scroll-padding-top:88px;
}
body{
  min-width:320px;
  overflow-x:clip;
  font-size:var(--fz-body);
}
body.menu-open,
body.lightbox-open{
  overflow:hidden;
}
.case-page,
.sintrex-page,
.eora-page,
.aarnora-page,
.joify-page,
.tiger-page{
  content-visibility:visible!important;
  contain:none!important;
}
.eora-lightbox{
  z-index:200!important;
}
img,
video,
iframe{
  display:block;
  max-width:100%;
}
.project-thumbnail{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 38%;
}
iframe{
  border:0;
}
main h1,
main h2,
main h3,
.footer-cta{
  text-wrap:balance;
  overflow-wrap:break-word;
}
main p,
main li{
  text-wrap:pretty;
}
.site-header{
  width:min(calc(100% - (var(--fz-gutter) * 2)),var(--fz-content-max))!important;
  max-width:var(--fz-content-max)!important;
}
.menu-toggle{
  min-width:44px!important;
  min-height:44px!important;
}
.menu-panel{
  min-height:100svh;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.menu-links a{
  min-height:64px;
}
.hero{
  min-height:min(820px,92svh)!important;
  padding-inline:max(var(--fz-gutter),calc((100vw - var(--fz-content-max))/2 + var(--fz-gutter)))!important;
}
.hero-title{
  width:min(100%,1400px);
  max-width:1400px!important;
  font-size:var(--fz-display)!important;
  line-height:.82!important;
  letter-spacing:-.052em!important;
}
.hero-meta{
  max-width:var(--fz-content-max);
}
.page:not(.admin-shell),
.problem-page,
.think-page,
.case-page{
  max-width:none;
}
.page-hero,
.problem-hero,
.think-hero{
  min-height:min(620px,70svh)!important;
}
.page-title,
.problem-hero h1,
.think-hero h1,
.case-head h1,
.parent-case-head h1{
  max-width:12ch;
  font-size:var(--fz-page-title)!important;
  line-height:.9!important;
  letter-spacing:-.048em!important;
}
.page-deck,
.problem-hero>p,
.think-hero>p,
.case-head p{
  max-width:min(var(--fz-reading),100%);
  font-size:var(--fz-lead)!important;
  line-height:1.48!important;
}
.intro,
.client-promise,
.belief-note,
.problem-minimal,
.featured,
.work-preview,
.system-section,
.services-lead,
.about-manifesto,
.about-experience,
.problem-intro,
.problem-process,
.problem-services,
.problem-contact,
.contact-layout,
.case-intro,
.access-wall,
.sx-story,
.sx-symbol,
.sx-colour,
.eora-narrative,
.eora-delivered,
.eora-insight,
.eora-gallery-section,
.eora-video-stage,
.joify-opening,
.joify-split-story,
.joify-work-block,
.joify-digital,
.joify-outcome-panel,
.tiger-statement,
.tiger-narrative,
.tiger-gallery-section{
  padding-top:var(--fz-section)!important;
  padding-bottom:var(--fz-section)!important;
}
.intro h2,
.client-promise h2,
.belief-note p,
.problem-minimal-head h2,
.services-lead h2,
.about-manifesto h2,
.about-experience h2,
.think-close h2,
.contact-copy h2,
.case-intro h2,
.problem-process h2,
.problem-contact h2,
.sx-story h2,
.sx-symbol h2,
.sx-colour h2,
.eora-narrative h2,
.eora-delivered h2,
.eora-gallery-head h2,
.eora-video-head h2,
.joify-opening h2,
.joify-split-story h2,
.joify-work-copy h2,
.joify-digital h2,
.joify-outcome-panel h2,
.tiger-statement h2,
.tiger-narrative h2,
.tiger-split h2,
.tiger-gallery-head h2{
  max-width:16ch;
  font-size:var(--fz-section-title)!important;
  line-height:.98!important;
  letter-spacing:-.042em!important;
}
.intro h2,
.belief-note p,
.about-manifesto h2{
  max-width:18ch;
}
.client-promise>p,
.about-manifesto>p,
.about-experience>p,
.contact-copy>p,
.contact-prompts p,
.problem-intro>p,
.case-intro p,
.sx-story p,
.sx-symbol p,
.sx-colour p,
.eora-narrative p,
.joify-opening p,
.joify-split-story p,
.joify-work-copy p,
.joify-outcome-panel p,
.tiger-statement p,
.tiger-narrative p,
.tiger-split p{
  max-width:var(--fz-reading);
  font-size:var(--fz-body)!important;
  line-height:1.6!important;
}
.selected-work-title h3,
.work-feature-copy h2,
.work-archive-copy h3,
.package-card h2,
.problem-step-list h3,
.about-principles h3{
  font-size:var(--fz-card-title)!important;
  line-height:1!important;
  letter-spacing:-.038em!important;
}
.featured-visual,
.work-feature-card,
.project-art,
.parent-brand-visual{
  min-height:0!important;
}
.featured-visual,
.work-feature-art,
.work-archive-art,
.case-hero-art,
.parent-brand-visual,
.eora-video-embed,
.aarnora-video-embed{
  overflow:hidden;
}
.work-feature-art,
.work-archive-art,
.case-hero-art,
.parent-brand-visual{
  aspect-ratio:16/10;
}
.featured-card{
  min-height:0!important;
}
.featured-visual{
  aspect-ratio:4/3;
}
.work-feature-card,
.work-feature-card.lead{
  min-height:clamp(380px,46vw,680px)!important;
}
.work-toolbar{
  gap:clamp(28px,5vw,72px);
}
.filter-row{
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-width:thin;
  padding-bottom:8px;
}
.filter-btn{
  flex:0 0 auto;
  min-height:44px;
}
.contact-layout,
.problem-contact,
.access-wall{
  gap:clamp(38px,7vw,110px)!important;
}
.field label,
.access-form label{
  display:grid;
  gap:8px;
}
.field input,
.field select,
.field textarea,
.access-form input,
.access-form button,
.submit-btn{
  min-height:48px;
}
.eora-masthead{
  min-height:min(760px,84svh)!important;
  padding-inline:max(var(--fz-gutter),calc((100vw - var(--fz-content-max))/2 + var(--fz-gutter)))!important;
}
.eora-minimal,
.sx-hero-minimal{
  display:none!important;
}
.eora-masthead h1{
  max-width:8ch;
  font-size:clamp(72px,10vw,148px)!important;
  line-height:.8!important;
  letter-spacing:-.065em!important;
}
.eora-belief{
  min-height:auto!important;
  padding:var(--fz-section) var(--fz-gutter)!important;
  gap:clamp(72px,10vw,150px);
}
.eora-belief h2,
.eora-insight h2{
  max-width:10ch;
  font-size:clamp(58px,8.2vw,132px)!important;
  line-height:.82!important;
  letter-spacing:-.06em!important;
}
.eora-insight p{
  max-width:42ch;
  margin:clamp(30px,4vw,58px) 0 clamp(54px,7vw,100px);
  font-size:clamp(20px,2.2vw,34px)!important;
}
.eora-gallery-group summary span,
.eora-video-group summary span{
  font-size:clamp(28px,3.7vw,58px)!important;
  line-height:.96!important;
}
.joify-premium-copy h1,
.aarnora-hero-copy h1,
.tiger-title-band h1{
  max-width:13ch;
  font-size:clamp(58px,7.5vw,124px)!important;
  line-height:.88!important;
  letter-spacing:-.052em!important;
}
.joify-premium-copy p,
.aarnora-hero-deck{
  max-width:54ch!important;
}
.joify-selected-gallery .joify-gallery-grid{
  gap:clamp(14px,2vw,28px)!important;
}
.joify-gallery-more{
  margin-top:clamp(34px,5vw,72px);
  border-top:1px solid currentColor;
  border-bottom:1px solid currentColor;
}
.joify-gallery-more>summary{
  min-height:72px;
  padding:18px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  list-style:none;
  cursor:pointer;
}
.joify-gallery-more>summary::-webkit-details-marker{
  display:none;
}
.joify-gallery-more>summary span{
  font-size:clamp(20px,2vw,30px);
  font-weight:600;
  letter-spacing:-.025em;
}
.joify-gallery-more>summary small{
  flex:0 0 auto;
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.joify-gallery-more[open]>summary{
  margin-bottom:clamp(24px,4vw,48px);
}
.aarnora-outcome strong{
  font-size:clamp(40px,6vw,92px)!important;
  line-height:.92!important;
}
.tiger-hero{
  min-height:0!important;
}
.tiger-hero>img{
  width:100%;
  height:auto!important;
  max-height:min(760px,82svh);
  object-fit:cover;
}
.tiger-title-band{
  padding-block:var(--fz-section-tight)!important;
}
.coming-soon-case-bg{
  max-height:100svh;
  overflow:hidden;
}
.coming-soon-overlay{
  position:absolute;
  min-height:100svh;
}
.coming-soon-card{
  width:min(620px,100%);
}
.site-footer{
  padding-top:var(--fz-section)!important;
}
.footer-cta{
  max-width:13ch!important;
  font-size:clamp(52px,8vw,138px)!important;
  line-height:.88!important;
}
.footer-grid{
  margin-top:clamp(48px,7vw,100px)!important;
}

@media(max-width:1024px){
  :root{
    --fz-section:clamp(52px,8vw,84px);
  }
  .page-hero,
  .problem-hero,
  .think-hero{
    min-height:auto!important;
  }
  .client-promise,
  .work-page-hero,
  .contact-layout,
  .problem-contact,
  .access-wall,
  .case-head,
  .case-intro,
  .problem-process,
  .problem-intro,
  .eora-narrative,
  .eora-delivered,
  .tiger-statement,
  .tiger-narrative{
    grid-template-columns:1fr!important;
  }
  .client-promise>p,
  .problem-intro>p{
    margin-left:0!important;
  }
  .work-feature-grid,
  .eora-video-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .work-feature-card.lead{
    grid-row:auto!important;
  }
}

@media(max-width:768px){
  :root{
    --fz-gutter:clamp(18px,5vw,28px);
    --fz-section:clamp(46px,12vw,68px);
    --fz-page-title:clamp(40px,11vw,56px);
    --fz-section-title:clamp(29px,8vw,38px);
    --fz-card-title:clamp(25px,7vw,34px);
    --fz-lead:clamp(17px,4.6vw,20px);
    --fz-body:clamp(15px,4vw,17px);
  }
  .site-header,
  .site-header.is-scrolled,
  .site-header.is-light-surface{
    width:calc(100% - (var(--fz-gutter) * 2))!important;
    height:44px!important;
  }
  .site-header .wordmark,
  .site-header.is-scrolled .wordmark,
  .site-header.is-light-surface .wordmark{
    width:clamp(112px,34vw,132px)!important;
    height:44px!important;
  }
  .menu-toggle{
    width:44px!important;
    height:44px!important;
  }
  .menu-panel{
    padding:88px var(--fz-gutter) 24px!important;
  }
  .menu-links a{
    min-height:64px;
    font-size:clamp(34px,10.5vw,52px)!important;
  }
  .hero{
    min-height:min(620px,78svh)!important;
    padding-top:100px!important;
    padding-bottom:24px!important;
  }
  .hero-title{
    font-size:clamp(42px,13vw,70px)!important;
    line-height:.9!important;
  }
  .hero-title .word-long>span{
    transform:none!important;
  }
  .hero-meta{
    flex-direction:column;
    align-items:flex-start;
    gap:10px!important;
  }
  .page-hero,
  .work-page-hero,
  .about-page-hero,
  .problem-hero,
  .think-hero{
    padding-top:104px!important;
    padding-bottom:var(--fz-section-tight)!important;
  }
  .page-title,
  .work-page-hero .page-title,
  .about-page-hero .page-title,
  .services-page .page-title,
  .contact-page .page-title,
  .problem-hero h1,
  .think-hero h1,
  .case-head h1{
    font-size:var(--fz-page-title)!important;
    line-height:.96!important;
    letter-spacing:-.036em!important;
  }
  .intro h2,
  .client-promise h2,
  .belief-note p,
  .problem-minimal-head h2,
  .services-lead h2,
  .about-manifesto h2,
  .about-experience h2,
  .contact-copy h2,
  .case-intro h2,
  .problem-process h2,
  .problem-contact h2,
  .sx-story h2,
  .sx-symbol h2,
  .sx-colour h2,
  .eora-narrative h2,
  .eora-delivered h2,
  .eora-gallery-head h2,
  .eora-video-head h2,
  .joify-opening h2,
  .joify-split-story h2,
  .joify-work-copy h2,
  .joify-digital h2,
  .joify-outcome-panel h2,
  .tiger-statement h2,
  .tiger-narrative h2,
  .tiger-split h2,
  .tiger-gallery-head h2{
    max-width:100%;
    font-size:var(--fz-section-title)!important;
    line-height:1.06!important;
    letter-spacing:-.028em!important;
  }
  .selected-work-card{
    grid-template-columns:minmax(0,1fr) 48px!important;
    padding:26px 0!important;
  }
  .selected-work-title h3{
    font-size:clamp(34px,10vw,48px)!important;
  }
  .selected-work-preview{
    aspect-ratio:16/10!important;
  }
  .eora-video-grid{
    grid-template-columns:1fr!important;
  }
  .work-feature-grid,
  .work-archive-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .work-feature-card,
  .work-feature-card.lead{
    min-height:360px!important;
  }
  .work-toolbar{
    display:block;
  }
  .filter-row{
    display:flex!important;
    flex-wrap:nowrap!important;
    margin-top:24px;
  }
  .contact-form{
    grid-template-columns:1fr!important;
  }
  .field.full,
  .submit-btn{
    grid-column:auto!important;
  }
  .case-page{
    padding-top:92px!important;
  }
  .case-hero-art{
    width:auto!important;
    height:auto!important;
    aspect-ratio:16/10!important;
    margin-inline:var(--fz-gutter)!important;
  }
  .eora-masthead{
    min-height:min(590px,76svh)!important;
    padding-top:104px!important;
    padding-bottom:34px!important;
  }
  .eora-masthead h1{
    font-size:clamp(58px,18vw,86px)!important;
    margin:clamp(28px,8vw,50px) 0 22px!important;
  }
  .eora-belief h2,
  .eora-insight h2{
    font-size:clamp(44px,13vw,66px)!important;
  }
  .eora-gallery-group summary,
  .eora-video-group summary{
    grid-template-columns:1fr auto!important;
  }
  .eora-gallery-group summary small,
  .eora-video-group summary small{
    grid-column:1/-1;
    justify-self:start!important;
    text-align:left!important;
  }
  .joify-premium-hero,
  .joify-split-story,
  .joify-work-block,
  .joify-digital,
  .aarnora-redesign .aarnora-hero,
  .aarnora-case-intro,
  .aarnora-platform,
  .aarnora-redesign .aarnora-role,
  .aarnora-redesign .aarnora-outcome,
  .tiger-split{
    grid-template-columns:1fr!important;
  }
  .joify-premium-copy h1,
  .aarnora-hero-copy h1,
  .tiger-title-band h1{
    font-size:clamp(46px,13vw,68px)!important;
    line-height:.92!important;
  }
  .joify-premium-hero,
  .aarnora-redesign .aarnora-hero{
    padding-top:100px!important;
    padding-bottom:var(--fz-section)!important;
  }
  .tiger-hero{
    padding-top:88px!important;
  }
  .joify-campaign-grid,
  .joify-gallery-grid,
  .joify-local-grid,
  .joify-image-river{
    display:grid!important;
    grid-template-columns:none!important;
    grid-auto-flow:column;
    grid-auto-columns:minmax(250px,78vw);
    gap:14px!important;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
    padding-bottom:14px;
  }
  .joify-campaign-grid .joify-figure,
  .joify-gallery-grid .joify-figure,
  .joify-local-grid .joify-figure,
  .joify-image-river .joify-figure{
    width:auto!important;
    min-height:0!important;
    grid-column:auto!important;
    scroll-snap-align:start;
  }
  .joify-campaign-grid .joify-image-button,
  .joify-gallery-grid .joify-image-button,
  .joify-local-grid .joify-image-button,
  .joify-image-river .joify-image-button{
    aspect-ratio:4/5!important;
    height:auto!important;
  }
  .footer-grid{
    grid-template-columns:1fr!important;
  }
  .footer-cta{
    font-size:clamp(42px,12vw,62px)!important;
    line-height:.94!important;
  }
  .coming-soon-overlay{
    align-items:start;
    padding:100px var(--fz-gutter) 28px;
  }
}

@media(max-width:430px){
  .hero-title{
    font-size:clamp(39px,12vw,52px)!important;
  }
  .hero-kicker{
    max-width:230px!important;
  }
  .scroll-mark{
    display:none;
  }
  .menu-foot a{
    overflow-wrap:anywhere;
  }
  .eora-preview-strip{
    grid-template-columns:1fr!important;
  }
  .joify-hero-mosaic,
  .aarnora-hero-visual{
    margin-inline:0!important;
    width:100%!important;
  }
  .coming-soon-card{
    padding:22px;
  }
  .problem-hero h1{
    font-size:clamp(35px,10vw,43px)!important;
  }
  .joify-gallery-more>summary{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
}

@media(max-width:560px){
  .work-feature-grid,
  .work-archive-grid{
    grid-template-columns:1fr!important;
  }
}

/* Keep featured Work cards cinematic without creating empty vertical panels. */
.work-feature-grid{
  grid-template-rows:repeat(2,minmax(0,1fr));
}
.work-feature-card{
  min-height:0!important;
}
.work-feature-card.lead{
  min-height:clamp(560px,52vw,760px)!important;
}
.work-feature-art{
  aspect-ratio:auto!important;
}

@media(max-width:1024px){
  .work-feature-grid{
    grid-template-rows:auto!important;
  }
  .work-feature-card,
  .work-feature-card.lead{
    min-height:clamp(340px,48vw,500px)!important;
  }
}

/* Final mobile launch authority. */
@media(max-width:560px){
  .page,.page-hero,.work-intent-strip,.contact-layout,.contact-copy,.contact-form,.contact-form .field{width:100%!important;max-width:100%!important;min-width:0!important}
  .page-hero,.work-intent-strip,.contact-layout{width:calc(100vw - (2 * var(--fz-gutter)))!important;max-width:calc(100vw - (2 * var(--fz-gutter)))!important}
  .work-intent-strip{grid-template-columns:minmax(0,1fr)!important}
  .contact-form input,.contact-form select,.contact-form textarea{min-width:0!important;max-width:100%!important}
  .hero-title{font-size:clamp(34px,10.5vw,42px)!important;line-height:.94!important}
  .hero-meta,.hero-meta>span:first-child{width:100%!important;max-width:100%!important;overflow-wrap:anywhere}
  .scroll-mark{display:none!important}
  .page-deck{width:calc(100vw - (2 * var(--fz-gutter)))!important;max-width:calc(100vw - (2 * var(--fz-gutter)))!important;margin-left:0!important;overflow-wrap:anywhere}
  .intro{grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .intro h2{max-width:100%!important;font-size:clamp(30px,8.7vw,36px)!important;overflow-wrap:anywhere}
  .contact-copy h2{font-size:clamp(30px,8.6vw,38px)!important;overflow-wrap:anywhere}
  .work-page-hero,.contact-page .page-hero{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-inline:0!important;padding-left:0!important;padding-right:0!important}
  .work-page-hero .page-deck,.contact-page .page-deck{width:calc(100vw - 80px)!important;max-width:calc(100vw - 80px)!important;font-size:16px!important;text-wrap:wrap!important;overflow-wrap:anywhere!important}
  .work-intent-strip p{width:calc(100vw - 100px)!important;max-width:calc(100vw - 100px)!important;font-size:16px!important;text-wrap:wrap!important;overflow-wrap:anywhere!important}
}