/* Studio refinement: clearer hierarchy, native scrolling, focused case narratives. */
:root{--heading:clamp(40px,5vw,72px);--body:18px;--note:14px;--section-space:112px;--ease:cubic-bezier(.16,1,.3,1)}
html{scroll-padding-top:92px}body{line-height:1.6}h1,h2,h3{line-height:1.05}h2{font-size:var(--heading);letter-spacing:-.055em}h3{font-size:25px;letter-spacing:-.035em}p{max-width:48ch}button{line-height:1.3}figure,blockquote{margin:0}summary{cursor:pointer}details p{margin-top:16px}section[id]{scroll-margin-top:20px}[hidden]{display:none!important}
.site-header{min-height:96px}.site-header nav>a[aria-current="page"]{text-decoration:underline;text-underline-offset:7px}.section-lead{font-size:var(--body);line-height:1.65;margin-top:28px;max-width:37ch}.section-intro{gap:8%;margin-bottom:46px}.section-intro>div,.section-intro>p{max-width:400px;font-size:var(--body);line-height:1.65}.section-intro h2{max-width:14ch}.hero{padding-top:50px}.hero-top{margin-bottom:48px}.hero-copy{flex-basis:355px}.hero-copy p{font-size:18px;max-width:34ch;line-height:1.65}.hero-copy .text-link{margin:14px 0 0;display:block;width:max-content}.hero-showcase{min-height:480px;padding-block:38px 60px}.mini-architecture img{height:215px}.restaurant-shot>img{height:235px}.showcase-caption{font-size:14px}
.chapter-nav{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;gap:24px;align-items:center;background:var(--paper);min-height:70px;margin-top:32px;font-size:14px}.chapter-nav>span{font-weight:600}.chapter-nav>div{display:flex;gap:8px}.chapter-nav a{padding:13px 18px;min-height:48px;display:inline-flex;align-items:center;transition:background .2s,color .2s}.chapter-nav a:hover{background:var(--surface)}.chapter-nav a[aria-current="location"]{background:var(--ink);color:var(--paper)}
.selected-work{padding-block:75px var(--section-space)}.case-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:26px}.case-tabs button{border:0;background:var(--surface);color:var(--ink);padding:18px 22px;text-align:left;font-size:20px;letter-spacing:-.025em;transition:background .2s,color .2s}.case-tabs button>span{display:block;font-size:13px;letter-spacing:0;margin-top:6px}.case-tabs button[aria-selected="true"]{background:var(--ink);color:var(--paper)}.case-tabs button:hover{background:var(--pale);color:var(--ink)}.case-tabs button[aria-selected="true"]:hover{background:var(--ink);color:var(--paper)}.case-panel{display:grid;grid-template-columns:1.35fr 1fr;gap:6%;align-items:center;min-height:470px}.case-panel .project-art{height:470px;padding:40px}.case-panel .project-browser{max-width:660px;margin:auto}.case-panel .restaurant-preview-image{height:240px}.case-panel-copy{padding-block:25px}.case-type{font-size:14px;line-height:1.5;color:#535961}.case-panel-copy h3{font-size:clamp(30px,3.3vw,48px);max-width:17ch;line-height:1.08;margin-top:20px}.case-panel-copy>p:not(.case-type){font-size:17px;line-height:1.6;margin-top:22px;max-width:32ch}.case-panel-copy dl{margin-block:28px;display:grid;gap:18px}.case-panel-copy dt,.case-facts dt,.measurement-plan dt{font-size:13px;color:#535961;margin-bottom:5px}.case-panel-copy dd,.case-facts dd{font-size:16px;line-height:1.55;margin:0}.case-panel-copy>.text-link{display:block;width:max-content;margin-top:12px;font-size:14px}.concept-note{font-size:13px;max-width:75ch;margin-top:24px;color:#535961}
.studio-approach{background:var(--blue);color:var(--white);padding-block:90px}.approach-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.approach-layout h2{max-width:12ch}.service-links{display:grid;margin:32px 0}.service-links a{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-block:15px;font-size:23px;letter-spacing:-.025em}.service-links a:hover{text-decoration:underline;text-underline-offset:7px}.approach-images{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.approach-images img{height:360px;width:100%;object-fit:cover}.approach-images img+img{margin-top:75px}.approach-images p{font-size:18px;line-height:1.6;grid-column:1/-1;margin-top:12px}.studio-section{padding-block:var(--section-space);background:var(--surface)}.studio-editorial{display:grid;grid-template-columns:1fr 1fr;gap:10%}.studio-editorial h2{max-width:13ch}.studio-profile{padding-top:6px}.studio-statement{font-size:30px;line-height:1.3;max-width:22ch;margin-bottom:26px}.studio-profile>p:not(.studio-statement){font-size:18px;line-height:1.65;max-width:40ch}.studio-background{margin:26px 0 15px;max-width:45ch}.studio-background summary{font-size:16px;padding-block:12px}.studio-background p{font-size:16px;line-height:1.65}.studio-background[open]{background:var(--paper);padding:16px 22px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-block:var(--section-space)}.faq-list{margin:0}.faq summary{font-size:22px;line-height:1.35}.faq details{padding-block:18px}.faq details p{max-width:43ch}.closing{padding-block:80px}.closing h2{max-width:16ch}.closing p{font-size:18px;max-width:42ch}.footer{padding-top:54px}.footer-brand{font-size:clamp(32px,5.7vw,86px)}.footer-top{margin-bottom:46px}
.page-intro{padding-top:60px;padding-bottom:56px}.page-intro h1{font-size:clamp(54px,7.3vw,108px);max-width:17ch}.page-intro p{font-size:20px;line-height:1.6;margin-top:30px;max-width:46ch}.work-gallery .project-grid{grid-template-columns:1fr 1fr;gap:64px 30px}.project-summary{font-size:17px;line-height:1.6;margin-top:14px;max-width:40ch}.project-links{display:flex;gap:24px;margin-top:10px;font-size:14px}.project-caption h3{font-size:26px}.project-caption>span{font-size:13px;line-height:1.5}.work-gallery .concept-note{font-size:14px;margin-top:44px;max-width:80ch}.work-gallery .project-art{height:400px}.filter-button{font-size:15px}
.case-hero{padding-top:24px}.case-hero>.text-link{font-size:14px}.case-hero-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:end;padding-block:36px 55px}.case-hero h1{font-size:clamp(62px,8vw,120px);letter-spacing:-.065em;line-height:1}.case-standfirst{font-size:25px;line-height:1.4;max-width:28ch}.case-hero-heading .case-type{margin-top:16px;margin-bottom:24px}.case-cover{display:grid;grid-template-columns:1.2fr 1fr;background:var(--surface);gap:0;align-items:stretch}.case-cover .project-art{height:500px;padding:45px}.case-cover .project-browser{max-width:610px;margin:auto}.case-cover .restaurant-preview-image{height:225px}.case-cover-detail{height:500px;width:100%;object-fit:cover}.case-cover .auto-preview img{height:270px}.case-cover .architecture-preview img{height:340px}.case-cover .wellness-preview img{height:230px}.case-brief{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-block:var(--section-space)}.case-brief h2{max-width:16ch;font-size:clamp(40px,4.5vw,65px)}.case-brief>div>p{font-size:18px;line-height:1.65;max-width:40ch}.case-facts{display:grid;gap:20px;margin:30px 0 0}.case-design{padding-bottom:var(--section-space)}.case-design .section-intro h2{font-size:clamp(40px,4.5vw,65px);max-width:17ch}.case-design-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center}.case-design-photo{height:500px;width:100%;object-fit:cover}.design-decisions{display:grid;gap:28px}.design-decisions article h3{font-size:25px;margin-bottom:12px}.design-decisions p{font-size:17px;max-width:36ch;line-height:1.65}.design-decisions>.text-link{width:max-content;font-size:15px}.case-results{background:var(--pale);padding-block:85px}.result-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.measurement-plan dl{display:grid;gap:27px;margin:0 0 28px}.measurement-plan dd{font-size:28px;line-height:1.2;letter-spacing:-.035em;margin:0;max-width:22ch}.measurement-plan>p{font-size:17px;line-height:1.65;max-width:42ch}.measurement-plan details{margin-top:24px;font-size:14px;max-width:46ch}.measurement-plan summary{padding-block:10px}.feedback-preview{background:var(--white);padding:30px}.feedback-preview figcaption{font-size:13px;color:#535961;margin-bottom:25px}.review-mask{display:flex;gap:16px;align-items:center;margin-bottom:28px;filter:blur(5px);opacity:.5}.review-mask>span{width:38px;height:38px;border-radius:50%;background:#c2c6cb}.review-mask>div{display:grid;gap:8px;flex:1}.review-mask i,.review-mask-lines i{display:block;height:9px;width:55%;background:#c2c6cb}.review-mask i+i{width:35%}.feedback-preview blockquote{font-size:30px;line-height:1.25;letter-spacing:-.035em;max-width:22ch}.feedback-preview>p{font-size:16px;line-height:1.6;margin-top:20px;max-width:35ch}.review-mask-lines{display:grid;gap:12px;filter:blur(5px);opacity:.5;margin-top:28px}.review-mask-lines i{width:85%}.review-mask-lines i+i{width:65%}.feedback-preview>.review-disclosure{font-size:13px;margin-top:30px;color:#535961;max-width:none}.case-next{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-block:85px}.case-next>div>p{font-size:17px;max-width:32ch}.case-next>div>p:first-child{font-size:14px;margin-bottom:18px}.case-next h2{font-size:clamp(40px,5vw,70px);margin-bottom:25px}.case-next img{height:300px;width:100%;object-fit:cover}.case-next .text-link{margin-top:20px}
/* Each service pairs an explanation with a product illustration. */
.service-intro{padding-bottom:36px}.service-intro h1{max-width:17ch}.service-chapters{margin-top:0}.service-section{padding-block:90px}.service-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:12%;align-items:end;margin-bottom:42px}.service-heading h2{max-width:14ch;font-size:clamp(42px,4.7vw,68px)}.service-heading h3{font-size:24px;line-height:1.2;margin-bottom:16px}.service-heading p{font-size:18px;line-height:1.65;max-width:36ch}.service-visual{background:var(--pale);overflow:hidden}.service-visual figcaption{font-size:14px;padding:20px 30px;grid-column:1/-1;color:var(--ink)}.responsive-devices{display:grid;grid-template-columns:minmax(0,1fr) 215px;gap:55px;padding:50px 8% 20px;align-items:center}.device{background:#f3eddf;color:#382b22;overflow:hidden}.device-top{display:flex;justify-content:space-between;align-items:center;padding:18px 23px;gap:20px;font-size:12px}.device-top>span:first-child{font:30px/1 Georgia,serif;letter-spacing:-.05em}.device-body{padding:10px 23px 23px}.device-body h3{font:48px/1 Georgia,serif;letter-spacing:-.045em}.device-body p{font-size:13px;margin:16px 0}.device-action{display:inline-block;background:#382b22;color:#f3eddf;font-size:12px;padding:11px 15px;margin-bottom:23px}.device-body img{width:100%;height:220px;object-fit:cover}.device.phone{border:7px solid var(--ink);border-radius:28px;overflow:hidden}.phone .device-top{padding:22px 14px 14px;font-size:11px}.phone .device-top>span:first-child{font-size:25px}.phone .device-body{padding:8px 14px 18px}.phone .device-body h3{font-size:32px}.phone .device-body p{font-size:11px;line-height:1.5;margin-block:16px}.phone .device-action{font-size:11px;padding:11px;margin-bottom:22px}.phone .device-body img{height:210px}.service-bottom{display:grid;grid-template-columns:1.65fr 1fr;gap:10%;align-items:start;margin-top:40px}.service-points{display:grid;grid-template-columns:1fr 1fr;gap:36px}.service-points h3{font-size:23px;line-height:1.2;max-width:19ch;margin-bottom:15px}.service-points p{font-size:16px;line-height:1.65;max-width:31ch}.service-action{display:grid;justify-items:start;gap:12px}.service-action>.text-link{font-size:14px}.service-care{background:var(--surface)}.care-scene{display:grid;grid-template-columns:1fr 1fr;background:var(--paper);gap:0 8%}.owner-scene{position:relative;min-height:490px}.owner-scene>img{width:100%;height:100%;object-fit:cover;position:absolute}.owner-caption{position:absolute;bottom:24px;left:24px;right:24px;background:var(--paper);padding:22px;font-size:27px;line-height:1.2;letter-spacing:-.03em}.care-workflow{padding:35px 40px 10px 0;align-self:center}.care-step{display:flex;align-items:start;gap:15px}.workflow-dot{width:12px;height:12px;flex-shrink:0;margin-top:7px;background:var(--blue);border-radius:50%}.care-step strong{font-size:19px;font-weight:500;letter-spacing:-.025em}.care-step p{font-size:14px;margin-top:6px;max-width:32ch}.workflow-arrow{display:block;margin:15px 0 15px 2px;font-size:24px}.inquiry-preview{background:var(--white);padding:25px}.inquiry-top{display:flex;justify-content:space-between;font-size:12px;gap:15px;margin-bottom:25px;color:#535961}.inquiry-preview h3{font-size:30px;line-height:1.15}.inquiry-preview dl{display:grid;gap:16px;margin:22px 0}.inquiry-preview dt{font-size:12px;color:#535961}.inquiry-preview dd{margin:5px 0 0;font-size:15px;line-height:1.5}.inquiry-reply{display:block;background:var(--pale);font-size:14px;padding:12px 16px}.workflow-note{font-size:13px;margin-top:18px;max-width:37ch}.service-inclusions{font-size:14px;max-width:39ch;margin-top:8px}.service-inclusions summary{padding-block:10px}.service-inclusions p{font-size:15px;line-height:1.65}.ai-scene{display:grid;grid-template-columns:1fr 1fr;background:#dfe5db;gap:0 8%}.ai-context{position:relative;min-height:500px}.ai-context>img{height:100%;width:100%;object-fit:cover;position:absolute}.ai-context-copy{position:absolute;left:24px;right:24px;bottom:24px;background:#f6f3eb;padding:23px}.ai-context-copy p{font-size:24px;line-height:1.3;letter-spacing:-.025em;max-width:24ch}.automation-preview{background:#fff;margin:36px 40px 25px 0;padding:27px;align-self:center}.automation-top{display:flex;justify-content:space-between;gap:20px;font-size:12px;margin-bottom:26px}.automation-top>span:first-child{font-size:16px;font-weight:600}.example-question{margin-left:18%;background:#dce2d3;padding:16px;font-size:15px;line-height:1.6}.example-answer{background:#f5f5f0;padding:16px;margin-top:18px;margin-right:8%;font-size:15px;line-height:1.6}.example-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;font-size:12px}.example-options span{background:#344f42;color:#fff;padding:10px 12px}.automation-handoff{margin-top:26px}.automation-handoff strong{font-size:16px;font-weight:500}.automation-handoff p{font-size:13px;margin-top:8px;line-height:1.6}.contact-info p{font-size:18px;max-width:36ch;line-height:1.65;margin-bottom:24px}.contact-layout{padding-top:10px}.contact-form{padding:36px}.form-note{line-height:1.6}.contact-extra{margin-bottom:24px;font-size:15px}.contact-extra summary{padding-block:12px;margin-bottom:8px}.contact-extra .field{margin-top:12px}
@media(prefers-reduced-motion:no-preference){.case-panel:not([hidden]) .case-panel-copy{animation:reveal .4s var(--ease)}.reveal.in{animation-duration:.65s;animation-timing-function:var(--ease)}.approach-images img{animation:studio-image linear both;animation-timeline:view();animation-range:entry 0% entry 100%}.case-cover-detail{animation:studio-image 1s var(--ease) both}.service-visual.reveal.in{animation:studio-image .8s var(--ease) both}.project:hover img{transform:scale(1.015)}.project img{transition:transform .5s var(--ease)}@keyframes studio-image{from{opacity:.7;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}}
@media(max-width:1100px){:root{--section-space:88px}.hero-copy{flex-basis:290px}.hero-copy p{font-size:17px}.hero h1{font-size:7.8vw}.hero-showcase{min-height:430px}.case-panel{grid-template-columns:1.1fr 1fr;gap:5%;min-height:430px}.case-panel .project-art{height:430px;padding:26px}.case-panel-copy h3{font-size:35px}.case-panel-copy>p:not(.case-type){font-size:16px}.case-panel-copy dl{margin-block:22px}.case-panel-copy dd{font-size:15px}.case-tabs button{font-size:18px;padding:18px 16px}.case-tabs button>span{font-size:12px}.studio-statement{font-size:27px}.studio-profile>p:not(.studio-statement){font-size:17px}.approach-images img{height:280px}.case-cover .project-art{height:400px;padding:26px}.case-cover-detail{height:400px}.case-cover .architecture-preview img{height:290px}.case-standfirst{font-size:22px}.case-design-photo{height:470px}.feedback-preview{padding:26px}.feedback-preview blockquote{font-size:27px}.service-heading{gap:7%;grid-template-columns:1fr 1fr}.service-heading h2{font-size:49px}.service-heading p{font-size:17px}.responsive-devices{grid-template-columns:minmax(0,1fr) 185px;gap:30px;padding-inline:35px}.device-body h3{font-size:38px}.device-body img{height:180px}.phone .device-body h3{font-size:29px}.phone .device-body img{height:180px}.device-top{font-size:10px;padding:16px}.device-body{padding-inline:16px}.care-scene,.ai-scene{gap:0 5%}.care-workflow{padding-right:24px}.automation-preview{margin-right:24px;padding:22px}.service-bottom{grid-template-columns:1.8fr 1fr;gap:6%}.service-points{gap:26px}.service-points h3{font-size:21px}.service-action .button{gap:24px}.service-visual figcaption{padding-inline:24px}}
@media(max-width:760px){:root{--section-space:72px;--heading:42px;--body:17px}.site-header{min-height:84px}.site-header nav{top:84px}.hero{padding-top:30px}.hero h1{font-size:clamp(41px,9.1vw,66px)}.hero-top{margin-bottom:32px}.hero-copy{margin-top:26px}.hero-copy p{max-width:35ch;font-size:17px;line-height:1.6}.hero-copy .text-link{display:inline-block;margin:0 0 0 17px;font-size:14px}.hero-showcase{min-height:0;padding:25px 22px 55px}.mini-architecture img{height:155px}.restaurant-shot>img{height:130px}.showcase-caption{font-size:12px}.chapter-nav{margin-top:22px;min-height:60px;padding-inline:16px;gap:0;justify-content:center}.chapter-nav>span{display:none}.chapter-nav>div{width:100%;justify-content:space-between;gap:0}.chapter-nav a{font-size:13px;padding:13px 12px;min-height:44px}.selected-work{padding-top:54px}.section-intro{margin-bottom:30px;gap:25px}.section-intro>div,.section-intro>p{font-size:17px;max-width:36ch}.case-tabs{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:20px}.case-tabs button{padding:15px 17px;font-size:18px}.case-tabs button>span{font-size:12px;margin-top:4px}.case-panel{grid-template-columns:1fr;gap:0;min-height:0}.case-panel .project-art{height:340px;padding:25px}.case-panel .restaurant-preview-image{height:175px}.case-panel-copy{padding:27px 0 0}.case-panel-copy h3{font-size:36px;max-width:18ch;margin-top:14px}.case-panel-copy>p:not(.case-type){font-size:17px;max-width:35ch;margin-top:19px}.case-panel-copy dl{grid-template-columns:1fr 1fr;gap:22px;margin-block:25px}.case-panel-copy dd{font-size:15px}.case-panel-copy>.text-link{display:inline-block;margin:0 0 0 18px}.case-type{font-size:13px}.concept-note{margin-top:30px;line-height:1.65}.studio-approach{padding-block:65px}.approach-layout{grid-template-columns:1fr;gap:40px}.section-lead{font-size:17px;max-width:35ch;margin-top:25px}.service-links{margin:24px 0}.service-links a{font-size:22px;padding-block:13px}.approach-images{gap:12px}.approach-images img{height:230px}.approach-images img+img{margin-top:35px}.approach-images p{font-size:16px;margin-top:8px}.studio-editorial{grid-template-columns:1fr;gap:34px}.studio-profile{padding-top:0}.studio-statement{font-size:26px;max-width:24ch;margin-bottom:20px}.studio-profile>p:not(.studio-statement){font-size:17px}.studio-background{margin-top:21px}.studio-background[open]{padding:12px 18px}.faq{grid-template-columns:1fr;gap:28px}.faq-list{margin:0}.faq summary{font-size:21px;gap:20px}.faq details{padding-block:16px;margin-bottom:4px}.faq details p{font-size:16px}.closing{padding-block:64px}.closing h2{font-size:42px}.closing p{font-size:17px;max-width:33ch;margin-top:24px}.footer{padding-top:42px;padding-bottom:95px}.footer-brand{font-size:clamp(30px,7.3vw,55px)}.footer-top{margin-bottom:34px}.page-intro{padding-block:36px 38px}.page-intro h1{font-size:clamp(43px,9.6vw,65px);max-width:17ch}.page-intro p{font-size:18px;margin-top:25px;max-width:34ch}.work-gallery .project-grid{grid-template-columns:1fr;gap:43px}.work-gallery .project-art{height:340px}.project-caption{display:block}.project-caption h3{font-size:25px}.project-caption>span{text-align:left;font-size:13px;display:block;margin-top:7px}.project-summary{font-size:17px;margin-top:13px;max-width:35ch}.project-links{font-size:14px;gap:25px;margin-top:8px}.filter-button{font-size:13px;padding:12px 14px}.case-hero{padding-top:14px}.case-hero-heading{grid-template-columns:1fr;gap:27px;padding-block:26px 35px}.case-hero h1{font-size:clamp(49px,12vw,70px)}.case-standfirst{font-size:22px;max-width:30ch}.case-hero-heading .case-type{margin-top:16px;margin-bottom:22px}.case-cover{grid-template-columns:1fr}.case-cover .project-art{height:330px;padding:25px}.case-cover .restaurant-preview-image{height:160px}.case-cover-detail{height:230px}.case-cover .wellness-preview img{height:150px}.case-cover .architecture-preview img{height:250px}.case-cover .auto-preview img{height:200px}.case-brief{grid-template-columns:1fr;gap:30px}.case-brief h2,.case-design .section-intro h2{font-size:40px;max-width:17ch}.case-brief>div>p{font-size:17px;max-width:35ch}.case-facts{gap:18px;margin-top:25px}.case-design-layout{grid-template-columns:1fr;gap:35px}.case-design-photo{height:330px}.design-decisions{gap:26px}.design-decisions article h3{font-size:25px;margin-bottom:11px}.design-decisions p{font-size:17px;max-width:35ch}.case-results{padding-block:65px}.result-layout{grid-template-columns:1fr;gap:35px}.measurement-plan dd{font-size:27px}.measurement-plan>p{font-size:17px}.feedback-preview{padding:25px}.feedback-preview blockquote{font-size:26px}.feedback-preview>p{font-size:16px}.case-next{grid-template-columns:1fr;gap:30px;padding-block:65px}.case-next h2{font-size:42px}.case-next img{height:230px}.case-next>div>p{font-size:16px}.case-next .text-link{margin-top:14px}.service-intro h1{font-size:clamp(41px,9.3vw,64px)}.service-chapters{margin-top:0}.service-chapters a{font-size:12px;padding-inline:9px}.service-section{padding-block:58px}.service-heading{grid-template-columns:1fr;gap:25px;margin-bottom:30px}.service-heading h2{font-size:41px;max-width:16ch}.service-heading h3{font-size:22px;margin-bottom:12px}.service-heading p{font-size:17px;max-width:35ch}.service-visual figcaption{font-size:13px;line-height:1.55;padding:17px 18px}.responsive-devices{grid-template-columns:1fr 110px;gap:13px;padding:28px 16px 10px;align-items:center}.device-top{padding:12px 10px;font-size:9px;gap:8px}.desktop .device-top>span:last-child{display:none}.device-top>span:first-child{font-size:24px}.device-body{padding:6px 10px 10px}.device-body h3{font-size:25px;line-height:1.05}.device-body p{font-size:10px;line-height:1.4;margin-block:12px}.device-action{font-size:9px;padding:9px 10px;margin-bottom:17px}.device-body img{height:115px}.device.phone{border-width:4px;border-radius:17px}.phone .device-top{padding:16px 8px 8px;font-size:8px;gap:6px}.phone .device-top>span:first-child{font-size:19px}.phone .device-body{padding:6px 8px 13px}.phone .device-body h3{font-size:23px}.phone .device-body p{font-size:9px;margin-block:13px}.phone .device-action{font-size:9px;padding:8px;margin-bottom:14px}.phone .device-body img{height:120px}.service-bottom{grid-template-columns:1fr;gap:28px;margin-top:29px}.service-points{grid-template-columns:1fr;gap:24px}.service-points h3{font-size:23px;max-width:25ch;margin-bottom:12px}.service-points p{font-size:17px;max-width:35ch}.service-action{gap:10px}.care-scene,.ai-scene{grid-template-columns:1fr;gap:0}.owner-scene{min-height:310px}.owner-caption{left:18px;right:18px;bottom:18px;font-size:24px;padding:18px}.care-workflow{padding:27px 20px 0}.care-step strong{font-size:18px}.care-step p{font-size:14px}.inquiry-preview{padding:22px}.inquiry-preview h3{font-size:29px}.inquiry-preview dd{font-size:15px}.service-inclusions{max-width:40ch}.ai-context{min-height:310px}.ai-context-copy{left:18px;right:18px;bottom:18px;padding:18px}.ai-context-copy p{font-size:22px}.automation-preview{margin:22px 20px 5px;padding:20px}.automation-top{font-size:11px;gap:15px;margin-bottom:23px}.automation-top>span:first-child{font-size:15px}.example-question,.example-answer{font-size:14px;padding:13px}.example-options{font-size:11px}.contact-layout{padding-top:0}.contact-form{padding:25px 20px}.contact-info dl{grid-template-columns:1fr;gap:20px}.contact-info p{font-size:17px;margin-bottom:20px}.contact-info dl{margin-top:24px}.contact-subtitle{font-size:30px}.contact-info dd{font-size:16px}}
@media(max-width:370px){:root{--heading:38px}.chapter-nav a{padding-inline:10px;font-size:12px}.service-chapters a{font-size:11px;padding-inline:8px}.hero-copy .text-link{margin-left:12px;font-size:13px}.case-panel-copy>.text-link{display:block;margin:12px 0 0}.case-panel-copy dl{grid-template-columns:1fr}.responsive-devices{grid-template-columns:1fr 102px;gap:10px;padding-inline:13px}.device-body h3{font-size:23px}.service-heading h2{font-size:38px}.case-brief h2,.case-design .section-intro h2{font-size:37px}.service-intro h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.case-panel-copy h3{margin-top:0}.case-panel-copy>.case-type{margin-top:18px}.case-back{margin-left:22px;font-size:14px}.measurement-items{display:grid;gap:25px;margin-bottom:30px}.measurement-items h3{font-size:28px;line-height:1.2;max-width:23ch}.measurement-items p{font-size:14px;margin-top:8px;color:#535961}.case-next .case-type{margin-top:-8px;margin-bottom:16px;font-size:14px}.closing>.wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center}.closing .button{justify-self:start}.closing h2{max-width:16ch}.case-tabs button>span,.showcase-caption{font-size:13px}
@media(max-width:760px){.phone .device-body h3{font-size:16px}.service-chapters a{font-size:13px;padding-inline:8px}.closing>.wrap{display:block}.case-back{display:inline-block;margin-left:20px}.case-panel-copy>.case-type{font-size:13px}.measurement-items h3{font-size:27px}}

.work-gallery .concept-note{font-size:16px;color:var(--ink);max-width:60ch}.delivery-notice,.form-note{font-size:16px;color:var(--ink);line-height:1.6}.case-scope{margin-top:25px}
@media(max-width:760px){.chapter-nav{position:static}.service-intro{padding-bottom:20px}.service-section{padding-top:48px}.services-page .chapter-nav{margin-bottom:0}.case-brief>div>.case-scope{font-size:17px}.form-note{font-size:14px}}

/* Global navigation opens pages; chapter links are explicitly local to a page. */
.about-experience .studio-statement{font-size:28px}
.chapter-nav>span{font-weight:400}.studio-teaser-link{margin-top:24px}
.approach-images{grid-template-columns:1fr;gap:20px}.approach-images>a{min-width:0;display:block}.approach-images .project-art{height:230px;padding:24px}.approach-images .project-browser{max-height:190px}.approach-images .restaurant-preview-image{height:110px}.approach-images .restaurant-preview{padding:14px 20px}.approach-images .restaurant-preview>span{font-size:26px}.approach-images .auto-preview img{height:145px;margin-top:-48px}.approach-images .auto-preview>span{font-size:34px;padding-top:12px}.approach-images p{grid-column:auto}

/* An actual conversation and its handoff are the illustration for AI integrations. */
.ai-scene{background:var(--pale);grid-template-columns:1.1fr 1fr;gap:0 6%;padding:48px 5% 0;align-items:center}
.assistant-conversation{background:var(--white);padding:28px;min-width:0}
.assistant-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;font-size:13px}.assistant-title strong{font-size:19px;letter-spacing:-.025em}.assistant-title>span{text-align:right;color:#535961}
.assistant-messages{display:grid;gap:18px}.assistant-messages p{padding:15px 18px;font-size:16px;line-height:1.55;max-width:90%;border-radius:16px}
.visitor-message{justify-self:end;background:var(--blue);color:var(--white);border-bottom-right-radius:3px!important}.assistant-message{justify-self:start;background:var(--paper);border-bottom-left-radius:3px!important}
.assistant-continue{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;min-height:52px;margin-top:24px;background:var(--ink);color:var(--white);font-size:15px}.assistant-continue:hover{background:var(--blue)}
.assistant-outcome{min-width:0}.handoff-direction{font-size:16px;line-height:1.5;margin-bottom:24px;max-width:28ch}.handoff-direction span{display:inline-block;margin-left:10px}.assistant-brief{background:var(--paper);padding:30px}.brief-top{display:flex;justify-content:space-between;gap:16px;color:#535961;font-size:13px;margin-bottom:25px}.assistant-brief h3{font-size:32px;line-height:1.1;max-width:16ch}.assistant-brief dl{display:grid;gap:21px;margin-block:28px}.assistant-brief dt{font-size:13px;color:#535961;margin-bottom:5px}.assistant-brief dd{margin:0;font-size:16px;line-height:1.5}.assistant-brief>p{font-size:15px;line-height:1.6;background:var(--white);padding:18px}
.ai-scene figcaption{padding:24px 0;font-size:14px;max-width:65ch}

/* The studio is a destination, with its work shown instead of invented team photos. */
.about-hero{padding-top:56px;padding-bottom:74px}.about-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;align-items:end;margin-bottom:50px}.about-intro h1{font-size:clamp(54px,7.3vw,108px);line-height:1;letter-spacing:-.065em}.about-intro p{font-size:20px;line-height:1.6;max-width:33ch;margin-bottom:26px}.about-work{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.about-work>a{min-width:0;display:block;overflow:hidden}.about-work .project-art{height:290px;padding:22px 16px}.about-work .project-browser{max-height:245px}.about-work .browser-nav{padding:13px 12px}.about-work .browser-nav>span{display:none}.about-work .restaurant-preview-image{height:120px}.about-work .restaurant-preview{padding:18px 12px}.about-work .restaurant-preview>span{font-size:27px}.about-work .restaurant-preview small{display:none}.about-work .architecture-preview{grid-template-columns:1fr;min-height:0}.about-work .architecture-preview>div{padding:16px}.about-work .architecture-preview span{font-size:27px}.about-work .architecture-preview small{display:none}.about-work .architecture-preview img{height:145px}.about-work .wellness-preview{padding:4px 10px 0}.about-work .wellness-preview>span{font-size:27px}.about-work .wellness-preview img{height:100px}.about-work .auto-preview>span{font-size:34px;padding:14px 12px 0}.about-work .auto-preview img{height:150px;margin-top:-20px}.about-work>a:hover .project-browser{transform:translateY(-4px)}.about-caption{font-size:14px;margin-top:22px;max-width:65ch}.about-experience{background:var(--surface);padding-block:90px}.about-history{margin-top:24px}.collaboration-section{padding-block:100px}.collaboration-steps{display:grid;grid-template-columns:1fr 1fr;gap:42px 10%}.collaboration-steps article{max-width:48ch}.collaboration-steps h3{font-size:25px;line-height:1.2;margin-bottom:16px}.collaboration-steps p{font-size:17px;line-height:1.65}.collaboration-steps .text-link{font-size:15px;margin-top:12px}
@media(max-width:1100px){.ai-scene{padding:32px 4% 0;gap:0 4%}.assistant-conversation{padding:22px}.assistant-title{display:block;margin-bottom:22px}.assistant-title>span{display:block;margin-top:6px;text-align:left}.assistant-messages p{font-size:15px;padding:13px 15px}.assistant-brief{padding:24px}.assistant-brief h3{font-size:28px}.brief-top{flex-wrap:wrap;gap:6px}.about-intro{gap:7%;grid-template-columns:1.25fr 1fr}.about-intro p{font-size:18px}.about-work{grid-template-columns:repeat(2,minmax(0,1fr))}.about-work .project-art{height:250px}.about-work .project-browser{max-height:210px}.about-work .architecture-preview{grid-template-columns:1fr 1fr}.about-work .architecture-preview img{height:200px}.about-work .restaurant-preview-image{height:95px}}
@media(max-width:760px){html{scroll-padding-top:24px}.chapter-nav{display:block;padding-inline:var(--gutter);padding-block:12px}.chapter-nav>span{display:block;font-size:13px;margin-bottom:8px}.chapter-nav>div{justify-content:flex-start;flex-wrap:wrap;gap:4px}.chapter-nav a{padding:12px;min-height:44px}.service-chapters a{font-size:13px}.ai-scene{grid-template-columns:1fr;padding:20px 16px 0;gap:24px}.assistant-conversation{padding:20px}.assistant-title strong{font-size:18px}.assistant-title>span{font-size:13px}.assistant-messages{gap:14px}.assistant-messages p{font-size:15px;max-width:95%;padding:13px 15px}.assistant-continue{font-size:14px;padding:14px}.handoff-direction{font-size:15px;margin-bottom:16px;max-width:none}.handoff-direction span{transform:rotate(90deg)}.assistant-brief{padding:22px}.assistant-brief h3{font-size:28px}.assistant-brief dl{gap:18px;margin-block:24px}.assistant-brief dd{font-size:15px}.assistant-brief>p{font-size:14px;padding:15px}.ai-scene figcaption{padding:0 0 20px;font-size:13px}.about-hero{padding-top:36px;padding-bottom:55px}.about-intro{grid-template-columns:1fr;gap:26px;margin-bottom:34px}.about-intro h1{font-size:clamp(44px,9.6vw,65px)}.about-intro p{font-size:18px;max-width:34ch;margin-bottom:24px}.about-work{gap:10px}.about-work .project-art{height:220px;padding:15px 10px}.about-work .project-browser{max-height:190px}.about-work .browser-nav{padding:11px 9px}.about-work .browser-nav b{font-size:11px}.about-work .browser-nav .juniper-word{font-size:22px}.about-work .restaurant-preview-image{height:85px}.about-work .restaurant-preview{padding:12px 9px}.about-work .restaurant-preview>span{font-size:21px}.about-work .architecture-preview{grid-template-columns:1fr}.about-work .architecture-preview>div{padding:10px}.about-work .architecture-preview span{font-size:22px}.about-work .architecture-preview img{height:100px}.about-work .wellness-preview>span{font-size:22px;margin-block:4px 14px}.about-work .wellness-preview img{height:85px}.about-work .wellness-preview small{font-size:9px}.about-work .auto-preview>span{font-size:27px;padding:10px 9px 0}.about-work .auto-preview img{height:115px;margin-top:-10px}.about-work .auto-preview small{font-size:9px;padding:8px}.about-caption{font-size:13px;margin-top:18px}.about-experience{padding-block:64px}.about-experience h2{font-size:41px}.about-experience .studio-statement{font-size:25px}.collaboration-section{padding-block:65px}.collaboration-section h2{font-size:42px}.collaboration-steps{grid-template-columns:1fr;gap:30px}.collaboration-steps h3{font-size:24px;margin-bottom:12px}.approach-images .project-art{height:225px}.approach-images .project-browser{max-height:180px}.approach-images p{font-size:16px}}
/* Keep website preview lettering fully inside its frame. */
.about-work .preview-title{font:27px/1 Georgia,serif;letter-spacing:-.04em}
.approach-images .project-art{height:320px}.approach-images .project-browser{max-height:none}.approach-images .restaurant-preview{padding-block:20px}.approach-images .restaurant-preview-image{height:135px}
@media(max-width:760px){.about-experience .studio-statement{font-size:24px}.service-care .service-heading h2{max-width:11ch}.approach-images .project-art{height:300px}.approach-images .project-browser{max-height:none}.chat-launcher{width:48px;height:48px;padding:14px;right:12px;bottom:12px}}
@media(max-width:760px){.about-work .preview-title{font-size:21px}}

/* Completed generated service photographs: preserve the physical devices in every crop. */
.service-photo{display:block;background:var(--pale)}
.service-photo>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.approach-images>a>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
@media(max-width:760px){.approach-images>a>img{height:auto}}

/* One explanation and one photograph per service, with one invitation at the end. */
/* Home is a brand introduction; the complete portfolio has its own destination. */
/* Full-screen photographic homepage; soft gradients and stepped scroll explicitly requested by the owner. */
html.snap-home{scroll-padding-top:0;scroll-snap-type:y mandatory;scroll-behavior:smooth}
.home-page .story-panel{scroll-margin:0}
.home-page{--story-space:clamp(26px,6vw,110px)}
.home-page .site-header{position:fixed;inset:0 0 auto;z-index:40;max-width:none;min-height:96px;color:var(--ink);padding-inline:var(--story-space);background:linear-gradient(180deg,rgba(245,245,240,.98),rgba(245,245,240,.9) 60%,rgba(245,245,240,0));} /* taste-skill-ignore: requested neutral gradient overlay over a full-screen photograph */
.brand svg{color:var(--blue)}
.story-panel{position:relative;isolation:isolate;display:flex;align-items:center;min-height:100svh;padding-block:136px 120px;scroll-snap-align:start;scroll-snap-stop:always;scroll-margin:0;overflow:clip;background:var(--paper)}
.story-backdrop{position:absolute;inset:0;z-index:-3;width:100%;height:100%;max-width:none;object-fit:cover;object-position:64% center}
.story-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(245,245,240,.99) 0%,rgba(245,245,240,.97) 26%,rgba(245,245,240,.9) 39%,rgba(245,245,240,.58) 52%,rgba(245,245,240,.08) 72%,rgba(245,245,240,.05) 100%);} /* taste-skill-ignore: user explicitly requested the photograph to fade gently beneath the page copy */
.story-content{width:100%;padding-inline:var(--story-space)}
.story-copy{max-width:620px;width:48%}
.story-copy h1,.story-copy h2{font-size:clamp(44px,4.8vw,72px);font-weight:500;line-height:1.1;letter-spacing:-.045em;max-width:none}
.story-copy>p{font-size:20px;line-height:1.65;max-width:39ch;margin-top:28px}
.story-copy>.button{margin-top:30px;gap:36px}
.story-copy>.story-note{font-size:15px;line-height:1.6;max-width:44ch;margin-top:22px}
.story-navigation{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.story-navigation a{display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--ink);background:rgba(245,245,240,.86);transition:background .2s,color .2s}
.story-navigation a:hover{background:var(--paper);color:var(--blue)}
.story-navigation svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.story-pagination{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:35;display:grid}
.story-pagination a{display:flex;width:44px;height:44px;align-items:center;justify-content:center}
.story-pagination span{display:block;width:8px;height:8px;border-radius:50%;background:#667075;transition:transform .2s,background .2s}
.story-pagination a[aria-current]{background:rgba(245,245,240,.9);border-radius:50%}
.story-pagination a[aria-current] span{background:var(--blue);transform:scale(1.4)}
.story-pagination a:hover span{background:var(--blue);transform:scale(1.4)}
.story-value .story-backdrop{object-position:62% center}
.story-ai .story-backdrop{object-position:72% center}
.story-ai .story-shade{background:linear-gradient(90deg,var(--paper) 0%,var(--paper) 40%,rgba(245,245,240,.94) 48%,rgba(245,245,240,.2) 66%,rgba(245,245,240,.06));} /* taste-skill-ignore: owner-requested photo fade; keeps baked-in UI behind the copy quiet */
.story-devices .story-backdrop{object-position:68% center}
.story-care .story-backdrop{object-position:70% center}
.story-team{margin-top:24px;max-width:490px}
.story-team summary{display:flex;align-items:center;gap:32px;list-style:none;font-size:16px;min-height:44px;width:max-content;max-width:100%}
.story-team summary::-webkit-details-marker{display:none}
.story-team summary:hover{text-decoration:underline;text-underline-offset:5px}
.story-team[open] summary span{transform:rotate(45deg)}
.story-team>div{padding-top:10px}
.story-team p{font-size:16px;line-height:1.6;margin:12px 0 0}
.story-footer{position:absolute;bottom:90px;left:0;right:0;display:flex;gap:30px;align-items:center;font-size:13px;padding-inline:var(--story-space);padding-right:160px}
.story-care{padding-bottom:174px}
.story-footer a{margin-left:auto;min-height:44px;display:flex;align-items:center}
.story-footer a:hover{text-decoration:underline}
@media(prefers-reduced-motion:no-preference){
 .home-page .reveal.in{animation-name:home-copy-in;animation-duration:.65s}
 .story-panel.is-active .story-backdrop{animation:home-photo-in 1s var(--ease) both}
 .story-team summary span{transition:transform .2s}
 @keyframes home-copy-in{from{opacity:.65;transform:translateY(14px)}to{opacity:1;transform:none}}
 @keyframes home-photo-in{from{opacity:.85;transform:scale(1.025)}to{opacity:1;transform:none}}
}
@media(max-width:1100px){
 .home-page{--story-space:clamp(24px,4vw,50px)}
 .home-page .site-header nav{gap:22px}
 .story-copy{width:54%}
 .story-devices .story-backdrop,.story-care .story-backdrop{object-position:100% center}
 .story-copy>p{font-size:18px;max-width:34ch}
 .story-shade{background:linear-gradient(90deg,rgba(245,245,240,.99),rgba(245,245,240,.96) 32%,rgba(245,245,240,.86) 48%,rgba(245,245,240,.28) 68%,rgba(245,245,240,.08));} /* taste-skill-ignore: requested photo scrim */
 .story-footer{gap:18px;flex-wrap:wrap;padding-right:94px}
 .story-footer a{margin-left:0}
}
@media(max-width:760px){
 .site-header{min-height:84px}
 .site-header nav{top:84px}
 .home-page{--story-space:24px}
 .home-page .site-header{min-height:84px}
 .home-page .site-header nav{max-height:calc(100svh - 84px);overflow-y:auto;background:var(--paper);padding-inline:24px}
 .story-panel{align-items:flex-start;padding-block:140px 124px;min-height:100svh}
 .story-copy{width:100%;max-width:460px}
 .story-copy h1,.story-copy h2{font-size:clamp(32px,10vw,44px);line-height:1.12;letter-spacing:-.04em}
 .story-copy>p{font-size:17px;line-height:1.65;max-width:34ch;margin-top:24px}
 .story-copy>.button{margin-top:26px}
 .story-copy>.story-note{font-size:14px;line-height:1.6;margin-top:18px;max-width:35ch}
 .story-backdrop{object-position:65% center}
 .story-shade{background:linear-gradient(180deg,rgba(245,245,240,.96),rgba(245,245,240,.94) 35%,rgba(245,245,240,.86) 49%,rgba(245,245,240,.15) 73%,rgba(245,245,240,.15) 85%,rgba(245,245,240,.9));} /* taste-skill-ignore: requested background fade keeps phone text readable */
 .story-ai .story-shade,.story-value .story-shade{background:linear-gradient(180deg,rgba(245,245,240,.98),rgba(245,245,240,.95) 44%,rgba(245,245,240,.9) 60%,rgba(245,245,240,.2) 77%,rgba(245,245,240,.9));} /* taste-skill-ignore: requested fade protects longer pricing copy */
 .story-care .story-shade{background:linear-gradient(180deg,rgba(245,245,240,.98),rgba(245,245,240,.94) 36%,rgba(245,245,240,.86) 54%,rgba(245,245,240,.2) 74%,rgba(245,245,240,.96) 88%);} /* taste-skill-ignore: photo fade keeps footer legible */
 .story-care:has(.story-team[open]) .story-shade{background:rgba(245,245,240,.96)}
 .story-devices .story-backdrop,.story-care .story-backdrop{object-position:100% center}
 .story-navigation{bottom:74px}
 .story-pagination{top:auto;bottom:16px;left:24px;right:auto;transform:none;display:flex;background:rgba(245,245,240,.92);border-radius:24px}
 .story-pagination a{width:40px;height:40px}
 .story-pagination a[aria-current]{background:transparent}
 .story-footer{bottom:138px;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13px;padding-inline:24px}
 .story-footer>span:first-child{width:100%}
 .story-footer a{min-height:30px}
 .story-care{padding-bottom:230px}
 .story-team{margin-top:18px}
 .story-team p{font-size:15px}
}
@media(max-height:650px){
 .story-panel{padding-top:110px;padding-bottom:100px}
 .story-care{padding-bottom:230px}
 .story-copy h1,.story-copy h2{font-size:clamp(32px,4.2vw,54px)}
 .story-copy>p{margin-top:20px}
}
@media(prefers-reduced-motion:reduce){html.snap-home{scroll-snap-type:none;scroll-behavior:auto}.story-panel{scroll-snap-stop:normal}}
.home-intro .hero-top{margin-bottom:0;padding-bottom:72px}
.home-intro .hero-copy p{margin-bottom:20px}
.home-cases{padding-top:20px;padding-bottom:96px}
.home-cases .section-intro{margin-bottom:30px;align-items:end}
.home-cases .section-intro p{max-width:40ch}
.home-services{padding-block:76px;background:var(--pale)}
.home-service-links{display:flex;gap:40px;justify-content:space-between}
.home-service-links a{display:flex;align-items:center;justify-content:space-between;gap:30px;flex:1;font-size:24px;letter-spacing:-.025em;padding-block:14px}
.home-service-links a:hover{text-decoration:underline;text-underline-offset:6px}
.home-team{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-block:90px}
.home-team h2{max-width:15ch}
.home-team p{font-size:18px;line-height:1.65;max-width:43ch;margin-bottom:18px}
.home-team p:last-child{margin-bottom:0}
@media(max-width:1000px){.home-service-links{gap:24px}.home-service-links a{font-size:21px;gap:16px}}
@media(max-width:760px){.home-intro .hero-top{padding-bottom:48px}.home-intro .hero-copy .text-link{margin-left:0}.home-cases{padding-top:0;padding-bottom:58px}.home-cases .section-intro{align-items:start;gap:20px;margin-bottom:24px}.home-services{padding-block:56px}.home-service-links{display:grid;gap:4px}.home-service-links a{font-size:22px}.home-team{grid-template-columns:1fr;gap:28px;padding-block:58px}.home-team p{font-size:17px}.home-team h2,.home-services h2{font-size:38px}}
/* Pricing: a single semantic status table. Lines separate functional rows. */
.pricing-intro{display:grid;grid-template-columns:1.35fr 1fr;gap:10%;align-items:end;padding-block:52px 40px}
.pricing-intro h1{font-size:clamp(44px,4.2vw,60px);line-height:1.08;letter-spacing:-.045em}
.pricing-intro>p{font-size:18px;line-height:1.6;max-width:35ch;padding-bottom:4px}
.pricing-comparison{padding-bottom:72px}
.comparison-legend{display:flex;justify-content:flex-end;gap:28px;flex-wrap:wrap;margin-bottom:20px;font-size:16px;line-height:1.5}
.comparison-legend>span{display:inline-flex;align-items:center;gap:8px}
.comparison-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;font-size:16px;line-height:1.45}
.comparison-table .feature-column{width:40%}.comparison-table .plan-column{width:20%}
.comparison-table th,.comparison-table td{padding:16px 24px;vertical-align:middle}
.comparison-table th{text-align:left;font-weight:400}.comparison-table td,.comparison-table th[data-plan]{text-align:center}
.comparison-table thead th{position:sticky;top:0;z-index:5;background:var(--paper);padding-block:24px;border-bottom:1px solid #cdd3d4} /* taste-skill-ignore: table header boundary */
.comparison-table th[data-plan="plus"],.comparison-table td[data-plan="plus"]{background:var(--pale)}
.comparison-title{font-size:18px;font-weight:500}
.plan-name{display:block;font-size:28px;line-height:1.2;font-weight:500;letter-spacing:-.025em}
.plan-amount{display:block;font-size:24px;font-weight:500;margin-top:14px;line-height:1.2}
.plan-fee-label{display:block;font-size:16px;line-height:1.4;margin-top:6px}
.comparison-table .feature-row>*{border-bottom:1px solid #d9ddda} /* taste-skill-ignore: functional comparison rows */
.comparison-table .comparison-group th{padding-top:32px;padding-bottom:16px;font-size:18px;font-weight:600;color:var(--blue)}
.feature-check{display:inline-flex;align-items:center;justify-content:center;color:var(--blue);vertical-align:middle}
.feature-check svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.feature-no{display:inline-flex;align-items:center;justify-content:center;color:#50585e;font-size:22px;line-height:24px}
.feature-addon{color:var(--ink);font-size:16px;white-space:nowrap}
.comparison-table tfoot td,.comparison-table tfoot th{padding-block:26px}
.plan-select{width:100%;max-width:180px;min-height:48px;justify-content:space-between;gap:12px;padding:14px 18px;font-size:16px}
.comparison-table td:not([data-plan="plus"]) .plan-select{background:var(--ink)}
.comparison-table td:not([data-plan="plus"]) .plan-select:hover{background:var(--blue)}
.plan-cost-note,.comparison-footnote{font-size:16px;line-height:1.6;max-width:68ch;margin-top:28px}
.comparison-footnote{margin-top:12px}
.pricing-page .footer-brand{font-size:32px}
@media(max-width:880px){.pricing-intro{grid-template-columns:1fr;gap:20px;padding-top:38px}.pricing-intro>p{max-width:46ch}.comparison-table th,.comparison-table td{padding-inline:16px}.comparison-legend{justify-content:flex-start}}
@media(max-width:600px){
 .pricing-intro{padding-block:30px 28px}.pricing-intro h1{font-size:clamp(34px,9.2vw,44px)}.pricing-intro>p{font-size:17px}
 .comparison-legend{gap:8px 16px;margin-bottom:18px;font-size:14px}.comparison-legend>span{gap:5px}.comparison-legend .feature-addon{font-size:14px}
 .comparison-legend .feature-check svg{width:18px;height:18px}.comparison-legend .feature-no{font-size:18px}
 .comparison-table th,.comparison-table td{padding:15px 6px}.comparison-table tr>th:first-child{padding-left:0;padding-right:12px}
 .comparison-table thead th{padding-block:18px;vertical-align:top}.comparison-table thead th[data-plan]{padding-inline:3px}.comparison-title,.plan-name,.plan-fee-label{font-size:16px}.plan-amount{font-size:18px;margin-top:12px;letter-spacing:-.03em}.plan-fee-label{margin-top:4px}
 .comparison-table .comparison-group th{font-size:16px;padding-top:28px;padding-bottom:14px}
 .feature-check svg{width:22px;height:22px}.feature-addon{font-size:14px}
 .comparison-table tfoot td,.comparison-table tfoot th{padding-block:20px}
 .plan-select{padding:12px 4px;justify-content:center;font-size:14px}.select-arrow{display:none}
 .pricing-comparison{padding-bottom:40px}.plan-cost-note{margin-top:24px}
}
.service-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:7%;align-items:center;padding-block:76px}
.service-copy h2{font-size:clamp(40px,4.2vw,60px);line-height:1.06;letter-spacing:-.05em;max-width:12ch}
.service-copy p{font-size:18px;line-height:1.65;max-width:34ch;margin-top:24px}
.service-row .service-photo{min-width:0}
.service-care .service-copy{grid-column:2;grid-row:1}
.service-care .service-photo{grid-column:1;grid-row:1}
.service-care .service-row{grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr)}
@media(max-width:1000px){.service-row,.service-care .service-row{grid-template-columns:1fr;gap:30px;padding-block:64px}.service-copy{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}.service-copy h2{font-size:44px}.service-copy p{font-size:17px;margin-top:0;max-width:36ch}.service-care .service-copy,.service-care .service-photo{grid-column:auto;grid-row:auto}}
@media(max-width:760px){.service-row,.service-care .service-row{gap:26px;padding-block:48px}.service-copy{display:block}.service-copy h2{font-size:38px;max-width:none}.service-copy p{margin-top:20px;max-width:38ch;font-size:17px}.services-page .closing h2{font-size:38px}}
