html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}
main{display:block}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
small{font-size:80%}
img{border-style:none}
button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
button,[type="submit"]{-webkit-appearance:button}
fieldset{padding:0.35em 0.75em 0.625em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
[type="checkbox"]{box-sizing:border-box;padding:0}
*,*::before,*::after{box-sizing:border-box}

:root{
  
  --space-1:0.618rem;
  --space-2:1rem;
  --space-3:clamp(1rem,2.1vw,1.618rem);
  --space-4:clamp(1.618rem,3.4vw,2.618rem);
  --space-5:clamp(2.618rem,5.8vw,4.236rem);
  --space-step:1.618rem;
  --space-tall:4.236rem;

  
  --fluid-font-xs:clamp(0.75rem,0.9vw,0.82rem);
  --fluid-font-sm:clamp(0.875rem,1.1vw,0.95rem);
  --fluid-font-md:clamp(1rem,1.3vw,1.125rem);
  --fluid-font-lg:clamp(1.35rem,3.1vw,2.1rem);
  --fluid-font-xl:clamp(1.9rem,4.9vw,3.1rem);
  --fluid-font-num:clamp(1.6rem,3vw,2.2rem);

  --shell-width:clamp(320px,92vw,1240px);
  --rail-width:clamp(212px,19vw,272px);

  
  --ink:#15100e;
  --ink-raise:#241a16;
  --ink-line:#3a2c25;
  --bone:#f3ece2;
  --bone-dim:#b8ab9d;
  --paper:#ffffff;
  --paper-warm:#f7f3ee;
  --paper-line:#e3d9cb;
  --text:#333333;
  --text-soft:#5d5349;
  --accent:#b0202f;
  --accent-deep:#8a1824;
  --sand:#d9b48a;
  --accent-glow:rgba(176,32,47,0.38);
  --sand-glow:rgba(217,180,138,0.22);

  
  --hero-gradient:radial-gradient(118% 92% at 16% 10%,#3a2119 0%,rgba(58,33,25,0) 58%),linear-gradient(162deg,#1b1513 0%,#100c0a 100%);
  --hero-photo:var(--hero-gradient);
  --hero-veil:linear-gradient(162deg,rgba(21,16,14,0.30) 0%,rgba(21,16,14,0.78) 100%);
  --hero-veil-opacity:0.35;

  --motion:0.3s ease;
  --step-radius:40px 40px 0 0;
}

body{
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;
  font-weight:400;
  font-size:var(--fluid-font-md);
  line-height:1.7;
  color:var(--text);
  background:var(--paper-warm);
}
h1,h2,h3,h4{font-family:Georgia,'Times New Roman',serif;font-weight:700;margin:0 0 var(--space-2)}
h1{font-size:var(--fluid-font-xl);line-height:1.12;letter-spacing:-0.01em}
h2{font-size:var(--fluid-font-lg);line-height:1.2}
h3{font-size:clamp(1.05rem,1.8vw,1.28rem);line-height:1.35}
h4{font-size:clamp(0.98rem,1.5vw,1.1rem)}
p{margin:0 0 var(--space-2);font-size:var(--fluid-font-md);line-height:1.7}
a{color:var(--accent);text-decoration:underline;text-underline-offset:0.18em}
a:hover{color:var(--accent-deep)}
ul,ol{margin:0 0 var(--space-2);padding-left:1.25rem}
li{margin-bottom:0.4rem}
img{max-width:100%;height:auto}