*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:#F5EDE0;color:#2C2420;font-family:'Source Serif 4',serif;font-weight:400;font-size:clamp(1rem,1.1vw,1.15rem);line-height:1.72;overflow-x:hidden;letter-spacing:0.005em}

/* Top Nav */
.top-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(16px,4vw,48px);background:rgba(245,237,224,0.85);border-bottom:1px solid #6B1D2A;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.nav-domain{font-family:'Darker Grotesque',sans-serif;font-weight:700;font-size:1.1rem;color:#6B1D2A;letter-spacing:-0.02em}
.nav-links{display:flex;gap:1.5rem}
.nav-link{font-family:'Source Serif 4',serif;font-weight:400;font-size:0.9rem;color:#5E5B56;text-decoration:none;transition:color 0.25s}
.nav-link:hover{color:#B5553A}

/* Plates */
.plate{min-height:100vh;padding:clamp(3rem,8vh,8rem) clamp(16px,4vw,48px);position:relative}
.plate--cover{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.plate--map{background:#EDE5D8;display:flex;flex-direction:column;align-items:center;justify-content:center}
.plate--colophon{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}

/* Cover */
.cover-content{position:relative;margin-bottom:3rem}
.cover-title{font-family:'Darker Grotesque',sans-serif;font-weight:700;font-size:clamp(3rem,8vw,6rem);color:#6B1D2A;letter-spacing:-0.03em;line-height:0.95}
.cover-dot{color:#B5553A}
.cover-sub{font-family:'Source Serif 4',serif;font-style:italic;font-weight:400;color:#5E5B56;margin-top:0.8rem}

/* Root SVG */
.root-svg{width:clamp(300px,60vw,700px);max-height:50vh}
.root-path{stroke-dasharray:1200;stroke-dashoffset:1200;animation:drawRoot 3s cubic-bezier(0.22,1,0.36,1) 0.8s forwards}
@keyframes drawRoot{to{stroke-dashoffset:0}}

.fig-label{font-family:'Caveat',cursive;font-weight:400;font-size:clamp(0.75rem,1vw,0.9rem);color:rgba(107,29,42,0.7);margin-top:1rem;display:block;text-align:center}
.fig-label--map{margin-top:2rem}

/* Hanko Seal */
.hanko-seal{width:32px;height:32px;border-radius:50%;border:2px solid #6B1D2A;position:relative}
.hanko-seal::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;border:1px solid #6B1D2A;border-radius:50%}
.hanko--corner{position:absolute;top:0;right:0}
.hanko--large{width:48px;height:48px;margin-top:2rem}

/* Spread Layout */
.spread-layout{display:grid;grid-template-columns:65fr 35fr;gap:clamp(1.5rem,3vw,3rem);max-width:1100px;margin:0 auto}
.section-heading{font-family:'Darker Grotesque',sans-serif;font-weight:700;font-size:clamp(2rem,5vw,4rem);color:#6B1D2A;letter-spacing:-0.02em;line-height:0.95;margin-bottom:1rem}
.body-text{color:#2C2420;max-width:55ch;margin-bottom:1.2em}
.body-text em{font-style:italic}
.mono-inline{font-family:'IBM Plex Mono',monospace;font-size:0.85em;color:#5E5B56}

/* Specimen Cards */
.spread-side{display:flex;flex-direction:column;gap:1.2rem}
.specimen-card{background:#FAF6F0;padding:clamp(1rem,2vw,1.5rem);border-left:4px solid #6B1D2A;box-shadow:0 8px 32px rgba(89,27,38,0.12);position:relative}
.specimen-icon{width:60px;height:48px;display:block;margin-bottom:0.5rem}
.specimen-label{font-family:'Source Serif 4',serif;font-weight:600;font-size:0.95rem;color:#2C2420;display:block;margin-bottom:0.2rem}
.specimen-caveat{font-family:'Caveat',cursive;font-weight:400;font-size:0.85rem;color:rgba(107,29,42,0.7)}

/* Vine Border */
.vine-border{width:100%;height:60px;overflow:hidden}
.vine-svg{width:100%;height:100%}
.vine-path{stroke-dasharray:1200;stroke-dashoffset:1200;transition:stroke-dashoffset 2s cubic-bezier(0.22,1,0.36,1)}
.vine-path.drawn{stroke-dashoffset:0}

/* Map */
.map-svg{width:clamp(300px,80vw,900px);max-height:60vh}
.route-path{stroke-dasharray:500;stroke-dashoffset:500;transition:stroke-dashoffset 2.5s cubic-bezier(0.22,1,0.36,1)}
.route-path.drawn{stroke-dashoffset:0}
.route-node{transform:scale(0);transition:transform 0.6s cubic-bezier(0.34,1.56,0.64,1)}
.route-node.pulse{transform:scale(1)}

/* Annotations */
.annotation-note{padding:0.8rem 1rem;border-left:3px solid #6B1D2A;margin-bottom:1rem}
.annotation-text{font-family:'Caveat',cursive;font-weight:400;font-size:clamp(0.9rem,1.1vw,1.1rem);color:#5E5B56}

/* Colophon */
.colophon-title{font-family:'Darker Grotesque',sans-serif;font-weight:300;font-size:clamp(2rem,5vw,4rem);color:#6B1D2A;letter-spacing:-0.02em;margin-bottom:0.5rem}
.colophon-text{font-family:'Source Serif 4',serif;font-weight:400;color:#5E5B56;max-width:40ch;margin-bottom:2rem}

/* Reveals */
[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity 0.6s cubic-bezier(0.22,1,0.36,1),transform 0.6s cubic-bezier(0.22,1,0.36,1)}
[data-reveal].visible{opacity:1;transform:translateY(0)}

@media(max-width:768px){
  .spread-layout{grid-template-columns:1fr}
  .nav-links{gap:0.8rem}
  .nav-link{font-size:0.8rem}
}