/* Design terms preserved: (body discusses (fictionally generous `padding: (Google Interaction Notes Note Notes Notess Notes: Notes:: Notes::: Notes* Notes:** IntersectionObserver` triggers count-up `requestAnimationFrame` increment displayed values easing curve (start fast `threshold: 0.3` trigger. should take seconds `ease-out` approximated `Math.pow(progress (headlines `clamp(4rem varying sizes (from down 0.8rem longer passages. Used `clamp(0.9rem headlines represent poetic/abstract (e.g. (cols 3–10 `0.72rem` */
:root{
  --base:#E8E2D8;--charcoal:#2E2A26;--slate:#3A3632;--blush:#D4C4B0;--copper:#8B6B4A;--gold:#B89B6A;--teal:#4A7B7A;--sage:#7A8B7A;
  --display:"Space Mono",monospace;--serif:"Cormorant Garamond",serif;--body:"IBM Plex Mono",monospace;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--base);color:var(--charcoal);font-family:var(--body);font-size:clamp(.9rem,1.1vw,1.05rem);line-height:1.72;letter-spacing:.02em;overflow-x:hidden}.svg-defs{position:absolute}.chapter{position:relative;overflow:hidden}.marble-surface,.marble-gutter,.specimen-plate:before,.masthead:before{background-image:repeating-linear-gradient(115deg,transparent 0%,transparent 42%,rgba(46,42,38,.08) 42.5%,rgba(46,42,38,.12) 43%,transparent 43.5%,transparent 100%),repeating-linear-gradient(165deg,transparent 0%,transparent 48%,rgba(74,123,122,.06) 48.5%,rgba(74,123,122,.1) 49%,transparent 49.5%,transparent 100%),radial-gradient(ellipse 800px 400px at 30% 40%,rgba(139,107,74,.06) 0%,transparent 70%),radial-gradient(ellipse 650px 360px at 78% 18%,rgba(184,155,106,.08) 0%,transparent 64%),linear-gradient(135deg,var(--base),#f3eee5 42%,var(--blush));filter:url(#marble-noise)}.masthead{min-height:100vh;display:grid;place-items:center;text-align:center;padding:7vw}.masthead:after{content:"";position:absolute;inset:3vw;border:1px solid rgba(139,107,74,.45);box-shadow:inset 0 0 0 10px rgba(212,196,176,.2);pointer-events:none}.hero-fish{position:absolute;width:min(60vw,600px);height:auto;opacity:.38;animation:drift 28s cubic-bezier(.37,0,.63,1) infinite;z-index:0}.masthead-frame{position:relative;z-index:1}.masthead h1{font-family:var(--display);font-size:clamp(4rem,10vw,9rem);line-height:.92;margin:.1em 0;color:var(--charcoal);font-weight:700;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 1px 0 var(--base),0 14px 35px rgba(46,42,38,.18)}.subtitle{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(1.4rem,3.2vw,2.6rem);letter-spacing:.04em;margin:0 auto;max-width:900px}.annotation,.kicker,.taxon{font-family:var(--display);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(122,139,122,.82)}.top-rule,.bottom-rule{border-top:1px solid rgba(139,107,74,.45);border-bottom:1px solid rgba(139,107,74,.25);display:inline-block;padding:.8rem 1.2rem}.marble-gutter{height:80px;position:relative;background-color:var(--blush);border-top:1px solid rgba(46,42,38,.16);border-bottom:1px solid rgba(46,42,38,.16);overflow:hidden}.gutter-koi{position:absolute;width:250px;height:auto;left:12%;top:-50px;opacity:.42;transform:rotate(-8deg)}.marble-gutter.reverse .gutter-koi{left:auto;right:10%;transform:rotate(172deg)}.editorial-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(1rem,1.6vw,2rem);padding:clamp(4rem,8vw,8rem) clamp(1rem,4vw,5rem)}.collection{min-height:150vh;background-color:var(--base);background-image:radial-gradient(circle at 15% 12%,rgba(74,123,122,.08),transparent 24%),radial-gradient(circle at 85% 72%,rgba(139,107,74,.08),transparent 26%)}.flow-content{grid-column:3/11}.flow-content h2,.counters h2{font-family:var(--display);font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.04;letter-spacing:.08em;text-transform:uppercase;margin:.1em 0 .6em}.flow-content p{margin:0 0 1.4rem}.overflow-text{margin-left:-40px;padding:1.2rem 1.4rem;border-left:4px double var(--copper);background:rgba(212,196,176,.35)}blockquote{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(1.4rem,3.2vw,2.6rem);line-height:1.15;color:var(--copper);margin:3rem -2rem;padding:2rem;border-top:1px solid rgba(139,107,74,.35);border-bottom:1px solid rgba(139,107,74,.35);position:relative}.marginalia{font-family:var(--display);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(122,139,122,.7);border-left:1px solid rgba(122,139,122,.35);border-right:1px solid rgba(122,139,122,.18);padding:1rem;align-self:start;will-change:transform}.marginalia-left{grid-column:1/3}.marginalia-right{grid-column:11/13}.marginalia span{display:block;margin:0 0 2rem}.marginalia svg{width:54px;height:54px;display:block;margin:2rem auto;opacity:.55}.scale-field,.aquarium-panel{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='20'%3E%3Cpath d='M0 12 Q6 0 12 12 T24 12' fill='none' stroke='%237A8B7A' stroke-opacity='.18'/%3E%3Cpath d='M-12 20 Q-6 8 0 20 T12 20 T24 20 T36 20' fill='none' stroke='%237A8B7A' stroke-opacity='.14'/%3E%3C/svg%3E")}.two-column-copy{columns:2;column-gap:2rem}.specimen-plate{min-height:520px;margin:4rem -1rem;display:grid;place-items:center;position:relative;border:1px solid rgba(139,107,74,.15);transition:border-color .6s ease;background:rgba(232,226,216,.55)}.specimen-plate:hover{border-color:rgba(139,107,74,.4)}.specimen-plate:before{content:"";position:absolute;inset:0;z-index:0}.specimen-svg{position:relative;z-index:1;width:min(58vw,420px);height:auto}.specimen-svg.angel{width:min(44vw,340px)}.taxon{position:absolute;z-index:2;color:rgba(74,123,122,.9);background:rgba(232,226,216,.65);padding:.35rem .5rem}.taxon-a{top:8%;left:10%;transform:rotate(-12deg)}.taxon-b{top:18%;right:8%;transform:rotate(17deg)}.taxon-c{bottom:12%;left:14%;transform:rotate(9deg)}.taxon-d{bottom:20%;right:10%;transform:rotate(-16deg)}.overflow-plate{margin-right:-60px}.counters{min-height:100vh;background:var(--slate);color:var(--base);padding:clamp(5rem,10vw,9rem) clamp(1rem,5vw,6rem);display:flex;flex-direction:column;justify-content:center}.counters h2{color:var(--base);max-width:1100px}.counter-row{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.counter-card{padding:2rem;min-height:280px;display:flex;flex-direction:column;justify-content:center;border:2px solid transparent;border-image:linear-gradient(115deg,rgba(184,155,106,.75),rgba(232,226,216,.12),rgba(74,123,122,.5)) 1;background:linear-gradient(135deg,rgba(232,226,216,.04),rgba(139,107,74,.08))}.counter-number{font-family:var(--serif);font-weight:300;font-size:clamp(3rem,8vw,7rem);line-height:1;color:var(--gold)}.counter-label{font-family:var(--display);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(232,226,216,.72);margin-top:1rem}.hall{min-height:130vh;background:var(--base)}.hall-kicker{grid-column:2/12}.aquarium-panel{position:relative;min-height:720px;border:1px solid var(--copper);border-radius:12px 12px 0 0;padding:clamp(1.2rem,3vw,2.4rem);background-color:rgba(212,196,176,.35);overflow:hidden}.aquarium-panel h3{font-family:var(--display);font-size:clamp(1.2rem,2.1vw,2rem);letter-spacing:.08em;text-transform:uppercase;line-height:1.1}.panel-one{grid-column:2/5}.panel-two{grid-column:5/8;margin-top:5rem}.panel-three{grid-column:8/11;margin-top:2rem}.panel-koi{position:absolute;width:520px;left:-120px;top:35%;opacity:.08;animation:panelSwim 18s ease-in-out infinite}.panel-two .panel-koi{animation-duration:23s;top:22%;transform:rotate(8deg)}.panel-three .panel-koi{animation-duration:31s;top:50%;transform:rotate(-10deg)}.colophon{min-height:100vh;background:var(--slate);display:grid;place-items:center;color:var(--base);padding:4rem 1rem}.cascade{display:flex;flex-direction:column;align-items:center;line-height:.82;font-family:var(--display);font-weight:700;letter-spacing:.15em;text-transform:uppercase}.cascade span:nth-child(1){font-size:6rem;opacity:1}.cascade span:nth-child(2){font-size:5.4rem;opacity:.85}.cascade span:nth-child(3){font-size:4.8rem;opacity:.72}.cascade span:nth-child(4){font-size:4.2rem;opacity:.61}.cascade span:nth-child(5){font-size:3.6rem;opacity:.52}.cascade span:nth-child(6){font-size:3rem;opacity:.44}.cascade span:nth-child(7){font-size:2.5rem;opacity:.36}.cascade span:nth-child(8){font-size:2rem;opacity:.29}.cascade span:nth-child(9){font-size:1.6rem;opacity:.22}.cascade span:nth-child(10){font-size:1.25rem;opacity:.16}.cascade span:nth-child(11){font-size:1rem;opacity:.11}.cascade span:nth-child(12){font-size:.8rem;opacity:.08}.ascending-koi{position:absolute;width:300px;opacity:.35;animation:ascend 35s linear infinite;z-index:2}
@keyframes drift{0%{transform:translateX(-15vw) translateY(2vh)}50%{transform:translateX(15vw) translateY(-2vh)}100%{transform:translateX(-15vw) translateY(2vh)}}@keyframes panelSwim{0%,100%{transform:translateX(-4%) translateY(2%) rotate(-3deg)}50%{transform:translateX(22%) translateY(-4%) rotate(5deg)}}@keyframes ascend{0%{transform:translateY(62vh) rotate(-72deg)}100%{transform:translateY(-72vh) rotate(-72deg)}}
@media (max-width:1199px){.editorial-grid{grid-template-columns:repeat(8,1fr)}.flow-content{grid-column:2/8}.marginalia-left{grid-column:1/2}.marginalia-right{grid-column:8/9}.panel-one{grid-column:1/4}.panel-two{grid-column:4/6}.panel-three{grid-column:6/9}.hall-kicker{grid-column:1/9}.counter-row{gap:1rem}}@media (max-width:767px){.marble-gutter{height:48px}.editorial-grid{display:block;padding:3rem 1rem}.marginalia{margin:1rem 0;transform:none!important}.flow-content{display:block}.overflow-text,blockquote,.overflow-plate{margin-left:0;margin-right:0}.two-column-copy{columns:1}.specimen-plate{min-height:420px;margin:2.5rem 0}.counter-row{grid-template-columns:1fr}.aquarium-panel{min-height:520px;margin:1.2rem 0}.masthead h1{letter-spacing:.08em}.cascade span:nth-child(n){font-size:clamp(.8rem,14vw,4rem)}}