/* The storefront identity: mint and blue as light on a charcoal surface. */
:root{color-scheme:dark;--brand-mint:#77e4bc;--brand-blue:#43b4f2;--brand-light:linear-gradient(105deg,#8ce9bc,#39a9f2);--accent:#77d9dd}
.continuum{color:#edf1f6}
.continuum ::selection{background:#88e7cc;color:#122a2a}
.continuum :focus-visible{outline-color:#77e4bc}
.continuum .brand{gap:12px}
.continuum .brand-mark{width:43px;height:43px;object-fit:contain;flex-shrink:0}
.continuum .brand-name{color:#e9eef3;letter-spacing:.025em}
.continuum .brand-name small{color:#b7c7d0;letter-spacing:.17em;font-size:8px;margin-top:7px}
.continuum .brand-name small>span{font-size:6px;letter-spacing:.12em;color:#95acba}
.continuum .nav-links{font-size:12px;gap:26px}
.continuum .nav-book,.continuum .on-light .nav-book{border-color:#9caeb46e;background:#a4d2e705;color:#e5f1f2}
.continuum .nav-book:hover,.continuum .on-light .nav-book:hover{border-color:#77e4bcb3;background:#77e4bc12;color:#f4fffc}
.continuum .nav-links>a:after{background:var(--brand-light)}
.status-dot{background:#91edc5;box-shadow:0 0 15px #63e5b273}
.title-period{color:#72cde9}
.journey-circle{border-color:#a4dfd17a}.journey-link:hover .journey-circle{background:#70dbba20}
.thread-base{stroke:#66b4bd}.thread-active{stroke:url(#brand-trail);opacity:.65}
.thread-tip{fill:#b8ffdf}.thread-halo{fill:#68d7c3}
.small-cross{color:#82ddc1}
.photo-progress>span{background:var(--brand-light)}
.craft-nav button[aria-current]:after{background:var(--brand-light)}
.craft-nav button[aria-current]>i{background:#85ebbf}
.orbit-mark{border-color:#69cda940}.orbit-mark:before{border-color:#54b4e875}.orbit-mark i{background:#86e8bf}
.contact-story h2>span{color:#b0c3ce}
.cta-orbit{border-color:#83cfbf70}.contact-cta:hover .cta-orbit{background:#96e9d5;color:#122a2b}
.continuum .consult-form button,.continuum .summary-actions button{background:#b8e2dd;color:#152c30}
/* Reflection travels once on deliberate interaction; nothing flashes at rest. */
:is(.nav-book,.chapter-link,.studio-link,.inspection-actions button){position:relative;overflow:hidden;isolation:isolate}
:is(.nav-book,.chapter-link,.studio-link,.inspection-actions button):before{content:"";position:absolute;pointer-events:none;z-index:2;left:-50%;top:-50%;width:35%;height:200%;opacity:0;background:linear-gradient(90deg,transparent,#70e3bf12 22%,#e2fffca3 50%,#43b4f227 75%,transparent);transform:translateX(0) skewX(-24deg)}
:is(.nav-book,.chapter-link,.studio-link,.inspection-actions button):is(:hover,:focus-visible):before{animation:polished-reflection .85s ease-out both}
@keyframes polished-reflection{0%{opacity:0;transform:translateX(0) skewX(-24deg)}15%{opacity:.7}85%{opacity:.5}100%{opacity:0;transform:translateX(500%) skewX(-24deg)}}
/* Legibility comes from brighter surfaces and readable text, not a white section. */
.intro-meta,.intro-detail,.chapter-description,.next-description>p,.contact-top>p,.delivery-copy>p{color:#b9c5d4}
.intro-detail,.chapter-description,.next-description>p{font-size:14px;line-height:2}
.craft-topline>.eyebrow,.next-story>.eyebrow,.contact-top .eyebrow,.craft-chapter>.eyebrow{color:#a8bcd0}
.chapter-details,.photo-caption,.sequence-hint,.craft-nav button,.coming-label,.footer-bottom,.footer-brand>span:nth-child(2){color:#a4b5c8}
.chapter-details{font-size:10px}.photo-caption{font-size:9px}.craft-nav button{font-size:12px}
.hero-copy .eyebrow{color:#f0f4fa}.hero-subtitle{color:#f3f6f9}
.inspection-copy>.eyebrow,.detail-kicker{color:#a7cfcb}
.inspection-intro{color:#b9c6d5;font-size:14px;max-width:300px;line-height:1.9}
.inspection-scenes{gap:24px}.inspection-scenes button{font-size:14px;color:#adbbcd;position:relative}
.inspection-scenes button>span{color:#93a6bd;font-size:9px}
.inspection-scenes button[aria-selected=true]{border-color:transparent}
.inspection-scenes button[aria-selected=true]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--brand-light)}
.inspection-scenes button>i{background:#8eebc0}
.inspection-discoveries p{color:#a4b5c8;font-size:11px;max-width:160px}.discovery-count small{color:#9bafc6;font-size:11px}
.inspection-light-layer:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#77e4bc05,#43b4f20b);pointer-events:none}
.inspection-cursor{border-color:#94f7d377;box-shadow:0 0 16px #49bde626}
.inspection-target{color:#d7e7f2}.inspection-target span{border-color:#c8e3df73;background:#121c2690}
.inspection-target.is-found:not(.is-active) span{border-color:#79e5ba}
.inspection-target.is-active span{background:var(--brand-light);border-color:#b9f9e2;color:#142c32;box-shadow:0 0 22px #71e2bd38}
.inspection-detail{border-left-color:#8ae7c4;background:linear-gradient(100deg,#1b242df8,#1b242ded 80%,#1b242dd4)}
.inspection-detail h3{font-size:20px;color:#f2f7fa}.inspection-detail p{font-size:12px;color:#c4d1e0;line-height:1.85}
.inspection-help{color:#b4c6d8;font-size:12px}
.inspection-actions button{font-size:12px;color:#d0e0ea;border-color:#91c8c252}.inspection-actions button>span{color:#87e1d3}
.inspection-actions button[aria-pressed=true]{border-color:#77e4bc}
.footer-wordmark{display:flex;align-items:center;gap:18px}.footer-wordmark img{width:64px;height:64px;object-fit:contain}
/* The supplied space concept bridges the service story and the future brand. */
.studio-story{position:relative;padding-top:120px;scroll-margin-top:115px}
.studio-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;position:relative;z-index:2}
.studio-heading .eyebrow{color:#a7cfcb;margin-bottom:27px;font-size:10px}
.studio-heading h2{font-size:clamp(32px,3.8vw,58px);font-weight:400;line-height:1.4;letter-spacing:-.04em}
.studio-intro{font-size:14px;color:#b9c8d6;line-height:2;max-width:430px;margin-bottom:4px}
.studio-figure{margin:48px 0 0;position:relative;z-index:2}
.studio-photo{margin-inline:4vw;aspect-ratio:2.75;position:relative;overflow:hidden;background:#17232d}
.studio-photo img{object-fit:cover;object-position:center bottom;filter:brightness(.94) saturate(.85)}
.studio-photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#151a2073,transparent 20%,transparent 90%,#151a201a)}
.studio-figure figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:20px;font-size:10px;color:#a5b7c9;line-height:1.8}
.studio-figure figcaption>span:first-child{display:flex;align-items:center;gap:10px}
.studio-figure figcaption i{display:inline-block;width:20px;height:2px;background:var(--brand-light)}
.studio-bottom{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:38px;position:relative;z-index:2}
.studio-bottom p{font-size:14px;color:#becbd8}
.studio-link{display:flex;align-items:center;justify-content:space-between;gap:80px;font-size:13px;min-height:49px;padding:12px 0;border-bottom:1px solid #91c8c270;background:none;color:#dfedf2}
.studio-link>span{color:#85dec8;font-size:23px}
@media(max-width:1100px) and (min-width:701px){.inspection-scenes{gap:16px}.inspection-scenes button{font-size:13px}.inspection-intro{font-size:13px}.chapter-description{font-size:12px}.studio-heading{gap:35px}.studio-intro{font-size:12px;max-width:340px}}
@media(max-width:900px){
  .continuum .site-header{height:80px}
  .continuum .nav-links{gap:12px}.continuum .menu-toggle{display:block}
  .continuum .nav-links.open{position:absolute;left:0;right:0;top:80px;background:#19212b;color:#e2edf5;display:flex;flex-direction:column;padding:24px;align-items:stretch;gap:10px;border-bottom:1px solid #9ec8cd38}
  .continuum .nav-links.open>a{display:block}.continuum .nav-links.open .menu-toggle{position:absolute;right:22px;top:-55px}.continuum .nav-links.open .nav-book{justify-content:space-between}
}
@media(max-width:700px){
  .inspection-stage,.motion-ready .inspection-stage{padding:96px 24px 32px}
  .inspection-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:15px}
  .inspection-copy>.eyebrow,.inspection-copy h2,.inspection-intro{grid-column:1/-1}
  .inspection-copy>.eyebrow{font-size:9px;letter-spacing:.1em}
  .inspection-copy h2{font-size:31px;line-height:1.4;margin-top:18px}
  .inspection-intro{font-size:13px;line-height:1.8;max-width:none;margin-top:14px}
  .inspection-scenes{gap:20px;margin-top:17px;grid-column:1;align-self:center}
  .inspection-scenes button{font-size:13px;padding:12px 0;gap:6px}.inspection-scenes button>span{font-size:8px}.inspection-scenes button>i{display:none}
  .inspection-discoveries{grid-column:2;align-self:center;margin:17px 0 0;gap:0}
  .inspection-discoveries p{display:none}.discovery-count{font-size:19px;white-space:nowrap}.discovery-count small{font-size:10px}
  .inspection-workspace{--inspection-bleed:48px;width:calc(100% + 48px);height:clamp(265px,82vw,360px);margin-left:-24px;margin-top:9px;margin-bottom:140px}
  
  .inspection-detail,.inspection-detail.is-empty{left:50%!important;transform:translateX(-50%);width:calc(var(--workspace-width,100%) - var(--inspection-bleed,0px));height:108px;min-height:108px;padding:0 0 0 13px;background:none;backdrop-filter:none}
  .inspection-detail h3{font-size:20px;margin-top:5px}.inspection-detail p{font-size:12px;color:#c4d1e0;line-height:1.8;margin-top:6px}
  .inspection-detail.is-empty h3{color:#d0dee9;font-size:18px}.inspection-detail.is-empty p{color:#a7bacd}.detail-kicker{font-size:9px;letter-spacing:.06em}
  .inspection-help{font-size:11px;line-height:1.8}
  .inspection-actions{gap:24px;margin-top:8px}.inspection-actions button{font-size:12px;min-height:44px;gap:22px}
  .studio-story{padding-top:60px;scroll-margin-top:100px}.studio-heading{display:block}.studio-heading .eyebrow{font-size:9px;margin-bottom:23px}
  .studio-heading h2{font-size:32px}.studio-intro{font-size:13px;line-height:1.95;margin-top:20px;max-width:none}.studio-intro br{display:none}
  .studio-figure{margin-top:30px}.studio-photo{margin-inline:0;aspect-ratio:1.38}.studio-photo img{position:absolute;top:-15%;height:120%;object-position:54% 50%}
  .studio-figure figcaption{font-size:10px;margin-top:15px}.studio-figure figcaption>span:last-child{display:none}
  .studio-bottom{display:block;margin-top:25px}.studio-bottom p{font-size:12px;line-height:1.9}.studio-link{width:100%;margin-top:18px;font-size:13px}
}
@media(max-width:600px){
  .continuum .site-header{height:76px}
  .continuum .brand{gap:8px}.continuum .brand-mark{width:34px;height:36px}
  .continuum .brand-name{font-size:14px}.continuum .brand-name small{font-size:7px;letter-spacing:.14em;margin-top:5px}.continuum .brand-name small>span{display:none}
  .continuum .nav-links{gap:5px}.continuum .nav-links.open{top:76px}
  .intro-detail{font-size:13px;padding-left:10%;line-height:2}.intro-detail p+p{margin-top:18px}
  .intro-meta .eyebrow,.craft-topline>.eyebrow,.next-story>.eyebrow,.contact-top>.eyebrow{font-size:9px}
  .hero-copy .eyebrow{font-size:8px}.hero-subtitle{font-size:14px}
  .chapter-description{font-size:13px;line-height:1.85}.chapter-details{font-size:9px;white-space:normal;line-height:1.8}
  .chapter-link{font-size:12px;min-height:44px}.craft-nav button{font-size:11px}.craft-nav button>span{font-size:8px}.photo-caption{font-size:8px}
  .delivery-top>p{font-size:12px}.delivery-copy>p{font-size:12px;line-height:1.9}.delivery-bottom>.eyebrow{font-size:10px}.replay-light{font-size:11px;gap:10px}
  .next-description{padding-left:10%;margin-top:27px}.next-description>p{font-size:13px;line-height:2}.coming-label{font-size:10px}
  .contact-top>p{font-size:11px}.contact-cta{font-size:13px}.contact-cta small{font-size:8px;letter-spacing:.05em}
  .footer-brand{gap:15px}.footer-brand>span:first-child{font-size:27px;gap:9px}.footer-wordmark img{width:39px;height:39px}.footer-brand>span:nth-child(2){font-size:8px}
  .footer-bottom{font-size:9px;line-height:1.8}.footer-bottom>p{font-size:10px;line-height:1.9}.footer-brand>a{font-size:10px}
}
@media(max-width:360px){
  .continuum .site-header{padding-inline:16px}.continuum .brand-mark{width:30px;height:33px}.continuum .brand-name{font-size:12px}.continuum .brand-name small{font-size:6px}
  .inspection-stage,.motion-ready .inspection-stage{padding-inline:20px}.inspection-copy{column-gap:10px}.inspection-copy h2{font-size:29px}.inspection-intro{font-size:12px}
  .inspection-scenes{gap:14px}.inspection-scenes button{gap:5px;font-size:12px}.discovery-count{font-size:17px}
  .inspection-workspace{--inspection-bleed:40px;width:calc(100% + 40px);height:265px;margin-left:-20px;margin-bottom:152px}.inspection-detail,.inspection-detail.is-empty{height:120px}.inspection-detail p{font-size:12px}.inspection-actions button{gap:14px}
  .hero-copy .eyebrow{font-size:7px}.chapter-description{font-size:12px}.chapter-details{font-size:8px}.craft-nav button{font-size:10px}
  .footer-brand>span:first-child{font-size:24px}.footer-brand>span:nth-child(2){font-size:7px}
}
@media(prefers-reduced-motion:reduce){:is(.nav-book,.chapter-link,.studio-link,.inspection-actions button):before{animation:none!important;display:none}}

/* Readable body copy and controls across the full one-page story. */
.continuum .eyebrow{font-size:13px;line-height:1.6}
.continuum .brand-name{font-size:20px}
.continuum .brand-name small{font-size:11px;letter-spacing:.08em}
.continuum .brand-name small>span{font-size:10px}
.continuum .nav-links{font-size:16px;gap:28px}
.continuum .nav-book{font-size:15px!important;min-height:46px}
.continuum .menu-toggle{font-size:15px;min-width:44px;min-height:44px}
.hero-copy .eyebrow{font-size:13px}
.hero-subtitle{font-size:20px}
.journey-link{font-size:16px}.journey-link small{font-size:12px;letter-spacing:.09em}
.hero-foot .film-toggle{display:grid;place-items:center;width:46px;min-width:46px;height:46px;padding:0;border:1px solid #b7d3d66b;border-radius:50%;font-size:20px;background:#111c2340}
.film-toggle:hover{background:#77e4bc20;border-color:#a6ead5}
.hero-edge{font-size:11px}
.philosophy-heading{margin-top:0}
.intro-statement{font-size:21px}
.intro-detail,.chapter-description,.next-description>p,.studio-intro,.studio-bottom p,.delivery-top>p,.delivery-copy>p,.contact-top>p{font-size:18px;line-height:1.85}
.chapter-description{max-width:390px}
.chapter-details{font-size:14px;line-height:1.8;white-space:normal}
.chapter-link,.studio-link{font-size:16px;min-height:48px;max-width:390px}
.craft-topline h2{font-size:18px}.sequence-hint{font-size:14px}
.photo-caption{font-size:12px;line-height:1.5}
.craft-nav button{font-size:16px;min-height:46px}.craft-nav button>span{font-size:12px}
.inspection-intro{font-size:18px;max-width:360px}
.inspection-scenes button{font-size:18px}.inspection-scenes button>span{font-size:12px}
.inspection-discoveries p{font-size:14px;max-width:220px}.discovery-count small{font-size:14px}
.inspection-detail{width:280px;padding:16px 18px 18px}
.detail-kicker{font-size:12px}.inspection-detail h3{font-size:23px}.inspection-detail p{font-size:16px;line-height:1.8}
.inspection-target span{width:28px;height:28px;font-size:11px}
.inspection-help{font-size:16px}
.inspection-actions button{font-size:16px;min-height:48px}
.studio-figure figcaption,.coming-label{font-size:14px}
.contact-cta{font-size:19px}.contact-cta small{font-size:12px;letter-spacing:.07em}
.footer-brand>span:nth-child(2){font-size:13px;letter-spacing:.08em}
.footer-brand>a,.footer-bottom{font-size:13px;line-height:1.7}
.continuum .consult-dialog>p,.continuum .consult-form label,.continuum .consult-form input,.continuum .consult-form select,.continuum .consult-form textarea,.continuum .consult-form button,.continuum .summary-actions button{font-size:16px}
.continuum .form-note,.continuum .summary-status{font-size:14px;line-height:1.8}

@media(max-width:1100px) and (min-width:701px){
  .continuum .nav-links{gap:18px;font-size:14px}.continuum .nav-book{font-size:14px!important}
  .inspection-scenes{gap:18px}.inspection-scenes button{font-size:16px}
  .inspection-detail{width:245px}.inspection-detail p{font-size:15px}
  .chapter-description,.studio-intro,.next-description>p{font-size:16px}
  .chapter-details{font-size:13px}.chapter-link{font-size:15px}
  .studio-heading{align-items:start}
}
@media(max-width:700px){
  .continuum .eyebrow{font-size:12px;letter-spacing:.08em}
  .continuum .nav-links.open{font-size:18px;gap:16px}
  .hero-copy .eyebrow{font-size:11px;letter-spacing:.035em;flex-wrap:wrap}
  .hero-subtitle{font-size:17px}.hero-edge{display:none}
  .journey-link{font-size:14px;gap:10px}.journey-link small{font-size:11px;letter-spacing:.06em}
  .hero-foot{left:24px;right:24px}.hero-foot .film-toggle{width:44px;min-width:44px;height:44px}
  .philosophy-heading{margin-top:0}.intro-statement{font-size:19px}
  .intro-detail,.next-description{padding-left:0}
  .intro-detail,.chapter-description,.next-description>p,.studio-intro,.studio-bottom p,.delivery-top>p,.delivery-copy>p,.contact-top>p{font-size:16px;line-height:1.8}
  .intro-detail br{display:none}
  .inspection-copy{display:block}.inspection-intro{font-size:16px;max-width:none}
  .inspection-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .inspection-scenes button{font-size:17px;gap:7px}.inspection-scenes button>span{font-size:12px}
  .inspection-discoveries{display:flex;gap:14px;margin-top:14px}
  .inspection-discoveries p{display:block;font-size:13px;max-width:none}.discovery-count{font-size:23px}.discovery-count small{font-size:13px}
  .inspection-workspace{margin-bottom:calc(var(--detail-height,150px) + 42px)}
  .inspection-detail,.inspection-detail.is-empty{width:calc(var(--workspace-width,100%) - var(--inspection-bleed,0px));height:auto;min-height:0;padding:0 0 0 14px}
  .detail-kicker{font-size:12px}.inspection-detail h3,.inspection-detail.is-empty h3{font-size:22px}
  .inspection-detail p{font-size:16px;line-height:1.8}.inspection-help{font-size:14px;line-height:1.8}
  .inspection-actions{justify-content:flex-end;margin-top:12px}.inspection-actions button{font-size:15px}
  .sequence-hint{font-size:12px}.photo-caption{font-size:11px;letter-spacing:.02em}
  .chapter-details{font-size:13px;margin-top:12px;line-height:1.8}
  .chapter-link{font-size:16px;min-height:46px;max-width:none}
  .craft-nav button{font-size:15px;gap:5px}.craft-nav button>span{font-size:11px}
  .studio-figure figcaption,.coming-label{font-size:13px}
  .contact-top{align-items:start;flex-direction:column;gap:20px}.contact-top>p{margin-right:0}
  .contact-cta{font-size:17px;min-width:0;width:100%;gap:20px}
  .contact-cta small{font-size:11px;letter-spacing:.025em}.cta-orbit{flex-shrink:0}
  .footer-brand{flex-wrap:wrap;gap:20px}.footer-brand>span:nth-child(2){font-size:12px}
  .footer-brand>a{font-size:13px}.footer-bottom{font-size:12px}
}
@media(max-width:600px){
  .motion-ready .craft-sticky{top:var(--craft-offset,0px);height:auto;min-height:100svh;padding-top:92px;padding-bottom:24px}
  .motion-ready .craft-topline{margin-bottom:12px}
  .motion-ready .craft-visual{height:auto;min-height:0}
  .motion-ready .craft-photos{height:auto;aspect-ratio:3 / 2}
  .motion-ready .craft-copy{margin-top:12px;min-height:0}
  .motion-ready .craft-nav{gap:12px;margin-top:12px}
  .continuum .site-header{padding-inline:20px}
  .continuum .brand-name{font-size:17px}.continuum .brand-name small{font-size:10px}
  .continuum .brand-mark{width:36px;height:38px}
  .continuum .nav-links:not(.open) .nav-book{display:none}
  .continuum .nav-links.open .nav-book{font-size:16px!important}
}
@media(max-width:360px){
  .continuum .site-header{padding-inline:16px}
  .inspection-scenes{gap:12px}.inspection-scenes button{font-size:16px}
  .craft-topline{flex-wrap:wrap}.sequence-hint{display:none}
  .craft-nav button{font-size:14px}.craft-nav button>span{font-size:11px}
  .footer-brand>span:first-child{font-size:25px}.footer-brand>span:nth-child(2){font-size:12px}
}

/* Light dissolves into a soft invitation, without drawing a ring. */
.light-thread{z-index:7}
/* The cinematic image sits in front of the travelling light, with soft entry/exit edges. */
.delivery-story{z-index:8}
.delivery-stage{mask-image:linear-gradient(180deg,transparent,#000 72px,#000 calc(100% - 72px),transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 72px,#000 calc(100% - 72px),transparent)}
.studio-figure{z-index:8}

.thread-active,.thread-base{stroke-linecap:round;stroke-linejoin:round}
.contact-cta{overflow:visible;gap:24px;padding:0;isolation:isolate}
.contact-cta:before{content:"";position:absolute;z-index:-1;inset:-35px -20px;width:auto;height:auto;pointer-events:none;background:radial-gradient(ellipse 48% 48% at 50% 50%,#77e4bc38, #43b4f219 38%,transparent 100%);transform:none;opacity:var(--arrival-glow,0);transition:opacity .55s}
.contact-cta:is(:hover,:focus-visible):before{animation:none;transform:none;opacity:1}
.contact-label{display:block;position:relative;overflow:hidden;min-width:0;padding-block:8px;line-height:1.6;transition:color .4s}
.contact-label:after{content:"";position:absolute;inset:-50% auto -50% -50%;width:35%;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,#77e4bc1c 20%,#e2fffc85 50%,#43b4f22b 75%,transparent);transform:translateX(0) skewX(-24deg)}
.cta-orbit{position:relative;border:0;border-radius:0;flex-shrink:0;background:transparent}
.cta-arrow{position:relative;display:block;transition:transform .3s,color .5s}
.contact-cta.is-arrived .cta-arrow{color:#b8ffe9}
.contact-cta:is(:hover,:focus-visible) .cta-orbit{transform:none;background:transparent;color:#d4fff0}
.contact-cta:is(:hover,:focus-visible) .cta-arrow{transform:translate(3px,-3px);color:#d4fff0}
.contact-cta:is(:hover,:focus-visible) .contact-label{color:#d1f9ed}
.contact-cta:is(:hover,:focus-visible) .contact-label:after{animation:polished-reflection .85s ease-out both}
.contact-cta:focus-visible{outline:1px solid #77e4bc;outline-offset:10px;border-radius:3px}
@media(max-width:700px){
  .contact-cta{gap:16px}
  .studio-photo{aspect-ratio:auto;overflow:visible}
  .studio-photo img{position:static;width:100%;height:auto;object-fit:contain}
}
@media(prefers-reduced-motion:reduce){
  .contact-cta:before{opacity:.65;transition:none}
  .contact-label:after{display:none;animation:none}
  .contact-cta .cta-arrow,.contact-label,.cta-orbit{transition:none}
  .contact-cta:is(:hover,:focus-visible) .cta-arrow{transform:none}
}

/* Vector controls render consistently in iOS, Android and desktop browsers. */
.ui-icon{display:inline-block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.125em;flex-shrink:0}
.cta-arrow .ui-icon{display:block}
.inspection-canvas{touch-action:pan-y pinch-zoom}
/* Touch layouts use the document flow; swiping never scrubs a pinned scene. */
.natural-scroll{scroll-behavior:auto}
.natural-scroll .film-intro{height:var(--touch-viewport,100svh);min-height:0}
.natural-scroll .film-frame{position:relative;height:100%;min-height:0;clip-path:none}
.natural-scroll .hero-video,.natural-scroll .hero-poster{object-fit:contain;mask-image:none;-webkit-mask-image:none}
.natural-scroll .film-frame{background:#080c10}
.natural-scroll .craft-sequence{height:auto;min-height:0}
.natural-scroll .craft-sticky{position:relative;top:auto;height:auto;min-height:0;justify-content:start;padding-top:92px;padding-bottom:32px}
.natural-scroll .craft-topline{margin-bottom:12px!important}
.natural-scroll .craft-scene{max-height:none;flex:none}
.natural-scroll .craft-visual{height:auto;min-height:0}
.motion-ready.natural-scroll .craft-photos{height:auto;aspect-ratio:3/2}
.natural-scroll .craft-copy{height:auto;max-height:none;min-height:0}
.natural-scroll .craft-photo{filter:saturate(.32) brightness(.9);transform:none;transition:opacity .25s}
.natural-scroll .craft-light-pass,.natural-scroll .craft-light-edge{display:none}
.natural-scroll .craft-chapter{transform:none;transition:opacity .2s,visibility .2s}
.natural-scroll .delivery-story{height:auto;min-height:0}
.natural-scroll .delivery-stage{position:relative;height:760px;min-height:0}
.natural-scroll .delivery-image{transform:none}
.natural-scroll .delivery-revealed{mask-image:none;-webkit-mask-image:none}
.natural-scroll .delivery-highlight{display:none}
.natural-scroll .delivery-copy{opacity:1;transform:none}
.natural-scroll .inspection-story{height:auto;min-height:0}
.natural-scroll .inspection-stage{position:relative;height:var(--touch-viewport,900px);min-height:720px}
.natural-scroll .site-header.on-light{backdrop-filter:none;background:#151a20}
.natural-scroll .inspection-stage,.natural-scroll .craft-sequence,.natural-scroll .delivery-story{scroll-margin-top:76px}
@media(max-width:700px){
  .natural-scroll .inspection-stage{height:auto;min-height:0}
  .natural-scroll .craft-chapter h3{font-size:clamp(26px,7.45vw,29px);line-height:1.3;margin-top:15px}
  .natural-scroll .chapter-description{margin-top:18px}
  .natural-scroll .chapter-link{padding-block:12px}
}

@media(max-width:700px){
  .motion-ready.natural-scroll .craft-nav{order:1;width:100%;margin:0 0 20px}
  .motion-ready.natural-scroll .craft-scene{order:2}
}
/* Two strokes of light turn into a quiet close mark. */
.continuum .menu-toggle--light{width:48px;height:48px;padding:10px;background:transparent;border:1px solid #a2c5ca30;border-radius:50%;position:relative;transition:border-color .25s,background .25s}
.menu-strokes{position:relative;display:block;width:24px;height:22px;margin:auto}.menu-strokes i{position:absolute;display:block;right:0;top:6px;width:24px;height:1.5px;background:#e5eff2;border-radius:2px;transition:transform .3s cubic-bezier(.2,.7,.2,1),width .3s,background .3s}.menu-strokes i+i{top:15px;width:16px;background:linear-gradient(90deg,#8bdfb8,#40b8ed)}.menu-toggle--light[aria-expanded=true]{background:#6ccac510;border-color:#8bdfb860}.menu-toggle--light[aria-expanded=true] i:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle--light[aria-expanded=true] i+i{width:24px;transform:translateY(-4.5px) rotate(-45deg)}.menu-toggle--light:hover i+i{width:24px}
@media(max-width:900px){.continuum .nav-links.open{animation:hj-menu-in .24s ease both}.continuum .nav-links.open .menu-toggle--light{right:22px;top:-62px}}
@keyframes hj-menu-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.menu-strokes i{transition:none}.continuum .nav-links.open{animation:none}}

.touch-trail-light{display:none;position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:#c1ffe6;box-shadow:0 0 8px 3px #69d6bc85;z-index:7;pointer-events:none;opacity:0;will-change:transform}
@media(max-width:700px),(pointer:coarse){.touch-trail-light{display:block}.thread-active,.thread-tip,.thread-halo{display:none}.thread-base{opacity:.3}.continuum .film-frame{--hero-shift:0px!important}}
body.dialog-open .touch-trail-light{visibility:hidden}
@media(prefers-reduced-motion:reduce){.touch-trail-light{display:none}}

/* Show the complete retouched storefront at its natural proportions. */
.continuum .studio-photo{aspect-ratio:auto;overflow:hidden}
.continuum .studio-photo img{display:block;position:static;width:100%;height:auto;object-fit:contain}
/* Keep the green paint visible through the existing light reveal. */
.continuum .delivery-base{filter:brightness(.23)}
.continuum .delivery-revealed{filter:brightness(.91)}
.continuum .delivery-highlight{filter:brightness(1.32)}