:root{--ink:#17211d;--cream:#f4f1e9;--white:#fffefa;--green:#68a64c;--lime:#a9d96a;--wood:#c78945}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Archivo,Arial,sans-serif}a{color:inherit;text-decoration:none}.topbar{height:76px;position:fixed;z-index:10;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 5.5vw;color:var(--white);mix-blend-mode:difference}.wordmark{display:flex;align-items:center;gap:9px;font:700 9px/1.08 'DM Mono',monospace;letter-spacing:.06em}.mark{width:32px;height:32px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font:500 12px Archivo;letter-spacing:-.1em}.social,.eyebrow,footer{font:500 9px 'DM Mono',monospace;letter-spacing:.09em}.visual{min-height:100vh;position:relative;overflow:hidden}.visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.hero:after,.detail:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,26,22,.43),rgba(17,26,22,0) 63%)}.hero-copy{z-index:1;position:absolute;left:10vw;bottom:12vh;max-width:650px;color:var(--white)}.eyebrow{margin:0 0 20px}.hero h1,.essentials h2,.difference h2,.close h2{font-size:clamp(65px,8.4vw,145px);font-weight:800;letter-spacing:-.07em;line-height:.78;margin:0}.hero h1 em,.essentials h2 em,.close h2 em{font-style:normal;color:var(--lime)}.hero-copy>p:not(.eyebrow){max-width:430px;margin:31px 0 26px;font-size:15px;line-height:1.6}.cta{display:inline-flex;align-items:center;gap:18px;padding:16px 18px;background:var(--ink);color:var(--white);font-size:10px;font-weight:700;letter-spacing:.03em;line-height:1.35;transition:transform .2s}.cta:hover{transform:translateY(-3px)}.cta span{font-size:18px}.cta-on-image{background:var(--white);color:var(--ink)}.essentials{padding:125px 5.5vw 100px}.eyebrow-dark{color:var(--green)}.three-points{margin-top:49px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #aeb2a8}.three-points article{min-height:365px;padding:24px 25px 20px 0;border-right:1px solid #aeb2a8}.three-points article+article{padding-left:25px}.three-points article:last-child{border-right:0}.three-points span{font:500 11px 'DM Mono';color:var(--green)}.essentials h2{font-size:clamp(38px,4.2vw,68px);margin-top:79px}.essentials h2 em{color:var(--green)}.detail{min-height:94vh}.detail p{position:absolute;z-index:1;bottom:10vh;left:10vw;max-width:370px;color:var(--white);font-size:clamp(30px,3.5vw,54px);font-weight:600;letter-spacing:-.045em;line-height:.94}.difference{padding:145px 16vw 150px;background:var(--white)}.difference h2{max-width:1020px;font-size:clamp(45px,5.6vw,92px);line-height:.87}.difference>p:last-child{margin:45px 0 0 44%;max-width:385px;font-size:15px;line-height:1.7}.studio{min-height:93vh}.studio>img{object-position:center}.close{min-height:590px;padding:105px 10vw;display:grid;grid-template-columns:1.15fr .65fr;gap:8vw;align-items:end;background:var(--green);color:var(--white)}.close .eyebrow{color:var(--ink)}.close h2 em{color:var(--ink)}.close-side>p{max-width:365px;margin:0 0 28px;font-size:15px;line-height:1.7}.close .cta{background:var(--ink)}footer{display:flex;justify-content:space-between;align-items:center;padding:28px 5.5vw;background:var(--ink);color:var(--white)}footer div{display:flex;gap:21px}footer a{border-bottom:1px solid transparent;padding-bottom:3px}footer a:hover{border-color:currentColor}@media(max-width:720px){.topbar{height:64px;padding:0 20px}.social{display:none}.hero-copy{left:27px;right:27px;bottom:72px}.hero h1{font-size:19vw}.hero-copy>p:not(.eyebrow){font-size:13px;margin:26px 0 20px}.cta{font-size:9px;padding:14px;gap:11px}.essentials{padding:78px 27px}.three-points{grid-template-columns:1fr;margin-top:33px}.three-points article,.three-points article+article{min-height:0;padding:25px 0;border-right:0;border-bottom:1px solid #aeb2a8}.essentials h2{margin-top:36px;font-size:16vw}.detail{min-height:75vh}.detail p{left:27px;bottom:45px;right:27px;font-size:10vw}.difference{padding:82px 27px}.difference h2{font-size:12vw}.difference>p:last-child{margin:34px 0 0;font-size:14px}.studio{min-height:75vh}.close{min-height:580px;padding:80px 27px;display:block}.close h2{font-size:17vw}.close-side{margin-top:65px}.close-side>p{font-size:14px}footer{padding:26px 20px;flex-wrap:wrap;gap:18px}footer>span{width:100%}}