@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap');

:root{--ink:#111513;--paper:#f5f5ef;--lime:#c4f663;--muted:#9a9f97;--line:#343833;--serif:'Instrument Serif',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{cursor:pointer}::selection{background:var(--lime);color:var(--ink)}.skip-link{position:fixed;top:-60px;left:20px;background:var(--lime);color:var(--ink);padding:12px;z-index:10}.skip-link:focus{top:12px}.header{height:108px;max-width:1600px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:29px;font-weight:650;letter-spacing:-1.4px;line-height:1}.brand-symbol{font-size:45px;position:relative;width:40px;font-weight:700;color:var(--lime)}.brand-symbol>span{position:absolute;left:12px;top:1px;font-size:35px}.brand-nz{display:block;text-transform:uppercase;font-weight:400;font-size:8px;letter-spacing:3px;margin-top:9px}.header nav{display:flex;align-items:center;gap:38px;font-size:13px}.header nav>a{transition:color .2s}.header nav>a:hover{color:var(--lime)}.header .nav-cta{margin-left:18px;padding:14px 20px;border:1px solid var(--line);border-radius:4px}.nav-cta span{margin-left:25px}.menu-toggle{display:none}.hero{max-width:1600px;position:relative;margin:auto;min-height:740px;padding:96px 5% 0;overflow:hidden}.hero-content{position:relative;z-index:2;width:64%;pointer-events:none}.hero-content a{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:550;line-height:1.7;margin:0 0 32px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:var(--lime);margin:0 9px 1px 0;box-shadow:0 0 10px #c4f66355}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(64px,6.5vw,104px);letter-spacing:-5.8px;line-height:1.04;font-weight:450;margin-bottom:30px}.serif{font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.03em}h1 .serif{color:var(--lime)}.heading-star{display:inline-block;font-size:59px;vertical-align:top;position:relative;top:0;margin-left:8px;color:var(--lime)}.hero-description{font-size:15px;line-height:1.8;color:var(--body-muted);max-width:385px;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:27px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:0;border-radius:3px;padding:18px 21px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px)}.button-lime{background:var(--lime);color:var(--ink)}.button-lime:hover{background:var(--accent-hover)}.button span{font-size:19px}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:12px;background:none;border:0;padding:8px 0}.text-link:hover{color:var(--lime)}.location{display:flex;align-items:center;gap:9px;color:var(--subtle);font-size:10px;margin-top:53px}.location-cross{font-size:18px;color:var(--paper)}.hero-art{position:absolute;right:-5%;top:6%;width:60%;height:650px}.hero-art canvas{width:100%;height:100%;display:block}.art-coordinate{position:absolute;right:18%;top:12%;font-size:8px;letter-spacing:2px;color:var(--subtle)}.art-label{position:absolute;right:21%;bottom:13%;font-size:10px;line-height:1.6;color:var(--body-muted)}.small-cross{position:absolute;left:-24px;font-size:20px;color:var(--lime)}.motion-toggle{position:absolute;bottom:12%;right:12%;border:1px solid var(--line);border-radius:50%;width:30px;height:30px;background:var(--ink);color:var(--lime);font-size:11px}.hero-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:24px 0;font-size:8px;letter-spacing:1.4px;margin-top:50px;color:var(--body-muted)}.hero-bottom a span{margin-left:20px;color:var(--lime);font-size:15px}.capability-strip{padding:23px 5%;display:flex;justify-content:space-between;align-items:center;gap:22px;background:var(--lime);color:var(--ink);font-size:16px;font-weight:500;letter-spacing:-.4px}.capability-strip i{font-size:25px;font-style:normal}.section{padding:95px 5%;max-width:1600px;margin:auto}.section-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:38px}.section-top .eyebrow{margin:0}.section-note{color:var(--subtle);font-size:11px;line-height:1.7;text-align:right}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:43px}h2{font-weight:450;font-size:clamp(42px,4.4vw,69px);line-height:1.08;letter-spacing:-2.7px;margin-bottom:0}.section-heading>p{max-width:340px;font-size:13px;line-height:1.9;color:var(--body-muted);margin-bottom:7px}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.solution{padding:23px 25px 27px 0;transition:background .25s}.solution+.solution{border-left:1px solid var(--line);padding-left:25px}.solution-meta{display:flex;justify-content:space-between;color:var(--subtle);font-size:10px}.solution-meta span:last-child{font-size:21px;color:var(--paper)}.solution-icon{height:126px;display:flex;align-items:center;color:var(--lime)}.solution h3{font-size:25px;line-height:1.15;font-weight:450;letter-spacing:-.8px;margin-bottom:17px}.solution>p{font-size:10px;color:var(--body-muted);margin-bottom:13px}.solution-detail{font-size:11px;line-height:1.8;color:var(--subtle);max-width:220px}.solution:hover .solution-meta span:last-child{color:var(--lime);transform:translate(3px,-3px)}.solution:hover h3{color:var(--lime)}.screens{position:relative}.screens span{width:58px;height:42px;border:1px solid var(--lime);border-radius:3px;display:block;transform:rotate(-9deg)}.screens span+span{position:absolute;left:20px;top:48px;transform:rotate(9deg);background:var(--ink)}.play{font-size:80px}.directions{font-size:65px;letter-spacing:-16px}.directions span{transform:translateY(12px);display:inline-block}.code{font-size:57px;font-weight:400;gap:5px}.code span{font-size:39px}.work{background:var(--surface);max-width:none}.work>.section-top,.work>.section-heading,.work>.projects{max-width:1440px;margin-left:auto;margin-right:auto}.projects{display:grid;grid-template-columns:1fr 1fr;gap:33px 28px}.project-featured{grid-column:1/-1}.project-image{position:relative;overflow:hidden;border-radius:3px;height:300px;background:#28332e}.project-featured .project-image{height:430px}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s,filter .7s}.project-featured img{object-position:center 51%}.project:hover img{transform:scale(1.035);filter:brightness(1.1)}.project-tag{position:absolute;left:20px;bottom:20px;background:#111513c9;border:1px solid #ffffff3b;padding:9px 12px;border-radius:3px;font-size:8px;letter-spacing:1px;backdrop-filter:blur(8px)}.project-arrow{position:absolute;right:20px;bottom:20px;border-radius:50%;background:var(--paper);color:var(--ink);width:37px;height:37px;display:grid;place-items:center;font-size:21px}.project-caption{display:flex;justify-content:space-between;gap:15px;margin-top:17px;align-items:center}.project-caption h3{font-size:17px;font-weight:450;letter-spacing:-.4px;margin:0}.project-caption>span{font-size:9px;color:var(--body-muted)}.about{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding-top:110px;padding-bottom:110px}.about-graphic{height:380px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#24302055,transparent 70%)}.orbit{position:absolute;width:280px;height:280px;top:34px;left:50%;margin-left:-140px;border:1px solid var(--line);border-radius:50%}.orbit-two{transform:rotate(50deg) scaleX(.55)}.orbit-three{transform:rotate(-50deg) scaleX(.55)}.orbit-one:after{content:'';width:11px;height:11px;background:var(--lime);border-radius:50%;position:absolute;left:38px;top:34px;box-shadow:0 0 25px #c4f66655}.orbit-core{position:absolute;top:100px;left:calc(50% - 34px);font-weight:650;font-size:130px;line-height:1;color:var(--lime);letter-spacing:-15px}.orbit-core>span{font-size:72px;position:absolute;left:30px;top:13px}.orbit-caption{position:absolute;left:0;bottom:3px;font-size:8px;line-height:1.7;letter-spacing:1.5px;color:var(--subtle)}.orbit-nz{position:absolute;right:0;bottom:3px;font-size:9px;letter-spacing:2px;color:var(--lime)}.about-copy h2{margin-bottom:27px}.about-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--body-muted);max-width:430px}.about-copy .text-link{margin-top:8px}.industries{border-top:1px solid var(--line);padding-top:38px;padding-bottom:45px}.industries .eyebrow{font-size:8px;color:var(--subtle);margin-bottom:24px}.industries-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:20px;letter-spacing:-.5px}.industries-row i{font-style:normal;color:var(--lime)}.contact{background:var(--lime);color:var(--ink);max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:85px;padding-bottom:85px}.contact h2{font-size:clamp(55px,5.5vw,84px);line-height:1.02;position:relative}.contact h2>span:last-child{font-family:Arial,sans-serif;display:inline-block;font-weight:400;margin-left:15px;font-size:60px}.contact-copy>p:not(.eyebrow){max-width:320px;font-size:13px;line-height:1.8;margin-top:28px}.contact .text-link:hover{color:var(--form-muted)}.contact form{max-width:520px;width:100%;padding-top:8px}label{display:block;font-size:11px;font-weight:550;margin-bottom:8px}label span{font-size:10px}input,select,textarea{width:100%;display:block;background:transparent;border:0;border-bottom:1px solid var(--form-line);color:var(--ink);padding:6px 0 13px;border-radius:0;font-size:13px;margin-bottom:23px}input::placeholder,textarea::placeholder{color:var(--form-muted);opacity:1}select{min-height:38px}select option{background:var(--lime)}textarea{resize:vertical}.contact input:focus-visible,.contact textarea:focus-visible,.contact select:focus-visible,.contact a:focus-visible,.contact button:focus-visible{outline-color:var(--ink)}.button-dark{background:var(--ink);color:var(--paper);width:100%;padding:17px 20px}.form-note{font-size:10px;line-height:1.7;color:var(--form-muted);margin:12px 0 0}.form-note a{text-decoration:underline}.form-result{font-size:12px;line-height:1.7;border-top:1px solid var(--form-line);margin-top:20px;padding-top:16px}.form-result textarea{font-size:11px}.form-result>a{text-decoration:underline;font-size:11px}.footer{padding:53px 5% 0;max-width:1600px;margin:auto}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:48px}.footer-main>p{font-size:12px;line-height:1.7;color:var(--body-muted);margin:0}.footer-main>a:last-child{font-size:11px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:22px 0;color:var(--subtle);font-size:9px}.footer a:hover{color:var(--lime)}
@media(min-width:1600px){.capability-strip{justify-content:center;gap:65px}.contact{padding-left:max(5%,calc((100% - 1440px)/2));padding-right:max(5%,calc((100% - 1440px)/2))}}
@media(max-width:1000px){.header{height:90px}.hero{padding-top:75px;min-height:690px}h1{font-size:76px;letter-spacing:-4px}.hero-content{width:78%}.hero-art{right:-18%;width:75%;opacity:.75}.hero-description{max-width:350px}.heading-star{font-size:44px}.section{padding:75px 5%}.capability-strip{font-size:12px;gap:12px}.solution{padding-right:15px}.solution+.solution{padding-left:15px}.solution h3{font-size:23px}.solution>p{min-height:30px;line-height:1.6}.section-heading>p{max-width:290px}.project-featured .project-image{height:350px}.project-image{height:240px}.project-caption{display:block}.project-caption>span{display:block;margin-top:7px}.about{gap:5%}.about h2{font-size:45px}.industries-row{font-size:17px}.contact{gap:7%}.contact h2{font-size:62px}.contact h2>span:last-child{font-size:38px}}
@media(max-width:700px){html{scroll-padding-top:20px}.header{height:85px;padding:0 6%;position:relative;z-index:5}.brand{font-size:25px}.brand-symbol{font-size:39px;width:33px}.brand-symbol>span{font-size:29px}.brand-nz{font-size:7px}.menu-toggle{display:flex;gap:15px;align-items:center;background:none;color:var(--paper);border:1px solid var(--line);border-radius:3px;padding:10px 13px;font-size:11px}.header nav{display:none;position:absolute;top:84px;left:0;right:0;background:var(--surface);padding:23px 6%;border-bottom:1px solid var(--line);gap:22px}.header nav.open{display:flex;align-items:stretch;flex-direction:column}.header .nav-cta{margin:0;display:flex;justify-content:space-between}.hero{padding:50px 6% 0;min-height:0}.hero-content{width:100%}.eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:24px}h1{font-size:clamp(48px,10.5vw,73px);letter-spacing:-3px}.heading-star{font-size:32px;margin-left:5px}.hero-description{max-width:340px;font-size:13px;line-height:1.85}.hero-actions{gap:18px}.button{font-size:10px;gap:20px;padding:16px}.text-link{font-size:10px;gap:14px}.location{font-size:9px;margin-top:30px}.hero-art{position:relative;top:auto;right:auto;width:115%;height:340px;margin:-25px -7% -20px;opacity:1}.art-coordinate{top:16%;right:8%;font-size:7px}.art-label{right:18%;bottom:12%;font-size:8px}.motion-toggle{right:7%;bottom:13%}.hero-bottom{font-size:6px;letter-spacing:1px;margin-top:0;padding:20px 0}.hero-bottom a span{margin-left:8px}.capability-strip{display:grid;grid-template-columns:1fr 20px 1fr;justify-items:center;row-gap:13px;padding:19px 5%;font-size:11px}.capability-strip i{font-size:16px}.capability-strip i:nth-of-type(2),.capability-strip i:last-child{display:none}.section{padding:55px 6%}.section-top{margin-bottom:28px;gap:15px}.section-note{font-size:8px}.section-top .text-link{font-size:9px;padding:0;gap:9px;max-width:145px;line-height:1.6}.section-heading{display:block;margin-bottom:30px}h2{font-size:44px;letter-spacing:-1.8px}.section-heading>p{font-size:12px;max-width:360px;margin:24px 0 0}.solution-grid{grid-template-columns:1fr 1fr}.solution{padding:20px 16px 24px 0}.solution+.solution{padding-left:16px}.solution:nth-child(3){border-left:0;padding-left:0;border-top:1px solid var(--line)}.solution:nth-child(4){border-top:1px solid var(--line)}.solution-icon{height:105px}.solution h3{font-size:24px}.solution>p{font-size:9px;min-height:28px}.solution-detail{font-size:10px}.projects{grid-template-columns:1fr;gap:28px}.project-featured{grid-column:auto}.project-featured .project-image,.project-image{height:245px}.project-caption{display:flex;align-items:flex-start}.project-caption h3{font-size:14px;max-width:185px}.project-caption>span{font-size:8px;max-width:110px;margin-top:2px;text-align:right}.project-tag{left:13px;bottom:13px;font-size:7px;padding:8px}.project-arrow{right:13px;bottom:13px;width:32px;height:32px}.about{grid-template-columns:1fr;gap:40px}.about-graphic{height:320px;order:2}.orbit{width:240px;height:240px;top:20px;margin-left:-120px}.orbit-core{top:69px}.about-copy h2{font-size:44px}.about-copy>p:not(.eyebrow){font-size:12px}.industries{padding-top:28px;padding-bottom:34px}.industries-row{flex-wrap:wrap;justify-content:flex-start;gap:13px 18px;font-size:17px}.industries-row i:nth-of-type(3){display:none}.contact{grid-template-columns:1fr;gap:35px}.contact h2{font-size:61px}.contact-copy>p:not(.eyebrow){margin-top:23px}.contact .eyebrow{font-size:8px}.contact form{max-width:none}.button-dark{padding:18px}.footer{padding:35px 6% 0}.footer-main{flex-wrap:wrap;justify-content:flex-start;gap:28px;padding-bottom:30px}.footer-main>p{font-size:10px;margin-left:auto}.footer-main>a:last-child{font-size:10px;width:100%}.footer-bottom{flex-wrap:wrap;font-size:8px;gap:15px}.footer-bottom>span:nth-child(2){order:3;width:100%}.footer-bottom>a{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.hero-art canvas{cursor:crosshair;touch-action:pan-y}.art-coordinate,.art-label{pointer-events:none}.hero-art canvas:focus-visible{outline-offset:-10px}

/* Four art directions. The original token names remain for easy customisation. */
:root{--surface:#1a1f1a;--body-muted:#a5ac9f;--subtle:#959f8e;--form-line:#92b94c;--form-muted:#48682b;--accent-hover:#d7ff92;--particle-rgb:196,246,99}
:root[data-theme="electric"]{--ink:#090f28;--paper:#eff5ff;--lime:#63e8fa;--surface:#111c3a;--line:#344267;--body-muted:#acbddc;--subtle:#94aacd;--form-line:#3996b2;--form-muted:#174d64;--accent-hover:#9ff4ff;--particle-rgb:99,232,250}
:root[data-theme="daylight"]{--ink:#f7f0e5;--paper:#342821;--lime:#a33d20;--surface:#eee3d3;--line:#cdbba8;--body-muted:#65564a;--subtle:#756353;--form-line:#bda18c;--form-muted:#6e4837;--accent-hover:#863019;--particle-rgb:163,61,32}
:root[data-theme="coastal"]{--ink:#f3f8f6;--paper:#133e40;--lime:#096d65;--surface:#e3efea;--line:#afc9c1;--body-muted:#456762;--subtle:#526f67;--form-line:#8ebeb0;--form-muted:#315c52;--accent-hover:#08534e;--particle-rgb:9,109,101}
[data-theme="electric"] h1,[data-theme="electric"] h2,[data-theme="electric"] h3{font-weight:650;letter-spacing:-.045em}
[data-theme="electric"] .serif{font-family:'DM Sans',Arial,sans-serif;font-style:normal;font-weight:650;letter-spacing:-.05em}
[data-theme="electric"] .hero{background-image:linear-gradient(#63e8fa06 1px,transparent 1px),linear-gradient(90deg,#63e8fa06 1px,transparent 1px);background-size:48px 48px}
[data-theme="electric"] .button,[data-theme="electric"] .nav-cta,[data-theme="electric"] .project-image,[data-theme="electric"] .project-tag{border-radius:0}
[data-theme="electric"] .solution-grid{gap:14px;border:0}
[data-theme="electric"] .solution{border:1px solid var(--line);padding:23px 20px;background:var(--surface)}
[data-theme="electric"] .heading-star{font-size:.55em}
[data-theme="daylight"] h1,[data-theme="daylight"] h2{font-family:var(--serif);font-weight:400;letter-spacing:-.035em}
[data-theme="daylight"] .hero h1{font-size:clamp(68px,7.4vw,116px)}
[data-theme="daylight"] .serif{font-style:italic}
[data-theme="daylight"] .button-lime{color:#fff8ee}
[data-theme="daylight"] .capability-strip{background:#a33d20;color:#fff5e8}
[data-theme="daylight"] .contact{background:#ead6bf;color:var(--paper)}
[data-theme="daylight"] .button-dark{background:var(--paper);color:#fff8ee}
[data-theme="daylight"] .project-arrow{background:#fff8ee;color:#342821}
[data-theme="daylight"] .project-tag{background:#fff8eee6;color:#342821;border-color:#ffffff88}
[data-theme="daylight"] .about-graphic{background:radial-gradient(ellipse,#a33d200d,transparent 70%)}
[data-theme="daylight"] .button,[data-theme="daylight"] .nav-cta{border-radius:2px}
[data-theme="daylight"] .solution h3{font-family:var(--serif);font-size:30px}
[data-theme="daylight"] .location-cross,[data-theme="coastal"] .location-cross{color:var(--lime)}
[data-theme="coastal"] .serif{font-family:'DM Sans',Arial,sans-serif;font-style:normal;font-weight:500;letter-spacing:-.055em}
[data-theme="coastal"] .button,[data-theme="coastal"] .nav-cta{border-radius:40px}
[data-theme="coastal"] .button-lime{color:#fff}
[data-theme="coastal"] .project-image{border-radius:22px}
[data-theme="coastal"] .project-tag{background:#133e40e6;color:#fff;border-radius:40px}
[data-theme="coastal"] .project-arrow{background:#fff;color:#133e40}
[data-theme="coastal"] .capability-strip{background:#d1e6dc;color:#133e40}
[data-theme="coastal"] .contact{background:#d1e6dc;color:#133e40}
[data-theme="coastal"] .button-dark{background:#133e40;color:#fff}
[data-theme="coastal"] .solution-grid{border:0;gap:16px}
[data-theme="coastal"] .solution{padding:22px;background:#e3efea;border:0;border-radius:20px}
[data-theme="coastal"] .screens span+span{background:#e3efea}
[data-theme="coastal"] .about-graphic{background:radial-gradient(ellipse,#096d650d,transparent 70%)}
.style-picker{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:min(740px,calc(100% - 28px));z-index:20;color:#f6f7f3;background:#18201ef5;border:1px solid #66756c;box-shadow:0 10px 45px #0005;border-radius:13px;backdrop-filter:blur(18px);font-family:'DM Sans',Arial,sans-serif}
.style-picker summary{list-style:none;display:flex;align-items:center;gap:15px;cursor:pointer;padding:13px 18px;font-size:12px;font-weight:550}
.style-picker summary::-webkit-details-marker{display:none}.style-picker summary>span:last-child{margin-left:auto}.style-picker details:not([open]) summary>span:last-child{transform:rotate(180deg)}
.picker-caption{color:#aebbb2;font-size:10px;font-weight:400}
.style-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:0 10px}
.style-options button{display:flex;align-items:center;text-align:left;gap:9px;padding:11px 9px;color:#f6f7f3;background:transparent;border:1px solid #516158;border-radius:7px}
.style-options button:hover{background:#2c3831}.style-options button[aria-pressed="true"]{border-color:#e5f2dc;background:#35433a;box-shadow:inset 0 0 0 1px #e5f2dc}
.style-options strong{display:block;font-size:10px;font-weight:550;line-height:1.5}.style-options small{display:block;font-size:8px;color:#c0cec3;margin-top:2px;white-space:nowrap}
.style-swatch{width:25px;height:28px;flex-shrink:0;border:1px solid #ffffff55;border-radius:4px;transform:rotate(-7deg)}
.swatch-original{background:linear-gradient(135deg,#111513 50%,#c4f663 50%)}.swatch-electric{background:linear-gradient(135deg,#090f28 50%,#63e8fa 50%)}.swatch-daylight{background:linear-gradient(135deg,#f7f0e5 50%,#a33d20 50%)}.swatch-coastal{background:linear-gradient(135deg,#f3f8f6 50%,#096d65 50%)}
#style-status{font-size:9px;color:#c0cec3;margin:9px 18px 12px;line-height:1.5}
.style-picker :focus-visible{outline-color:#e5f2dc;outline-offset:3px}
body{padding-bottom:150px}
@media(max-width:700px){.style-picker{bottom:10px}.style-options{grid-template-columns:repeat(2,1fr)}.style-options button{padding:8px 10px}.style-picker summary{padding:10px 15px}.style-swatch{height:24px}.style-options strong{font-size:10px}body{padding-bottom:200px}[data-theme="daylight"] .hero h1{font-size:clamp(49px,11vw,76px)}[data-theme="electric"] .solution,[data-theme="coastal"] .solution{padding:18px 12px}[data-theme="electric"] .solution-grid,[data-theme="coastal"] .solution-grid{gap:10px}[data-theme="daylight"] .solution h3{font-size:27px}}

/* Optional gradient finishes, tuned for contrast in each direction. */
:root{--wash-one:rgba(130,205,61,.25);--wash-two:rgba(15,171,127,.23);--wash-three:rgba(211,239,109,.12);--gradient-start:#d8ff80;--gradient-end:#64dfb2;--button-start:#d3fb7c;--button-end:#86e8aa;--accent-shadow:#87db7026;--card-wash:#a3e65b0b}
[data-theme="electric"]{--wash-one:rgba(14,152,205,.35);--wash-two:rgba(114,57,228,.4);--wash-three:rgba(35,83,234,.18);--gradient-start:#62f1ef;--gradient-end:#b9a0ff;--button-start:#86f9ea;--button-end:#95b9ff;--accent-shadow:#48aaf044;--card-wash:#67ceff12}
[data-theme="daylight"]{--wash-one:rgba(238,138,94,.26);--wash-two:rgba(208,111,142,.19);--wash-three:rgba(244,199,112,.22);--gradient-start:#ad4021;--gradient-end:#9a3e68;--button-start:#a33d20;--button-end:#953c62;--accent-shadow:#a33d2025;--card-wash:#af4d2310}
[data-theme="coastal"]{--wash-one:rgba(67,188,151,.22);--wash-two:rgba(84,166,205,.24);--wash-three:rgba(159,217,201,.24);--gradient-start:#096d65;--gradient-end:#225e96;--button-start:#096d65;--button-end:#225e96;--accent-shadow:#096d6525;--card-wash:#338f8a12}
.hero{isolation:isolate}.hero-art{z-index:1}
:root:not([data-finish="flat"]) .hero::before{content:'';position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(ellipse at 84% 37%,var(--wash-one),transparent 48%),radial-gradient(ellipse at 92% 85%,var(--wash-two),transparent 48%),radial-gradient(ellipse at 27% 100%,var(--wash-three),transparent 55%)}
:root:not([data-finish="flat"]) .button-lime{background:linear-gradient(115deg,var(--button-start),var(--button-end));box-shadow:0 7px 30px var(--accent-shadow);transition:transform .2s,box-shadow .2s}
:root:not([data-finish="flat"]) .button-lime:hover{box-shadow:0 10px 40px var(--accent-shadow);transform:translateY(-3px)}
:root:not([data-finish="flat"]) .solution{background-image:linear-gradient(145deg,var(--card-wash),transparent 70%)}
:root:not([data-finish="flat"]) .about-graphic{background:radial-gradient(ellipse at 40% 50%,var(--wash-one),transparent 70%),radial-gradient(ellipse at 75% 60%,var(--wash-two),transparent 65%)}
@supports (background-clip:text){:root:not([data-finish="flat"]) h1 .serif{background:linear-gradient(110deg,var(--gradient-start) 15%,var(--gradient-end) 95%);background-clip:text;-webkit-background-clip:text;color:transparent;padding-right:.05em}}
[data-finish="vivid"] .hero::before{background:radial-gradient(ellipse at 85% 20%,var(--wash-one) 0%,transparent 65%),radial-gradient(ellipse at 73% 85%,var(--wash-two) 0%,transparent 65%),radial-gradient(ellipse at 5% 50%,var(--wash-three) 0%,transparent 65%);filter:saturate(1.65)}
[data-finish="vivid"] .work{background-image:radial-gradient(ellipse at 100% 0%,var(--wash-two),transparent 50%)}
[data-finish="vivid"] .contact{background-image:radial-gradient(ellipse at 0% 0%,#ffffff30,transparent 65%),radial-gradient(ellipse at 100% 100%,#0000000b,transparent 65%)}
[data-finish="vivid"] .solution{background-image:linear-gradient(135deg,var(--card-wash),var(--wash-three))}
[data-finish="vivid"] .capability-strip{background-image:linear-gradient(100deg,#ffffff22,transparent 40%,#0000000c)}
.finish-options{display:flex;align-items:center;gap:5px;margin:11px 13px 0;padding-top:10px;border-top:1px solid #435148}
.finish-options>span{font-size:9px;color:#aebbb2;margin-right:auto}
.finish-options button{font-size:9px;color:#c0cec3;background:transparent;border:1px solid transparent;border-radius:5px;padding:6px 11px}
.finish-options button:hover{background:#2c3831}.finish-options button[aria-pressed="true"]{color:#f6f7f3;background:#35433a;border-color:#8a9d8d}
[data-theme="daylight"] .contact input,[data-theme="daylight"] .contact select,[data-theme="daylight"] .contact textarea,[data-theme="coastal"] .contact input,[data-theme="coastal"] .contact select,[data-theme="coastal"] .contact textarea{color:var(--paper)}
[data-theme="daylight"] .contact select option,[data-theme="coastal"] .contact select option{background:var(--surface)}
@media(max-width:700px){body{padding-bottom:245px}.finish-options{margin-top:9px}.finish-options button{padding:6px 9px}}