*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;scrollbar-gutter:stable}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.65 var(--body);-webkit-font-smoothing:antialiased}*{scrollbar-color:var(--ink) var(--bg);scrollbar-width:thin}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--ink);border:3px solid var(--bg)}a{color:inherit;text-underline-offset:5px}button,input,textarea,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}img,svg{display:block;max-width:100%;height:auto}img{object-fit:cover}h1,h2,h3{font-family:var(--display);font-weight:var(--heading-weight);line-height:1.06;letter-spacing:-.045em;text-wrap:balance}h1{font-size:clamp(var(--hero-mobile),6.7vw,var(--hero));margin:16px 0 24px;max-width:12ch}h2{font-size:clamp(30px,4vw,52px);margin:10px 0 24px}h3{font-size:25px;letter-spacing:-.025em;margin:16px 0}p{margin:0 0 20px;max-width:65ch}.container{width:min(calc(100% - 2 * var(--gutter)),var(--max));margin-inline:auto}.section{padding-block:clamp(56px,7vw,108px)}.eyebrow,.caption,.tag{font-family:var(--utility);font-size:12px;letter-spacing:.09em;text-transform:uppercase}.eyebrow{margin-bottom:14px}.lead{font-size:clamp(18px,1.7vw,21px);max-width:39ch}.muted{opacity:.78}.site-header{background:var(--bg);border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent);position:relative;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:98px}.wordmark img{width:var(--logo-width,160px);height:58px;object-fit:contain;mix-blend-mode:multiply}.dark .wordmark img{mix-blend-mode:normal}.site-nav{display:flex;gap:24px;align-items:center}.site-nav a{text-decoration:none;font-size:13px;white-space:nowrap}.site-nav a:hover,.site-nav a[aria-current]{text-decoration:underline;text-decoration-thickness:2px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 23px;background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);border-radius:var(--radius);text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.01em;transition:background .18s,transform .18s}.button:hover{transform:translateY(-2px);filter:brightness(.96)}.button.secondary{background:transparent;color:var(--ink);border-color:var(--ink)}.text-link{display:inline-flex;gap:22px;align-items:center;font-size:14px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:30px}.hero{padding-block:54px 68px}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:5vw}.hero-copy{padding:32px 0}.hero-visual{margin:0;position:relative}.hero-visual>picture>img{width:100%;aspect-ratio:1.07;object-fit:cover;border-radius:var(--image-radius,0)}.hero-visual figcaption{padding-top:13px;font-size:11px;letter-spacing:.05em}.hero-line{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding-top:18px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.split.reverse>div:first-child{order:2}.split img{width:100%;aspect-ratio:1.2}.section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:35px}.section-head h2{max-width:18ch;margin-bottom:0}.section-head p{max-width:42ch;margin-bottom:0}.tint{background:var(--surface)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border-top:1px solid var(--line);padding-top:22px;min-width:0}.card a{text-decoration:none}.card a:hover h3{text-decoration:underline;text-underline-offset:5px}.card img{width:100%;aspect-ratio:1.18;border-radius:var(--image-radius,0);transition:transform .3s}.card-media{overflow:hidden}.card:hover img{transform:scale(1.025)}.card .caption{margin-top:16px}.card p{font-size:15px;opacity:.86}.card-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:15px;font-size:13px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.filters button,.swatches button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 18px;border-radius:var(--radius);min-height:44px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.filter-status{font-size:13px;min-height:22px}.story-image{width:100%;aspect-ratio:1.45}.reading{max-width:750px}.reading h1{max-width:17ch}.reading h2{font-size:32px}.prose{font-size:18px;line-height:1.8}.prose p{max-width:62ch}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:0;list-style-position:inside}.process li{padding-top:22px;border-top:1px solid var(--line)}.process li::marker{font-family:var(--utility);font-size:12px}.process h3{font-size:24px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{font-weight:600;min-height:30px}details p{padding-top:15px}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}label{font-size:13px;font-weight:600}input,select,textarea{background:transparent;border:1px solid var(--line);border-radius:var(--radius);padding:13px;color:var(--ink);width:100%;min-height:48px}select option{background:var(--bg);color:var(--ink)}textarea{min-height:145px;resize:none}input[type=checkbox]{width:20px;min-height:20px}.checkbox-label{display:flex;align-items:center;gap:12px}.field-error{font-size:13px;color:var(--ink)}button:disabled{cursor:not-allowed;opacity:.55;transform:none}.form-note{font-size:13px;line-height:1.5;margin-top:20px}.form-status{min-height:24px;margin-top:12px}.trap{position:absolute;left:-10000px}.site-footer{border-top:1px solid var(--line);padding-block:50px 22px}.footer-grid{display:flex;align-items:start;justify-content:space-between;gap:40px}.footer-nav{display:flex;gap:28px;flex-wrap:wrap;font-size:13px}.footer-bottom{margin-top:40px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:11px}.footer-bottom nav{display:flex;gap:20px}.skip{position:absolute;left:20px;top:-80px;padding:12px;background:var(--bg);z-index:100}.skip:focus{top:10px}:focus-visible{outline:3px solid var(--focus);outline-offset:5px}[hidden]{display:none!important}.menu-toggle{display:none}.breadcrumbs{font-size:12px;margin-bottom:28px}.breadcrumbs span{margin-inline:12px}.specs{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border-block:1px solid var(--line);padding-block:25px}.specs dt{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.specs dd{margin:10px 0 0;font:500 28px/1.2 var(--display)}.swatches{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.swatches button{width:44px;height:44px;padding:4px;border-radius:50%;border:2px solid var(--ink)}.swatches button::after{content:'';display:block;width:100%;height:100%;border-radius:50%;background:var(--swatch)}.swatches button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:4px}.colour-stage{background:var(--variant,#3659e3);border-radius:32px;padding:35px;display:grid;place-items:center}.colour-stage svg{max-height:450px}.art-note{font-size:12px}.kit-panel{border:1px solid var(--line);padding:32px}.kit-result{padding:25px;background:var(--surface);margin-top:25px}.plan svg{width:100%;max-height:650px;background:var(--surface)}.plan button{margin:5px}.app-window{background:#131422;border:1px solid #49495d;border-radius:14px;box-shadow:0 30px 90px #0008;overflow:hidden;color:#f5f6f8}.window-toolbar{padding:15px 20px;border-bottom:1px solid #414153;display:flex;gap:7px}.window-toolbar i{width:7px;height:7px;border-radius:50%;background:#85849a}.window-body{display:grid;grid-template-columns:120px 1fr;min-height:330px}.window-sidebar{padding:22px 15px;background:#10111c;font-size:10px}.window-sidebar p{margin-bottom:20px}.window-content{padding:25px}.window-content h3{font-family:var(--body);font-size:23px;letter-spacing:-.02em}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;font-size:10px}.board>div{background:#1d1e2d;padding:12px;border-radius:7px}.task{padding:12px 9px;background:#292a3f;border-radius:5px;margin-top:12px}.display-only{font-size:10px;letter-spacing:.08em;padding:12px 20px;background:#191a28}.full-bleed .hero-grid{display:block;position:relative}.full-bleed .hero{padding-top:0}.full-bleed .hero-visual>picture>img{aspect-ratio:1.95;max-height:740px}.full-bleed .hero-copy{position:absolute;z-index:2;left:45px;top:35px;max-width:520px;background:var(--bg);padding:30px 35px}.full-bleed h1{font-size:clamp(42px,4.9vw,76px)}.full-bleed .hero-line{margin-top:18px}.brand-form .hero-grid{grid-template-columns:.68fr 1.32fr}.brand-form .hero-visual>picture>img{aspect-ratio:1.22}.brand-form .grid{grid-template-columns:repeat(2,1fr);gap:50px}.brand-form .grid .card:nth-child(even){margin-top:60px}.brand-dust-dune h1,.brand-torque-motorworks h1,.brand-kairos h1{text-transform:uppercase}.brand-dust-dune .site-header{border-bottom:4px dashed var(--accent)}.brand-dust-dune .hero-visual>picture>img{aspect-ratio:1.12}.brand-morro h1{font-size:clamp(55px,8vw,112px);max-width:8ch}.brand-morro .hero-visual>picture>img{border-radius:90px 0 90px 0}.brand-morro .card{border:0;background:var(--surface);padding:24px;border-radius:28px}.brand-popshop h1{font-size:clamp(48px,7.3vw,106px);max-width:9ch}.brand-popshop .button{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:40px}.brand-popshop .hero-visual{transform:rotate(2deg)}.brand-popshop .card{background:#fff9e7;border:2px solid var(--ink);padding:20px;border-radius:22px}.brand-popshop .card:nth-child(3n+2){background:#ffabd0}.brand-popshop .card:nth-child(3n){background:#c4f1b9}.brand-ubuntu-studio .hero-visual{border-radius:160px 0 0 0;overflow:hidden}.brand-ubuntu-studio .grid .card:nth-child(2n){margin-top:40px}.brand-atelier-no-8 h1,.brand-solace h1,.brand-the-ridge h1{font-weight:400;letter-spacing:-.04em}.brand-atelier-no-8 .hero-grid{grid-template-columns:1fr 1.1fr}.brand-kairos .hero-visual>picture>img{aspect-ratio:1.12}.brand-kairos .hero-copy{border-left:2px solid var(--accent);padding-left:28px}.brand-nova .hero-visual{background:radial-gradient(ellipse at center,#493285aa,transparent 70%);padding:14px}.brand-nova .hero-visual>picture>img{aspect-ratio:1.5;border-radius:14px}.brand-nova .hero-grid{grid-template-columns:.85fr 1.15fr}.brand-torque-motorworks .hero-copy .eyebrow{color:var(--accent)}.brand-clearwater-pools .hero-visual>picture>img{border-radius:0 0 60px 0}.brand-clearwater-pools .card{border-top:4px solid var(--accent);padding:22px;background:var(--surface)}
@media(min-width:1200px){.hero-copy{padding-block:45px}.brand-solace .hero-copy{top:50px;left:auto;right:50px}.brand-the-ridge .hero-copy{max-width:500px}}
@media(max-width:1000px){.site-nav{gap:15px}.header-inner{gap:14px}.site-nav a{font-size:12px}.header-cta{display:none}.grid.four{grid-template-columns:repeat(2,1fr)}.full-bleed .hero-copy{max-width:430px;top:20px;left:20px;padding:25px}.full-bleed .hero-visual>picture>img{aspect-ratio:1.4}}
@media(max-width:760px){:root{--gutter:20px}.header-inner{min-height:80px;flex-wrap:wrap;padding-block:10px}.wordmark img{width:140px;height:45px}.menu-toggle{display:inline-flex;min-height:44px;padding:9px 16px;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius)}.site-nav{width:100%;display:none;flex-direction:column;align-items:stretch;padding:15px 0 20px}.site-nav.open{display:flex}.site-nav a{font-size:15px;padding:10px 0}.hero{padding-block:30px 45px}.hero-grid,.brand-form .hero-grid,.brand-atelier-no-8 .hero-grid,.brand-nova .hero-grid,.split,.contact-layout{grid-template-columns:1fr;gap:30px}.hero-copy{padding:15px 0}.hero-visual>picture>img{aspect-ratio:1.12}.hero-line{margin-top:25px;flex-wrap:wrap}.grid,.grid.four,.brand-form .grid{grid-template-columns:1fr;gap:28px}.section-head{display:block}.section-head p{margin-top:22px}.brand-form .grid .card:nth-child(even),.brand-ubuntu-studio .grid .card:nth-child(2n){margin-top:0}.process{grid-template-columns:1fr;gap:20px}.form-grid{grid-template-columns:1fr}.field{grid-column:1/-1}.footer-grid{flex-direction:column}.footer-bottom{flex-direction:column}.footer-nav{gap:18px}.specs{grid-template-columns:1fr 1fr;gap:24px}.split.reverse>div:first-child{order:0}.full-bleed .hero-copy{position:static;max-width:none;padding:28px 0}.full-bleed .hero-visual>picture>img{aspect-ratio:1.12}.full-bleed .hero-grid{display:flex;flex-direction:column}.full-bleed .hero-visual{order:-1;width:100%}.full-bleed .hero{padding-top:20px}.brand-popshop .hero-visual{transform:none}.window-body{grid-template-columns:80px 1fr}.window-content{padding:14px}.window-sidebar{padding:15px 9px}.board{gap:5px}.board>div{padding:7px}.task{padding:8px 5px}.app-window{margin-inline:-5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover{transform:none}.card:hover img{transform:none}}
@media(forced-colors:active){*{scrollbar-color:auto}.button,input,textarea,select{border:1px solid ButtonText}:focus-visible{outline-color:Highlight}}