:root{--ink:#242522;--paper:#f0eee8;--bronze:#967451;--line:#25262030;--muted:#72746a;--pad:4.5vw}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,pre:focus-visible{outline:2px solid var(--bronze);outline-offset:6px}[hidden]{display:none!important}::selection{background:#c7ad8d;color:#242522}img{max-width:100%;display:block}.skip{position:fixed;left:20px;top:-70px;z-index:100;background:var(--ink);color:var(--paper);padding:15px}.skip:focus{top:10px}header{height:106px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);border-bottom:1px solid var(--line)}.logo{font-size:23px;letter-spacing:-1.3px;line-height:1;font-weight:700}.logo span{display:block;font-size:7px;letter-spacing:4px;font-weight:400;margin-top:8px}header nav{display:flex;gap:36px;align-items:center;font-size:12px}header nav a{padding:12px 0;position:relative}header nav a:after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}header nav a:hover:after{transform:scaleX(1)}.nav-cta{margin-left:40px}.nav-cta span{margin-left:22px}.menu-button{display:none}.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:1.6px;line-height:1.8}.hero{padding:28px var(--pad) 0}.hero-eyebrow{display:flex;justify-content:space-between;align-items:center}.hero-main{position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:665px;margin-top:27px}.hero-copy{position:relative;z-index:2;pointer-events:none;padding-top:8px}.hero-copy a{pointer-events:auto}.hero-index{font-size:10px;color:var(--bronze);letter-spacing:2px;display:block;margin-bottom:28px}h1{font-size:clamp(54px,6.25vw,110px);font-weight:400;letter-spacing:-.064em;line-height:1.025;margin:0;white-space:nowrap}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--bronze);letter-spacing:-.065em}.hero h1 em{font-size:1.19em;line-height:1.2}.hero-bottom{margin-top:32px;display:flex;align-items:center;gap:40px}.hero-bottom p{font-size:12px;line-height:1.8;margin:0;max-width:270px;color:#65665d}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:20px 24px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);font-size:11px;line-height:1.3;transition:background .25s,color .25s,transform .25s;white-space:nowrap}.button>span{font-size:20px;font-weight:400;line-height:1}.button:hover{background:var(--bronze);border-color:var(--bronze);color:white;transform:translateY(-2px)}.button.light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.button.light:hover{background:#b09474;border-color:#b09474}.hero-art{margin:0;position:absolute;right:0;top:0;width:55%;height:100%;overflow:hidden;background:#ded4c4}.hero-art:after{position:absolute;content:'';inset:0;background:linear-gradient(90deg,#f0eee825,transparent 30%);pointer-events:none}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:58% 50%;transition:transform 1.8s cubic-bezier(.16,1,.3,1)}.hero-art:hover img{transform:scale(1.035)}.hero-art figcaption{display:flex;justify-content:space-between;gap:10px;position:absolute;bottom:19px;left:22px;right:22px;font-size:6px;letter-spacing:1.6px;color:#eee9df;z-index:2;mix-blend-mode:difference}.image-corner{position:absolute;right:22px;top:22px;border:1px solid #25262040;width:27px;height:27px;display:grid;place-items:center;font-family:Georgia,serif;font-size:18px}.hero-footer{display:flex;justify-content:space-between;align-items:center;padding:29px 0 36px;font-size:10px;line-height:1.6}.hero-footer>a{font-size:11px;display:flex;gap:42px;align-items:center}.hero-footer>a>span{font-size:20px}.hero-footer-note{color:var(--muted)}.discipline-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;padding:26px var(--pad);gap:24px;overflow:hidden}.discipline-strip>span{font-size:clamp(20px,2.3vw,40px);letter-spacing:-1.2px}.discipline-strip i{font-style:normal;font-size:24px;color:var(--bronze)}.section{padding:100px var(--pad) 110px}.section-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:65px}.section-top p{font-size:11px;line-height:1.8;margin:0;width:260px;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}h2{font-weight:400;font-size:clamp(38px,4.9vw,82px);letter-spacing:-.06em;line-height:1.06;margin:0}h2 em{font-size:1.05em}.muted{font-size:12px;line-height:1.8;color:var(--muted)}.section-heading>.muted{width:260px;margin:0 0 5px}.project{display:block}.project-art{position:relative;overflow:hidden;isolation:isolate}.project-wide .project-art{height:660px}.riviera>img{width:100%;height:100%;object-fit:cover;object-position:center 55%;transition:transform 1.1s cubic-bezier(.22,1,.36,1)}.project:hover .riviera>img{transform:scale(1.035)}.riviera:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#161f164f,transparent 45%);z-index:0;pointer-events:none}.concept-tag{position:absolute;top:25px;left:28px;font-size:8px;letter-spacing:1.3px;z-index:2;color:inherit}.riviera .concept-tag{background:#f0eee8e6;color:var(--ink);padding:11px 14px;top:26px;left:26px}.r-word{position:absolute;left:4%;bottom:8%;font-family:Georgia,serif;color:#fff7e7;font-size:clamp(55px,8vw,130px);letter-spacing:.025em;z-index:1;line-height:.9}.r-word>span{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:5px;margin-top:23px}.round-arrow{position:absolute;bottom:30px;right:30px;border:1px solid #ffffff80;color:white;width:57px;height:57px;display:grid;place-items:center;border-radius:50%;font-size:23px;z-index:3;transition:background .3s,transform .3s}.project:hover .round-arrow{background:var(--paper);color:var(--ink);transform:rotate(45deg)}.project-label{display:flex;align-items:baseline;gap:30px;padding:24px 0 65px}.project-label h3{font-size:25px;letter-spacing:-1px;font-weight:400;margin:0}.project-label p{font-size:12px;margin:0}.project-label>span{margin-left:auto;font-size:10px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.project-grid .project-art{height:640px}.project-grid .project-label{display:grid;grid-template-columns:auto 1fr;gap:10px 22px;padding-bottom:35px}.project-grid .project-label>span{grid-column:1/-1;margin:0}.nexus{background:radial-gradient(ellipse at 90% 0%,#43545b,#1d2d35 65%);color:#eff5ed}.n-word{position:absolute;top:88px;left:40px;font-size:67px;letter-spacing:-4px;line-height:1}.n-word>span{display:block;font-size:7px;letter-spacing:2.5px;margin-top:15px}.browser-mock{position:absolute;left:10%;top:238px;width:102%;height:340px;background:#eef0e8;color:#22362e;padding:24px;transform:perspective(1200px) rotateY(-12deg) rotateZ(-7deg);transform-origin:center;box-shadow:0 30px 60px #06161bb0;border-radius:8px;border:5px solid #728280;transition:transform .7s cubic-bezier(.22,1,.36,1)}.project:hover .browser-mock{transform:perspective(1200px) rotateY(-6deg) rotateZ(-4deg) translateY(-5px)}.mock-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #23352d20;padding-bottom:18px;margin-bottom:25px}.mock-bar b{font-size:21px;letter-spacing:-1px}.mock-bar>span{font-size:7px}.mock-bar i{font-style:normal}.browser-mock>small{font-size:6px;letter-spacing:1.2px}.browser-mock>strong{font-size:30px;font-weight:400;letter-spacing:-1px;line-height:1.05;display:block;margin-top:9px;position:relative;z-index:1}.chart{position:absolute;bottom:55px;right:23px;width:39%;height:130px;display:flex;align-items:end;gap:6px;transform:skewY(-8deg);border-bottom:1px solid #748e762b}.chart i{height:20%;background:linear-gradient(#587e6e,#a4b7a2);flex:1}.chart i:nth-child(2n){height:35%}.chart i:nth-child(3n){height:45%}.chart i:nth-child(n+7){height:65%}.chart i:nth-child(n+10){height:90%}.mock-side{position:absolute;bottom:65px;left:25px;display:flex;flex-direction:column;gap:8px}.mock-side>span{font-size:7px}.mock-side b{font-weight:400;font-family:Georgia,serif;font-size:23px;line-height:1.05}.mock-side small{font-size:4px;letter-spacing:1px}.mock-bottom{position:absolute;bottom:20px;left:25px;right:25px;display:flex;justify-content:space-between;border-top:1px solid #23352d20;padding-top:10px;font-size:6px}.vita{background:#cdd3be;color:#31452f}.v-word{position:absolute;left:35px;top:85px;font-family:Georgia,serif;font-size:102px;letter-spacing:-6px;line-height:.8}.v-word>span{display:block;font:7px Arial,sans-serif;letter-spacing:2.2px;margin-top:22px}.vita-orbit{position:absolute;width:490px;height:490px;border:1px solid #73865b45;border-radius:50%;left:15%;top:230px;box-shadow:0 0 0 45px #73865b09,0 0 0 90px #73865b09,0 0 0 135px #73865b05}.vita-note{position:absolute;bottom:70px;left:35px;font-size:14px;line-height:1.4;letter-spacing:-.3px;max-width:160px}.vita-note>span{display:block;font-size:5px;letter-spacing:1px;margin-top:15px}.phone{position:absolute;right:11%;top:148px;width:220px;height:433px;border:6px solid #f9f9f4;border-radius:35px;background:#f9f7ee;padding:20px;color:#364634;box-shadow:8px 15px 1px #72846828,20px 35px 55px #57634960;transform:rotate(10deg);transition:transform .7s cubic-bezier(.22,1,.36,1)}.project:hover .phone{transform:rotate(5deg) translateY(-6px)}.phone-top{display:flex;justify-content:space-between;font-size:8px;margin-bottom:28px}.phone>small{font-size:6px;letter-spacing:1px}.phone>strong{display:block;font-size:30px;font-weight:400;letter-spacing:-1px;line-height:1.05;margin-top:10px}.progress-ring{width:115px;height:115px;margin:19px auto 17px;border:10px solid #dfe5d1;border-top-color:#688f55;border-right-color:#688f55;border-radius:50%;display:grid;place-items:center;text-align:center;font-size:8px}.progress-ring big{display:block;font-size:24px;margin-top:2px}.habit{display:flex;gap:9px;font-size:8px;background:#e9eddf;margin-top:6px;padding:12px 7px;border-radius:7px}.habit b{margin-left:auto}.phone-nav{text-align:center;font-size:17px;margin-top:19px}.project-disclaimer{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:22px;line-height:1.7;margin:10px 0 0}.services{background:var(--ink);color:var(--paper);position:relative}.services .section-top p,.services .muted{color:#a2a497}.services .section-top{margin-bottom:60px}.services>h2{margin-bottom:65px}.services>h2 em{color:#b59a79}.service-list>a{display:grid;grid-template-columns:5% 28% 1fr 150px 25px;gap:20px;align-items:center;border-top:1px solid #ffffff30;padding:37px 0;transition:padding .35s,color .35s}.service-list>a:last-child{border-bottom:1px solid #ffffff30}.service-num{align-self:start;padding-top:10px;color:#979b8b;font-size:10px}.service-list h3{font-size:66px;font-weight:400;letter-spacing:-3px;margin:0;line-height:1}.service-list h3>span{display:block;font-size:9px;letter-spacing:.8px;margin-top:13px;color:#a7ab9b}.service-list p{font-size:12px;line-height:1.8;color:#b7baac;margin:0}.price{font-size:13px}.service-list b{font-weight:400;font-size:28px}.service-list>a:hover{color:#c5ac8d;padding-left:15px}.launch{margin-top:85px;padding:45px 0;display:grid;grid-template-columns:1.3fr 1fr;gap:10%;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30}.launch .eyebrow{color:#b29674}.launch h3{font-size:clamp(35px,3.7vw,61px);line-height:1.1;letter-spacing:-2.6px;font-weight:400;margin:30px 0 0}.launch h3 em{color:#b79e7c;display:block}.launch p{font-size:13px;line-height:1.9;color:#b9bdae;margin:0 0 25px}.launch strong{font-weight:400;font-size:25px;letter-spacing:-.8px}.text-link{display:inline-flex;gap:25px;padding:12px 0;border-bottom:1px solid currentColor;font-size:12px}.launch .text-link{display:flex;justify-content:space-between;margin-top:25px;max-width:280px}.launch small{display:block;font-size:10px;line-height:1.6;color:#969c8c;margin-top:15px}.support{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0;border-bottom:1px solid #ffffff30;font-size:11px}.support p{color:#a7ac9c}.price-note{font-size:9px;margin-top:18px}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.founder-type{background:#dcd7ca;min-height:630px;display:flex;flex-direction:column;align-items:start;padding:38px;position:relative;overflow:hidden}.founder-type:after{content:'';width:500px;height:500px;border:1px solid #94856b20;border-radius:50%;position:absolute;right:-270px;bottom:-100px;box-shadow:0 0 0 50px #94856b09,0 0 0 100px #94856b06;pointer-events:none}.founder-type>.eyebrow{font-size:7px;color:#696858}.founder-type blockquote,.founder-type .manifesto{font-size:clamp(25px,3vw,49px);font-weight:400;letter-spacing:-2px;line-height:1.12;margin:80px 0 35px;max-width:none;color:var(--ink)}.founder-type blockquote em,.founder-type .manifesto em{font-size:1.25em;color:#85704f}.signature{font-family:Georgia,serif;font-size:45px;font-style:italic;letter-spacing:-3px;transform:rotate(-8deg);margin:10px 0 35px;color:#70644d}.founder-type small{font-size:8px;line-height:1.7;letter-spacing:1.4px;margin-top:auto}.studio-grid>div>h2{margin-bottom:35px}.studio-grid>div>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:440px}.founder-name{border-top:1px solid var(--line);margin-top:35px;padding-top:28px}.founder-name strong{display:block;font-weight:400;font-size:20px;letter-spacing:-.5px}.founder-name span{display:block;font-size:10px;color:var(--muted);margin-top:9px}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:90px}.process>div{border-top:1px solid var(--line);padding-top:24px}.process small{font-size:8px;letter-spacing:1.5px;color:var(--bronze)}.process h3{font-size:26px;font-weight:400;letter-spacing:-1px;margin:38px 0 18px}.process p{font-size:12px;line-height:1.8;color:var(--muted)}.contact{background:#dcd8cd}.contact .section-top{border-top:1px solid var(--line);padding-top:24px}.contact .section-top>span:last-child{font-size:10px;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact h2{font-size:clamp(44px,5.8vw,98px)}.contact-grid>div>p{max-width:320px;font-size:13px;line-height:1.9;color:#68695f;margin-top:30px}.dot{width:5px;height:5px;border-radius:50%;display:inline-block;background:var(--bronze);flex-shrink:0}.contact-note{display:flex;gap:12px;margin-top:58px;align-items:start}.contact-note .dot{margin-top:7px}.contact-note p{font-size:10px;line-height:1.8;color:#68695f;margin:0}form label{display:block;font-size:10px;color:#55594d}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:28px}input,select,textarea{font-size:12px;display:block;width:100%;border:0;border-bottom:1px solid #333a3355;background:transparent;color:var(--ink);padding:16px 0;margin:0 0 28px;min-height:48px;border-radius:0}input::placeholder,textarea::placeholder{color:#76776e}textarea{resize:vertical}select option{background:var(--paper);color:var(--ink)}.contact .button.light{background:var(--ink);color:var(--paper);border-color:var(--ink)}.contact .button.light:hover{background:var(--bronze);border-color:var(--bronze)}.form-caption{font-size:9px;color:var(--muted);line-height:1.8;margin-top:15px}#brief-result{border:1px solid var(--line);padding:22px;margin-top:25px}#brief-result h3{font-size:22px;font-weight:400;letter-spacing:-.7px}#brief-result p{font-size:11px;line-height:1.7}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 Arial,sans-serif;background:#ffffff25;padding:18px}footer{background:var(--ink);color:var(--paper);padding:55px var(--pad) 30px;overflow:hidden}.footer-word{font-size:12.7vw;letter-spacing:-.08em;font-weight:700;line-height:1;white-space:nowrap;position:relative;margin-left:-.007em}.footer-word span{font-size:20px;position:absolute;top:10px;right:0;font-weight:400}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff30;margin-top:35px;padding-top:25px;gap:25px}.footer-bottom>.logo{display:none}.footer-bottom>span,.footer-bottom>a{font-size:9px;color:#abaf9e}.footer-bottom>a{color:var(--paper)}#detail-view{min-height:80vh}.detail-intro{padding:55px var(--pad) 45px}.back{display:inline-block;font-size:11px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:55px}.detail-intro h1{font-size:clamp(70px,12vw,180px);letter-spacing:-.06em;line-height:1.05;margin:22px 0}.detail-lead{font-size:26px;letter-spacing:-1px;line-height:1.4;max-width:700px}.detail-meta{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:25px;margin-top:40px;font-size:10px}.detail-visual{margin:0 var(--pad);height:650px}.detail-visual .project-art{height:100%}.detail-visual .browser-mock{left:26%;width:60%;height:400px;top:170px}.detail-visual .n-word{left:6%;top:100px}.detail-visual .phone{right:29%;top:90px;transform:rotate(8deg) scale(1.14)}.detail-visual .v-word{left:10%;top:130px;font-size:160px}.detail-visual .vita-note{left:10%;bottom:100px;font-size:24px}.detail-visual .vita-note>span{font-size:8px}.detail-body{display:grid;grid-template-columns:1fr 1fr;gap:65px 10%;padding:80px var(--pad)}.detail-body h2{font-size:35px;letter-spacing:-1.6px;margin-top:18px}.detail-body p,.detail-body li{font-size:14px;line-height:1.9;color:var(--muted)}.detail-body ul{padding-left:20px}.detail-cta{background:#dcd8cd;padding:65px var(--pad);display:flex;justify-content:space-between;align-items:center;gap:30px}.detail-cta h2{font-size:44px}.case-system{margin:0 var(--pad);padding:55px 0 70px;border-top:1px solid var(--line)}.case-system>h2{font-size:44px;margin:22px 0 40px}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.brand-board{padding:40px;background:#ded8c9;min-height:390px;display:flex;flex-direction:column;justify-content:space-between}.brand-board>span{font:60px Georgia,serif;letter-spacing:8px;color:#706548}.brand-board>p{font:24px/1.3 Georgia,serif;color:#706548}.swatches{display:flex;height:110px}.swatches>span{flex:1;display:flex;align-items:end;padding:12px;font-size:7px;letter-spacing:1px}.palette-notes{font-size:11px;line-height:1.8;color:var(--muted);margin-top:17px}.type-board{background:#282d25;color:#ede8da;padding:40px;display:flex;flex-direction:column;justify-content:space-between;min-height:390px}.type-board>span{font:100px Georgia,serif;letter-spacing:-6px}.type-board>p{font-size:10px;letter-spacing:2px;line-height:2}.type-board>strong{font:30px Georgia,serif}.screen-board{background:#e1e5df;padding:35px;min-height:390px;display:flex;flex-direction:column;gap:25px}.screen-board>small{font-size:8px;letter-spacing:1px}.screen-board>h3{font-size:36px;font-weight:400;letter-spacing:-1.5px;margin:0}.screen-board>p{font-size:12px;line-height:1.8;max-width:370px}.screen-steps{display:flex;gap:10px;flex-wrap:wrap}.screen-steps>span{padding:12px 15px;border:1px solid #23362b30;font-size:11px}.screen-board.dark{background:#1d2d35;color:#e8efdf}.ui-row{border-top:1px solid #74897b55;display:flex;justify-content:space-between;padding:17px 0;font-size:11px}.ui-row b{font-weight:400}.ui-pill{border-radius:25px;padding:12px 20px;background:#d5e3cc;color:#314b30;align-self:start;font-size:10px}.service-packages{display:grid;grid-template-columns:repeat(3,1fr);margin:0 var(--pad) 75px;border-top:1px solid var(--line)}.service-packages>div{padding:30px 30px 20px 0;border-right:1px solid var(--line);margin-right:30px}.service-packages>div:last-child{border-right:0;margin:0}.service-packages small{font-size:8px;letter-spacing:1px;color:var(--bronze)}.service-packages h3{font-weight:400;font-size:28px;letter-spacing:-1px;margin:25px 0 15px}.service-packages p{font-size:12px;line-height:1.8;color:var(--muted)}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:enter .9s both}.hero-art{animation:enter 1.1s .1s both}@keyframes enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.reveal-pending{opacity:0;transform:translateY(25px)}.reveal-visible{opacity:1;transform:translateY(0);transition:opacity .8s,transform .8s cubic-bezier(.16,1,.3,1)}}
@media(min-width:1800px){body{max-width:2000px;margin:auto}.hero-main{min-height:790px}}@media(max-width:1100px){.hero-main{min-height:590px}.hero-bottom{gap:18px;align-items:start;flex-direction:column}.hero-bottom p{font-size:11px}.hero-art{width:56%}.hero h1{font-size:6.65vw}.hero-art img{object-position:60% 50%}.project-grid .project-art{height:560px}.phone{right:7%;width:195px;height:410px;padding:17px}.v-word{font-size:87px;left:27px}.vita-note{font-size:11px;left:25px;max-width:100px}.browser-mock{top:230px;padding:18px}.browser-mock>strong{font-size:26px}.n-word{left:30px;font-size:60px}.service-list>a{grid-template-columns:4% 26% 1fr 130px 20px;gap:12px}.service-list h3{font-size:53px}.service-list p{font-size:11px}.studio-grid{gap:7%}.founder-type{padding:28px;min-height:560px}.signature{font-size:36px}.launch{gap:7%}.contact-grid{gap:6%}header nav{gap:25px}.nav-cta{margin-left:10px}.project-label{gap:16px;flex-wrap:wrap}.project-label>span{margin-left:0}.detail-visual .browser-mock{width:70%;left:20%}}
@media(max-width:700px){:root{--pad:6vw}header{height:82px;position:relative;z-index:20}.logo{font-size:20px}.logo span{font-size:6px;letter-spacing:3.5px}.menu-button{display:block;background:none;color:var(--ink);border:0;padding:15px 0 15px 20px;font-size:11px}.menu-button span{font-size:20px;margin-left:12px}header nav{display:none;position:absolute;top:82px;left:0;width:100%;padding:18px var(--pad) 30px;background:var(--paper);border-bottom:1px solid var(--line);align-items:stretch;flex-direction:column;gap:0;box-shadow:0 20px 30px #2222220a}header nav.open{display:flex}header nav a{font-size:17px;padding:18px 0}.nav-cta{margin:0}.nav-cta>span{float:right}.hero{padding-top:22px}.hero-eyebrow>.eyebrow{font-size:7px;letter-spacing:1.1px}.hero-eyebrow>.eyebrow:last-child{max-width:100px;text-align:right;font-size:6px}.hero-main{display:flex;flex-direction:column;align-items:stretch;min-height:0;margin-top:32px}.hero-copy{padding:0}.hero-index{font-size:8px;margin-bottom:20px}.hero h1{font-size:clamp(35px,8.7vw,60px);line-height:1.065;letter-spacing:-.063em}.hero h1 em{font-size:1.23em}.hero-bottom{flex-direction:row;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;margin-bottom:30px}.hero-bottom p{font-size:9px;line-height:1.8;max-width:160px}.hero-bottom p br{display:none}.button{font-size:10px;padding:17px 16px;gap:18px;white-space:normal}.button>span{font-size:17px}.hero-art{position:relative;top:auto;right:auto;width:100%;height:330px;margin:0}.hero-art img{object-position:55% 50%}.hero-art figcaption{font-size:5px;left:15px;right:15px;bottom:15px;letter-spacing:1px}.image-corner{width:22px;height:22px;font-size:15px;right:15px;top:15px}.hero-footer{padding:23px 0 30px;font-size:8px;gap:20px}.hero-footer>a{font-size:9px;gap:22px}.hero-footer-note{display:none}.discipline-strip{gap:24px;padding:20px var(--pad);justify-content:flex-start}.discipline-strip>span{font-size:19px;letter-spacing:-.8px;white-space:nowrap}.discipline-strip i{font-size:17px}.discipline-strip>span:nth-of-type(n+3),.discipline-strip>i:nth-of-type(n+3){display:none}.section{padding:58px var(--pad) 65px}.section-top{margin-bottom:38px;gap:22px}.section-top p{font-size:9px;max-width:145px;width:auto}.eyebrow{font-size:7px;letter-spacing:1.2px}.section-heading{display:block;margin-bottom:30px}h2{font-size:42px;letter-spacing:-2.5px}.section-heading>.muted{font-size:10px;margin-top:22px;width:auto}.project-wide .project-art{height:450px}.riviera>img{object-position:56% center}.riviera .concept-tag{top:16px;left:16px;padding:8px 10px;font-size:6px}.r-word{font-size:48px;bottom:11%;left:7%;letter-spacing:0}.r-word>span{font-size:6px;letter-spacing:3px;margin-top:15px}.round-arrow{width:40px;height:40px;font-size:19px;bottom:18px;right:18px}.project-label{padding:18px 0 40px;gap:9px 15px}.project-label h3{font-size:22px}.project-label p{font-size:10px}.project-label>span{flex-basis:100%;font-size:8px}.project-grid{grid-template-columns:1fr;gap:0}.project-grid .project-art{height:490px}.project-grid .project-label{display:flex;padding-bottom:40px;gap:9px 15px}.concept-tag{font-size:6px;top:20px;left:22px}.n-word{top:75px;left:25px;font-size:56px}.n-word>span{font-size:6px}.browser-mock{top:220px;left:8%;width:112%;height:280px;padding:17px}.mock-bar{margin-bottom:18px;padding-bottom:13px}.mock-bar>span{font-size:6px}.mock-bar b{font-size:18px}.browser-mock>strong{font-size:25px}.browser-mock>small{font-size:5px}.mock-side{bottom:55px;left:18px}.mock-side b{font-size:19px}.mock-side small{font-size:4px}.chart{height:90px;bottom:55px;right:18px;width:35%}.mock-bottom{font-size:5px;left:18px;right:18px;bottom:16px}.v-word{font-size:80px;top:78px;left:25px}.v-word>span{font-size:6px;letter-spacing:1.4px;margin-top:18px}.phone{right:8%;top:150px;width:180px;height:365px;border-width:5px;padding:15px;border-radius:28px}.phone-top{font-size:6px;margin-bottom:24px}.phone>strong{font-size:27px}.phone>small{font-size:5px}.progress-ring{width:95px;height:95px;border-width:8px;margin:15px auto}.progress-ring big{font-size:19px}.habit{font-size:6px;padding:9px 6px}.phone-nav{font-size:14px;margin-top:13px}.vita-note{left:20px;bottom:52px;max-width:87px;font-size:10px}.vita-note>span{font-size:4px;letter-spacing:.5px}.project-disclaimer{font-size:8px;margin:0;line-height:1.8}.services>h2{margin-bottom:35px}.services .section-top{margin-bottom:35px}.service-list>a{grid-template-columns:25px 1fr 25px;gap:12px;padding:25px 0}.service-num{font-size:8px;padding-top:8px}.service-list h3{font-size:49px;letter-spacing:-2.5px}.service-list h3>span{font-size:7px;margin-top:10px;letter-spacing:.4px}.service-list p{grid-column:2;grid-row:2;font-size:10px;line-height:1.7;margin:5px 0}.service-list .price{grid-column:2;grid-row:3;font-size:12px}.service-list b{grid-column:3;grid-row:1;font-size:23px}.service-list>a:hover{padding-left:0}.launch{grid-template-columns:1fr;margin-top:45px;padding:30px 0;gap:30px}.launch h3{font-size:38px;letter-spacing:-2px;margin-top:25px}.launch p{font-size:11px}.launch strong{font-size:22px}.launch .text-link{font-size:11px}.launch small{font-size:9px}.support{flex-direction:column;align-items:start;gap:8px;font-size:10px;padding:25px 0}.support p{font-size:10px;margin:0}.price-note{font-size:8px;line-height:1.8}.studio-grid{grid-template-columns:1fr;gap:42px}.founder-type{min-height:450px;padding:28px}.founder-type>.eyebrow{font-size:6px}.founder-type blockquote,.founder-type .manifesto{font-size:36px;margin:52px 0 22px;letter-spacing:-1.8px}.signature{font-size:37px;margin:5px 0 28px}.founder-type small{font-size:7px}.studio-grid>div>h2{margin-bottom:25px}.studio-grid>div>p{font-size:12px}.founder-name{margin-top:28px;padding-top:23px}.founder-name strong{font-size:19px}.founder-name span{font-size:9px}.process{grid-template-columns:1fr;gap:28px;margin-top:50px}.process>div{padding-top:20px}.process small{font-size:7px}.process h3{font-size:25px;margin:23px 0 14px}.process p{font-size:11px;margin:0}.contact .section-top>span:last-child{display:none}.contact-grid{grid-template-columns:1fr;gap:35px}.contact h2{font-size:50px}.contact-grid>div>p{font-size:11px;margin-top:25px;max-width:290px}.contact-note{margin-top:25px}.contact-note p{font-size:9px}.form-row{gap:18px}form label{font-size:9px}input,select,textarea{font-size:16px;margin-bottom:25px;padding:14px 0}.form-caption{font-size:8px}.contact .button{font-size:11px;padding:18px 22px}.footer-word{font-size:12.5vw;letter-spacing:-.08em}.footer-word span{font-size:10px;top:0;right:-8px}.footer-bottom{flex-wrap:wrap;gap:20px;margin-top:25px;padding-top:20px}.footer-bottom>span:first-of-type{display:none}.footer-bottom>span,.footer-bottom>a{font-size:8px}footer{padding-top:35px;padding-bottom:25px}.detail-intro{padding-top:35px;padding-bottom:30px}.back{font-size:10px;margin-bottom:35px}.detail-intro h1{font-size:16vw;letter-spacing:-.06em;white-space:normal}.detail-lead{font-size:21px;letter-spacing:-.7px;line-height:1.4}.detail-meta{font-size:8px;gap:14px;flex-wrap:wrap;line-height:1.7;padding-top:20px;margin-top:30px}.detail-visual{height:450px}.detail-visual .browser-mock{left:8%;width:112%;height:280px;top:200px}.detail-visual .n-word{left:25px;top:65px;font-size:56px}.detail-visual .phone{right:10%;top:125px;transform:rotate(10deg);width:180px;height:365px}.detail-visual .v-word{left:25px;top:60px;font-size:80px}.detail-visual .vita-note{left:20px;bottom:50px;font-size:10px}.detail-visual .vita-note>span{font-size:4px}.detail-body{grid-template-columns:1fr;gap:28px;padding:40px var(--pad) 50px}.detail-body h2{font-size:31px;margin-top:12px}.detail-body p,.detail-body li{font-size:12px}.detail-cta{flex-direction:column;align-items:start;padding:40px var(--pad);gap:25px}.detail-cta h2{font-size:35px}.case-system{padding:35px 0 45px}.case-system>h2{font-size:34px;margin:20px 0 25px}.system-grid{grid-template-columns:1fr;gap:20px}.brand-board,.type-board,.screen-board{padding:25px;min-height:320px}.brand-board>span{font-size:43px;letter-spacing:4px}.brand-board>p{font-size:22px}.swatches{height:80px}.swatches>span{font-size:6px;padding:8px}.type-board>span{font-size:80px}.screen-board>h3{font-size:30px}.screen-board>p{font-size:11px}.screen-steps>span{font-size:10px}.service-packages{grid-template-columns:1fr;margin-bottom:45px}.service-packages>div{border-right:0;border-bottom:1px solid var(--line);margin:0;padding:25px 0}.service-packages h3{font-size:26px;margin-top:20px}.service-packages p{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-pending{opacity:1;transform:none}}
/* Readability refinements for compact screens. */
#detail-view:focus{outline:none}
@media(max-width:700px){
.hero h1{font-size:clamp(34px,9.7vw,62px)}.hero-bottom p{font-size:11px;max-width:165px}.hero-bottom .button{font-size:11px;padding:18px 16px}.hero-footer{font-size:10px}.hero-footer>a{font-size:10px}.hero-eyebrow>.eyebrow{font-size:8px}.hero-eyebrow>.eyebrow:last-child{font-size:7px}.section-top p{font-size:10px}.eyebrow{font-size:9px}.section-heading>.muted{font-size:12px}.project-label p{font-size:12px}.project-label>span{font-size:10px}.project-disclaimer{font-size:10px}.service-list p{font-size:12px}.service-list h3>span{font-size:9px}.service-list .price{font-size:14px}.launch p{font-size:13px}.launch small{font-size:11px}.support,.support p{font-size:12px}.price-note{font-size:11px}.studio-grid>div>p{font-size:14px}.founder-name span{font-size:11px}.process small{font-size:9px}.process p{font-size:13px}.contact-grid>div>p{font-size:13px}.contact-note p{font-size:11px}form label{font-size:11px}.form-caption{font-size:10px}.detail-meta{font-size:10px}.detail-body p,.detail-body li{font-size:14px}.screen-board>p,.service-packages p{font-size:13px}.palette-notes{font-size:12px}.footer-bottom>span,.footer-bottom>a{font-size:10px}
}
@media(max-width:440px){.form-row{grid-template-columns:1fr;gap:0}.hero-bottom{gap:15px}.hero-bottom p{max-width:150px}.hero-bottom .button{gap:14px;max-width:155px}.contact h2{font-size:12vw}.hero h1{font-size:9.7vw;min-width:0}}
/* v0.3 — service clarity, connected cases and accessible brief. */
.delivery-section{margin:0 var(--pad) 70px;padding-top:45px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10%}.delivery-section h2{font-size:44px;margin:22px 0}.delivery-section p{font-size:14px;line-height:1.9;color:var(--muted)}.delivery-section .scope-note{font-size:12px;border-left:2px solid var(--bronze);padding-left:18px;margin-top:28px}.delivery-steps{padding:0;margin:0;list-style:none}.delivery-steps li{display:flex;gap:22px;border-bottom:1px solid var(--line);padding:22px 0}.delivery-steps li:first-child{padding-top:0}.delivery-steps li>span{font-size:10px;color:var(--bronze);padding-top:7px}.delivery-steps h3{margin:0;font-size:25px;font-weight:400;letter-spacing:-1px}.delivery-steps p{font-size:12px;margin-bottom:0}.case-navigation{display:grid;grid-template-columns:1fr 1fr;margin:0 var(--pad) 60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-navigation>a{display:block;padding:25px 0}.case-navigation>a+a{border-left:1px solid var(--line);padding-left:35px}.case-navigation span{font-size:9px;letter-spacing:1px;color:var(--muted)}.case-navigation strong{display:block;font-size:34px;font-weight:400;letter-spacing:-1.5px;margin-top:18px}.case-navigation b{font-weight:400;margin-left:25px;color:var(--bronze)}.case-navigation>a:hover strong{color:var(--bronze)}.brief-intro{margin:0 0 30px}.brief-intro strong{font-size:17px;font-weight:400;letter-spacing:-.4px;display:block;margin-bottom:12px}.brief-intro>span{font-size:11px;line-height:1.8;color:#68695f;display:block;max-width:430px}.optional{font-size:8px;opacity:.8;margin-left:5px}.field-hint{display:block;font-size:10px;line-height:1.7;color:#68695f;margin:-16px 0 26px}.form-error{padding:14px;border-left:2px solid #915238;background:#ffffff40;color:#683823;font-size:12px;line-height:1.7;margin-bottom:25px}[aria-invalid="true"]{border-bottom-color:#915238}.button:disabled{opacity:.4;cursor:not-allowed}.noscript-note{margin:25px var(--pad);padding:20px;border:1px solid var(--line);font-size:14px;line-height:1.7}#brief-result:focus,#main:focus,section[tabindex="-1"]:focus{outline:none}.detail-intro .missing-title{font-size:clamp(45px,7vw,100px);white-space:normal}
@media(max-width:700px){.delivery-section{grid-template-columns:1fr;gap:30px;padding-top:30px;margin-bottom:45px}.delivery-section h2{font-size:34px}.delivery-section p{font-size:14px}.delivery-steps p,.delivery-section .scope-note{font-size:12px}.case-navigation{margin-bottom:40px}.case-navigation>a{padding:20px 0}.case-navigation>a+a{padding-left:20px}.case-navigation span{font-size:7px;letter-spacing:.5px}.case-navigation strong{font-size:26px;margin-top:15px}.case-navigation b{margin-left:8px;font-size:20px}.brief-intro strong{font-size:18px}.brief-intro>span{font-size:12px}.optional{font-size:9px}.field-hint{font-size:11px}}
/* Content and navigation stay usable when JavaScript is unavailable. */
@media(max-width:700px){html:not(.js-enabled) header{height:auto;min-height:82px;flex-wrap:wrap;padding-top:22px}html:not(.js-enabled) header nav{display:flex;position:static;width:100%;border:0;box-shadow:none;padding:10px 0 20px;flex-direction:row;flex-wrap:wrap;gap:6px 22px}html:not(.js-enabled) header nav a{font-size:12px;padding:10px 0}html:not(.js-enabled) .menu-button{display:none}}