:root{--bg:#f4f3ef;--surface:#fff;--ink:#121313;--muted:#71716d;--line:rgba(18,19,19,.12);--blue:#a9c4da;--sans:"Manrope",Arial,sans-serif;--serif:"Cormorant Garamond",Georgia,serif;--container:1360px;--pad:clamp(20px,4.5vw,72px);--radius:clamp(24px,3vw,44px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.skip{position:fixed;z-index:99;top:8px;left:8px;transform:translateY(-150%);background:#111;color:#fff;padding:10px 16px;border-radius:12px}.skip:focus{transform:none}.header{position:fixed;z-index:50;top:18px;left:50%;transform:translateX(-50%);width:min(calc(100% - 36px),1360px);height:68px;padding:0 10px 0 24px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.75);border-radius:22px;background:rgba(247,247,245,.68);box-shadow:0 18px 60px rgba(20,25,30,.07),inset 0 1px #fff;backdrop-filter:blur(24px) saturate(150%);transition:.35s}.header.compact{height:58px;top:10px}.brand{font-weight:600;letter-spacing:.22em;font-size:16px}.header nav{display:flex;gap:34px;margin:auto;font-size:13px}.header nav a,.footer a{position:relative}.header nav a:after,.footer a:not(.brand):after,.text-link:after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s}.header nav a:hover:after,.footer a:hover:after,.text-link:hover:after{transform:scaleX(1);transform-origin:left}.header-cta,.button{border:0;border-radius:15px;padding:15px 20px;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;font-size:13px;font-weight:600}.header-cta{background:#171818;color:#fff}.dark{background:#171818;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.14)}.button span,.header-cta span{transition:transform .25s}.button:hover span,.header-cta:hover span{transform:translate(3px,-2px)}.menu-toggle{display:none;border:0;background:transparent;width:44px;height:44px}.menu-toggle i{display:block;width:20px;height:1px;background:#111;margin:5px auto}.hero{height:360vh;background:#eaeae7}.hero-sticky{position:sticky;top:0;height:100vh;overflow:hidden}.hero-media,.hero-shade,.hero-fallback{position:absolute;inset:0}.hero-media video{width:100%;height:100%;object-fit:cover}.hero-fallback{background:radial-gradient(circle at 68% 42%,rgba(184,213,230,.7),transparent 18%),linear-gradient(145deg,#f7f7f3 10%,#dfe5e6 48%,#eef0ed 80%)}.orb{position:absolute;width:48vw;height:48vw;right:-5vw;top:10vh;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff 0 5%,rgba(255,255,255,.7) 14%,rgba(169,195,213,.3) 45%,rgba(255,255,255,.08) 65%);box-shadow:inset -30px -30px 80px rgba(91,120,139,.12),0 40px 100px rgba(55,77,90,.12);filter:blur(.2px)}.browser{position:absolute;right:12vw;top:27vh;width:31vw;height:36vh;border:1px solid rgba(255,255,255,.75);border-radius:30px;background:rgba(255,255,255,.2);box-shadow:0 30px 90px rgba(45,55,60,.14),inset 0 1px #fff;backdrop-filter:blur(18px);transform:perspective(900px) rotateY(-9deg) rotateX(3deg)}.browser b,.browser i{position:absolute;top:20px;width:6px;height:6px;border-radius:50%;background:#fff}.browser b{left:24px}.browser i{left:38px}.browser i:nth-child(3){left:52px}.browser span{position:absolute;bottom:22px;right:25px;font-size:10px;letter-spacing:.2em}.mock-grid,.browser:after{content:"";position:absolute;inset:58px 22px 22px;background:linear-gradient(90deg,transparent 49.5%,rgba(255,255,255,.5) 50%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,rgba(255,255,255,.5) 50%,transparent 50.5%);background-size:50px 50px}.hero-shade{background:linear-gradient(90deg,rgba(245,245,241,.86) 0,rgba(245,245,241,.35) 55%,transparent)}.hero-content{position:relative;z-index:2;height:100%;padding:clamp(135px,17vh,190px) var(--pad) 8vh;max-width:1440px;margin:auto;display:flex;flex-direction:column}.eyebrow,.section-label{font-size:10px;letter-spacing:.23em;font-weight:600}.eyebrow b{color:#839eb1;margin:0 8px}.hero h1{font-size:clamp(45px,6.35vw,104px);font-weight:500;line-height:.94;letter-spacing:-.055em;margin:6vh 0 0;max-width:1150px}.hero h1 em,.approach-title em,.projects h2 em,.calc-intro h2 em,.contact h2 em{font-family:var(--serif);font-weight:500}.hero-bottom{margin-top:auto;display:grid;grid-template-columns:minmax(280px,470px) 1fr;gap:8vw;align-items:end}.hero-bottom>p{font-size:clamp(14px,1.2vw,18px);margin:0}.hero-bottom>div{display:flex;align-items:center;gap:24px}.text-link{position:relative;font-size:13px}.scroll-mark{position:absolute;z-index:2;right:var(--pad);bottom:6vh;display:flex;align-items:center;gap:15px;font-size:9px;letter-spacing:.16em}.scroll-mark i{height:1px;width:70px;background:#222}.scroll-mark b{font-size:10px}.hero-line{position:absolute;z-index:5;bottom:0;left:var(--pad);right:var(--pad);height:1px;background:#141515;transform:scaleX(0)}.section{max-width:var(--container);margin:auto;padding:clamp(100px,13vw,190px) var(--pad)}.approach{display:grid;grid-template-columns:repeat(12,1fr);gap:30px}.approach>.section-label{grid-column:1/4}.approach-title{grid-column:4/13}.approach h2,.projects h2,.calc-intro h2,.contact h2{font-size:clamp(46px,6vw,90px);line-height:.98;letter-spacing:-.055em;font-weight:500;margin:0}.approach-title>em{font-size:clamp(48px,6.5vw,100px);display:block;color:#798996}.approach-copy{grid-column:7/12;margin-top:80px;display:grid;grid-template-columns:1fr 1fr;gap:40px;font-size:16px}.approach-copy p{margin:0}.principles{grid-column:1/13;margin-top:100px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.principles article{padding:28px 45px 20px 0;border-right:1px solid var(--line)}.principles article+article{padding-left:40px}.principles article:last-child{border:0}.principles span,.label{color:var(--muted);font-size:10px;letter-spacing:.15em}.principles h3{font-size:21px;font-weight:500;margin:45px 0 12px}.principles p{color:var(--muted);max-width:330px}.projects{max-width:none;background:#171818;color:#f4f3ef;border-radius:var(--radius);overflow:hidden}.projects-head{display:grid;grid-template-columns:1fr .5fr;gap:40px;align-items:end;max-width:var(--container);margin:40px auto 75px}.projects-head p{color:#a7a8a4;max-width:360px}.shelf-nav{grid-column:2;display:flex;align-items:center;gap:17px}.shelf-nav button{border:1px solid #444;background:transparent;color:#fff;border-radius:50%;width:45px;height:45px}.shelf-nav span{font-size:11px}.shelf{display:flex;gap:25px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 max(var(--pad),calc((100vw - 1360px)/2 + var(--pad))) 20px}.shelf::-webkit-scrollbar{display:none}.project-card{flex:0 0 min(74vw,900px);scroll-snap-align:center}.mock{height:clamp(360px,54vw,680px);position:relative;border-radius:30px;overflow:hidden;background:#dfe9ed;color:#161819}.tone-warm .mock{background:#ded5c8}.tone-dark .mock{background:#313539;color:#fff}.tone-pearl .mock{background:#ece7e1}.mock-top{position:absolute;top:25px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em}.mock-word{position:absolute;z-index:2;left:5%;bottom:5%;font-size:clamp(50px,9vw,140px);font-weight:500;letter-spacing:-.08em;line-height:.8}.mock-grid{opacity:.45}.project-meta{display:grid;grid-template-columns:1fr auto;padding:25px 5px 40px}.project-meta span{color:#8f918d;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.project-meta h3{font-size:30px;margin:8px 0 4px}.project-meta p{margin:0;color:#a7a8a4}.metric{text-align:right}.metric b{display:block;font-size:30px;font-weight:500}.calculator{display:grid;grid-template-columns:4fr 7fr;gap:8vw}.calc-intro{position:sticky;top:120px;align-self:start}.calc-intro .section-label{margin-bottom:45px}.calc-intro p{max-width:440px;color:var(--muted);font-size:16px}.calc-status{margin-top:45px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px}.calc{background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.9);border-radius:35px;padding:28px;box-shadow:0 30px 80px rgba(30,35,35,.08);backdrop-filter:blur(20px)}.calc-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em}.progress{height:2px;background:#ddd;margin:20px 0 45px}.progress i{display:block;height:100%;width:16.66%;background:#1b1c1c;transition:.4s}.step{display:none;border:0;padding:0;margin:0;min-height:420px}.step.active{display:block}.step legend{font-size:clamp(28px,3vw,42px);letter-spacing:-.04em}.step>p{color:var(--muted);margin:5px 0 30px}.step>label:not(.range){display:flex;position:relative;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:17px 10px;cursor:pointer}.step>label:last-child{border-bottom:1px solid var(--line)}.step input[type=radio],.step input[type=checkbox]{appearance:none;width:20px;height:20px;border:1px solid #aaa;border-radius:50%;margin-right:18px;flex:none}.step input[type=checkbox]{border-radius:6px}.step input:checked{background:#1c1d1d;box-shadow:inset 0 0 0 5px #fff}.step label>span{margin-right:auto}.step label b{display:block;font-weight:500}.step label small,.step label>i{color:var(--muted);font-style:normal;font-size:11px}.range{display:block;margin:80px 0}.range input{width:100%;accent-color:#111}.range b{font-size:35px;margin-top:25px}.calc-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;align-items:end}.calc-bottom span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase}.calc-bottom strong{font-size:24px;font-weight:500}.calc-actions{display:flex;gap:8px}.back{border:0;background:none}.back:disabled{opacity:.3}.contact{max-width:none;background:#dbe5e8;display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-radius:var(--radius);padding-left:max(var(--pad),calc((100vw - 1360px)/2 + var(--pad)));padding-right:max(var(--pad),calc((100vw - 1360px)/2 + var(--pad)))}.contact .section-label{margin-bottom:40px}.contact p{max-width:500px}.lead-form{background:rgba(255,255,255,.45);padding:35px;border-radius:30px;border:1px solid rgba(255,255,255,.7)}.lead-form>label:not(.consent){display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:25px}.lead-form input:not([type=checkbox]),.lead-form textarea{display:block;width:100%;border:0;border-bottom:1px solid rgba(0,0,0,.2);background:transparent;padding:12px 0;outline:0;resize:none;font-size:15px}.lead-form input:focus,.lead-form textarea:focus{border-color:#111}.consent{display:flex;align-items:start;gap:10px;font-size:11px;margin-bottom:25px}.consent a{text-decoration:underline}.honeypot{position:absolute!important;left:-9999px}.form-status{font-size:12px}.footer{max-width:var(--container);margin:auto;padding:80px var(--pad) 35px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px}.footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer p{color:var(--muted);font-size:12px}.footer .label{margin-bottom:13px}.footer small{grid-column:1/4;margin-top:50px;color:var(--muted)}.to-top{margin-top:50px;text-align:right}.cookie{position:fixed;z-index:60;left:20px;bottom:20px;width:min(410px,calc(100% - 40px));padding:18px;display:none;align-items:center;gap:14px;border:1px solid #fff;border-radius:18px;background:rgba(255,255,255,.8);box-shadow:0 20px 60px rgba(0,0,0,.12);backdrop-filter:blur(20px);font-size:11px}.cookie.visible{display:flex}.cookie p{margin:0}.cookie button{background:#111;color:#fff;border:0;border-radius:10px;padding:9px 12px}.legal{max-width:900px;margin:auto;padding:150px var(--pad) 100px}.legal h1{font-size:clamp(42px,7vw,76px);line-height:1}.legal h2{margin-top:45px}.legal p,.legal li{color:#595a57}.not-found{text-align:center;min-height:75vh;display:grid;place-content:center}.not-found b{font-size:clamp(100px,25vw,300px);line-height:.7;color:#d4d7d5}
@media(max-width:800px){.header{height:58px;padding-left:18px}.header nav,.header-cta{display:none}.header nav.open{display:flex;position:absolute;top:68px;left:0;right:0;padding:25px;flex-direction:column;gap:20px;border:1px solid #fff;border-radius:20px;background:rgba(250,250,248,.92);backdrop-filter:blur(20px)}.menu-toggle{display:block;margin-left:auto}.hero{height:180vh}.hero-content{padding-top:120px}.hero h1{font-size:clamp(42px,12.3vw,62px)}.hero-bottom{grid-template-columns:1fr;gap:24px}.hero-bottom>div{align-items:flex-start;flex-direction:column;gap:15px}.scroll-mark{display:none}.browser{width:66vw;height:29vh;right:-10vw;top:47vh}.orb{width:90vw;height:90vw;right:-35vw;top:34vh}.approach{display:block}.approach-title{margin-top:38px}.approach-copy{margin-top:50px;grid-template-columns:1fr}.principles{margin-top:70px;grid-template-columns:1fr}.principles article,.principles article+article{border-right:0;border-bottom:1px solid var(--line);padding:25px 0}.principles h3{margin-top:25px}.projects{border-radius:28px}.projects-head{grid-template-columns:1fr;margin-bottom:45px}.projects-head p,.shelf-nav{grid-column:1}.project-card{flex-basis:88vw}.mock{height:110vw}.project-meta{grid-template-columns:1fr}.metric{text-align:left;margin-top:20px}.calculator{grid-template-columns:1fr}.calc-intro{position:static}.calc{padding:20px;border-radius:25px}.step{min-height:470px}.step>label:not(.range){padding:14px 3px}.step label>i{display:none}.calc-bottom{align-items:start;gap:20px;flex-direction:column}.calc-actions{width:100%;justify-content:space-between}.contact{grid-template-columns:1fr}.footer{grid-template-columns:1fr 1fr}.footer>div:first-child{grid-column:1/3}.footer small{grid-column:1}.to-top{margin-top:0}.cookie{align-items:flex-start;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero{height:100vh}.hero-sticky{position:relative}.hero-media video{display:none}}:focus-visible{outline:2px solid #617b8b;outline-offset:4px}