@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
:root{--paper:#f0eee7;--ink:#17211d;--muted:#69736e;--green:#667d68;--mint:#dce5da;--coral:#d8785e;--line:rgba(23,33,29,.17)}
*{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:78px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;background:rgba(240,238,231,.9);backdrop-filter:blur(13px)}
.brand{color:var(--ink);text-decoration:none;font:700 13px "DM Mono";letter-spacing:.1em}.brand span{color:var(--coral)}nav{display:flex;gap:30px}nav a{font:10px "DM Mono";letter-spacing:.13em;text-transform:uppercase;text-decoration:none;color:var(--ink)}
.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:6vw;padding:7vw 7vw}.eyebrow{font:10px "DM Mono";letter-spacing:.16em;text-transform:uppercase;color:var(--green)}
h1{font-size:clamp(65px,9vw,135px);line-height:.79;letter-spacing:-.08em;margin:30px 0 36px}h1 i{font-family:"Playfair Display",serif;font-weight:500;color:var(--green)}.lead{max-width:560px;color:var(--muted);font-size:16px;line-height:1.75;margin-bottom:35px}.button{display:inline-flex;gap:45px;padding:15px 18px;background:var(--ink);color:var(--paper);text-decoration:none;font:10px "DM Mono";letter-spacing:.13em}.button b{color:var(--coral)}
.dial{height:570px;position:relative;border:1px solid var(--line);border-radius:50%;width:min(570px,100%);justify-self:center;background:radial-gradient(circle at center,rgba(102,125,104,.1),transparent 57%)}.dial:before,.dial:after{content:"";position:absolute;inset:8%;border:1px solid var(--line);border-radius:50%}.dial:after{inset:23%;border-color:rgba(216,120,94,.4)}.ticks{position:absolute;inset:3%;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(23,33,29,.5) 0 1deg,transparent 1deg 10deg);mask:radial-gradient(transparent 0 72%,#000 72% 75%,transparent 75%)}.arc{position:absolute;inset:11%;border-radius:50%;border:9px solid transparent;border-top-color:var(--green);border-right-color:var(--coral);transform:rotate(25deg)}.inner{position:absolute;inset:34%;border-radius:50%;background:var(--mint);border:1px solid var(--green)}.needle{position:absolute;width:43%;height:2px;background:var(--ink);left:50%;top:50%;transform-origin:left center;transform:rotate(-35deg)}.hub{position:absolute;width:22px;height:22px;border-radius:50%;background:var(--coral);left:calc(50% - 11px);top:calc(50% - 11px)}.dial span{position:absolute;font:11px "DM Mono";color:var(--green)}.t1{top:10%;left:49%}.t2{right:10%;top:48%}.t3{bottom:10%;left:49%}.t4{left:9%;top:48%}.dial-label{position:absolute;text-align:center;left:50%;top:57%;transform:translate(-50%,-50%);font:10px "DM Mono";letter-spacing:.14em;line-height:1.7}.dial-label b{color:var(--coral);font-weight:500}
.research{background:#faf9f4;padding:120px 7vw}.research-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:60px}.research h2,.contact h2{font-size:clamp(50px,7vw,105px);line-height:.86;letter-spacing:-.07em;margin:0}.research h2 em{font-family:"Playfair Display";font-weight:500;color:var(--green)}.copy{max-width:570px;color:#59635e;line-height:1.8}
.framework{background:var(--ink);color:var(--paper);padding:120px 7vw}.framework .eyebrow{color:#a8bca9}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(240,238,231,.17);margin-top:60px}.cards article{background:var(--ink);padding:38px;min-height:330px}.cards span{font:11px "DM Mono";color:var(--coral)}.cards h3{font-size:25px;letter-spacing:.06em;margin:85px 0 15px}.cards p{color:#aab3ad;line-height:1.7}
.journal{padding:120px 7vw;background:var(--mint)}.journal-head{display:flex;align-items:end;justify-content:space-between;margin-top:50px}.journal h2{font-size:clamp(55px,7vw,100px);line-height:.8;letter-spacing:-.07em;margin:0}.journal h2 i{font-family:"Playfair Display";font-weight:500;color:var(--green)}.journal-head p{font:10px "DM Mono";color:#64716a}.entries{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:55px}.entries article{background:var(--paper);padding:30px;min-height:330px;position:relative;border:1px solid rgba(23,33,29,.1)}.entries article:nth-child(2){transform:translateY(30px);background:#f7e7df}.entries small,.entries b{font:10px "DM Mono";letter-spacing:.1em}.entries h3{font-size:29px;letter-spacing:-.04em;margin:75px 0 16px}.entries p{color:#5d6761;line-height:1.65}.entries b{position:absolute;bottom:25px;left:30px;color:var(--green)}
.statement{padding:100px 7vw;display:grid;grid-template-columns:1fr 2fr;align-items:center;border-top:1px solid var(--line)}.year{font-size:clamp(80px,13vw,180px);font-weight:800;line-height:.7;letter-spacing:-.12em;color:#c6d3c5}.statement p{font-family:"Playfair Display";font-size:clamp(28px,4vw,56px);line-height:1.08;max-width:900px}
.contact{padding:120px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#e5e9e3}.contact h2{margin-top:55px}.contact-card{align-self:end;border-top:1px solid #aeb7b0;padding-top:25px;max-width:520px}.contact-card p{color:#5c6660;line-height:1.7}.contact-card a{color:var(--ink);font:12px "DM Mono";text-decoration:none;border-bottom:1px solid var(--coral);padding-bottom:5px}
footer{display:flex;justify-content:space-between;padding:28px 7vw;background:var(--ink);color:#9aa69f;font:10px "DM Mono";letter-spacing:.12em}
@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.dial{height:430px;order:-1}.research-grid,.contact,.statement{grid-template-columns:1fr;gap:45px}.cards,.entries{grid-template-columns:1fr}.entries article:nth-child(2){transform:none}.journal-head{display:block}.journal-head p{margin-top:20px}.research,.framework,.journal,.contact{padding-top:80px;padding-bottom:80px}}
