:root{--washi:#eee6d2;--paper:#f7f0df;--carbon:#201f1b;--smoke:#77756b;--cinnabar:#b84531;--moss:#72755a;--wash:#d7cdb8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--washi);color:var(--carbon);font-family:Georgia,serif;overflow-x:hidden;background-image:radial-gradient(#4f493d14 1px,transparent 1px);background-size:6px 6px}a,button{font:inherit}header{height:80px;padding:0 6vw;display:flex;align-items:center;gap:18px;border-bottom:1px solid #8d8677;position:sticky;top:0;z-index:20;background:#eee6d2ed}.brand{display:flex;align-items:center;gap:13px;color:var(--carbon);text-decoration:none;font-weight:bold}.brand i{width:42px;height:42px;background:var(--cinnabar);color:var(--paper);display:grid;place-items:center;font-style:normal}.brand b{color:var(--cinnabar)}nav{margin-left:auto;display:flex;gap:30px}nav a,header small{color:#716d63;text-decoration:none;font:10px monospace;letter-spacing:.1em;text-transform:uppercase}.hero{min-height:calc(100vh - 80px);display:flex;align-items:center;background-image:linear-gradient(90deg,var(--washi) 0%,#eee6d2ed 40%,#eee6d200 70%),url("../assets/images/inkdrop-bass.png");background-size:cover;background-position:center}.hero-copy{margin-left:8vw;width:min(670px,84vw)}.hero-copy>p,.pond-head p,.scroll>p{color:var(--cinnabar);font:800 10px monospace;letter-spacing:.22em}.hero h1{font:700 clamp(57px,8.5vw,122px)/.8 Georgia;margin:26px 0;letter-spacing:-.055em}.hero h1 em{font-weight:400;color:var(--cinnabar)}.hero-copy>span{display:block;max-width:500px;font:16px/1.75 Arial;color:#5f6058}.hero a{display:inline-block;margin-top:26px;color:var(--paper);background:var(--carbon);padding:17px 22px;text-decoration:none;font:bold 11px monospace}.pond-section{padding:100px max(4vw,15px);background:#d8cfbb;color:var(--carbon)}.pond-head{max-width:1160px;margin:auto;display:flex;justify-content:space-between;align-items:end}.pond-head h2{font:700 clamp(42px,6vw,76px)/.9 Georgia;margin:10px 0}.seals{display:flex;gap:10px}.seals span{width:76px;height:76px;border:2px solid var(--cinnabar);display:grid;place-content:center;text-align:center;color:var(--cinnabar);font:9px monospace;transform:rotate(-2deg)}.seals span:nth-child(2){transform:rotate(2deg)}.seals b{display:block;font-size:16px;margin-top:5px}.paper{max-width:1160px;margin:35px auto 0;background:var(--paper);padding:32px;box-shadow:0 18px 30px #493c2b1e}.ink-pond{height:650px;position:relative;overflow:hidden;cursor:crosshair;background:radial-gradient(ellipse at 52% 48%,#d1c8b3 0 22%,#e5dcc8 23% 49%,#f6efdf 50%);border:1px solid #979083}.ink-pond:before{content:"";position:absolute;inset:8%;border:1px solid #65645b33;border-radius:48% 52% 45% 55%}.brush-note{position:absolute;left:6%;top:8%;font:10px/1.8 monospace;color:#777166;letter-spacing:.13em}.fish{position:absolute;width:38px;height:20px;border:0;background:var(--carbon);clip-path:polygon(0 50%,23% 5%,23% 28%,70% 9%,100% 50%,70% 91%,23% 72%,23% 95%);opacity:.78;pointer-events:none;animation:drift var(--speed,6s) ease-in-out infinite alternate}.fish:nth-child(3n){background:var(--moss)}@keyframes drift{to{transform:translate(var(--dx,20px),var(--dy,-12px)) rotate(8deg)}}.fish.caught{opacity:0;transform:scale(.2);transition:.35s}.ripple{position:absolute;width:12px;height:12px;border:2px solid var(--carbon);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;animation:ring 1s ease-out forwards}.ripple.echo{border-color:var(--cinnabar);animation-duration:.65s}@keyframes ring{to{width:300px;height:300px;opacity:0}}.caption{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #938b7b;padding-top:22px;margin-top:22px}.caption p{font:12px/1.6 monospace;color:#6e6a61}.caption button{background:var(--cinnabar);color:white;border:0;padding:16px 22px;font:bold 11px monospace}.scroll{padding:120px 7vw}.scroll h2{font:700 clamp(50px,7vw,94px)/.88 Georgia}.scroll>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--carbon)}.scroll article{padding:30px;border-right:1px solid #a49b89}.scroll article>b{font-size:45px;color:var(--cinnabar)}.scroll h3{font-size:22px}.scroll p{font:15px/1.7 Arial;color:#66665f}footer{padding:38px 5vw;background:var(--carbon);color:#aaa397;display:flex;justify-content:space-between;font:10px monospace}footer b{color:white}footer a{color:inherit}dialog{border:0;background:transparent;color:var(--carbon)}dialog::backdrop{background:#201f1bdc}dialog>div{width:min(500px,90vw);background:var(--paper);padding:50px;text-align:center;border-top:10px solid var(--cinnabar)}dialog h2{font:700 45px Georgia}dialog button{background:var(--carbon);color:white;border:0;padding:15px 24px}@media(max-width:760px){nav,header small{display:none}.hero{background-position:70% center}.hero-copy{margin-left:24px;width:calc(100vw - 48px);padding-top:210px}.hero h1{font-size:48px}.pond-head{display:block}.seals{margin-top:20px}.paper{padding:12px}.ink-pond{height:470px}.caption{display:block}.caption button{width:100%;margin-top:12px}.scroll>div{grid-template-columns:1fr}footer{flex-direction:column;gap:13px}}