/* Interior pages: extend Moon’s approved dark-space, teal, violet and lime identity. */
.interior-page{min-height:100vh;background:#08090d;color:#f4f3f0;overflow-x:hidden}
.interior-page .header{position:absolute}
.interior-page main{position:relative;z-index:1}
.interior-page .footer{position:relative;z-index:1}
.interior-hero{position:relative;min-height:min(78svh,850px);padding:170px 10.5vw 82px;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden;background:#08090d}
.interior-hero:before{position:absolute;z-index:-2;inset:0;content:"";background:url('./assets/moon-eclipse.png') 70% 45%/cover no-repeat;opacity:.48;transform:scale(1.08);animation:hero-arrive 1.5s ease both}
.interior-hero:after{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(90deg,#08090df2 0%,#08090dbd 51%,#08090d36 100%),linear-gradient(0deg,#08090d 0%,transparent 44%)}
.interior-hero-copy{max-width:880px;position:relative;z-index:1}
.interior-hero-copy h1{margin:28px 0 0;font:500 clamp(64px,10vw,142px)/.84 var(--display);letter-spacing:-.085em;text-transform:uppercase;text-wrap:balance}
.interior-hero-copy h1 em,.about-belief h2 em,.interior-section-heading h2 em,.interior-cta h2 em,.services-intro h2 em,.contact-intro-copy h2 em{font-style:normal;color:var(--teal)}
.interior-hero-copy>p:last-child{max-width:490px;margin:28px 0 0 16%;font-size:17px;line-height:1.7;color:#c0bdc6}
.interior-index{position:absolute;right:6vw;bottom:30px;color:#aaa7b1;font-size:10px;letter-spacing:.17em}
.about-belief{position:relative;min-height:690px;padding:130px 12vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:4vw;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 77% 55%,#7546ff20,transparent 42%),#0b0c12}
.section-label{align-self:start;display:flex;align-items:center;gap:12px;padding-top:13px;position:relative;z-index:1}
.section-label .eyebrow{color:#aaa7b3}
.about-belief-copy{max-width:680px;position:relative;z-index:1}
.about-belief h2,.contact-intro-copy h2{font:500 clamp(48px,6.4vw,86px)/.96 var(--display);letter-spacing:-.075em;text-transform:uppercase;margin:0 0 30px;max-width:11ch}
.about-belief-copy p,.contact-intro-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;color:#b7b4bf;max-width:580px}
.about-belief-copy p+p{margin-top:19px}
.about-orbit{position:absolute;right:-11%;top:50%;width:min(51vw,690px);aspect-ratio:1;border:1px solid #7546ff4a;border-radius:50%;transform:translateY(-50%);display:grid;place-items:center}
.about-orbit:before,.about-orbit:after{position:absolute;inset:11%;content:"";border:1px solid #42e5c03c;border-radius:50%;transform:rotate(56deg) scaleX(.68)}
.about-orbit:after{inset:-6% 22%;border-color:#d7e85a38;transform:rotate(-34deg) scaleX(.74)}
.about-orbit span{width:37%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 26%,#9b8eda,#45405d 45%,#15131f 83%);box-shadow:inset -22px -18px 34px #05060a,0 0 100px #7546ff45}
.about-orbit i{position:absolute;top:18%;right:21%;width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 28px var(--lime)}
.about-approach{padding:118px 10.5vw 140px;background:#f0efe9;color:#101116}
.interior-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:70px}
.interior-section-heading .eyebrow{color:#686672}
.interior-section-heading h2,.interior-cta h2,.services-intro h2{font:500 clamp(46px,7.2vw,94px)/.9 var(--display);letter-spacing:-.08em;text-transform:uppercase;margin:0}
.interior-section-heading h2 em{color:var(--violet)}
.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #10111635}
.approach-grid article{padding:30px 28px 14px 0;border-bottom:1px solid #10111635;min-height:235px}
.approach-grid article+article{padding-left:28px;border-left:1px solid #10111625}
.approach-grid article>span,.service-panel>span{color:var(--violet);font:600 12px var(--display);letter-spacing:.12em}
.approach-grid h3{margin:36px 0 12px;font:500 clamp(27px,3vw,38px)/1 var(--display);letter-spacing:-.05em}
.approach-grid p{max-width:310px;margin:0;color:#696671;font-size:16px;line-height:1.7}
.interior-cta{position:relative;overflow:hidden;padding:115px 12vw 130px;background:radial-gradient(ellipse at 81% 50%,#7546ff30,transparent 39%),#08090d}
.interior-cta .eyebrow{margin-bottom:27px}
.interior-cta h2{margin:0 0 34px}
.interior-cta h2 em{color:var(--lime)}
.interior-cta .contact-button,.contact-intro-copy .contact-button{width:max-content}
.services-hero:before{background-image:url('./assets/planet-rings.webp');background-position:65% 48%;opacity:.52}
.services-intro{padding:90px 10.5vw 65px;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:18px 7vw;background:#08090d}
.services-intro>.eyebrow{grid-column:1/-1;color:#aaa7b3}
.services-intro h2{grid-column:1;grid-row:2}
.services-intro h2 em{color:var(--teal)}
.services-intro>p:last-child{grid-column:2;grid-row:2;max-width:400px;margin:0 0 5px;color:#aaa7b3;font-size:17px;line-height:1.75}
.services-grid{padding:0 10.5vw 125px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#08090d}
.service-panel{min-height:350px;position:relative;overflow:hidden;padding:35px 38px;background:#101018;border:1px solid #ffffff14;transition:background .4s,border-color .4s,transform .4s}
.service-panel:hover{z-index:1;background:#151520;border-color:#42e5c05c;transform:translateY(-3px)}
.service-panel>span{position:relative;z-index:1;color:#b7b2c2;font-size:11px}
.service-panel h3{position:relative;z-index:1;margin:56px 0 14px;font:500 clamp(28px,3.3vw,42px)/.98 var(--display);letter-spacing:-.055em}
.service-panel>p{position:relative;z-index:1;max-width:460px;margin:0;color:#b5b1bd;font-size:16px;line-height:1.65}
.service-panel ul{position:relative;z-index:1;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;list-style:none}
.service-panel li{padding:7px 10px;border:1px solid #ffffff27;border-radius:30px;color:#d8d5de;font-size:13px}
.service-orb{position:absolute;top:18px;right:27px;width:126px;height:126px;border:1px solid #ffffff1c;border-radius:50%;opacity:.82}
.service-orb:before,.service-orb:after{position:absolute;inset:16%;content:"";border:1px solid currentColor;border-radius:50%;transform:rotate(45deg) scaleX(.6)}
.service-orb:after{inset:2% 26%;transform:rotate(-37deg) scaleX(.7);opacity:.7}
.orb-violet{color:#9d81ff}.orb-teal{color:#42e5c0}.orb-lime{color:#d7e85a}.orb-blue{color:#70a9ff}.orb-pink{color:#ef87c7}
.contact-hero:before{background-position:64% 47%;opacity:.4}
.contact-layout{padding:115px 12vw 130px;display:grid;grid-template-columns:1fr .9fr;gap:9vw;background:radial-gradient(ellipse at 18% 28%,#42e5c010,transparent 35%),#0b0c12}
.contact-intro-copy h2{margin:26px 0 24px}
.contact-intro-copy h2 em{color:var(--lime)}
.contact-intro-copy>p:not(.eyebrow){max-width:430px;margin-bottom:28px}
.contact-details{border-top:1px solid #ffffff2a}
.contact-details>a{min-height:108px;position:relative;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:20px 46px 20px 0;border-bottom:1px solid #ffffff2a;color:#f4f3f0;text-decoration:none;transition:padding .25s,color .25s}
.contact-details>a:hover{padding-left:12px;color:var(--teal)}
.contact-details span{color:#9f9ba8;font-size:11px;letter-spacing:.15em}
.contact-details strong{font-size:17px;line-height:1.5;font-weight:500;overflow-wrap:anywhere}
.contact-details i{position:absolute;right:7px;top:50%;font-size:18px;color:var(--lime);font-style:normal;transform:translateY(-50%)}
.interior-page .footer{grid-template-columns:112px 1fr 1.4fr}
.interior-page .footer small{grid-column:2/-1;justify-self:end}
@media(max-width:980px){.interior-hero{padding-left:7vw;padding-right:7vw}.about-belief{padding-left:8vw;padding-right:8vw;grid-template-columns:.65fr 1.35fr}.about-orbit{right:-23%}.about-approach,.services-intro,.services-grid{padding-left:7vw;padding-right:7vw}.interior-cta,.contact-layout{padding-left:8vw;padding-right:8vw}.services-intro{gap:18px 4vw}}
@media(max-width:680px){.interior-hero{min-height:78svh;padding:130px 7vw 70px}.interior-hero:before{background-position:60% center}.interior-hero-copy h1{font-size:clamp(55px,13vw,86px);line-height:.88}.interior-hero-copy>p:last-child{max-width:310px;margin:23px 0 0 8%;font-size:16px}.interior-index{right:7vw;bottom:24px;font-size:8px}.about-belief{min-height:690px;padding:92px 8vw 110px;display:block}.section-label{margin-bottom:60px}.about-belief h2,.contact-intro-copy h2{font-size:clamp(44px,11vw,66px)}.about-belief-copy p,.contact-intro-copy>p:not(.eyebrow){font-size:16px}.about-orbit{width:76vw;right:-25%;top:auto;bottom:-35%;transform:none;opacity:.55}.about-approach{padding:88px 8vw 100px}.interior-section-heading{display:block;margin-bottom:48px}.interior-section-heading h2,.interior-cta h2,.services-intro h2{font-size:clamp(43px,11vw,68px);margin-top:22px}.approach-grid{grid-template-columns:1fr}.approach-grid article,.approach-grid article+article{min-height:0;padding:25px 0 30px;border-left:0}.approach-grid h3{margin:24px 0 9px}.interior-cta{padding:88px 8vw 95px}.services-intro{padding:75px 8vw 48px;display:block}.services-intro h2{margin:25px 0 20px}.services-intro>p:last-child{font-size:16px}.services-grid{padding:0 6vw 90px;grid-template-columns:1fr;gap:12px}.service-panel{min-height:335px;padding:28px 25px}.service-panel h3{max-width:12ch;margin-top:56px;font-size:35px}.service-panel>p{font-size:16px}.service-orb{top:15px;right:18px;width:106px;height:106px}.service-panel li{font-size:13px}.contact-layout{padding:83px 8vw 95px;grid-template-columns:1fr;gap:54px}.contact-details>a{min-height:100px}.interior-page .footer{grid-template-columns:1fr 1fr;gap:20px}.interior-page .footer>p{grid-column:1/-1;grid-row:2;margin:0}.interior-page .footer .footer-links{grid-column:1/-1;grid-row:3;display:flex;flex-wrap:wrap;gap:18px}.interior-page .footer small{grid-column:1/-1;grid-row:4;justify-self:start}}
@media(prefers-reduced-motion:reduce){.interior-hero:before{animation:none}.service-panel,.contact-details>a{transition:none}}

/* Lunar service map and expanded portfolio */
.service-link{display:block;color:inherit;text-decoration:none}.service-link:focus-visible,.portfolio-index-nav a:focus-visible,.text-link:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.phase-label{position:relative;z-index:1;display:flex;gap:9px;align-items:center;margin:38px 0 -42px;color:#d7e85a;font-size:13px;letter-spacing:.08em}.phase-label span+span{color:#aaa7b3;font-size:12px}.service-panel h3{margin-top:56px}.service-orb{display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 32% 28%,#eeeef7,#88899d 42%,#30303a 76%,#111018 100%);box-shadow:inset -12px -10px 22px #000a,0 0 45px #9d81ff20}.service-orb b{position:relative;color:#fff;font-size:89px;line-height:1;font-weight:400;text-shadow:0 2px 20px #000;opacity:.9}.orb-teal{box-shadow:inset -12px -10px 22px #000a,0 0 45px #42e5c02a}.orb-lime{box-shadow:inset -12px -10px 22px #000a,0 0 45px #d7e85a25}.service-card-more{position:relative;z-index:2;display:inline-flex;gap:12px;align-items:center;margin-top:23px;color:var(--teal);font-size:14px}.service-card-more b{font-size:17px;font-weight:500}.service-link:hover .service-card-more{color:var(--lime)}
.detail-hero:before{background-image:linear-gradient(90deg,#08090d 0%,#08090d55 72%),url('./assets/moon-relief.jpg');background-position:58% center;opacity:.44}.detail-hero:after{background:linear-gradient(90deg,#08090df2 0%,#08090db5 52%,#08090d27 100%),linear-gradient(0deg,#08090d 0%,transparent 50%)}.detail-hero .interior-hero-copy h1{max-width:10ch}.detail-hero .interior-hero-copy h1 em{font-size:.5em;display:inline-block;margin-top:.28em;letter-spacing:-.05em}.detail-hero .interior-hero-copy>p:last-child{margin-left:0;max-width:520px}.detail-phase-link{position:absolute;right:11vw;bottom:12%;display:flex;align-items:center;gap:16px;color:#eee;text-decoration:none;font-size:14px;line-height:1.6}.detail-phase-link b{color:#aaa7b3;font-size:12px;font-weight:400}.phase-mark{width:62px;height:62px;display:grid;place-items:center;border-radius:50%;font-size:59px;line-height:1;background:radial-gradient(circle at 34% 28%,#dcdce7,#737384 52%,#262630 84%);color:#eee;box-shadow:inset -8px -6px 15px #050509,0 0 38px #42e5c02b;overflow:hidden}.phase-first{--phase-shadow:linear-gradient(90deg,#101018 0 50%,transparent 50%)}.phase-gibbous{--phase-shadow:linear-gradient(90deg,transparent 0 72%,#101018 73% 100%)}.phase-full{--phase-shadow:linear-gradient(90deg,transparent,#fff0)}.phase-waning{--phase-shadow:linear-gradient(90deg,#101018 0 30%,transparent 31%)}.phase-crescent{--phase-shadow:linear-gradient(90deg,#101018 0 78%,transparent 79%)}.phase-last{--phase-shadow:linear-gradient(90deg,transparent 0 50%,#101018 51%)}.phase-mark:before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--phase-shadow)}.phase-mark{position:relative}.phase-mark:not(.phase-full){isolation:isolate}.phase-explainer{min-height:620px;padding:110px 12vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9vw;overflow:hidden;background:radial-gradient(ellipse at 25% 50%,#7546ff1e,transparent 35%),#0b0c12}.phase-orbit{width:min(34vw,430px);aspect-ratio:1;position:relative;border:1px solid #42e5c050;border-radius:50%;display:grid;place-items:center}.phase-orbit:before,.phase-orbit:after{content:"";position:absolute;inset:12%;border:1px solid #7546ff50;border-radius:50%;transform:rotate(48deg) scaleX(.62)}.phase-orbit:after{inset:-9% 20%;border-color:#d7e85a45;transform:rotate(-35deg) scaleX(.72)}.phase-orbit .phase-mark{width:43%;height:auto;aspect-ratio:1;font-size:clamp(85px,14vw,180px)}.phase-orbit>i{position:absolute;right:15%;top:18%;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 20px var(--lime)}.phase-orbit>b{position:absolute;left:50%;bottom:-35px;transform:translateX(-50%);white-space:nowrap;color:#9c98a6;font-size:11px;letter-spacing:.2em;font-weight:500}.phase-copy{max-width:560px}.phase-copy h2,.detail-section-head h2,.detail-proof h2{font:500 clamp(46px,6vw,80px)/.93 var(--display);letter-spacing:-.075em;text-transform:uppercase;margin:22px 0 26px}.phase-copy h2 em,.detail-section-head h2 em,.detail-proof h2 em{font-style:normal;color:var(--teal)}.phase-copy>p:last-child,.detail-proof>p:not(.eyebrow){color:#b7b4bf;font-size:17px;line-height:1.8}.detail-offer{padding:112px 12vw 125px;background:#f0efe9;color:#101116;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start}.detail-section-head h2 em{color:var(--violet)}.detail-offer ul{padding:0;margin:0;list-style:none;border-top:1px solid #10111635}.detail-offer li{min-height:76px;border-bottom:1px solid #10111635;display:flex;align-items:center;gap:25px;font-size:18px}.detail-offer li span{color:var(--violet);font:600 12px var(--display)}.detail-proof{padding:100px 12vw 120px;background:#090a10}.detail-proof h2{margin-bottom:20px}.detail-proof>p:not(.eyebrow){max-width:720px}.proof-chips{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.proof-chips span{padding:9px 12px;border:1px solid #ffffff2c;border-radius:40px;color:#d8d5de;font-size:14px}.text-link{display:inline-flex;gap:12px;margin-top:13px;color:var(--lime);font-size:15px;text-decoration:none}.portfolio-index-nav{padding:18px 10.5vw;display:flex;flex-wrap:wrap;gap:8px;background:#111019}.portfolio-index-nav a{display:flex;gap:12px;align-items:center;padding:11px 14px;border:1px solid #ffffff23;color:#eee;text-decoration:none;font-size:14px;transition:border .2s,color .2s}.portfolio-index-nav a:hover{border-color:var(--teal);color:var(--teal)}.portfolio-index-nav span{color:#9e9aa8;font-size:12px}.portfolio-group{padding:90px 10.5vw 102px;background:#08090d}.portfolio-group:nth-child(even){background:#0e0e15}.portfolio-group-head{position:relative;margin-bottom:34px}.portfolio-group-head h2{margin:18px 0 0;font:500 clamp(38px,5.4vw,68px)/.95 var(--display);letter-spacing:-.07em;text-transform:uppercase}.group-count{position:absolute;right:0;bottom:7px;color:#9f9ba8;font-size:12px;letter-spacing:.13em}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.portfolio-card{min-width:0;border:1px solid #ffffff18;background:#111119;overflow:hidden;transition:transform .3s,border-color .3s}.portfolio-card:hover{transform:translateY(-4px);border-color:#42e5c075}.portfolio-visual{height:190px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 110%,#42e5c02b,transparent 55%),radial-gradient(circle at 76% 20%,#7546ff35,transparent 42%),#08090d}.portfolio-visual:before,.portfolio-visual:after{position:absolute;content:"";width:145px;height:80px;border:1px solid #42e5c02d;border-radius:50%;transform:rotate(-25deg)}.portfolio-visual:after{width:190px;height:100px;border-color:#7546ff36;transform:rotate(47deg)}.portfolio-visual img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.portfolio-card:hover .portfolio-visual img{transform:scale(1.04)}.portfolio-orbit{position:relative;width:87px;height:87px;border-radius:50%;border:1px solid #ffffff43;background:radial-gradient(circle at 33% 25%,#d5d3dc,#645f73 46%,#181720 78%);box-shadow:inset -14px -12px 18px #050509,0 0 45px #7546ff31}.portfolio-orbit i{position:absolute;inset:-20% -6%;border:1px solid #42e5c083;border-radius:50%;transform:rotate(-35deg)}.portfolio-index{position:absolute;bottom:14px;left:15px;color:#a8a4b1;font-size:10px;letter-spacing:.18em}.portfolio-meta{display:flex;justify-content:space-between;gap:12px;padding:15px 16px 0;color:#a7a3af;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.portfolio-meta span:last-child{text-align:right}.portfolio-card h3{min-height:56px;margin:12px 16px 17px;font:500 20px/1.15 var(--display);letter-spacing:-.035em;color:#f4f3f0}.work-page .work-intro{padding-bottom:25px}
@media(max-width:900px){.detail-phase-link{right:7vw}.phase-explainer,.detail-offer{padding-left:8vw;padding-right:8vw;gap:5vw}.portfolio-index-nav{padding-left:7vw;padding-right:7vw}.portfolio-group{padding-left:7vw;padding-right:7vw}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.phase-label{margin-top:34px;margin-bottom:-42px;font-size:12px}.service-card-more{margin-top:19px}.detail-hero{min-height:81svh}.detail-phase-link{left:8vw;right:auto;bottom:26px;font-size:12px}.detail-phase-link .phase-mark{width:48px;height:48px;font-size:46px}.detail-hero .interior-hero-copy h1 em{font-size:.4em}.phase-explainer{min-height:unset;padding:90px 8vw 100px;grid-template-columns:1fr;gap:60px}.phase-orbit{width:64vw;margin:0 auto 6px}.phase-orbit .phase-mark{font-size:clamp(105px,27vw,155px)}.phase-copy h2,.detail-section-head h2,.detail-proof h2{font-size:clamp(43px,11vw,66px)}.phase-copy>p:last-child,.detail-proof>p:not(.eyebrow){font-size:16px}.detail-offer{padding:82px 8vw 92px;grid-template-columns:1fr;gap:35px}.detail-offer li{min-height:68px;font-size:17px}.detail-proof{padding:82px 8vw 96px}.proof-chips span{font-size:13px}.portfolio-index-nav{padding:15px 6vw;gap:7px}.portfolio-index-nav a{font-size:12px;padding:9px 10px}.portfolio-group{padding:70px 7vw 78px}.portfolio-group-head h2{font-size:clamp(36px,9vw,53px);max-width:12ch}.group-count{position:static;display:block;margin-top:12px;font-size:10px}.portfolio-grid{grid-template-columns:1fr;gap:12px}.portfolio-visual{height:auto;aspect-ratio:1.6}.portfolio-card h3{min-height:0;font-size:20px}.portfolio-meta{font-size:10px}.service-orb b{font-size:77px}}
@media(prefers-reduced-motion:reduce){.portfolio-card,.portfolio-visual img,.service-link{transition:none}}

/* Mobile portfolio layout: compact cards, readable labels and a scrollable category rail. */
@media(max-width:680px){
  .work-page{overflow-x:hidden}
  .portfolio-index-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:13px 16px;gap:8px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .portfolio-index-nav a{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap;font-size:12px;padding:10px 12px}
  .portfolio-group{padding:54px 16px 62px;scroll-margin-top:64px}
  .portfolio-group-head{margin-bottom:22px}
  .portfolio-group-head h2{font-size:clamp(34px,9vw,48px);line-height:1;max-width:none;margin-top:14px}
  .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .portfolio-card{min-width:0;border-radius:1px}
  .portfolio-visual{height:auto;aspect-ratio:1.18}
  .portfolio-visual:before{width:112px;height:62px}
  .portfolio-visual:after{width:142px;height:76px}
  .portfolio-orbit{width:58px;height:58px}
  .portfolio-meta{display:block;padding:10px 10px 0;font-size:9px;line-height:1.4;letter-spacing:.035em}
  .portfolio-meta span{display:block}
  .portfolio-meta span:last-child{text-align:left;margin-top:3px;color:#c0bdc7}
  .portfolio-card h3{min-height:0;margin:8px 10px 12px;font-size:clamp(14px,4vw,17px);line-height:1.18;letter-spacing:-.025em;overflow-wrap:anywhere}
  .portfolio-index{left:9px;bottom:9px;font-size:8px}
  .group-count{font-size:10px}
}
@media(max-width:350px){
  .portfolio-grid{gap:8px}
  .portfolio-group{padding-left:12px;padding-right:12px}
  .portfolio-card h3{font-size:14px}
  .portfolio-meta{font-size:8px}
}

/* Keep the portfolio page inside the phone viewport, including the root scroll area. */
html:has(body.work-page){width:100%;max-width:100%;overflow-x:clip}
body.work-page{width:100%;max-width:100%;overflow-x:clip;overscroll-behavior-x:none}
body.work-page main,body.work-page .work-hero,body.work-page .work-intro,body.work-page .portfolio-index-nav,body.work-page .portfolio-group,body.work-page .work-footer-cta{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
body.work-page .work-hero-copy{width:min(100%,770px);min-width:0}
@media(max-width:850px){body.work-page .header{left:0;right:0;width:auto;max-width:100%;box-sizing:border-box}}

/* Hard stop for horizontal page panning on the portfolio route. */
html:has(body.work-page){overflow-x:hidden!important;overscroll-behavior-x:none}
body.work-page{overflow-x:hidden!important;position:relative;left:0;right:0}