@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
:root{--ink:#080a0a;--paper:#f4f6f3;--green:#0e4a3a;--lilac:#c8bce8;--line:#c7cec8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}header{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f4f6f3e8;position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.wordmark{font-weight:800;letter-spacing:-.06em;font-size:22px;color:inherit;text-decoration:none}.wordmark span{color:var(--green)}nav{display:flex;gap:30px;font:12px 'DM Mono';text-transform:uppercase}nav a{color:inherit;text-decoration:none}.outline,.primary{border:1px solid var(--green);padding:12px 17px;background:transparent;text-transform:uppercase;font:11px 'DM Mono';cursor:pointer}.primary{background:var(--green);color:white;text-decoration:none;display:inline-block}.hero{min-height:680px;display:grid;grid-template-columns:45% 55%;background:var(--ink);color:var(--paper);padding-left:8vw}.hero-copy{padding:90px 30px 70px 0;align-self:center}.eyebrow{font:11px 'DM Mono';letter-spacing:.12em;color:#668f80;margin:0 0 18px}.hero h1{font-size:clamp(60px,8vw,124px);line-height:.86;letter-spacing:-.08em;margin:0 0 34px}.hero em,h2 em{font-family:'Playfair Display';font-weight:600;color:var(--lilac)}.lede{max-width:400px;color:#afb9b3;line-height:1.7;font-size:15px}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:36px}.text-btn{border:0;background:none;color:inherit;font:12px 'DM Mono';cursor:pointer;padding:0}.text-btn span{color:#9daba4;margin-left:10px}.specimen{position:relative;overflow:hidden;background:radial-gradient(circle at 55% 45%,#334f48 0,#142721 24%,#090d0c 65%)}.halo{position:absolute;width:54%;aspect-ratio:1;border-radius:50%;border:1px solid #a797cf55;left:23%;top:19%;box-shadow:0 0 90px #b4a4dd22}.crystal{position:absolute;left:32%;top:15%;width:37%;height:68%;background:linear-gradient(125deg,#effff5 0,#739d87 12%,#0c5843 40%,#132c26 71%,#d8cff3 100%);clip-path:polygon(48% 0,77% 17%,100% 62%,73% 100%,21% 84%,0 35%);filter:drop-shadow(28px 30px 20px #0009);transform:rotate(-10deg);animation:float 5s ease-in-out infinite}.crystal:after{content:'';position:absolute;inset:0;background:linear-gradient(70deg,transparent 38%,#fff8 39%,transparent 42%,transparent 63%,#d8d0f544 65%,transparent 68%)}@keyframes float{50%{transform:rotate(-6deg) translateY(-12px)}}.label{position:absolute;bottom:47px;left:48px;font:11px 'DM Mono';display:flex;flex-direction:column;gap:8px}.label small{color:#9da9a4}.vertical{position:absolute;right:24px;top:45%;writing-mode:vertical-rl;color:#9da9a4;font:10px 'DM Mono'}.manifest{display:grid;grid-template-columns:repeat(3,1fr);padding:28px 8vw;border-bottom:1px solid var(--line)}.manifest div{display:grid;grid-template-columns:36px 1fr;gap:2px 12px}.manifest span{grid-row:span 2;font:12px 'DM Mono';color:var(--green)}.manifest b{font-size:13px}.manifest small{color:#68746e}.archive,.compare,.rounds{padding:100px 8vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}h2{font-size:clamp(42px,5vw,76px);letter-spacing:-.07em;line-height:.92;margin:0}h2 em{color:var(--green)}.filters{display:flex;gap:8px}.filter{border:1px solid var(--line);background:none;padding:10px 13px;font:11px 'DM Mono';cursor:pointer}.filter.active{background:var(--ink);color:white}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:white;border:1px solid var(--line);padding:18px;cursor:pointer}.card.selected{outline:2px solid var(--green)}.thumb{height:180px;margin-bottom:20px;background:radial-gradient(circle at 52% 48%,var(--tone),#101514 68%);position:relative;overflow:hidden}.thumb:after{content:'';position:absolute;width:42%;height:70%;left:30%;top:15%;background:linear-gradient(130deg,#fff8,var(--tone),#111);clip-path:polygon(45% 0,90% 22%,100% 73%,53% 100%,7% 77%,0 30%);transform:rotate(18deg)}.card h3{font-size:17px;margin:0 0 8px}.card p{font:11px 'DM Mono';color:#6f7a74;margin:0}.tag{float:right;font:10px 'DM Mono';color:var(--green)}.compare{background:var(--green);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:12vw}.compare p:not(.eyebrow){max-width:410px;color:#b7c9c0;line-height:1.7}.builder{background:#123e33;padding:30px;align-self:center}.builder label{display:block;font:11px 'DM Mono';color:#a2baae;text-transform:uppercase;margin-bottom:22px}.builder select{display:block;width:100%;margin-top:9px;padding:14px;background:#0b2c25;color:white;border:1px solid #426d5f;font:14px Manrope}.match{border-top:1px solid #426d5f;padding-top:19px;margin-top:10px}.match span{font:11px 'DM Mono';color:#a2baae}.match strong{float:right;font-size:30px}.bar{height:4px;background:#315d50;margin:15px 0}.bar i{display:block;height:100%;background:var(--lilac);width:87%}.match small{color:#a2baae;font:11px 'DM Mono'}.builder .primary{margin-top:25px;background:var(--lilac);border-color:var(--lilac);color:var(--ink)}.rounds{display:grid;grid-template-columns:1fr 1fr;gap:12vw}.result{border-top:1px solid var(--line);padding-top:18px}.result-top{display:flex;justify-content:space-between;font:11px 'DM Mono'}.result-top b{color:var(--green)}.result h3{font-size:24px;margin:38px 0}.result h3 small{display:block;color:#78837d;font:11px 'DM Mono';margin-top:8px}.metrics{display:flex;border-top:1px solid var(--line);padding:20px 0;gap:45px}.metrics small{display:block;font:10px 'DM Mono';color:#78837d;margin-bottom:8px}.metrics strong{font-size:20px}footer{padding:22px 8vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;font:10px 'DM Mono';color:#78837d}@media(max-width:700px){nav{display:none}header{padding:0 22px}.hero{display:block;padding:0;min-height:auto}.hero-copy{padding:70px 24px}.specimen{height:430px}.manifest,.grid,.compare,.rounds{grid-template-columns:1fr}.manifest{gap:22px;padding:24px}.archive,.compare,.rounds{padding:70px 24px}.section-head{display:block}.filters{margin-top:25px;overflow:auto}.grid{gap:12px}.card .thumb{height:150px}.compare,.rounds{gap:45px}.metrics{gap:20px}.hero-actions{flex-wrap:wrap}footer{display:block;padding:22px 24px}footer span{display:block;margin:8px 0}}