/* CLC / chaptered studio experience. All motion is progressive enhancement. */
:root{--ease-out:cubic-bezier(.2,.75,.2,1);--ease-sculpt:cubic-bezier(.22,1,.36,1)}
@view-transition{navigation:auto}
::view-transition-old(root){animation:page-out .4s ease both}
::view-transition-new(root){animation:page-in .65s var(--ease-sculpt) both}
.site-header{view-transition-name:site-navigation}
::view-transition-old(site-navigation),::view-transition-new(site-navigation){animation:none;mix-blend-mode:normal}
@keyframes page-out{to{opacity:0;transform:translateY(-25px)}}
@keyframes page-in{from{clip-path:inset(100% 0 0 0);transform:translateY(35px)}to{clip-path:inset(0);transform:none}}
.header-cta[aria-current]{background:var(--blue);border-color:var(--blue)}
.brand svg{transition:transform .6s var(--ease-sculpt)}.brand:hover svg{transform:translateY(-3px) rotate(-9deg)}
.page-intro{padding-block:70px 64px}.page-intro>.eyebrow{margin-bottom:34px}.intro-grid{display:grid;grid-template-columns:1.9fr 1fr;gap:7%;align-items:end}.page-title{font:500 clamp(52px,6.9vw,104px)/1.08 var(--display);letter-spacing:-.059em;margin:0}.title-line{display:block;overflow:clip;padding-bottom:.06em;margin-bottom:-.06em}.title-line>span{display:block;transform-origin:0 100%}.motion-on .page-title .title-line>span{animation:type-arrive .95s var(--ease-sculpt) both}.motion-on .page-title .title-line:nth-child(2)>span{animation-delay:.11s}.motion-on .page-title .title-line:nth-child(3)>span{animation-delay:.22s}.intro-description{font-size:15px;line-height:1.7;color:var(--muted);max-width:35ch;padding-bottom:10px}.next-page{padding-block:45px 55px}.next-page>a{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:center;gap:22px;padding-top:34px}.next-page .eyebrow{grid-column:1/-1;color:var(--muted)}.next-title{font:500 clamp(30px,3.8vw,60px)/1.2 var(--display);letter-spacing:-.05em;transition:color .3s}.next-arrow{width:65px;height:65px;border:1px solid #4f596e;border-radius:50%;display:grid;place-items:center;font-size:32px;transition:background .35s,transform .5s var(--ease-sculpt)}.next-page a:hover .next-title{color:var(--sky)}.next-page a:hover .next-arrow{background:var(--blue);transform:rotate(45deg)}.footer-nav{display:flex;gap:25px;padding-bottom:23px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.footer-nav a:hover{color:white}.motion-toggle{font:inherit;color:#aebad0;border:0;background:none;padding:0 0 0 18px;min-height:30px;position:relative}.motion-toggle:before{content:'';position:absolute;left:0;top:50%;width:5px;height:5px;border-radius:50%;transform:translateY(-50%);background:#8cb7ff}.motion-toggle[aria-pressed=false]:before{background:#777f8e}.footer-bottom{align-items:center}.main-nav.is-open a{animation:menu-link .4s var(--ease-sculpt) both}.main-nav.is-open a:nth-child(2){animation-delay:40ms}.main-nav.is-open a:nth-child(3){animation-delay:80ms}.main-nav.is-open a:nth-child(4){animation-delay:120ms}
/* Home / a short opening aperture built around a real client website. */
.home-hero{display:grid;grid-template-columns:1fr 1fr;gap:5%;padding-top:62px;padding-bottom:74px;align-items:center}.home-copy>.eyebrow{font-size:9px;letter-spacing:.09em;color:#a9b3c5;display:flex;align-items:center;gap:11px;margin-bottom:30px}.home-title{font-size:clamp(52px,6.15vw,93px);line-height:1.075;letter-spacing:-.06em}.home-description{font-size:22px;line-height:1.5;letter-spacing:-.025em;margin-top:32px}.home-support{font-size:14px;color:var(--muted);max-width:38ch;margin-top:16px}.home-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.home-actions .button{font-size:13px;gap:30px}.home-actions .text-link{font-size:12px;gap:17px}.home-availability{display:flex;align-items:center;gap:8px;font-size:10px;color:#929db0;margin-top:28px}.home-availability i{width:4px;height:4px;border-radius:50%;background:var(--sky);flex-shrink:0}.home-art{min-width:0}.aperture-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;margin-bottom:12px}.aperture-heading>.eyebrow{font-size:8px;color:#93a1ba;letter-spacing:.08em}.replay-reveal{font-size:10px;color:#b7c8e4;border:0;background:none;min-height:38px;padding:5px;display:flex;gap:9px;align-items:center}.replay-reveal:hover{color:white}.home-scene{position:relative;aspect-ratio:1/.98;background:radial-gradient(ellipse at 65% 40%,#315599,#1e3154 45%,#172338 80%);border-radius:6px;isolation:isolate;perspective:1000px;overflow:hidden}.home-scene:after{content:'';position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(ellipse at var(--light-x,60%) var(--light-y,40%),#c1dbff18,transparent 58%);mix-blend-mode:screen}.scene-grid{position:absolute;inset:-20%;background:linear-gradient(#a8c4ef0b 1px,transparent 1px),linear-gradient(90deg,#a8c4ef0b 1px,transparent 1px);background-size:54px 54px;transform:rotate(-18deg);mask-image:radial-gradient(ellipse,black,transparent 72%)}.scene-word{position:absolute;top:3%;left:5%;font:500 clamp(90px,13vw,200px)/1 var(--display);color:transparent;-webkit-text-stroke:1px #b9d2ff22;letter-spacing:-.075em;user-select:none}.scene-coordinate{position:absolute;right:15px;top:20%;writing-mode:vertical-rl;font-size:7px;letter-spacing:.2em;color:#8ba6d0}.portal-link{position:absolute;inset:0;z-index:2}.portal-shell{position:absolute;width:84%;left:7%;top:25%;background:#202b3d;border:1px solid #889fc58c;border-radius:7px;box-shadow:0 35px 65px #01050c80;overflow:hidden;transform:rotateX(var(--tilt-x,6deg)) rotateY(var(--tilt-y,-11deg)) rotateZ(-5deg);transform-style:preserve-3d;transition:transform .65s var(--ease-sculpt)}.portal-browser{display:flex;gap:4px;align-items:center;height:26px;padding:0 10px;background:#142138}.portal-browser i{width:4px;height:4px;background:#6f85a7;border-radius:50%}.portal-browser>span{font-size:7px;color:#b0bdd3;margin-left:auto}.portal-window{position:relative;aspect-ratio:16/10;overflow:hidden}.portal-window>img{height:100%;width:100%;object-fit:cover}.portal-shutters{position:absolute;inset:0;perspective:650px;pointer-events:none}.portal-blade{height:20%;width:100%;background:linear-gradient(120deg,#5287ff,#2d66fa 48%,#183eac);border-top:1px solid #9ccaff70;border-bottom:1px solid #0d2b7750;position:absolute;left:0;transform-origin:50% 0;opacity:0}.portal-blade:after{content:'';position:absolute;inset:16% 4%;border:1px solid #c5dbff19;box-shadow:inset 0 -1px 1px #0a2c9e22}.portal-blade:nth-child(1){top:0}.portal-blade:nth-child(2){top:20%}.portal-blade:nth-child(3){top:40%}.portal-blade:nth-child(4){top:60%}.portal-blade:nth-child(5){top:80%}.scene-phone{position:absolute;z-index:3;bottom:10%;right:6%;width:23%;border:4px solid #142033;border-radius:17px;overflow:hidden;box-shadow:0 0 0 1px #8098bd,0 22px 40px #0006;transform:rotate(8deg) translate3d(var(--phone-x,0px),var(--phone-y,0px),0);pointer-events:none;transition:transform .7s var(--ease-sculpt)}.scene-link-label{position:absolute;left:7%;bottom:7%;font-size:10px;color:#d6e5ff;display:flex;align-items:center;gap:20px}.scene-link-label>span{font-size:18px;transition:transform .4s}.portal-link:hover .scene-link-label>span{transform:translate(4px,-4px)}.scene-orbit{position:absolute;bottom:-29%;left:3%;width:75%;aspect-ratio:1;border:1px solid #a8c9ff16;border-radius:50%;transform:rotateX(55deg)}.scene-cross{position:absolute;font-size:16px;font-weight:400;color:#90b6f369}.cross-one{top:11%;right:9%}.cross-two{bottom:13%;left:4%}.home-project-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:18px;font-size:12px;line-height:1.4}.home-project-caption small{display:block;font-size:8px;color:#8898af;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.home-project-caption>span:last-child{font-size:24px;color:var(--sky)}.home-directory{display:grid;grid-template-columns:1fr 1.5fr;gap:12%;padding-block:58px 45px;border-top:1px solid var(--line)}.directory-intro>.eyebrow{color:#9aa8be;margin-bottom:25px}.directory-intro>p:last-child{font:500 29px/1.35 var(--display);letter-spacing:-.03em}.directory-link{display:grid;grid-template-columns:27px 1fr auto;gap:24px;align-items:center;border-top:1px solid var(--line);padding:24px 0}.directory-link:last-child{border-bottom:1px solid var(--line)}.directory-num{font-size:10px;color:#6f839f;align-self:start;padding-top:5px}.directory-link strong{font:500 23px/1.3 var(--display);letter-spacing:-.03em;display:block;transition:transform .4s var(--ease-sculpt),color .3s}.directory-link small{display:block;font-size:12px;color:var(--muted);margin-top:8px}.directory-icon{font-size:25px;transition:transform .45s var(--ease-sculpt)}.directory-link:hover strong{transform:translateX(8px);color:var(--sky)}.directory-link:hover .directory-icon{transform:rotate(45deg)}
/* Work / an actual case study rather than a grid of speculative clients. */
.page-work{padding-top:0;padding-bottom:60px}.page-work .section-heading{border-top:1px solid var(--line);padding-top:23px;margin-bottom:26px}.page-work .device-composition{width:77%;margin-top:15px}.page-work .project-stage{max-width:1300px;margin-inline:auto}.page-work .project-summary{margin-top:42px}.case-notes{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-block:10px 50px}.case-note{border-top:1px solid var(--line);padding-top:26px}.case-note .eyebrow{color:#8e9bb0}.case-note h2{font-size:36px;margin:20px 0}.case-note p{font-size:14px;color:var(--muted);max-width:48ch}
/* Services / interactive visual explanation, with all the actual scope below. */
.service-explorer{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;align-items:center;padding-top:15px;padding-bottom:75px}.explorer-copy>.eyebrow{color:#8fa3c1;margin-bottom:24px}.explorer-copy h2{font-size:44px}.explorer-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:39ch;margin-top:22px}.service-tabs{display:flex;flex-direction:column;align-items:stretch;margin-top:30px}.service-tabs>button{text-align:left;font-size:13px;color:#8d9cb2;padding:15px 0;border:0;border-bottom:1px solid var(--line);background:none;position:relative;transition:color .3s,padding .35s}.service-tabs>button[aria-selected=true]{color:#e1ebff;padding-left:16px}.service-tabs>button[aria-selected=true]:before{content:'';position:absolute;width:5px;height:5px;background:var(--sky);border-radius:50%;left:0;top:50%;transform:translateY(-50%)}.blueprint-board{border:1px solid #394f70;background:#15243b;background-image:linear-gradient(#b0d4ff08 1px,transparent 1px),linear-gradient(90deg,#b0d4ff08 1px,transparent 1px);background-size:28px 28px;padding:27px 35px 30px;border-radius:6px;min-height:460px;overflow:hidden}.blueprint-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.11em;color:#9db7da}.blueprint-label>span{font-size:14px}.service-panel{margin-top:15px}.service-panel h3{font-size:23px;margin:24px 0 12px;letter-spacing:-.03em}.service-panel>p{font-size:13px;color:#adbed8;max-width:45ch}.schematic{height:235px;position:relative}.website-schematic{border:1px solid #97baf080;border-radius:5px;margin-top:28px;background:#172b47;box-shadow:10px 10px 0 #3b5e941f}.wire-top{height:24px;border-bottom:1px solid #719ed84a;display:flex;align-items:center;gap:4px;padding:0 10px}.wire-top>i{width:3px;height:3px;background:#8eb6ee;border-radius:50%}.wire-body{position:relative;padding:24px;width:100%;height:calc(100% - 24px)}.wire-kicker{display:block;width:34px;height:3px;background:#6b8fbe;margin-bottom:15px}.wire-heading{display:block;width:48%;height:9px;background:#a0c4f7;border-radius:1px;margin-bottom:7px}.wire-heading.short{width:32%}.wire-copy{display:block;width:41%;height:3px;background:#6b8fbe;margin:18px 0 19px}.wire-button{padding:8px 10px;display:inline-block;border:1px solid #709bd8;color:#d5e6ff;font-size:9px}.wire-picture{position:absolute;right:17px;top:30px;width:34%;height:68%;display:grid;place-items:center;background:#213b62;border:1px solid #7096ca50}.wire-picture svg{width:70%;height:auto}.wire-picture path{stroke:#9bc3ff;stroke-width:1;fill:none;stroke-dasharray:450;stroke-dashoffset:0}.search-orbits{position:absolute;inset:0;display:grid;place-items:center}.search-orbits>i{position:absolute;border:1px solid #83b6ff45;border-radius:50%;width:90px;height:90px}.search-orbits>i:nth-child(2){width:160px;height:160px}.search-orbits>i:nth-child(3){width:225px;height:225px}.map-pin{font-size:70px;color:#a2caff;line-height:1}.map-point{position:absolute;width:7px;height:7px;border-radius:50%;background:#91bcff;box-shadow:0 0 0 6px #91bcff0d}.map-point.one{top:36px;left:31%}.map-point.two{right:22%;top:100px}.map-point.three{bottom:25px;left:42%}.search-pill{position:absolute;bottom:2px;left:9%;right:9%;background:#1a355c;border:1px solid #537eb7;padding:12px 17px;font-size:10px;display:flex;justify-content:space-between}.care-schematic{padding-top:25px}.care-message{background:#213858;border:1px solid #6a8fbf66;padding:14px 18px;width:83%;font-size:13px;position:relative;z-index:2;transform:rotate(-3deg)}.care-message>span{display:block;font-size:10px;color:#97b1d6;margin-top:7px}.care-message:nth-child(2){margin-top:18px;margin-left:auto;transform:rotate(3deg)}.care-connection{position:absolute;inset:5px 10%;border:1px dashed #709bd848;border-radius:50%;transform:rotate(-35deg)}.motion-on .service-panel.is-entering .schematic{animation:schematic-in .7s var(--ease-sculpt) both}.motion-on .service-panel.is-entering .wire-picture path{animation:trace-path 1s ease both}.motion-on .service-panel.is-entering .search-orbits>i{animation:orbit-in .8s var(--ease-sculpt) both}.motion-on .service-panel.is-entering .search-orbits>i:nth-child(2){animation-delay:.07s}.motion-on .service-panel.is-entering .search-orbits>i:nth-child(3){animation-delay:.14s}.motion-on .service-panel.is-entering .care-message{animation:message-in .7s var(--ease-sculpt) both}.motion-on .service-panel.is-entering .care-message:nth-child(2){animation-delay:.12s}
/* Approach / a quiet drafting dial follows the reader's place in the process. */
.about-note{display:grid;grid-template-columns:1fr 1.8fr;gap:12%;padding-bottom:70px;align-items:center}.about-note .signature{margin-top:0}.about-note>p{font-size:19px;line-height:1.6;letter-spacing:-.015em;color:#aeb7c5}.process-experience{display:grid;grid-template-columns:.9fr 1.1fr;gap:12%;align-items:start;padding-bottom:45px}.process-visual{position:sticky;top:calc(var(--header) + 40px)}.process-dial{aspect-ratio:1;position:relative;border:1px solid #364055;background:#151c29;overflow:hidden;--step:0}.dial-grid{position:absolute;inset:0;background:linear-gradient(#a0c6ff08 1px,transparent 1px),linear-gradient(90deg,#a0c6ff08 1px,transparent 1px);background-size:32px 32px}.dial-ring{position:absolute;border-radius:50%;border:1px solid #80a9e13b;inset:13%;}.ring-inner{inset:25%;border-style:dashed;border-color:#80a9e131;transition:transform 1.1s var(--ease-sculpt);transform:rotate(calc(var(--step)*60deg))}.dial-needle{position:absolute;left:50%;top:50%;width:38%;height:1px;background:linear-gradient(90deg,transparent,#91bafd);transform-origin:0 50%;transform:rotate(calc(-125deg + var(--step)*120deg));transition:transform 1.2s var(--ease-sculpt)}.dial-needle:after{content:'';position:absolute;right:0;top:-3px;width:6px;height:6px;background:#a7c9ff;border-radius:50%;box-shadow:0 0 15px #8bb7ff88}.dial-count{position:absolute;left:0;right:0;top:32%;height:29%;overflow:hidden;display:flex;flex-direction:column;text-align:center;color:var(--sky);font:500 clamp(65px,8.5vw,126px)/1 var(--display);letter-spacing:-.06em}.dial-count>span{display:grid;place-items:center;flex:0 0 100%;transform:translateY(calc(var(--step)*-100%));transition:transform 1s var(--ease-sculpt)}.dial-label{position:absolute;bottom:25%;left:0;right:0;text-align:center;font-size:8px;color:#8aa1c4;letter-spacing:.18em}.dial-plus{position:absolute;color:#6b8cb833;font-size:20px}.plus-a{left:7%;top:4%}.plus-b{right:7%;bottom:4%}.process-caption{font-size:11px;color:#8f9eb4;margin-top:15px}.process-chapters{list-style:none}.process-chapter{min-height:440px;padding:42px 0;border-top:1px solid var(--line);opacity:1;transition:border-color .6s}.process-chapter.is-active{opacity:1}.process-chapter>.eyebrow{color:#8cb7ff;margin-bottom:25px}.process-chapter h2{font-size:43px;margin-bottom:25px}.process-chapter>p:not(.eyebrow){font-size:15px;line-height:1.7;color:var(--muted);max-width:45ch}.chapter-outcome{display:block;font-size:11px;color:#aec6ea;margin-top:24px;padding-top:16px;border-top:1px solid #2d3a4e}.process-chapter:last-child{min-height:370px}
/* FAQ & contact each get their own destination. */
body[data-page=faq] .faq-section{padding-top:0}.faq-grid{padding-top:40px}.faq-aside-copy{font-size:14px;color:var(--muted);margin-top:25px}.faq-grid .text-link{margin-top:12px;font-size:12px}.faq-list details{interpolate-size:allow-keywords}.faq-list details::details-content{height:0;overflow:clip;transition:height .4s var(--ease-sculpt),content-visibility .4s;transition-behavior:allow-discrete}.faq-list details[open]::details-content{height:auto}.faq-list details[open] .faq-answer{animation:answer-in .4s ease both}
body[data-page=contact] .contact-section{min-height:calc(100svh - var(--header));display:flex;align-items:center;padding-block:72px}.contact-grid{width:100%;position:relative}.contact-copy{position:relative}.contact-title{font-size:clamp(56px,6.2vw,96px);margin-top:29px;line-height:1.08}.contact-title .sky{color:#b8d0ff}.contact-reassurance{list-style:none;font-size:12px;color:#c9dcff;line-height:1.7;display:grid;gap:8px;margin-top:23px}.contact-reassurance li:before{content:'↗';margin-right:10px;color:#a6c9ff}.contact-trace{position:absolute;width:125%;height:auto;top:-65px;left:-35px;z-index:0;pointer-events:none;color:#b0d1ff;opacity:.22}.contact-trace path{fill:none;stroke:currentColor;stroke-width:.8;stroke-dasharray:950;stroke-dashoffset:0}.contact-trace circle{fill:currentColor}.contact-copy>*:not(.contact-trace){position:relative}.motion-on .contact-trace path{animation:contact-trace 1.8s .3s ease both}.contact-form{z-index:1}.contact-section .email-link{margin-top:27px}
@keyframes type-arrive{from{transform:translateY(115%) rotate(3deg)}to{transform:none}}
@keyframes menu-link{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes schematic-in{from{opacity:0;transform:translateY(15px) rotate(-3deg) scale(.97)}to{opacity:1;transform:none}}
@keyframes trace-path{from{stroke-dashoffset:450}to{stroke-dashoffset:0}}
@keyframes orbit-in{from{opacity:0;transform:scale(.4) rotate(-45deg)}to{opacity:1;transform:none}}
@keyframes message-in{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}
@keyframes contact-trace{from{stroke-dashoffset:950}to{stroke-dashoffset:0}}
@keyframes answer-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.home-hero{padding-top:82px}.home-description{margin-top:44px}.home-actions{margin-top:38px}}
@media(max-width:1100px){.home-hero{gap:4%;padding-top:40px}.home-title{font-size:6.5vw}.home-copy>.eyebrow{font-size:8px;gap:7px;letter-spacing:.03em}.home-description{font-size:20px}.home-support{font-size:13px}.home-actions{gap:19px;flex-wrap:wrap}.home-actions .button{font-size:12px;gap:20px}.home-actions .text-link{font-size:11px}.scene-phone{border-radius:13px}.intro-grid{grid-template-columns:1.5fr 1fr;gap:7%}.page-title{font-size:6.5vw}.home-title{font-size:6.5vw}.intro-description{font-size:14px}.service-explorer{gap:7%}.explorer-copy h2{font-size:36px}.blueprint-board{padding:24px;min-height:435px}.service-panel h3{font-size:21px}.about-note{gap:8%}.process-experience{gap:9%}.process-chapter h2{font-size:36px}.process-chapter{min-height:410px}.contact-title{font-size:6.5vw}}
@media(max-width:800px){.home-hero{padding-top:40px;padding-bottom:50px}.home-copy>.eyebrow{max-width:30ch;line-height:1.7;font-size:8px;display:block}.home-copy .tiny-mark{display:none}.home-title{font-size:6.4vw}.home-description{font-size:18px;margin-top:25px}.home-support{font-size:12px}.home-actions{gap:16px;margin-top:23px;flex-direction:column;align-items:start}.home-actions .button{min-height:49px}.home-actions .text-link{padding:4px 0}.home-availability{font-size:9px;max-width:31ch;margin-top:22px;line-height:1.6}.home-scene{aspect-ratio:1/1.25}.portal-shell{top:31%;width:86%;left:6%}.scene-phone{bottom:15%;right:7%;width:26%;border-width:3px;border-radius:12px}.scene-word{top:12%}.scene-link-label{font-size:9px;bottom:8%}.aperture-heading>.eyebrow{font-size:7px;max-width:20ch}.home-project-caption{font-size:10px}.home-directory{gap:7%;padding-top:39px}.directory-intro>p:last-child{font-size:23px}.directory-link{gap:16px;padding:20px 0;grid-template-columns:18px 1fr auto}.directory-link strong{font-size:19px}.directory-link small{font-size:11px}.page-intro{padding-top:47px;padding-bottom:47px}.page-intro>.eyebrow{margin-bottom:28px}.intro-grid{grid-template-columns:1fr}.page-title{font-size:7.5vw}.intro-description{max-width:47ch;margin-top:26px;padding-bottom:0;font-size:14px}.home-title{font-size:6.4vw}.case-note h2{font-size:29px}.case-notes{gap:8%}.service-explorer{align-items:start;gap:6%}.explorer-copy h2{font-size:33px}.explorer-copy>p:not(.eyebrow){font-size:13px}.service-tabs>button{font-size:11px}.blueprint-board{padding:20px;min-height:420px}.schematic{height:205px}.wire-body{padding:19px}.wire-button{font-size:8px;padding:7px}.wire-picture{right:12px;width:32%;top:22px}.service-panel h3{font-size:20px}.service-panel>p{font-size:12px}.search-orbits>i:nth-child(3){width:190px;height:190px}.care-message{font-size:11px;padding:12px}.care-message>span{font-size:9px}.about-note{grid-template-columns:1fr 1.4fr;gap:8%}.about-note>p{font-size:16px}.process-chapter h2{font-size:31px}.process-chapter>p:not(.eyebrow){font-size:14px}.process-experience{gap:7%}.process-chapter{min-height:390px}.chapter-outcome{font-size:10px}.dial-count{font-size:9vw}.contact-title{font-size:7vw}.contact-reassurance{font-size:11px}.contact-trace{top:-10px}.next-page{padding-top:25px}.next-title{font-size:36px}.next-arrow{width:52px;height:52px;font-size:26px}}
@media(max-width:640px){.home-hero{display:block;padding-top:99px;padding-bottom:40px}.nav-ready .home-hero{padding-top:33px}.home-copy>.eyebrow{font-size:8px;max-width:none;letter-spacing:.03em;display:flex;margin-bottom:25px}.home-copy .tiny-mark{display:block;font-size:15px}.home-title{font-size:clamp(47px,11vw,67px);letter-spacing:-.055em}.home-description{font-size:19px;line-height:1.45;margin-top:26px}.home-support{font-size:14px;max-width:38ch;margin-top:14px}.home-actions{flex-direction:row;align-items:center;gap:24px;margin-top:25px}.home-actions .button{font-size:12px;padding:15px 17px;gap:22px}.home-actions .text-link{padding:10px 0}.home-availability{max-width:none;font-size:9px;margin-top:21px}.home-art{margin-top:33px}.home-scene{aspect-ratio:1/1.02}.scene-word{font-size:25vw;top:4%}.portal-shell{top:25%}.scene-phone{width:24%;right:6%;bottom:12%;border-radius:14px}.scene-coordinate{font-size:6px;right:10px}.scene-link-label{bottom:7%;font-size:9px}.aperture-heading{margin-bottom:6px}.aperture-heading>.eyebrow{font-size:8px;max-width:none}.home-project-caption{font-size:11px;padding-top:15px}.home-project-caption small{font-size:8px}.home-directory{display:block;padding-top:32px;padding-bottom:20px}.directory-intro>.eyebrow{margin-bottom:18px}.directory-intro>p:last-child{font-size:25px}.directory-intro>p:last-child br{display:none}.directory-links{margin-top:26px}.directory-link strong{font-size:22px}.directory-link small{font-size:11px}.directory-link{padding-block:23px}.page-intro{padding-top:98px;padding-bottom:35px}.nav-ready .page-intro{padding-top:35px}.page-intro>.eyebrow{margin-bottom:27px}.page-title{font-size:clamp(42px,10.2vw,66px);letter-spacing:-.05em;line-height:1.12}.home-title{font-size:clamp(47px,11vw,67px)}.intro-description{margin-top:25px;font-size:14px;max-width:38ch}.page-work{padding-top:0;padding-bottom:34px}.page-work .section-heading{padding-top:19px;margin-bottom:21px}.page-work .device-composition{width:85%;margin-top:18px}.page-work .project-summary{margin-top:27px}.case-notes{display:block;padding-top:0;padding-bottom:15px}.case-note{margin-top:27px;padding-top:23px}.case-note h2{font-size:30px;margin:18px 0}.case-note p{font-size:14px;max-width:none}.service-explorer{display:block;padding-top:0;padding-bottom:40px}.explorer-copy>.eyebrow{margin-bottom:21px}.explorer-copy h2{font-size:32px}.explorer-copy>p:not(.eyebrow){font-size:14px;max-width:none;margin-top:20px}.service-tabs{flex-direction:row;gap:6px;margin:25px 0 22px}.service-tabs>button{padding:10px 9px;min-height:46px;border:1px solid #3d4b60;border-radius:4px;font-size:10px;text-align:center;flex:1;line-height:1.4}.service-tabs>button[aria-selected=true]{padding-left:9px;background:#263d64;border-color:#6587bd}.service-tabs>button[aria-selected=true]:before{display:none}.blueprint-board{min-height:400px;padding:22px}.blueprint-label{font-size:7px}.schematic{height:210px}.service-panel h3{font-size:23px}.service-panel>p{font-size:13px}.wire-body{padding:23px}.wire-button{font-size:9px}.wire-picture{right:18px;width:34%;top:24px}.about-note{display:flex;flex-direction:column;align-items:start;gap:25px;padding-bottom:33px}.about-note>p{font-size:16px}.process-experience{display:block;padding-bottom:10px}.process-visual{position:relative;top:auto;margin-bottom:32px}.process-dial{max-width:260px;margin:0 auto}.dial-count{font-size:73px}.process-caption{text-align:center;font-size:10px}.process-chapter{min-height:0!important;padding-block:29px;opacity:1}.process-chapter h2{font-size:34px;margin-bottom:19px}.process-chapter>.eyebrow{margin-bottom:20px}.process-chapter>p:not(.eyebrow){font-size:14px;max-width:none}.chapter-outcome{font-size:11px;margin-top:23px}.faq-grid{padding-top:27px}.faq-grid h2{font-size:31px}.faq-aside-copy{font-size:14px;margin-top:21px}.faq-grid .text-link{margin-top:12px}.faq-list{margin-top:27px}body[data-page=contact] .contact-section{padding-top:98px;padding-bottom:47px}.nav-ready body[data-page=contact] .contact-section{padding-top:37px}.contact-title{font-size:clamp(52px,12vw,72px);margin-top:26px}.contact-trace{width:100%;left:0;top:-14px;opacity:.18}.contact-copy>p:not(.eyebrow){margin-top:24px}.contact-reassurance{font-size:12px;gap:6px;margin-top:21px}.next-page{padding-top:21px;padding-bottom:29px}.next-page>a{padding-top:25px;gap:20px}.next-title{font-size:31px;line-height:1.15}.next-arrow{width:43px;height:43px;font-size:24px}.footer-nav{gap:13px 20px;font-size:11px;padding-bottom:18px}.motion-toggle{min-height:36px}.footer-bottom{align-items:center}.case-notes+.next-page{margin-top:15px}}
@media(max-width:360px){.home-copy>.eyebrow{font-size:7px}.home-title{font-size:43px}.home-actions{gap:17px}.home-actions .button{padding-inline:13px;gap:13px;font-size:11px}.home-actions .text-link{font-size:10px;gap:10px}.home-availability{font-size:8px}.page-title{font-size:39px}.home-title{font-size:43px}.directory-link strong{font-size:20px}.service-tabs>button{font-size:9px;padding-inline:6px}.contact-title{font-size:48px}}
/* Content is always visible if motion is unavailable, disabled, or interrupted. */
.motion-off *, .motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important}.motion-off .portal-shell{transform:rotate(-4deg)}.motion-off .scene-phone{transform:rotate(5deg)}.motion-off .process-chapter{opacity:1}
.motion-off::view-transition-old(root),.motion-off::view-transition-new(root){animation:none}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-old(root),::view-transition-new(root){animation:none}.portal-shell{transform:rotate(-4deg)}.scene-phone{transform:rotate(5deg)}.process-chapter{opacity:1}.portal-blade{opacity:0}.replay-reveal{display:none!important}}

.motion-on .aperture-waiting .portal-blade{opacity:1}
.process-chapter h2{transition:color .6s}.motion-on .process-chapter:not(.is-active) h2{color:#a5adba}