/* Client work: the studio's existing ink / ivory palette, Geist + Geist Mono. */
html:has(.studio-page){scroll-behavior:auto}
:root{--ease-out:cubic-bezier(.22,.9,.12,1);--ease-io:cubic-bezier(.65,0,.2,1);--t-fast:.28s;--t-ui:.42s;--t-reveal:1.1s;--stagger:.035s}
@view-transition{navigation:auto}
.studio-page{--accent:#c9d6d2;--studio-muted:#aaa9a4;--studio-gap:2vw;background:#0a0a0a;color:#f4f1ea;font-family:var(--sans);font-weight:400;overflow-x:clip}
.studio-page *{box-sizing:border-box}.studio-page [hidden]{display:none!important}.studio-page a{color:inherit}.studio-page h1,.studio-page h2,.studio-page h3{font-family:var(--sans);font-style:normal;font-weight:400;letter-spacing:-.045em}.studio-page h1{font-size:clamp(3.25rem,5.8vw,6.8rem);line-height:.99}.studio-page h2{font-size:clamp(2.3rem,4.6vw,4.8rem);line-height:1.06}.studio-page h3{font-size:1.5rem;line-height:1.2}.studio-page p{max-width:66ch}.studio-page :focus-visible,.business-band :focus-visible{outline:2px solid var(--accent,#c9d6d2);outline-offset:6px}.studio-page section{padding:0}.studio-page a,.studio-page button,.studio-page input,.studio-page summary{touch-action:manipulation}
.studio-nav{padding:28px max(6vw,24px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff20}.studio-brand{display:flex;gap:20px;align-items:center;text-decoration:none;font-size:1.6rem;font-weight:600;letter-spacing:-.06em}.studio-brand span{font-size:.75rem;letter-spacing:-.015em;font-weight:400;max-width:7ch;line-height:1.2}.studio-nav nav{display:flex;gap:32px;align-items:center;font-size:.85rem}.studio-nav nav a{padding:12px 0;text-decoration:none}.studio-nav nav a:hover{color:var(--accent)}.small-cta{border-bottom:1px solid #f4f1ea60}.small-cta span{margin-left:18px}.studio-skip{position:fixed;top:10px;left:24px;transform:translateY(-180%);background:#f4f1ea;color:#0a0a0a!important;padding:14px;z-index:99}.studio-skip:focus{transform:none}
.studio-hero,.studio-section,.studio-footer{margin-inline:max(6vw,24px)}.studio-page .studio-hero{padding-top:clamp(42px,6vw,90px)}.section-meta{display:flex;gap:22px;font-family:var(--mono);font-size:.68rem;letter-spacing:.015em;color:var(--studio-muted);margin-bottom:40px}.section-meta span{color:#f4f1ea}.hero-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--studio-gap);align-items:center}.hero-layout>div:first-child{grid-column:span 6}.hero-layout>div:last-child{grid-column:8 / span 5}.hero-intro{font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.7;color:var(--studio-muted);margin-top:28px;max-width:48ch}.studio-actions{display:flex;align-items:center;gap:28px;margin-top:32px;flex-wrap:wrap}.studio-button{background:#f4f1ea;color:#101211!important;border:1px solid #f4f1ea;border-radius:999px;min-height:52px;padding:15px 24px;display:inline-flex;justify-content:space-between;align-items:center;gap:26px;font:500 .9rem var(--sans);text-decoration:none;cursor:pointer;transition:background var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.studio-button:hover{background:var(--accent);transform:translateY(-2px)}.text-link{font-size:.9rem;text-underline-offset:6px;text-decoration-thickness:1px}.text-link:hover{text-decoration-color:var(--accent)}.hero-note{font: .68rem var(--mono);color:var(--studio-muted);margin-top:30px}.hero-bottom{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #ffffff25;margin-top:70px;padding:20px 0;text-decoration:none;font:.68rem var(--mono);color:var(--studio-muted)!important}.hero-bottom span:last-child{font-size:1.2rem}
.comparison{position:relative;aspect-ratio:1/1.14;min-width:0;border-radius:15px;background:#ebe9e3;--reveal:72%;color:#202420;box-shadow:0 25px 80px #0005}.comparison-generic,.comparison-crafted{position:absolute;inset:0 0 35px;border-radius:15px 15px 0 0;overflow:hidden}.comparison-generic{padding:22px;background:#e8e8e8;color:#555;font-family:Arial,sans-serif}.mini-nav{font-size:8px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #0002;padding-bottom:14px}.mini-nav span{font-size:7px}.generic-block{height:80px;background:#ccc;margin-top:35px}.comparison-generic h3{font:600 21px Arial,sans-serif;text-align:center;margin-top:25px;letter-spacing:0}.comparison-generic p{font-size:10px;text-align:center}.generic-boxes{display:flex;gap:10px;margin-top:30px}.generic-boxes i{height:65px;background:#d2d2d2;flex:1}.comparison-crafted{clip-path:inset(0 calc(100% - var(--reveal)) 0 0);background:#35231f;color:#efe0c8}.comparison-crafted .mini-nav{position:relative;z-index:2;margin:22px;border-color:#fff4;font-family:Georgia,serif}.crafted-copy{position:absolute;z-index:2;top:24%;left:26px}.crafted-copy>span:first-child{font:8px var(--mono)}.crafted-copy h3{font:400 clamp(24px,3.2vw,48px)/1.02 Georgia,serif!important;letter-spacing:-.03em;margin-top:10px}.mini-pill{display:inline-block;border:1px solid #efe0c880;border-radius:20px;padding:8px 12px;font-size:8px;margin-top:20px}.comparison-crafted svg{position:absolute;width:80%;right:-17%;bottom:-5%}.comparison-rule{position:absolute;top:0;bottom:35px;left:var(--reveal);width:1px;background:#f4f1ea90;pointer-events:none}.comparison-rule:after{content:'↔';display:grid;place-items:center;position:absolute;top:50%;left:-13px;width:27px;height:27px;border-radius:50%;background:#f4f1ea;color:#0a0a0a;font-size:12px}.comparison-caption{position:absolute;inset:auto 0 0;background:#e3e2db;padding:11px 13px;display:flex;gap:12px;justify-content:space-between;font:7px var(--mono);border-radius:0 0 15px 15px}
.studio-page .studio-section{padding-block:clamp(70px,9vw,140px);border-top:1px solid #ffffff25}.studio-section>.section-meta{margin-bottom:50px}.section-heading,.proof-head{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:50px}.section-heading p,.proof-head p{color:var(--studio-muted);font-size:.95rem;line-height:1.6;max-width:34ch}.service-row{display:grid;grid-template-columns:1fr 4fr 5fr;gap:var(--studio-gap);padding:32px 0;border-top:1px solid #ffffff20;align-items:baseline}.service-row:last-child{border-bottom:1px solid #ffffff20}.service-number{font:.7rem var(--mono);color:var(--studio-muted)}.service-row h3{font-size:clamp(1.2rem,2.2vw,2rem);max-width:20ch}.service-row p{font-size:.98rem;line-height:1.65;color:var(--studio-muted)}.service-row .examples{font:.68rem/1.7 var(--mono);margin-top:15px;color:#c2c0b8}.process-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:60px}.process-list article{border-top:1px solid #ffffff30;padding-top:20px}.process-number{display:block;font:.72rem var(--mono);color:var(--studio-muted);margin-bottom:35px}.process-list h3{font-size:1.45rem;margin-bottom:16px}.process-list p{font-size:.93rem;line-height:1.7;color:var(--studio-muted)}
.cadence-proof{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;border:1px solid #ffffff30;border-radius:20px;padding:clamp(30px,5vw,72px);background:#101111}.cadence-word{font:400 clamp(3rem,7vw,7rem)/1 var(--serif);letter-spacing:-.04em}.cadence-word span{display:block;font:.7rem/1.5 var(--mono);letter-spacing:0;color:var(--studio-muted);margin-top:24px}.cadence-proof p{font-size:1rem;line-height:1.7;color:var(--studio-muted);margin-bottom:20px}.store-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;font:.7rem var(--mono)}.concept-head{display:flex;align-items:baseline;gap:20px;justify-content:space-between;margin:70px 0 30px}.concept-head p{font-size:.8rem;color:var(--studio-muted)}.concept-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--studio-gap)}.concept-card{text-decoration:none;transform:skewY(var(--card-skew,0deg));transform-origin:center;transition:transform var(--t-ui) var(--ease-out)}.concept-art{aspect-ratio:6/5;position:relative;overflow:hidden;border-radius:15px}.concept-art svg{display:block;width:100%;height:100%;transition:transform var(--t-reveal) var(--ease-out)}.concept-card:hover svg{transform:scale(1.035)}.concept-visit{position:absolute;bottom:16px;right:16px;background:#f4f1ea;color:#0a0a0a;width:36px;height:36px;border-radius:50%;display:grid;place-items:center}.concept-info{padding:22px 0}.concept-meta{font:.6rem var(--mono);letter-spacing:.02em}.concept-info h3{font-size:1.45rem;margin:12px 0}.concept-info>p:last-child{font-size:.72rem;color:var(--studio-muted)}.principles ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:50px}.principles li{font-size:clamp(1.4rem,2.8vw,2.6rem);border-top:1px solid #ffffff25;padding:22px 0;letter-spacing:-.04em}.principles li:before{content:'↗';font-size:.7em;margin-right:18px;color:var(--studio-muted)}.studio-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:6vw}.studio-faq>.section-meta{grid-column:1/-1}.studio-faq details{border-top:1px solid #ffffff30}.studio-faq details:last-child{border-bottom:1px solid #ffffff30}.studio-faq summary{cursor:pointer;display:flex;justify-content:space-between;gap:24px;list-style:none;padding:24px 0;font-size:1rem}.studio-faq summary::-webkit-details-marker{display:none}.studio-faq summary:after{content:'+'}.studio-faq details[open] summary:after{content:'−'}.studio-faq details p{color:var(--studio-muted);font-size:.95rem;line-height:1.7;padding-bottom:25px}.enquiry-grid{display:grid;grid-template-columns:4fr 6fr;gap:8vw}.enquiry-grid>div>p{color:var(--studio-muted);margin:24px 0;line-height:1.7;max-width:31ch}.enquiry-grid .text-link{font-size:.85rem;overflow-wrap:anywhere}.enquiry-grid .small-note{font:.7rem/1.8 var(--mono);margin-top:40px}#enquiry{scroll-margin-top:30px}
.enquiry-form{min-width:0}.enquiry-form label,.enquiry-form legend{font:.85rem var(--sans);display:block;margin-bottom:12px}.enquiry-form label>span:not(.need-chip span){color:var(--studio-muted)}.enquiry-form input:not([type=checkbox]):not([type=hidden]),.enquiry-form textarea{border:0;border-bottom:1px solid #797b76;border-radius:0;background:#151615;color:#f4f1ea;padding:14px 12px;width:100%;font:1rem var(--sans);min-height:48px}.enquiry-form textarea{resize:vertical;min-height:120px}.enquiry-form fieldset{border:0;margin:20px 0 30px;padding:0;min-width:0}.enquiry-form .field-hint{font-size:.75rem;color:var(--studio-muted);margin-bottom:16px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.enquiry-form .field-error{font-size:.78rem;color:#ffc1ad;min-height:1.3em;margin:7px 0 18px}.enquiry-form [aria-invalid=true]{border-color:#ffc1ad!important}.need-chips{display:flex;flex-wrap:wrap;gap:10px}.enquiry-form .need-chip{position:relative;margin:0;cursor:pointer}.need-chip input{position:absolute;left:14px;top:50%;transform:translateY(-50%);accent-color:#dce8e1;width:14px;height:14px}.need-chip span{display:flex;align-items:center;min-height:44px;padding:11px 16px 11px 38px;font-size:.78rem;border:1px solid #797b76;border-radius:999px;transition:background var(--t-fast) var(--ease-out)}.need-chip:has(input:checked) span{background:#d1ded6;color:#101511;border-color:#d1ded6}.need-chip:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:4px;border-radius:999px}.enquiry-form .privacy-note{font-size:.72rem;line-height:1.7;color:var(--studio-muted);margin:0 0 25px}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-status{margin-top:24px;font-size:1rem;line-height:1.5}.form-status[data-state=success]{border-top:1px solid #c9d6d2;padding-top:24px;animation:success-in var(--t-ui) var(--ease-out)}.form-status[data-state=error]{color:#ffc1ad}.studio-button:disabled{opacity:.6;cursor:wait}@keyframes success-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.studio-page .studio-footer{padding:60px 0 35px;border-top:1px solid #ffffff30}.footer-project{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:clamp(2.5rem,9vw,9rem);letter-spacing:-.06em;line-height:1.1;text-decoration:none;padding-bottom:60px}.footer-project span{font-size:.7em;transition:transform var(--t-ui) var(--ease-out)}.footer-project:hover span{transform:translate(8px,-8px)}.footer-bottom{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;padding-top:30px;border-top:1px solid #ffffff20;color:var(--studio-muted);font-size:.75rem;line-height:1.8}.footer-bottom nav{display:flex;flex-wrap:wrap;gap:14px}.footer-bottom a{text-underline-offset:4px}.contact-hero{max-width:1000px;padding-bottom:70px!important}.contact-hero h1{font-size:clamp(3rem,7vw,7.5rem)}.contact-hero .text-link{display:inline-block;margin-top:24px}
/* Shared, native concept-demo controls. */
.demo-panel{align-self:center;min-width:0;padding:30px 0}.demo-panel h2{font-size:2rem;letter-spacing:-.035em;margin:14px 0}.demo-notice{font-size:.72rem;line-height:1.7;color:var(--studio-muted);margin:20px 0 28px}.demo-panel label{display:block;font-size:.8rem;margin:20px 0 8px}.demo-panel select{width:100%;padding:14px 10px;min-height:48px;font:1rem var(--sans);color:inherit;border:1px solid currentColor;border-radius:6px;background:transparent}.demo-panel select option{background:#f4f1ea;color:#1c2b24}.demo-panel button{display:block;width:100%;font:.85rem var(--sans);padding:14px 12px;min-height:48px;background:transparent;border:1px solid currentColor;color:inherit;border-radius:999px;cursor:pointer;margin-top:24px;transition:transform var(--t-fast) var(--ease-out)}.demo-panel button:hover{transform:translateY(-2px)}.demo-panel button[data-back]{border:0;margin-top:8px;text-decoration:underline}.demo-progress{font:.6rem/1.8 var(--mono);margin-bottom:20px}.demo-step>p{font-size:.75rem;line-height:1.7;margin-top:18px}.demo-step h3{font-size:1.5rem}.demo-panel table{font-size:.65rem;width:100%;border-collapse:collapse;margin-top:16px}.demo-panel caption{text-align:left;margin-bottom:14px;line-height:1.7}.demo-panel td,.demo-panel th{border-top:1px solid currentColor;padding:9px 4px;text-align:left}.demo-panel details{margin-top:24px}.demo-panel summary{font-size:.75rem;cursor:pointer;padding:12px 0;min-height:44px}.demo-confirmation,.quote-result{font-size:1rem;line-height:1.7;margin-top:20px}.demo-confirmation:not(:empty){border-top:1px solid currentColor;padding-top:22px}
/* Bounded homepage additions and accessibility fixes. */
.business-band .business-inner{display:grid;grid-template-columns:1.3fr 1fr;gap:5vw;align-items:end}.business-band h2{font:400 clamp(2rem,5vw,4rem)/1.08 var(--sans);letter-spacing:-.045em}.business-band p{line-height:1.7;color:#aaa9a4;margin-bottom:25px}.business-band a{display:inline-flex;min-height:44px;align-items:center;text-underline-offset:6px}.home-skip{position:absolute;left:24px;top:-100px;background:#f4f1ea;color:#0a0a0a;padding:12px;z-index:10000}.home-skip:focus{top:8px}body:not(.studio-page) .reveal{opacity:1;transform:none}html:not(.js) .wm-rule{transform:none}body:not(.studio-page) .nav-links a{min-height:44px}.home-project{display:block!important;font:400 clamp(2rem,5vw,4rem)/1.2 var(--sans)!important;color:#f4f1ea!important;padding:0 0 45px!important;letter-spacing:-.04em}
@media(min-width:641px){body:not(.studio-page) .nav-toggle{display:none!important}}
@media(max-width:1000px){.hero-layout>div:first-child{grid-column:span 7}.hero-layout>div:last-child{grid-column:span 5}.hero-layout h1{font-size:clamp(3rem,6vw,5.2rem)}.compare-hint{display:none}.process-list{grid-template-columns:1fr 1fr}.section-heading,.proof-head{align-items:start;flex-direction:column;gap:25px}.section-heading p,.proof-head p{max-width:45ch}.concept-preview{gap:3vw!important}.concept-scene{padding:25px;min-height:590px}.studio-nav nav{gap:20px}.studio-brand span{display:none}.enquiry-grid{grid-template-columns:1fr 1.4fr;gap:5vw}}
@media(max-width:700px){.studio-page{--studio-gap:4vw}.studio-nav{padding:18px 24px;gap:16px}.studio-nav nav{gap:16px;font-size:.7rem}.studio-nav nav>a:first-child{display:none}.small-cta span{margin-left:8px}.studio-brand{font-size:1.5rem}.studio-page .studio-hero{padding-top:40px}.section-meta{font-size:.6rem;gap:16px;margin-bottom:28px}.hero-layout{grid-template-columns:1fr;gap:40px}.hero-layout>div:first-child,.hero-layout>div:last-child{grid-column:auto}.hero-layout h1{font-size:clamp(3.15rem,11.5vw,4.6rem);max-width:13ch}.hero-intro{margin-top:23px;font-size:1rem}.comparison{aspect-ratio:1.17;max-width:520px}.comparison-crafted svg{width:63%;right:-9%;bottom:-20%}.crafted-copy{top:25%}.crafted-copy h3{font-size:40px!important}.comparison-generic .generic-block{height:50px;margin-top:20px}.generic-boxes{margin-top:20px}.hero-bottom{margin-top:36px;font-size:.6rem;line-height:1.7}.studio-page .studio-section{padding-block:60px}.studio-section>.section-meta{margin-bottom:30px}.service-row{grid-template-columns:25px 1fr;gap:10px 15px;padding:25px 0}.service-row>div{grid-column:2}.service-row h3{max-width:none;font-size:1.5rem}.service-row p{font-size:.9rem}.service-row .examples{font-size:.65rem;margin-top:10px}.process-list{gap:32px 22px;margin-top:35px}.process-list h3{font-size:1.3rem}.process-list p{font-size:.86rem}.process-number{margin-bottom:22px}.cadence-proof{grid-template-columns:1fr;gap:30px;padding:30px}.cadence-word{font-size:4.2rem}.cadence-word span{font-size:.6rem}.cadence-proof p{font-size:.9rem}.concept-head{display:block;margin-top:45px}.concept-head h3{font-size:1.5rem}.concept-head p{margin-top:14px}.concept-strip{grid-template-columns:1fr;gap:20px}.concept-art{aspect-ratio:1.4}.concept-info{padding:18px 0}.concept-meta{font-size:.6rem}.principles ul{gap:12px}.principles li{font-size:1.2rem}.principles li:before{margin-right:8px}.studio-faq{display:block}.studio-faq h2{margin-bottom:32px}.studio-faq summary{font-size:.92rem;line-height:1.5}.enquiry-grid{grid-template-columns:1fr;gap:35px}.enquiry-grid>div>p{max-width:42ch}.enquiry-grid .small-note{margin-top:20px}.form-pair{grid-template-columns:1fr;gap:0}.enquiry-form .field-error{margin-bottom:18px}.footer-bottom{grid-template-columns:1fr 1fr;gap:20px;font-size:.68rem}.footer-bottom>a{grid-column:2}.footer-bottom nav{flex-direction:column;gap:0}.footer-bottom nav a{padding:6px 0}.footer-project{font-size:11vw;padding-bottom:35px}.concept-disclaimer{font-size:.6rem;line-height:1.7}.concept-disclaimer a{max-width:13ch}.concept-page .concept-preview{grid-template-columns:1fr}.concept-scene{min-height:570px}.concept-scene>svg{max-height:350px;width:90%}.concept-page .concept-scene h1{font-size:3.6rem}.demo-panel{padding:35px 0}.demo-panel h2{font-size:2rem}.demo-panel table{font-size:.7rem}.business-band .business-inner{grid-template-columns:1fr;gap:25px}.contact-hero{padding-bottom:50px!important}.enquiry-form .need-chip span{font-size:.75rem}.studio-actions{gap:22px}.studio-page .hero-note{line-height:1.6}}
@media(prefers-reduced-motion:reduce){.studio-page *,.business-band *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.comparison{--reveal:72%!important}.concept-card{transform:none!important}.headline-word{animation:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}

/* Client work is visible immediately from the domain homepage. */
.business-home .hero.home{padding-top:clamp(45px,7vh,85px)}.business-home .hero-inner{max-width:none}.business-home .wordmark{font:400 clamp(2.6rem,6.5vw,6.8rem)/1.02 var(--sans);letter-spacing:-.065em;max-width:none}.business-home .hero-top{margin-bottom:28px;max-width:none}.business-home .hero-sub{max-width:65ch;margin-top:26px}.business-home .wm-rule{transform:none}html.js .business-home .anim-in{opacity:1;transform:none}@media(max-width:640px){.business-home .wordmark{font-size:clamp(2.3rem,10.5vw,4.5rem)}.business-home .wordmark br{display:none}.business-home .hero.home{padding-top:32px}.business-home .hero-sub{font-size:1rem;margin-block:22px}.business-home .hero-top{gap:10px}.business-home .hero-top .eyebrow{font-size:.55rem}.business-home .hero.home .actions{gap:12px}}