/* Shared layout. All commercial pages use these same components. */
.site-header{position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:24px 40px;gap:30px;color:#fff;transition:background .2s,color .2s}.site-header.is-scrolled{background:#000}.on-light .site-header{background:#fff;color:#000}.brand-text-logo{font:900 20px/1.2 var(--font-head);letter-spacing:-.06em;white-space:nowrap}.header-nav{display:flex;gap:30px;align-items:center;font-size:13px;font-weight:700}.header-nav a:last-child{padding:9px 16px;border:1px solid #555;border-radius:8px}.menu-burger{display:none;width:44px;height:44px;border:1px solid #444;border-radius:11px;place-content:center;gap:6px}.menu-burger span{display:block;width:21px;height:1.5px;background:currentColor;transition:transform .2s}.menu-burger.open span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-burger.open span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.menu-overlay{position:fixed;inset:0;background:#000;color:#fff;z-index:90;padding:120px 40px 40px;display:flex;flex-direction:column;justify-content:center;gap:20px;visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s}.menu-overlay.open{visibility:visible;opacity:1}.menu-overlay a{font:700 clamp(22px,4vw,40px)/1.3 var(--font-head);letter-spacing:-.03em;align-self:flex-start}.hero-section{min-height:min(820px,100svh);padding-block:160px 60px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative}.hero-main-title{font-size:clamp(40px,6.5vw,84px);line-height:1.18;letter-spacing:-.055em}.hero-main-title>span{display:block}.hero-description{font-size:clamp(15px,1.4vw,18px);line-height:1.65;color:#aaa;margin-top:35px;max-width:690px}.hero-section .actions{margin-top:29px;justify-content:center}.hero-down{margin-top:48px;color:#888;font-size:24px;line-height:1}.work-section{padding-top:65px}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.project-card{min-width:0}.project-cover{display:block;position:relative;height:420px;overflow:hidden;border-radius:14px;background:#ddd;color:#000;isolation:isolate}.project-cover img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease-expo)}.project-cover:hover img{transform:scale(1.045)}.cover-brand{position:absolute;top:24px;left:28px;font-family:var(--font-head);font-size:42px;font-weight:600;letter-spacing:-.07em;line-height:1.1;z-index:1}.cover-brand span{display:block;font:400 9px/2 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;margin-top:8px}.dental-cover{background:#e7ece8}.dental-cover img{position:absolute;width:64%;height:72%;bottom:0;right:0;border-top-left-radius:120px;object-position:55% center}.cover-caption{position:absolute;bottom:34px;left:28px;font-size:clamp(25px,3.2vw,42px);letter-spacing:-.055em;line-height:1.15;font-weight:600;color:#26362f;z-index:2}.interior-cover .cover-brand{top:auto;bottom:35px;color:#fff;font-size:clamp(44px,6vw,80px);text-shadow:0 1px 20px #0005}.interior-cover::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0007);z-index:0}.project-open{position:absolute;right:20px;top:20px;width:42px;height:42px;display:grid;place-items:center;background:#fff;color:#000;border-radius:50%;font-size:22px;z-index:2}.project-meta{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-top:22px}.project-meta h3{font-size:19px;font-weight:700;letter-spacing:-.03em}.project-meta>span{font:10px var(--font-mono);color:#a6a6a6}.project-card>p{color:#aaa;font-size:14px;max-width:490px;margin:12px 0 14px;min-height:70px}.other-work{display:flex;align-items:center;gap:24px;flex-wrap:wrap;border-top:1px solid #303030;margin-top:50px;padding-top:22px;font-size:13px}.other-work>span{color:#888;margin-right:auto}.other-work a{border-bottom:1px solid #555}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pricing-card{border:1px solid #d8d8d8;border-radius:17px;padding:30px 26px;display:flex;flex-direction:column;min-width:0;transition:border-color .3s,transform .3s}.pricing-card:hover{border-color:#777;transform:translateY(-5px)}.price-category{font:10px/1.5 var(--font-mono);color:#666;margin-bottom:25px}.pricing-card h3{font:700 clamp(18px,1.7vw,23px)/1.4 var(--font-head);letter-spacing:-.04em;min-height:65px}.pricing-card>p{font-size:14px;line-height:1.65;min-height:95px;margin:16px 0 26px}.price-val{font-family:var(--font-head);font-size:clamp(25px,2.55vw,35px);letter-spacing:-.065em;font-weight:600;white-space:nowrap;margin-top:auto}.price-val>span{font-family:var(--font-sans);font-size:.57em;letter-spacing:0;font-weight:500}.pricing-card .button{margin-top:24px;justify-content:space-between}.services-note{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:32px;font-size:13px}.services-note p{max-width:530px}
.process-workspace{border:1px solid #303030;border-radius:18px;padding:26px 36px 38px;background:#0c0c0c}.toolbar-pill-wrap{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #393939;background:#242424;padding:6px;border-radius:16px;width:max-content;max-width:100%;margin:0 auto 38px;box-shadow:0 12px 35px #0006}.tool-tab-btn{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 17px;border-radius:10px;color:#aaa;font-size:12px;white-space:nowrap}.tool-tab-btn svg{width:22px;height:24px}.tool-tab-btn[aria-selected=true]{background:#101010;color:#fff}.tool-tab-btn:hover{color:#fff}.stage-panel{display:grid;grid-template-columns:.95fr 1fr;align-items:center;gap:70px;min-height:290px}.stage-description .eyebrow{color:#888;font-size:9px;margin-bottom:16px}.stage-description h3{font:700 clamp(22px,2.5vw,32px)/1.35 var(--font-head);letter-spacing:-.035em;margin-bottom:22px}.stage-description p{color:#aaa;font-size:14px;max-width:390px}.wireframe{position:relative;background:#f5f5f3;color:#000;border:1px solid #888;padding:22px;width:100%;max-width:475px;transform:rotate(-2deg);margin-bottom:10px}.wire-nav{display:flex;justify-content:space-between;gap:16px;font-size:8px;border-bottom:1px solid #ccc;padding-bottom:15px}.wire-title{font:700 clamp(20px,2.5vw,29px)/1.2 var(--font-head);letter-spacing:-.05em;margin:24px 0 13px}.wire-copy{width:65%;height:4px;background:#ccc;margin-top:5px}.wire-copy.short{width:50%}.wire-cta{display:inline-block;background:#000;color:#fff;font-size:8px;border-radius:4px;padding:8px 12px;margin-top:15px}.wire-tiles{display:flex;gap:8px;margin-top:20px}.wire-tiles span{flex:1;border:1px solid #ccc;padding:10px;font-size:8px}.author-cursor{position:absolute;right:12px;bottom:-16px;background:var(--pink);color:#000;font-size:10px;font-weight:800;line-height:1.4;border-radius:12px;padding:5px 12px}.author-cursor::before{content:'';position:absolute;left:-14px;top:-12px;clip-path:polygon(0 0,100% 50%,48% 60%,32% 100%);width:19px;height:23px;background:var(--pink)}.design-preview{position:relative;display:flex;align-items:center;justify-content:center;gap:25px;background:#fff;color:#000;min-height:275px;padding:25px;transform:rotate(2deg)}.design-sample{font:800 clamp(60px,7vw,94px)/1.2 var(--font-head);letter-spacing:-.07em}.design-preview>div{display:flex;flex-direction:column;gap:14px;font-size:11px}.launch-preview{border:1px solid #494949;border-radius:12px;overflow:hidden;background:#151515}.launch-preview-bar{font:10px var(--font-mono);padding:20px;border-bottom:1px solid #494949;color:#aaa}.launch-preview>span{display:flex;justify-content:space-between;gap:15px;padding:13px 20px;font-size:13px;border-bottom:1px solid #303030}.launch-preview>span:last-child{border:0}.launch-preview b{font-size:15px;color:#fff}.process-list{list-style:none;padding:0;margin-top:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.process-list li{border-top:1px solid #3b3b3b;padding-top:20px}.process-list li>span{font:10px var(--font-mono);color:#888}.process-list h3{font-size:17px;margin:15px 0 10px;letter-spacing:-.03em}.process-list p{font-size:13px;color:#aaa}
.about-section{border-top:1px solid #272727}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-copy p{font-size:16px;color:#bbb;margin-bottom:22px}.section-logos{padding-top:65px}.logos-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:35px;align-items:center;justify-items:center}.svg-logo-item{width:125px;height:140px;max-width:100%;transition:transform .6s var(--ease-expo)}.svg-logo-item svg{width:100%;height:100%;overflow:visible}.svg-logo-item:hover{transform:translateY(-10px) rotate(-5deg)}.svg-cyan{stroke:#8b8b8b;transition:stroke-dashoffset 1.6s var(--ease-expo),stroke .3s}.svg-white{stroke:#fff;opacity:.9;transition:stroke-dashoffset 1.6s var(--ease-expo)}.svg-logo-item:hover .svg-cyan{stroke:#fff}.single-comment-box{position:relative;border:1px solid #363636;border-radius:17px;background:#1b1b1b;padding:20px 24px;max-width:445px;margin:50px auto 0}.single-comment-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.single-comment-head b{font-size:13px}.single-comment-head>span{font:9px var(--font-mono);color:#999}.single-comment-box p{font-size:14px;line-height:1.65}.single-comment-pin{position:absolute;bottom:-22px;left:-25px;display:flex;align-items:flex-start}.single-comment-pin svg{width:22px;height:26px}.single-comment-pin>span{background:var(--pink);color:#000;border-radius:100px;font-size:10px;padding:5px 12px;margin-top:15px;font-weight:800}.replay-art{display:flex;width:max-content;margin:48px auto 0;color:#999;font-size:12px}
.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-list details{border-top:1px solid #ccc}.faq-list details:last-child{border-bottom:1px solid #ccc}.faq-list summary{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:23px 0;list-style:none;cursor:pointer;font-size:15px;font-weight:700;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:23px;font-weight:400;flex:0 0 20px;transition:transform .25s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{font-size:14px;padding:0 30px 24px 0;line-height:1.75}.contact-wrap{max-width:1000px}.contact-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:44px}.contact-heading>div>p{font-size:16px;color:#aaa;margin-bottom:17px}.brief-workspace{border-top:1px solid #454545}.brief-top{display:flex;justify-content:space-between;gap:20px;font:10px/1.4 var(--font-mono);color:#888;padding:22px 0}.brief-form fieldset{padding:0;border:0;min-inline-size:0}.brief-form legend{font-weight:700;font-size:18px;margin-bottom:17px;padding:0}.service-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:26px}.service-options label{cursor:pointer;position:relative;display:block}.service-options input{position:absolute;width:1px;height:1px;opacity:0}.service-options label>span{display:flex;justify-content:center;align-items:center;text-align:center;padding:15px 8px;font-size:13px;line-height:1.45;border:1px solid #424242;border-radius:8px;min-height:52px}.service-options input:checked+span{background:#fff;border-color:#fff;color:#000;font-weight:700}.service-options input:focus-visible+span{outline:2px solid #fff;outline-offset:4px}.field{display:flex;flex-direction:column;gap:12px}.field>span{font-size:13px;line-height:1.5}.field small{font-size:11px;color:#888;margin-left:8px}.field input,.field select,.field textarea{width:100%;border:1px solid #494949;border-radius:9px;background:#141414;color:#fff;padding:17px 18px;font-size:14px;line-height:1.65}.field input,.field select{min-height:57px}.field textarea{resize:vertical;min-height:115px}.field textarea::placeholder,.field input::placeholder{color:#858585;opacity:1}.field input:focus,.field textarea:focus,.field select:focus{border-color:#ddd;outline:1px solid #ddd;outline-offset:0}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.brief-actions{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:25px}.brief-actions>p{font-size:12px;line-height:1.7;color:#999;max-width:320px}.brief-actions .button{min-width:200px}.brief-privacy{font-size:10px;color:#888;margin-top:25px}.brief-privacy a{text-decoration:underline;text-underline-offset:3px}.brief-result{border-top:1px solid #444;margin-top:30px;padding-top:28px}.brief-result h3{font:700 23px var(--font-head);letter-spacing:-.04em}.brief-result>p{font-size:13px;color:#aaa;margin:16px 0}.brief-result .actions{margin-top:24px}.status{min-height:22px}.form-note{font-size:13px;margin-top:25px}.site-footer{padding:45px 0 26px;border-top:1px solid #272727}.footer-top-row{display:flex;justify-content:space-between;gap:35px;align-items:start}.footer-top-row p{font-size:12px;color:#999;margin-top:15px}.footer-links{display:flex;flex-wrap:wrap;gap:22px;font-size:12px}.footer-links a{white-space:nowrap}.footer-bottom-row{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #272727;margin-top:30px;padding-top:22px;font-size:10px;color:#888}.footer-bottom-row>div{display:flex;gap:25px;flex-wrap:wrap}.footer-bottom-row a:hover,.footer-links a:hover{color:#fff}.footer-bottom-row button{font-size:10px}#scrollTopBtn{position:fixed;bottom:22px;right:22px;z-index:40;width:42px;height:42px;background:#151515;border:1px solid #555;border-radius:50%;color:#fff;font-size:23px;opacity:0;visibility:hidden;transition:opacity .2s}#scrollTopBtn.show{opacity:1;visibility:visible}
.service-hero{padding-block:130px 90px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;color:#999;font-size:11px;margin-bottom:35px}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.service-hero h1{max-width:1000px;font-size:clamp(34px,5.4vw,69px);text-wrap:balance}.service-hero>p{max-width:630px;font-size:18px;line-height:1.7;color:#aaa;margin-top:30px}.service-hero .actions{margin-top:30px}.service-task{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.service-task>div>p{font-size:16px;margin-top:26px;max-width:490px}.scenario-list{list-style:none;padding:0}.scenario-list li{display:flex;gap:20px;font-size:17px;line-height:1.5;border-bottom:1px solid #ccc;padding:22px 0}.scenario-list li:first-child{border-top:1px solid #ccc}.scenario-list li>span{font-size:22px;color:#777;flex:0 0 20px}.service-blueprint{padding-top:85px;margin-top:80px;border-top:1px solid #ccc;display:grid;grid-template-columns:1fr 1.3fr;gap:70px;align-items:center}.service-blueprint .section-title{font-size:clamp(27px,3vw,39px)}.blueprint-canvas{border:1px solid #c6c6c6;background:#f5f5f3;border-radius:12px;overflow:hidden}.blueprint-bar{display:flex;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid #ccc;font:9px var(--font-mono);color:#777}.service-map{list-style:none;padding:22px;display:grid;gap:10px}.service-map li{background:#fff;border:1px solid #ccc;padding:16px 20px;font-size:13px;font-weight:600;border-radius:5px}.landing-map li{display:flex;justify-content:space-between;gap:15px}.landing-map li:not(:last-child)::after{content:'↓';color:#888}.expert-map{grid-template-columns:1fr 1fr}.business-map{grid-template-columns:1fr 1fr}.business-map li:first-child,.business-map li:nth-child(2){grid-column:1/-1}.blueprint-canvas>p{padding:0 22px 22px;font-size:13px}.service-delivery{display:grid;grid-template-columns:1fr 1fr;gap:80px}.service-delivery>div>p{color:#aaa;font-size:15px;margin:25px 0}.service-delivery .section-title{font-size:clamp(30px,3.7vw,46px);color:#fff}.delivery-details{border-top:1px solid #555;padding-top:26px}.delivery-price{font:600 46px var(--font-head);letter-spacing:-.06em;line-height:1.3}.delivery-price span{font:400 20px var(--font-sans)}.delivery-details .button{margin-top:8px}.related-services{display:flex;flex-wrap:wrap;gap:25px;align-items:center;padding-bottom:60px}.related-services>span{color:#888;font-size:12px;margin-right:auto}
@media(min-width:1600px){.hero-section{min-height:850px}.hero-main-title{font-size:90px}}@media(max-width:1050px){.header-nav{display:none}.menu-burger{display:grid}.site-header{padding:20px 24px}.projects-grid{gap:24px}.project-cover{height:340px}.pricing-card{padding:24px 20px}.pricing-card h3{min-height:57px}.stage-panel{gap:35px}.process-workspace{padding:24px 28px 32px}.process-list{grid-template-columns:1fr 1fr}.about-layout{gap:45px}.logos-grid{grid-template-columns:repeat(3,1fr);gap:38px}.faq-layout{gap:40px}.contact-heading{gap:45px}.footer-top-row{display:block}.footer-links{margin-top:25px}.service-task,.service-blueprint,.service-delivery{gap:45px}.service-options label>span{font-size:11px}.hero-section{padding-top:140px;min-height:760px}}
@media(max-width:760px){.pricing-grid{grid-template-columns:1fr}.pricing-card{display:grid;grid-template-columns:1fr auto;column-gap:25px;padding:26px}.price-category,.pricing-card h3,.pricing-card>p{grid-column:1}.pricing-card h3{min-height:0}.price-category{margin-bottom:14px}.pricing-card>p{margin:12px 0 0;min-height:0;max-width:400px}.price-val{grid-column:2;grid-row:1/3;margin:auto 0 0;font-size:29px}.pricing-card .button{grid-column:2;grid-row:3;margin:auto 0 0}.services-note{gap:25px}.project-cover{height:295px}.cover-brand{font-size:34px;left:20px;top:20px}.cover-caption{left:20px;bottom:24px}.project-meta{display:block}.project-meta>span{display:block;margin-top:8px}.project-card>p{min-height:115px}.stage-panel{grid-template-columns:1fr;gap:30px}.stage-description p{max-width:none}.stage-description h3 br{display:none}.wireframe,.design-preview,.launch-preview{max-width:440px;width:100%;margin-inline:auto}.stage-panel{min-height:520px}.about-layout,.faq-layout,.contact-heading{grid-template-columns:1fr;gap:30px}.about-copy p{font-size:15px}.faq-layout{gap:38px}.contact-heading{margin-bottom:30px}.contact-heading .section-title br{display:none}.service-task,.service-blueprint,.service-delivery{grid-template-columns:1fr;gap:36px}.service-blueprint{margin-top:55px;padding-top:55px}.service-delivery .section-title br{display:none}.service-options{grid-template-columns:1fr 1fr}.service-options label>span{font-size:13px}}
@media(max-width:600px){.site-header{padding:16px 18px}.brand-text-logo{font-size:17px}.menu-overlay{padding:100px 22px 35px}.menu-overlay a{font-size:25px}.hero-section{min-height:710px;padding-block:132px 55px}.hero-main-title{font-size:clamp(28px,7.8vw,45px);letter-spacing:-.05em}.hero-description{font-size:15px;margin-top:28px;max-width:390px}.hero-section .actions{margin-top:26px;display:grid;width:min(100%,330px)}.hero-section .button{justify-content:space-between}.hero-down{margin-top:32px}.work-section{padding-top:40px}.projects-grid{grid-template-columns:1fr;gap:42px}.project-cover{height:360px}.cover-caption{font-size:36px}.interior-cover .cover-brand{font-size:64px}.project-meta{display:flex}.project-meta>span{margin:0}.project-card>p{min-height:0}.other-work{gap:15px 25px;font-size:12px;margin-top:35px}.other-work>span{flex-basis:100%}.pricing-card{display:flex;gap:0}.pricing-card h3{font-size:21px}.price-val{margin-top:25px;font-size:33px}.pricing-card .button{margin-top:20px}.services-note{grid-template-columns:1fr;gap:16px;font-size:12px}.process-workspace{padding:18px 17px 28px}.toolbar-pill-wrap{gap:2px;padding:5px;margin-bottom:25px;width:100%}.tool-tab-btn{padding:9px 7px;gap:6px;font-size:10px;flex:1}.tool-tab-btn svg{width:17px;height:20px}.stage-description h3{font-size:22px}.stage-description p{font-size:13px}.stage-panel{min-height:470px}.wireframe{padding:17px}.wire-title{font-size:24px}.wire-nav{font-size:6px}.wire-tiles span{padding:8px;font-size:7px}.design-preview{min-height:246px;gap:16px;padding:20px 15px}.design-sample{font-size:66px}.design-preview>div{font-size:10px}.process-list{gap:26px 20px;margin-top:30px}.process-list h3{font-size:14px}.process-list p{font-size:12px}.section-logos{padding-top:25px}.logos-grid{gap:24px 20px}.svg-logo-item{height:100px;width:90px}.single-comment-box{margin:35px 5px 0 14px;padding:17px 19px}.single-comment-head{gap:8px;flex-wrap:wrap}.single-comment-head>span{font-size:8px}.single-comment-box p{font-size:12px}.single-comment-pin{left:-17px}.single-comment-pin span{font-size:9px}.replay-art{margin-top:40px}.faq-list summary{font-size:14px;padding:20px 0}.faq-list details>p{font-size:13px;padding-right:15px}.contact-heading>div>p{font-size:14px}.brief-top{font-size:9px}.brief-form legend{font-size:16px}.field-row{grid-template-columns:1fr;gap:20px}.field>span{font-size:12px}.field textarea,.field input,.field select{font-size:16px;padding:14px}.brief-actions{flex-wrap:wrap;gap:20px;margin-top:22px}.brief-actions .button{width:100%;justify-content:space-between;min-width:0}.brief-actions>p{max-width:none;font-size:11px}.brief-result .actions .button{width:100%}.brief-result h3{font-size:21px}.footer-bottom-row{display:block}.footer-bottom-row>div{margin-top:18px;gap:18px}.footer-links{flex-direction:column;align-items:flex-start;gap:14px}#scrollTopBtn{width:36px;height:36px;right:12px;bottom:12px;font-size:20px}.service-hero{padding-block:112px 65px}.service-hero h1{font-size:clamp(28px,7.8vw,40px)}.service-hero>p{font-size:15px;margin-top:24px}.service-hero .actions{gap:20px}.breadcrumbs{font-size:10px;margin-bottom:27px}.service-task>div>p{font-size:14px}.scenario-list li{font-size:14px;padding:18px 0;gap:13px}.service-map{padding:16px}.service-map li{padding:13px;font-size:11px}.blueprint-bar{padding:16px}.blueprint-canvas>p{padding-inline:16px;font-size:12px}.delivery-price{font-size:37px}.service-delivery>div>p{font-size:14px}.related-services{gap:17px;padding-bottom:45px}.related-services>span{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
[data-brief-ready="true"] .brief-form{display:none}[data-brief-ready="true"] .brief-result{margin-top:0;padding-top:12px;border:0}
/* Narrow screens: grid items may shrink to their column; artwork keeps its viewBox. */
.service-task>*,.service-blueprint>*,.service-delivery>*,.faq-layout>*,.contact-heading>*{min-width:0}.logos-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.map-flow li{display:flex;justify-content:space-between;gap:15px}.map-flow li:not(:last-child)::after{content:'↓';color:#888}@media(max-width:1050px){.logos-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.interior-cover .cover-brand{font-size:clamp(42px,12vw,64px)}.service-blueprint .section-title{font-size:clamp(25px,7vw,34px)}}
@media(max-width:600px){.service-delivery .section-title{font-size:clamp(26px,7vw,38px)}}
html{scroll-padding-top:84px}@media(max-width:600px){html{scroll-padding-top:76px}}
.no-script-nav{display:flex;gap:20px;flex-wrap:wrap;margin:84px 24px 0;padding:20px 0;border-bottom:1px solid #555;font-size:13px}
.hero-location{font:400 10px/1.6 var(--font-mono);letter-spacing:.06em;color:#aaa;margin-bottom:26px}
.hero-formats{display:flex;justify-content:center;gap:28px;margin-top:34px;font-size:12px}.hero-formats a{display:grid;gap:5px;min-width:120px;padding:10px 0;border-bottom:1px solid #444}.hero-formats span{color:#aaa}.hero-formats b{font-weight:600;font-size:14px}.hero-formats a:hover{border-color:#fff}
.real-project-cover{height:auto;aspect-ratio:16/9;background:#151515;border:1px solid #303030}.real-project-cover img{object-position:top;object-fit:cover}.real-project-cover .project-open{box-shadow:0 2px 16px #0005}
.project-meta>span{flex:0 0 auto}.project-meta h3{min-width:0}.project-card>p{min-height:0}
.concepts,.sketchbook{border-top:1px solid #303030;margin-top:35px}.concepts>summary,.sketchbook>summary{display:flex;justify-content:space-between;gap:20px;padding-block:22px;cursor:pointer;list-style:none;font-weight:600;font-size:14px}.concepts>summary::-webkit-details-marker,.sketchbook>summary::-webkit-details-marker{display:none}.concepts>summary span,.sketchbook>summary span{font-size:11px;color:#aaa;font-weight:400}.concepts>p{font-size:13px;color:#aaa;margin-bottom:25px}.concepts .project-cover{height:300px}.sketchbook .section-logos{padding-top:20px}
.service-scope{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:55px;padding-top:40px;border-top:1px solid #ccc}.service-scope h3{font-size:18px;line-height:1.5;margin-bottom:18px}.service-scope ul{padding-left:20px}.service-scope li{font-size:14px;margin-top:10px}.service-scope p{font-size:14px;margin-bottom:25px}
.case-hero{padding-bottom:50px}.case-role{font-size:13px;color:#aaa;margin-top:24px}.case-screens{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.24fr);align-items:start;gap:30px;padding-bottom:75px}.case-screens>figure:only-child{grid-column:1/-1}.case-screens img{border:1px solid #444;border-radius:10px;width:100%;height:auto}.case-screens figcaption{font-size:11px;color:#aaa;margin-top:14px}.case-mobile{max-width:240px}.case-takeaway{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;margin-top:45px;padding-top:30px;border-top:1px solid #ccc}.case-takeaway p{font-size:15px}.case-takeaway a{align-self:start;justify-self:end}.included-list h3{font-size:16px;margin-bottom:12px}
@media(max-width:900px){.service-scope{gap:35px}.case-screens{gap:20px}.case-takeaway{gap:30px}}
@media(max-width:600px){.hero-section{min-height:660px;padding-block:114px 42px}.hero-location{font-size:10px;max-width:280px}.hero-formats{gap:18px;flex-wrap:wrap;margin-top:23px;max-width:340px}.hero-formats a{min-width:0;flex:1 1 125px;padding:7px 0}.hero-formats a:last-child{flex-basis:100%}.hero-formats span{font-size:11px}.hero-formats b{font-size:12px}.real-project-cover{height:auto}.concepts>summary,.sketchbook>summary{flex-direction:column;gap:6px;padding-block:18px}.concepts .project-cover{height:300px}.service-scope{grid-template-columns:1fr;gap:22px;margin-top:35px;padding-top:30px}.service-scope h3{font-size:16px}.case-screens{grid-template-columns:1fr;padding-bottom:45px}.case-mobile{max-width:210px;justify-self:center}.case-takeaway{grid-template-columns:1fr;gap:20px}.case-takeaway a{justify-self:start}.case-role{font-size:12px}.section-pad{padding-block:56px}.work-section{padding-top:32px}}
.service-summary{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:baseline;margin-top:28px;padding-block:20px;border-block:1px solid #303030;max-width:630px}
.service-summary strong{font:600 23px/1.5 var(--font-head);letter-spacing:-.04em;white-space:nowrap}.service-summary span{font-size:13px;color:#aaa}
.included-work{margin-top:72px;padding-top:56px;border-top:1px solid #ccc}.included-work>h3{font:700 clamp(23px,3vw,34px)/1.4 var(--font-head);letter-spacing:-.04em;max-width:700px}
.included-list{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:36px}.included-list li{padding-top:20px;border-top:1px solid #ccc}.included-list h4{font-size:16px;margin-bottom:12px}.included-list p{font-size:14px;line-height:1.75}
.field-error{font-size:13px;color:#ffb5dd;margin-top:12px}.field textarea[aria-invalid=true]{border-color:#ffb5dd}.brief-alternative .text-link{font-size:13px}
@media(max-width:900px){.included-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.hero-location{font-size:9px}}
@media(max-width:600px){.included-work{margin-top:42px;padding-top:36px}.included-list{grid-template-columns:1fr;gap:24px;margin-top:26px}.included-list p{font-size:13px}.service-summary{gap:8px 20px;margin-top:24px;padding-block:16px}.service-summary strong{font-size:20px}.service-summary span{font-size:12px}.hero-location{max-width:240px;font-size:9px;margin-bottom:22px}}

/* Explain the business use before asking the visitor to choose a format. */
.site-purpose{margin-top:0}.format-heading{margin-block:64px 30px;max-width:740px}.format-heading h3{font:700 clamp(23px,3vw,34px)/1.4 var(--font-head);letter-spacing:-.04em}.format-heading p{font-size:14px;line-height:1.75;margin-top:16px;max-width:650px}
@media(max-width:600px){.format-heading{margin-block:40px 24px}.format-heading p{font-size:13px}}

.client-feedback{border-top:1px solid #393939;padding-top:22px;margin-top:30px}.client-feedback h3{font-size:17px;line-height:1.5;margin-bottom:12px}.client-feedback p{margin-bottom:12px}.client-feedback small{display:block;color:#aaa;font-size:12px;line-height:1.6}

.concepts .real-project-cover{height:auto}