@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,400;9..144,500&display=swap');
:root{color-scheme:dark;--ink:#11251f;--paper:#f3efdf;--lime:#d6e795;font-family:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper)}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:5px}.stage{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:radial-gradient(circle at 70% 50%,#26483b,#11251f 65%)}canvas,.grain{position:absolute;inset:0;width:100%;height:100%}canvas{z-index:-3}.stage:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgba(17,37,31,.78),rgba(17,37,31,.4) 47%,transparent 76%)}.grain{z-index:-1;opacity:.2;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}header{height:110px;padding:0 clamp(24px,5vw,80px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff2e}header>a:last-child{text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.15em}.brand{text-decoration:none;font-size:33px;font-weight:700;letter-spacing:-.09em;line-height:1}.brand span{font-weight:400}.brand i{display:inline-block;vertical-align:top;font-size:16px;font-style:normal;letter-spacing:0;color:var(--lime);transform:translate(7px,-8px);animation:spin 18s linear infinite}.edition,.kicker,.side-note,.bottom{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.17em}.edition{color:#c4d1c7}.hero{padding:clamp(90px,16vh,180px) clamp(24px,9vw,160px) 150px;position:relative;z-index:1;max-width:1100px}.kicker{color:var(--lime)}.kicker b{display:inline-block;background:var(--lime);width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 8px #d6e79522;margin-right:12px}.hero h1,.about h2{font-family:Fraunces,Georgia,serif;font-weight:400;letter-spacing:-.065em;line-height:1}.hero h1{font-size:clamp(76px,8.5vw,145px);margin:28px 0}.hero h1 em{color:var(--lime);font-weight:400}.hero>p:not(.kicker){font-size:clamp(17px,1.5vw,21px);color:#d4dfd4}.hero button{display:flex;align-items:center;gap:20px;border:0;border-radius:100px;background:var(--lime);color:var(--ink);padding:10px 27px 10px 10px;margin-top:43px;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.04em;transition:transform .2s,background .2s}.hero button:hover{transform:translateY(-3px);background:#e7f4af}.button-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:var(--ink);color:var(--lime);font-size:20px}.side-note{position:absolute;right:5vw;top:41%;writing-mode:vertical-rl;color:#ffffff90}.bottom{position:absolute;bottom:0;left:0;right:0;height:75px;border-top:1px solid #ffffff2e;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;color:#bdcabc}.bottom a{text-decoration:none;color:var(--lime);font-size:30px}.about{position:relative;overflow:hidden;min-height:600px;background:var(--paper);color:var(--ink);padding:110px clamp(24px,9vw,160px);display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.asterisk{font-family:Georgia,serif;font-size:clamp(180px,30vw,420px);line-height:.8;color:#cddd9e;animation:spin 80s linear infinite}.about-copy{position:relative}.about .kicker{color:#ad503c}.about h2{font-size:clamp(62px,6vw,105px);margin:25px 0}.about h2 em{color:#ad503c;font-weight:400}.about-copy>p:not(.kicker){font-size:19px;line-height:1.7}.mail{display:inline-block;margin-top:25px;font-size:24px;font-weight:600;text-underline-offset:6px}footer{display:flex;justify-content:space-between;gap:35px;align-items:start;padding:55px clamp(24px,5vw,80px);font-size:13px;line-height:1.6;color:#d1dbd1}footer .brand{font-size:27px;color:var(--lime)}footer p{margin:0}footer a:last-child{text-underline-offset:5px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.edition,.side-note{display:none}.about{grid-template-columns:1fr}.asterisk{position:absolute;right:-50px;opacity:.3}.about-copy{max-width:600px}}@media(max-width:600px){header{height:82px}.brand{font-size:27px}.hero{padding-top:14vh;padding-bottom:170px}.hero h1{font-size:clamp(67px,13vw,95px)}.hero .kicker{font-size:10px;letter-spacing:.08em}.hero>p:not(.kicker){max-width:270px}.bottom{font-size:9px;letter-spacing:.06em}.about{padding-top:100px;padding-bottom:100px}.about h2{font-size:62px}.about-copy>p:not(.kicker){font-size:17px}footer{display:block}footer>*{display:block;margin-bottom:24px!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.brand i,.asterisk{animation:none}.hero button{transition:none}}
