:root{--ink:#18372f;--paper:#eee9df;--red:#a94735;--line:rgba(24,55,47,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Serif SC",serif;cursor:none}.grain{position:fixed;inset:0;pointer-events:none;z-index:9;opacity:.18;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='.28'/%3E%3C/svg%3E")}.cursor{position:fixed;width:12px;height:12px;border-radius:50%;background:var(--red);pointer-events:none;z-index:20;transform:translate(-50%,-50%);transition:width .2s,height .2s}header{position:fixed;z-index:10;top:0;left:0;right:0;padding:25px 4vw;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line);mix-blend-mode:multiply}.mark{display:flex;gap:12px;align-items:center;font:11px "Space Mono";letter-spacing:.1em}.mark span{font:700 26px "Noto Serif SC";border:1px solid var(--ink);padding:2px 6px}nav{display:flex;gap:30px}a{color:inherit;text-decoration:none}nav a,.place{font:10px "Space Mono";letter-spacing:.15em}.place{text-align:right;line-height:1.8}.hero{height:100vh;min-height:720px;position:relative;overflow:hidden;padding:22vh 4vw 5vh}.eyebrow,.section-no{font:10px "Space Mono";letter-spacing:.25em}.hero h1{position:relative;z-index:2;margin:2vh 0 0;font-size:clamp(84px,15vw,235px);line-height:.84;letter-spacing:-.08em;font-weight:900}.hero h1 span{display:block}.hero h1 em{display:block;margin-left:26vw;font:normal clamp(14px,2vw,30px) "Space Mono";letter-spacing:.42em}.moon{position:absolute;width:min(37vw,580px);aspect-ratio:1;border-radius:50%;right:7vw;top:13vh;border:1px solid var(--line);display:grid;place-items:center}.moon-inner{width:86%;height:86%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f8f5ec,#cbd9d0 62%,#77978c);box-shadow:0 0 80px rgba(77,125,109,.28)}.hero-copy{position:absolute;left:5vw;bottom:13vh;font-size:clamp(22px,3vw,42px);line-height:1.55}.scroll{position:absolute;right:5vw;bottom:6vh;font:11px "Space Mono";letter-spacing:.16em}.scroll b{font-size:22px}.seal{position:absolute;right:4vw;top:46%;background:var(--red);color:var(--paper);padding:10px 8px;font-size:13px;line-height:1.3;transform:rotate(3deg)}.water-lines{position:absolute;bottom:-12vh;left:-5%;width:110%;height:32vh;border-radius:50%;border:1px solid var(--line);box-shadow:0 -25px 0 -24px var(--line),0 -55px 0 -54px var(--line),0 -90px 0 -89px var(--line)}.statement{padding:18vh 8vw;display:grid;grid-template-columns:1fr 3fr 1.1fr;gap:5vw;border-top:1px solid var(--line)}.lead{font-size:clamp(32px,5vw,74px);line-height:1.35;margin:0;letter-spacing:-.05em}.lead strong{color:var(--red)}aside{align-self:end;border-top:1px solid var(--ink);padding-top:15px;font-size:12px;line-height:2}aside span{font:10px "Space Mono";letter-spacing:.2em}.fields{padding:10vh 4vw 18vh}.fields>.section-no{margin-bottom:5vh}.fields article{position:relative;border-top:1px solid var(--line);padding:3vh 0;display:grid;grid-template-columns:1fr 3fr 1fr;align-items:center;transition:.4s}.fields article:last-child{border-bottom:1px solid var(--line)}.fields article:after{content:attr(data-index);position:absolute;right:0;top:10px;font:9px "Space Mono"}.fields article span,.fields article p{font:10px "Space Mono";letter-spacing:.2em}.fields h2{font-size:clamp(45px,8vw,120px);margin:0;letter-spacing:-.08em;font-weight:400}.fields article:hover{padding-left:3vw;background:rgba(255,255,255,.2);color:var(--red)}.quote{height:75vh;background:var(--ink);color:var(--paper);position:relative;display:grid;place-items:center;text-align:center;overflow:hidden}.quote .orb{position:absolute;width:38vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 45% 40%,#dce3da 0,#829b8d 45%,#18372f 70%);opacity:.75;filter:blur(2px)}.quote p{position:relative;font-size:clamp(30px,6vw,90px);letter-spacing:.12em}.quote span{position:absolute;bottom:9vh;font:10px "Space Mono";letter-spacing:.25em}.contact{padding:18vh 8vw;display:grid;grid-template-columns:2fr 1fr;gap:8vw;position:relative}.contact h2{font-size:clamp(65px,11vw,180px);line-height:1.05;letter-spacing:-.09em;margin:4vh 0 0}.contact p{align-self:center;line-height:2;font-size:15px}.contact a{position:absolute;right:8vw;bottom:12vh;border-bottom:1px solid var(--ink);padding-bottom:10px;font:11px "Space Mono";letter-spacing:.12em}footer{padding:25px 4vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;font:9px "Space Mono";letter-spacing:.18em}@media(max-width:800px){body{cursor:auto}.cursor{display:none}header nav{display:none}.hero{padding-top:28vh}.hero h1{font-size:22vw}.hero h1 em{margin:18px 0}.moon{width:70vw;right:-20vw;top:20vh}.statement{grid-template-columns:1fr}.fields article{grid-template-columns:1fr}.fields h2{margin:10px 0}.contact{grid-template-columns:1fr;padding-bottom:25vh}.contact a{left:8vw;right:auto}.place{display:none}}.constellation{position:absolute;right:36vw;top:18vh;width:210px;height:180px;background:radial-gradient(circle at 10% 10%,var(--ink) 0 2px,transparent 3px),radial-gradient(circle at 40% 35%,var(--ink) 0 2px,transparent 3px),radial-gradient(circle at 75% 20%,var(--ink) 0 2px,transparent 3px),radial-gradient(circle at 55% 70%,var(--ink) 0 2px,transparent 3px),radial-gradient(circle at 95% 90%,var(--ink) 0 2px,transparent 3px);opacity:.45;transform:rotate(-12deg)}.constellation:before{content:"";position:absolute;inset:18px 10px;border-top:1px solid var(--ink);border-right:1px solid var(--ink);transform:skewY(20deg) rotate(8deg)}