@font-face{font-family:"Museum Serif";src:url("assets/fonts/noto-serif-sc-museum-subset.woff2") format("woff2");font-display:swap;font-weight:400 900}
@font-face{font-family:"Museum Sans";src:url("assets/fonts/noto-sans-sc-museum-subset.woff2") format("woff2");font-display:swap;font-weight:300 800}
:root{--green:#091b18;--green-2:#102923;--paper:#eee8dc;--paper-2:#dcd2c2;--ink:#172126;--clay:#603822;--copper:#cd7442;--line:rgba(238,232,220,.2);--page-progress:0;--serif:"Museum Serif","Noto Serif SC",serif;--sans:"Museum Sans","Noto Sans SC",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--green)}
body{margin:0;color:var(--paper);font-family:var(--sans);background:var(--green);text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
img{display:block;max-width:100%}
.skip-link{position:fixed;z-index:100;left:1rem;top:-5rem;padding:.8rem 1rem;background:var(--paper);color:var(--ink)}
.skip-link:focus{top:1rem}
.compare-nav{position:fixed;z-index:30;inset:0 0 auto;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,84px);background:rgba(9,27,24,.9);border-bottom:1px solid rgba(238,232,220,.14);backdrop-filter:blur(16px)}
.compare-brand{display:flex;align-items:center;gap:18px;letter-spacing:.08em}
.compare-brand>b{font:700 22px/1 var(--serif);white-space:nowrap}
.compare-brand>span{padding-left:18px;border-left:1px solid rgba(238,232,220,.25);font-size:12px;line-height:1.2}
.compare-brand small{display:block;margin-top:4px;font:500 7px/1 var(--sans);letter-spacing:.18em;opacity:.6}
.compare-nav nav{display:flex;align-items:center;gap:clamp(22px,3.2vw,54px);font:500 13px/1 var(--serif);letter-spacing:.12em}
.compare-nav nav a{position:relative;padding:10px 0;color:rgba(238,232,220,.72)}
.compare-nav nav a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:var(--copper);transition:right .35s ease}
.compare-nav nav a:hover{color:var(--paper)}
.compare-nav nav a:hover:after{right:0}
.compare-menu-button{display:none;width:46px;height:46px;border:0;background:none;padding:12px;color:inherit}
.compare-menu-button i{display:block;width:22px;height:1px;margin:6px auto;background:currentColor;transition:transform .25s ease}
.compare-mobile-menu{position:fixed;z-index:29;inset:76px 0 auto;padding:18px 24px 28px;background:var(--green);border-bottom:1px solid var(--line)}
.compare-mobile-menu a{display:grid;grid-template-columns:40px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.compare-mobile-menu b{font:500 11px/1 var(--sans);color:var(--copper)}
.compare-mobile-menu span{font:400 18px/1 var(--serif)}
.compare-progress{position:fixed;z-index:25;right:20px;top:20vh;bottom:18vh;width:1px;background:rgba(238,232,220,.2);opacity:1;transition:background .35s,opacity .35s}.compare-progress>i{display:block;width:1px;height:calc(var(--page-progress)*100%);background:var(--copper);transition:height .12s linear}.compare-progress ol{position:absolute;inset:0;margin:0;padding:0;list-style:none}.compare-progress li{position:absolute;right:10px;width:48px;color:rgba(238,232,220,.42);font:500 8px/1 var(--sans);letter-spacing:.12em;text-align:right;transition:color .3s}.compare-progress li:after{content:"";position:absolute;right:-14px;top:1px;width:7px;height:7px;border-radius:50%;background:rgba(238,232,220,.46);box-shadow:0 0 0 4px rgba(238,232,220,.05);transition:.3s}.compare-progress li:nth-child(1){top:0}.compare-progress li:nth-child(2){top:32%}.compare-progress li:nth-child(3){top:62%}.compare-progress li:nth-child(4){bottom:0}body[data-compare-zone="hero"] .compare-progress{opacity:0}body[data-compare-zone="desk"] .compare-progress,body[data-compare-zone="observation"] .compare-progress{background:rgba(23,33,38,.22)}body[data-compare-zone="desk"] .compare-progress li,body[data-compare-zone="observation"] .compare-progress li{color:rgba(23,33,38,.5)}body[data-compare-zone="desk"] .compare-progress li:after,body[data-compare-zone="observation"] .compare-progress li:after{background:rgba(23,33,38,.48);box-shadow:0 0 0 4px rgba(23,33,38,.05)}body[data-compare-zone="hero"] .compare-progress li:nth-child(1),body[data-compare-zone="desk"] .compare-progress li:nth-child(2),body[data-compare-zone="observation"] .compare-progress li:nth-child(3),body[data-compare-zone="evidence"] .compare-progress li:nth-child(4){color:var(--copper)}body[data-compare-zone="hero"] .compare-progress li:nth-child(1):after,body[data-compare-zone="desk"] .compare-progress li:nth-child(2):after,body[data-compare-zone="observation"] .compare-progress li:nth-child(3):after,body[data-compare-zone="evidence"] .compare-progress li:nth-child(4):after{background:var(--copper);box-shadow:0 0 0 6px rgba(205,116,66,.16)}
.compare-hero{position:relative;min-height:100svh;padding:clamp(150px,19vh,230px) clamp(24px,7vw,116px) 66px;overflow:hidden;background:radial-gradient(circle at 73% 50%,rgba(205,116,66,.11),transparent 28%),linear-gradient(115deg,var(--green),#07120f 72%)}
.compare-hero:before{content:"";position:absolute;inset:76px 0 0;background:linear-gradient(rgba(238,232,220,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(238,232,220,.025) 1px,transparent 1px);background-size:8vw 8vw;mask-image:linear-gradient(90deg,black,transparent 68%)}
.hero-mark{position:relative;margin:0 0 36px;font-size:11px;letter-spacing:.34em;color:var(--copper)}
.compare-hero h1{position:relative;margin:0;max-width:1050px;font:400 clamp(58px,9.2vw,154px)/.94 var(--serif);letter-spacing:-.07em}
.compare-hero h1 span{display:block}
.compare-hero h1 span:last-child{margin-left:clamp(34px,9vw,160px);color:transparent;-webkit-text-stroke:1px rgba(238,232,220,.8)}
.hero-copy{position:relative;width:min(440px,38vw);margin:50px 0 0 clamp(34px,9vw,160px);font:300 14px/2 var(--sans);letter-spacing:.08em;color:rgba(238,232,220,.68)}
.compare-hero>a{position:absolute;left:clamp(24px,7vw,116px);bottom:56px;display:flex;align-items:center;gap:60px;font:500 12px/1 var(--sans);letter-spacing:.2em;color:var(--paper)}
.compare-hero>a span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(238,232,220,.35);border-radius:50%;transition:.3s ease}
.compare-hero>a:hover span{border-color:var(--copper);background:var(--copper);transform:translateY(4px)}
.hero-footnote{position:absolute;right:clamp(24px,7vw,116px);bottom:64px;margin:0;font-size:10px;letter-spacing:.14em;color:rgba(238,232,220,.4)}
.hero-axis{position:absolute;right:clamp(44px,10vw,180px);top:26%;bottom:22%;width:72px;color:rgba(238,232,220,.55)}
.hero-axis i{position:absolute;left:35px;top:0;bottom:0;width:1px;background:linear-gradient(transparent,var(--copper) 16%,var(--copper) 84%,transparent)}
.hero-axis i:before,.hero-axis i:after{content:"";position:absolute;left:-4px;width:9px;height:9px;border-radius:50%;background:var(--copper);box-shadow:0 0 0 7px rgba(205,116,66,.1)}
.hero-axis i:before{top:18%}.hero-axis i:after{bottom:18%}
.hero-axis span{position:absolute;right:0;font:400 22px/1 var(--serif)}
.hero-axis span:nth-of-type(1){top:10%}.hero-axis span:nth-of-type(2){bottom:10%}
.thread-arrival .hero-axis i{transform-origin:top;animation:thread-arrival 1.15s cubic-bezier(.22,1,.36,1) both}.thread-arrival .hero-axis i:before,.thread-arrival .hero-axis i:after{animation:thread-point .45s .82s ease both}@keyframes thread-arrival{from{transform:scaleY(0);opacity:.15}to{transform:scaleY(1);opacity:1}}@keyframes thread-point{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}
.compare-desk{padding:clamp(84px,10vw,150px) clamp(22px,5vw,80px);color:var(--ink);background:var(--paper)}
.desk-heading{display:grid;grid-template-columns:minmax(320px,.8fr) 1.25fr minmax(220px,.55fr);align-items:end;gap:clamp(30px,5vw,90px);margin-bottom:64px}
.desk-heading>p,.evidence-section header>p{align-self:start;margin:8px 0 0;padding-top:12px;border-top:1px solid rgba(23,33,38,.45);font-size:10px;letter-spacing:.28em;text-transform:uppercase}
.desk-heading h2{margin:0;font:400 clamp(42px,5vw,76px)/1.12 var(--serif);letter-spacing:-.055em}
.case-switch{display:grid;border-top:1px solid rgba(23,33,38,.3)}
.case-switch button{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px;padding:18px 6px;border:0;border-bottom:1px solid rgba(23,33,38,.3);color:rgba(23,33,38,.55);background:transparent;text-align:left;cursor:pointer;transition:.25s ease}
.case-switch button:hover,.case-switch button[aria-selected="true"]{color:var(--ink);padding-left:14px;background:rgba(96,56,34,.07)}
.case-switch b{font:500 10px/1 var(--sans);color:var(--copper)}
.case-switch span{font:500 18px/1.2 var(--serif)}
.comparison-stage{--split:52%;position:relative;height:min(74vh,760px);min-height:580px;overflow:hidden;background:#0c1715;border:1px solid rgba(23,33,38,.35);box-shadow:0 26px 70px rgba(39,30,20,.18)}
.image-layer{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:#17231f}
.image-layer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 28%,rgba(5,13,11,.72) 120%);z-index:1;pointer-events:none}
.image-layer img{width:100%;height:100%;object-fit:contain;filter:saturate(.82) contrast(1.04);transition:opacity .25s ease}
.image-layer span{position:absolute;z-index:3;bottom:24px;padding:10px 14px;background:rgba(9,27,24,.78);border:1px solid rgba(238,232,220,.24);font-size:10px;letter-spacing:.2em;color:var(--paper);backdrop-filter:blur(8px)}
.image-clay span{right:24px}.image-paper span{left:24px}
.image-paper{clip-path:inset(0 calc(100% - var(--split)) 0 0);background:#d7cdbc}
.image-paper:before{background:linear-gradient(90deg,rgba(238,232,220,.08),transparent 65%)}
.split-line{position:absolute;z-index:5;top:0;bottom:0;left:var(--split);width:1px;background:var(--copper);pointer-events:none;filter:drop-shadow(0 0 7px rgba(205,116,66,.55))}
.split-line i{position:absolute;top:0;left:0;width:1px;height:100%;background:linear-gradient(transparent 0,var(--copper) 7%,var(--copper) 93%,transparent 100%)}
.split-line span{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:52px;height:52px;transform:translate(-50%,-50%);border:1px solid var(--copper);border-radius:50%;background:rgba(9,27,24,.9);font:400 17px/1 var(--serif);color:var(--paper);letter-spacing:.1em}
.split-control{position:absolute;z-index:6;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.split-control:focus-visible{opacity:1;height:6px;top:50%;accent-color:var(--copper)}
.observation-layer{position:absolute;z-index:7;inset:0;pointer-events:none}.observation-hotspot{--x:28%;--y:46%;position:absolute;left:var(--x);top:var(--y);display:flex;align-items:center;gap:9px;padding:0;border:0;color:var(--paper);background:transparent;transform:translate(-50%,-50%);cursor:pointer;pointer-events:auto}.observation-hotspot>i{position:relative;width:18px;height:18px;border:1px solid var(--copper);border-radius:50%;background:rgba(9,27,24,.88);box-shadow:0 0 0 7px rgba(205,116,66,.1)}.observation-hotspot>i:after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--copper)}.observation-hotspot>span{padding:7px 9px;background:rgba(9,27,24,.82);border:1px solid rgba(238,232,220,.24);font-size:8px;letter-spacing:.16em;white-space:nowrap;backdrop-filter:blur(7px)}.observation-hotspot:hover>i,.observation-hotspot[aria-expanded="true"]>i{box-shadow:0 0 0 11px rgba(205,116,66,.16);transform:scale(1.15)}.observation-hotspot.is-clay{--x:76%;--y:58%;flex-direction:row-reverse}.observation-card{position:absolute;z-index:9;top:26px;right:26px;width:min(360px,38vw);padding:26px 28px 24px;color:var(--paper);background:rgba(9,27,24,.92);border:1px solid rgba(238,232,220,.3);box-shadow:0 22px 60px rgba(0,0,0,.34);backdrop-filter:blur(14px);pointer-events:auto}.observation-card.is-clay{left:26px;right:auto}.observation-card>p:first-of-type{margin:0;color:var(--copper);font-size:8px;letter-spacing:.23em}.observation-card h3{margin:18px 0 12px;font:500 23px/1.3 var(--serif)}.observation-card>p:not(:first-of-type){margin:0 0 18px;font:300 12px/1.9 var(--sans);color:rgba(238,232,220,.78)}.observation-card small{display:block;padding-top:14px;border-top:1px solid rgba(238,232,220,.2);font-size:9px;line-height:1.75;color:rgba(238,232,220,.52)}.observation-close{position:absolute;right:12px;top:10px;width:32px;height:32px;border:0;color:rgba(238,232,220,.7);background:transparent;font:300 24px/1 var(--sans);cursor:pointer}
.case-record{display:grid;grid-template-columns:1.25fr 1fr;gap:8vw;padding:54px 0 0}
.case-record>div>span{font-size:10px;letter-spacing:.3em;color:var(--copper)}
.case-record h3{margin:12px 0 18px;font:500 clamp(36px,4vw,64px)/1 var(--serif)}
.case-record p{max-width:610px;margin:0;font:300 14px/2 var(--sans);color:rgba(23,33,38,.68)}
.case-record dl{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:1px solid rgba(23,33,38,.28)}
.case-record dl div{padding:18px 8px;border-bottom:1px solid rgba(23,33,38,.28)}
.case-record dt{margin-bottom:9px;font-size:9px;letter-spacing:.24em;color:rgba(23,33,38,.5)}
.case-record dd{margin:0;font:400 13px/1.7 var(--serif)}
.observation-section{padding:clamp(92px,12vw,180px) clamp(24px,7vw,116px);background:#ded5c7;color:var(--ink)}
.observation-index{margin:0 0 34px;font-size:10px;letter-spacing:.27em;color:var(--clay)}
.observation-title{display:grid;grid-template-columns:1.45fr .55fr;gap:10vw;align-items:end;padding-bottom:60px;border-bottom:1px solid rgba(23,33,38,.3)}
.observation-title h2{margin:0;font:400 clamp(46px,6.2vw,96px)/1.1 var(--serif);letter-spacing:-.06em}
.observation-title p{margin:0;font:300 13px/2 var(--sans);color:rgba(23,33,38,.65)}
.observation-section ol{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;padding:0;list-style:none}
.observation-section li{position:relative;min-height:280px;padding:42px 40px 32px;border-right:1px solid rgba(23,33,38,.25)}
.observation-section li:first-child{padding-left:0}.observation-section li:last-child{border-right:0}
.observation-section li b{font:500 10px/1 var(--sans);color:var(--copper)}
.observation-section li h3{margin:58px 0 18px;font:500 28px/1 var(--serif)}
.observation-section li p{max-width:250px;margin:0;font:300 13px/1.9 var(--sans);color:rgba(23,33,38,.65)}
.evidence-section{padding:clamp(92px,12vw,180px) clamp(24px,7vw,116px);background:var(--clay);color:var(--paper)}
.evidence-section header{display:grid;grid-template-columns:.7fr 1.4fr;gap:9vw;margin-bottom:70px}
.evidence-section header>p{border-color:rgba(238,232,220,.35)}
.evidence-section h2{margin:0;font:400 clamp(48px,6.2vw,92px)/1.08 var(--serif);letter-spacing:-.06em}
.evidence-ledger{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(238,232,220,.3);border-bottom:1px solid rgba(238,232,220,.3)}
.evidence-ledger article{min-height:330px;padding:34px clamp(22px,3vw,46px);border-right:1px solid rgba(238,232,220,.25)}
.evidence-ledger article:last-child{border-right:0}
.evidence-ledger span{display:inline-block;padding:8px 12px;border:1px solid currentColor;font-size:9px;letter-spacing:.22em}
.evidence-ledger h3{margin:84px 0 18px;font:400 26px/1.45 var(--serif)}
.evidence-ledger p{margin:0;font:300 12px/2 var(--sans);color:rgba(238,232,220,.66)}
.evidence-ledger .is-known span{color:#e0b77f}.evidence-ledger .is-observed span{color:#d6ded3}.evidence-ledger .is-unknown span{color:#df9167}
.evidence-note{margin:26px 0 0;font-size:9px;line-height:1.8;letter-spacing:.1em;color:rgba(238,232,220,.45)}
.compare-end{display:grid;grid-template-columns:.5fr 1.15fr .75fr;gap:7vw;align-items:start;padding:clamp(90px,12vw,170px) clamp(24px,7vw,116px);background:var(--paper);color:var(--ink)}
.compare-end>p{margin:10px 0 0;font-size:10px;letter-spacing:.28em;color:var(--clay)}
.compare-end h2{margin:0;font:400 clamp(50px,6vw,88px)/1.08 var(--serif);letter-spacing:-.06em}
.compare-end>div{display:grid;border-top:1px solid rgba(23,33,38,.35)}
.compare-end a{display:flex;justify-content:space-between;padding:20px 5px;border-bottom:1px solid rgba(23,33,38,.35);font:500 13px/1.2 var(--serif);transition:.25s ease}
.compare-end a:hover{padding-left:13px;color:var(--clay)}
footer{display:grid;grid-template-columns:1fr 1fr auto;gap:40px;align-items:end;padding:50px clamp(24px,7vw,116px);background:#06110f;border-top:1px solid var(--line);color:rgba(238,232,220,.64)}
footer>a:first-child b{display:block;font:500 18px/1.2 var(--serif);color:var(--paper)}
footer>a:first-child span,footer p,footer>a:last-child{font-size:9px;line-height:1.8;letter-spacing:.13em}
footer p{margin:0;text-align:center}footer>a:last-child{text-align:right}
@media(max-width:900px){
  .compare-nav{height:68px;padding:0 22px}.compare-nav nav{display:none}.compare-menu-button{display:block}.compare-brand>span{display:none}.compare-mobile-menu{top:68px}.compare-progress{display:none}
  .compare-hero{padding:145px 28px 60px;min-height:92svh}.compare-hero:before{inset:68px 0 0}.compare-hero h1{font-size:clamp(58px,13vw,100px)}.hero-axis{right:34px;top:39%;bottom:24%}.hero-copy{width:min(470px,66vw);margin-left:8vw}.hero-footnote{display:none}
  .desk-heading{grid-template-columns:.65fr 1.35fr}.desk-heading>.case-switch{grid-column:1/-1;grid-template-columns:1fr 1fr}.case-switch{border-left:1px solid rgba(23,33,38,.3)}.case-switch button{border-right:1px solid rgba(23,33,38,.3)}
  .comparison-stage{height:68vh;min-height:520px}.case-record{grid-template-columns:1fr;gap:40px}
  .observation-title{grid-template-columns:1fr;gap:30px}.observation-section ol{grid-template-columns:1fr}.observation-section li{min-height:auto;padding:32px 0;border-right:0;border-bottom:1px solid rgba(23,33,38,.25)}.observation-section li h3{margin:28px 0 12px}
  .evidence-section header{grid-template-columns:.55fr 1.45fr}.evidence-ledger{grid-template-columns:1fr}.evidence-ledger article{min-height:auto;padding:30px 0 35px;border-right:0;border-bottom:1px solid rgba(238,232,220,.25)}.evidence-ledger article:last-child{border-bottom:0}.evidence-ledger h3{margin:36px 0 14px}
  .compare-end{grid-template-columns:1fr}.compare-end h2{margin-bottom:25px}
}
@media(max-width:600px){
  .compare-brand>b{font-size:19px}.compare-hero{min-height:100svh;padding:138px 22px 54px}.hero-mark{margin-bottom:28px}.compare-hero h1{font-size:clamp(55px,18vw,78px);line-height:1.02}.compare-hero h1 span:last-child{margin:10px 0 0 12vw;-webkit-text-stroke:.8px rgba(238,232,220,.82)}.hero-copy{width:72vw;margin:38px 0 0 12vw;font-size:12px;line-height:1.9}.hero-axis{right:8px;top:58%;bottom:14%;width:44px}.hero-axis i{left:20px}.hero-axis span{font-size:17px}.compare-hero>a{left:22px;bottom:42px}.compare-desk{padding:82px 15px}.desk-heading{grid-template-columns:1fr;gap:24px;margin:0 7px 38px}.desk-heading h2{font-size:43px}.desk-heading>.case-switch{grid-column:auto}.case-switch span{font-size:15px}.comparison-stage{height:64svh;min-height:470px}.image-layer span{bottom:14px;padding:8px;font-size:8px}.image-paper span{left:12px}.image-clay span{right:12px}.split-line span{width:42px;height:42px;font-size:14px}.observation-hotspot>span{display:none}.observation-hotspot>i{width:20px;height:20px}.observation-card,.observation-card.is-clay{inset:16px 14px auto;width:auto;padding:24px 22px}.case-record{padding:38px 8px 0}.case-record h3{font-size:38px}.case-record dl{grid-template-columns:1fr}.case-record p{font-size:12px}.observation-section,.evidence-section,.compare-end{padding:82px 22px}.observation-title h2,.evidence-section h2,.compare-end h2{font-size:45px}.observation-title p{font-size:12px}.evidence-section header{grid-template-columns:1fr;gap:26px;margin-bottom:45px}.evidence-ledger h3{font-size:23px}.compare-end{gap:28px}footer{grid-template-columns:1fr;gap:22px;padding:42px 22px}footer p,footer>a:last-child{text-align:left}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.thread-arrival .hero-axis i{transform:none}}

@media(max-width:760px){
  .image-layer span,.observation-card>p:first-of-type,.observation-card small,.case-record dt,.evidence-ledger span,.evidence-note,footer>a:first-child span,footer p,footer>a:last-child{font-size:10.5px;line-height:1.7}
}