:root {
  --paper:#f4eedf; --paper-light:#fbf7ec; --paper-deep:#e8dfcd;
  --forest:#0c4a32; --forest-dark:#073522; --ink:#18211c;
  --muted:#5f665f; --red:#c6421b; --rule:rgba(12,74,50,.28);
  --serif:Georgia,"Times New Roman",serif; --sans:Arial,"Helvetica Neue",sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
}

*{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:95px}
body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6;text-rendering:optimizeLegibility}
body:before{position:fixed;z-index:-1;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E");content:"";opacity:.28;pointer-events:none}
::selection{background:var(--red);color:var(--paper-light)}
a{color:inherit;text-underline-offset:.2em} img{display:block;max-width:100%}
h1,h2,h3,p,figure,dl,dd,blockquote{margin:0} ul{margin:0;padding:0}
button,summary{font:inherit} :focus-visible{outline:3px solid var(--red);outline-offset:4px}
.shell{width:min(calc(100% - 112px),1480px);margin-inline:auto}
.skip{position:fixed;z-index:100;top:10px;left:10px;padding:9px 13px;background:var(--forest-dark);color:white;transform:translateY(-160%)}.skip:focus{transform:none}

.topbar{position:sticky;z-index:50;top:0;background:rgba(244,238,223,.94);border-bottom:1px solid var(--rule);backdrop-filter:blur(12px)}
.topbar-inner{display:grid;grid-template-columns:auto 1fr auto;min-height:78px;align-items:center;gap:32px}
.brand{display:flex;align-items:center;color:var(--forest);font-size:24px;font-weight:700;letter-spacing:-.035em;text-decoration:none}.brand img{width:44px;height:44px;margin-right:11px;object-fit:contain}
.nav{display:flex;justify-content:center;gap:clamp(17px,2.2vw,38px)}.nav a,.top-actions a{position:relative;font-size:13px;font-weight:700;text-decoration:none}
.nav a:after{position:absolute;right:0;bottom:-9px;left:0;height:1px;background:var(--red);content:"";transform:scaleX(0);transform-origin:left;transition:transform .18s}.nav a:hover:after{transform:scaleX(1)}
.top-actions{display:flex;gap:8px}.top-actions a{display:flex;min-height:40px;align-items:center;padding:7px 13px;border:1px solid var(--forest)}.top-actions a:last-child{background:var(--forest);color:var(--paper-light)}.menu{display:none}

.hero{padding-top:clamp(58px,7vw,102px)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.72fr);min-height:470px;align-items:end;gap:clamp(70px,9vw,150px)}
.eyebrow,.micro,.section-tag,.resource-links span,.code header span,.ack>span{color:var(--red);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.hero h1{max-width:980px;margin-top:15px;color:var(--forest);font-family:var(--serif);font-size:clamp(60px,7.2vw,108px);font-weight:400;letter-spacing:-.055em;line-height:.91}
.deck{max-width:780px;margin-top:29px;font-size:clamp(19px,1.55vw,24px);line-height:1.4}
.authors{display:flex;flex-wrap:wrap;gap:5px 10px;margin-top:17px;color:var(--forest-dark);font-size:14px;font-weight:700}.authors i{font-style:normal}.authors a:hover{color:var(--red)}
.buttons{display:flex;flex-wrap:wrap;gap:9px;margin-top:31px}.buttons a{display:flex;min-height:48px;align-items:center;padding:10px 19px;border:1px solid var(--forest);color:var(--forest);font-size:13px;font-weight:700;text-decoration:none;transition:transform .18s,background .18s}.buttons a:hover{transform:translateY(-2px);background:rgba(12,74,50,.06)}.buttons .primary{background:var(--forest);color:var(--paper-light)}
.hero-note{align-self:end;padding-bottom:15px}.hero-note>.micro{padding-top:17px;border-top:1px solid var(--forest)}.hero-note blockquote{margin-top:13px;font-family:var(--serif);font-size:clamp(21px,2vw,28px);line-height:1.22}
.hero-note dl{margin-top:30px;border-block:1px solid var(--rule)}.hero-note dl div{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid var(--rule)}.hero-note dl div:last-child{border:0}.hero-note dt{color:var(--muted);font-size:11px;text-transform:uppercase}.hero-note dd{color:var(--forest);font-family:var(--serif);font-size:22px}
.mosaic-label{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;margin:66px 0 9px;color:var(--red);font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.mosaic-label span{height:1px;background:var(--red)}
.mosaic{display:grid;overflow:hidden;grid-template-columns:1fr 1.22fr .8fr 1.18fr 1fr;grid-template-rows:repeat(2,clamp(130px,12vw,190px));gap:7px}.mosaic figure{position:relative;overflow:hidden;background:var(--forest)}.mosaic img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.mosaic figure:hover img{transform:scale(1.035)}.mosaic figcaption{position:absolute;right:7px;bottom:7px;padding:2px 6px;background:rgba(244,238,223,.9);color:var(--forest);font:9px var(--mono)}

.section{padding-block:clamp(94px,10vw,152px)}.section-title{display:grid;grid-template-columns:minmax(160px,.26fr) minmax(0,1fr);gap:48px;margin-bottom:clamp(58px,6vw,92px);padding-top:17px;border-top:1px solid var(--forest)}
.section-tag{display:flex;gap:10px}.section-tag b{font-family:var(--mono)}.section-title h2{max-width:1060px;color:var(--forest);font-family:var(--serif);font-size:clamp(46px,5.5vw,78px);font-weight:400;letter-spacing:-.045em;line-height:.98}.section-title>div>p{max-width:830px;margin-top:23px;color:var(--muted);font-size:clamp(17px,1.35vw,21px);line-height:1.55}
.overview{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:clamp(60px,9vw,150px)}.abstract{max-width:840px}.abstract p{margin-bottom:21px;font-size:clamp(18px,1.45vw,22px);line-height:1.72}.abstract p:first-child:first-letter{float:left;margin:5px 11px 0 0;color:var(--forest);font:82px/.68 var(--serif)}
.notes{border-top:1px solid var(--forest)}.notes article{display:grid;grid-template-columns:118px 1fr;gap:5px 22px;padding:21px 0;border-bottom:1px solid var(--rule)}.notes span{grid-row:span 2;color:var(--red);font:10px var(--mono);text-transform:uppercase}.notes h3{color:var(--forest);font:400 25px/1.1 var(--serif)}.notes p{color:var(--muted);font-size:13px;line-height:1.55}
.specs{display:grid;grid-template-columns:repeat(4,1fr);margin-top:86px;border-block:1px solid var(--forest)}.specs div{min-height:116px;padding:21px 25px;border-left:1px solid var(--rule)}.specs div:first-child{padding-left:0;border-left:0}.specs span{display:block;margin-bottom:8px;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.specs strong{color:var(--forest);font:400 21px/1.3 var(--serif)}

.tint{background:rgba(251,247,236,.82);border-block:1px solid var(--rule)}
.plate{background:rgba(251,247,236,.72)}.plate-media{display:block;overflow:hidden;background:#fff}.plate-media img{width:100%;height:auto;object-fit:contain}.method-figure .plate-media{padding:0}
.plate figcaption{display:grid;grid-template-columns:minmax(130px,.26fr) 1fr;gap:20px;padding:15px 0 2px}.plate figcaption span{color:var(--red);font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase}.plate figcaption p{color:var(--muted);font-size:13px;line-height:1.55}
.method-cards{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-block:1px solid var(--forest)}.method-cards article{padding:32px clamp(26px,3.4vw,56px) 38px;border-left:1px solid var(--rule)}.method-cards article:first-child{padding-left:0;border-left:0}.method-cards b{color:var(--red);font:12px var(--mono)}.method-cards h3{margin:27px 0 13px;color:var(--forest);font:400 clamp(27px,2.3vw,36px)/1.05 var(--serif)}.method-cards p{color:var(--muted);font-size:14px;line-height:1.65}

.feature{display:grid;grid-template-columns:minmax(270px,.36fr) minmax(0,1fr);align-items:start;gap:clamp(44px,7vw,112px)}.feature+.gsd,.gsd+.feature{margin-top:clamp(104px,12vw,176px)}.feature.reverse{grid-template-columns:minmax(0,1fr) minmax(270px,.36fr)}.feature.reverse .feature-copy{grid-column:2}.feature.reverse .plate{grid-row:1;grid-column:1}
.feature-copy{position:sticky;top:122px}.feature-copy h3,.gsd-head h3,.downstream h3{margin-top:13px;color:var(--forest);font:400 clamp(36px,4vw,58px)/1 var(--serif);letter-spacing:-.035em}.feature-copy>p:not(.micro),.gsd-head>div>p:not(.micro),.downstream .feature-copy>p:not(.micro){margin-top:22px;color:var(--muted);font-size:15px;line-height:1.7}.feature-copy ul{margin-top:28px;list-style:none;border-top:1px solid var(--rule)}.feature-copy li{padding:10px 0;border-bottom:1px solid var(--rule);color:var(--forest);font-size:12px;font-weight:700}.feature-copy aside{margin-top:25px;padding-left:15px;border-left:2px solid var(--red);color:var(--muted);font-size:12px;line-height:1.65}
.gsd{padding-top:21px;border-top:1px solid var(--forest)}.gsd-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:end;gap:58px;margin-bottom:32px}.tabs{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--forest)}.tabs button{min-height:48px;padding:8px 11px;border:0;border-left:1px solid var(--rule);background:transparent;color:var(--forest);cursor:pointer;font-size:11px;font-weight:700}.tabs button:first-child{border-left:0}.tabs button[aria-pressed=true]{background:var(--forest);color:var(--paper-light)}.interactive .plate-media{min-height:0}

.forest{overflow:hidden;background:var(--forest-dark);color:var(--paper-light)}.forest .section-title{border-color:rgba(244,238,223,.32)}.forest .section-title h2,.forest .section-title>div>p{color:var(--paper-light)}.forest .section-title>div>p{opacity:.72}.alignment{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:clamp(38px,6vw,92px)}.forest .plate{border-color:rgba(244,238,223,.32);background:transparent}.forest .plate figcaption p{color:rgba(251,247,236,.7)}.chart .plate-media{padding:0}
.deltas{margin-top:40px;border-top:1px solid rgba(244,238,223,.32)}.deltas div{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:18px;padding:16px 0;border-bottom:1px solid rgba(244,238,223,.32)}.deltas dt{color:rgba(251,247,236,.72);font-size:12px}.deltas dd{color:#f47a50;font:29px var(--serif)}.teacher-note{margin-top:28px;padding-left:17px;border-left:2px solid var(--red);color:rgba(251,247,236,.78);font-size:12px;line-height:1.65}

.table-wrap{overflow-x:auto;border-block:1px solid var(--forest)}table{width:100%;min-width:900px;border-collapse:collapse;font-variant-numeric:tabular-nums}th,td{border-left:1px solid var(--rule);border-bottom:1px solid var(--rule);text-align:left}tr:last-child th,tr:last-child td{border-bottom:0}th:first-child,td:first-child{border-left:0}thead th{padding:11px 17px;color:var(--muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase}tbody th{width:26%;padding:23px 23px 23px 0;color:var(--forest);font:400 23px var(--serif)}tbody th span{display:block;color:var(--red);font:700 9px var(--sans);letter-spacing:.08em;text-transform:uppercase}td{position:relative;padding:19px 17px}td strong{display:block;color:var(--forest);font:400 29px/1 var(--serif)}td small{display:block;margin-top:7px;color:var(--muted);font-size:9px;letter-spacing:.04em;text-transform:uppercase}.best{background:rgba(198,66,27,.055)}.best:before{position:absolute;top:0;right:0;width:8px;height:8px;background:var(--red);content:""}
.downstream{display:grid;grid-template-columns:minmax(290px,.34fr) minmax(0,1fr);align-items:start;gap:clamp(50px,7vw,110px);margin-top:clamp(96px,10vw,150px);padding-top:21px;border-top:1px solid var(--forest)}.downstream .feature-copy{position:sticky;top:122px}.tabs.two{grid-template-columns:repeat(2,1fr);margin-top:32px}.downstream-figs{display:grid;gap:55px}
.scope{display:grid;grid-template-columns:.48fr .7fr 1fr;align-items:start;gap:clamp(30px,5vw,74px);margin-top:clamp(100px,12vw,176px);padding-top:27px;border-top:2px solid var(--red)}.scope h3{margin-top:12px;color:var(--forest);font:400 clamp(30px,3vw,42px)/1.04 var(--serif);letter-spacing:-.03em}.scope>div:nth-child(2) p{margin-bottom:16px;color:var(--muted);font-size:13px;line-height:1.68}.scope figure{background:var(--paper-light)}.scope figure img{width:100%}.scope figcaption{padding-top:9px;color:var(--muted);font-size:10px}

.resources{background:var(--paper-deep);border-top:1px solid var(--rule)}.resource-links{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--forest)}.resource-links a{position:relative;min-height:250px;padding:28px clamp(26px,3.4vw,50px) 32px;border-left:1px solid var(--rule);text-decoration:none;transition:background .18s,color .18s}.resource-links a:first-child{padding-left:0;border-left:0}.resource-links a:hover{background:var(--forest);color:var(--paper-light)}.resource-links h3{margin-top:31px;color:var(--forest);font:400 clamp(30px,3vw,43px)/1 var(--serif)}.resource-links p{max-width:360px;margin-top:14px;color:var(--muted);font-size:12px;line-height:1.58}.resource-links b{position:absolute;right:20px;bottom:18px;font-size:24px}.resource-links a:hover h3{color:var(--paper-light)}.resource-links a:hover p,.resource-links a:hover span{color:rgba(251,247,236,.74)}
.code-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(360px,.7fr);gap:10px;margin-top:78px}.code{min-width:0;background:var(--forest-dark);color:var(--paper-light)}.citation{background:var(--forest)}.code header{display:flex;min-height:96px;align-items:flex-start;justify-content:space-between;gap:22px;padding:21px 24px;border-bottom:1px solid rgba(244,238,223,.32)}.code h3{margin-top:4px;font:400 23px/1.1 var(--serif)}.copy{min-width:70px;min-height:38px;border:1px solid rgba(251,247,236,.52);background:transparent;color:var(--paper-light);cursor:pointer;font-size:10px;font-weight:700;text-transform:uppercase}.copy:hover{background:var(--paper-light);color:var(--forest-dark)}.code pre{overflow:auto;min-height:245px;margin:0;padding:26px;color:#efe8d9;font:11px/1.75 var(--mono);white-space:pre}.ack{display:grid;grid-template-columns:minmax(160px,.26fr) minmax(0,1fr);gap:48px;margin-top:78px;padding-top:17px;border-top:1px solid var(--forest)}.ack p{max-width:920px;color:var(--forest);font:400 clamp(21px,2.1vw,31px)/1.35 var(--serif)}

footer{background:var(--paper-deep);border-top:1px solid var(--forest)}.footer-inner{display:grid;grid-template-columns:1fr minmax(300px,.75fr) auto;min-height:168px;align-items:center;gap:42px}.footer-brand{display:flex;align-items:center;gap:13px}.footer-brand img{width:45px;height:45px;object-fit:contain}.footer-brand strong,.footer-brand span{display:block}.footer-brand strong{color:var(--forest);font-size:17px}.footer-brand span,footer p{color:var(--muted);font-size:10px;line-height:1.55}footer>a,.footer-inner>a{color:var(--forest);font-size:11px;font-weight:700;text-decoration:none}footer a:hover{color:var(--red)}

@media(max-width:1180px){.shell{width:min(calc(100% - 64px),1480px)}.topbar-inner{gap:18px}.nav{gap:15px}.nav a{font-size:11px}.hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:55px}.hero h1{font-size:clamp(58px,7.4vw,88px)}.specs{grid-template-columns:repeat(2,1fr)}.specs div:nth-child(3){padding-left:0;border-left:0;border-top:1px solid var(--rule)}.specs div:nth-child(4){border-top:1px solid var(--rule)}.gsd-head{grid-template-columns:1fr;align-items:start}.scope{grid-template-columns:.65fr 1fr}.scope figure{grid-column:1/-1}}

@media(max-width:940px){html{scroll-padding-top:76px}.topbar-inner{grid-template-columns:1fr auto;min-height:70px}.nav,.top-actions{display:none}.menu{position:relative;display:block}.menu summary{display:flex;min-width:62px;min-height:42px;align-items:center;justify-content:center;border:1px solid var(--forest);color:var(--forest);cursor:pointer;font-size:11px;font-weight:700;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu nav{position:absolute;top:49px;right:0;width:min(300px,calc(100vw - 36px));padding:11px;background:var(--paper-light);border:1px solid var(--forest);box-shadow:0 20px 50px rgba(7,53,34,.14)}.menu nav a{display:flex;min-height:44px;align-items:center;padding:0 9px;border-bottom:1px solid var(--rule);color:var(--forest);font-size:12px;font-weight:700;text-decoration:none}.menu nav a:last-child{border:0}.hero{padding-top:64px}.hero-grid{grid-template-columns:1fr;gap:55px}.hero-note{display:grid;grid-template-columns:1fr 1fr;gap:38px}.hero-note dl{margin-top:0}.mosaic{overflow-x:auto;grid-auto-columns:220px;grid-auto-flow:column;grid-template-columns:none;grid-template-rows:220px;scroll-snap-type:x mandatory}.mosaic figure{scroll-snap-align:start}.section-title{grid-template-columns:1fr;gap:21px}.overview{grid-template-columns:1fr;gap:55px}.method-cards{grid-template-columns:1fr}.method-cards article,.method-cards article:first-child{padding:27px 0 32px;border-top:1px solid var(--rule);border-left:0}.method-cards article:first-child{border-top:0}.method-cards h3{margin-top:15px}.feature,.feature.reverse,.downstream{grid-template-columns:1fr}.feature.reverse .feature-copy,.feature.reverse .plate{grid-row:auto;grid-column:auto}.feature.reverse .feature-copy{order:-1}.feature-copy,.downstream .feature-copy{position:static}.alignment{grid-template-columns:1fr}.downstream-figs{grid-template-columns:repeat(2,1fr);gap:12px}.resource-links{grid-template-columns:1fr}.resource-links a,.resource-links a:first-child{min-height:205px;padding:25px 0 28px;border-top:1px solid var(--rule);border-left:0}.resource-links a:first-child{border-top:0}.code-grid{grid-template-columns:1fr}.ack{grid-template-columns:1fr;gap:21px}.footer-inner{grid-template-columns:1fr auto;padding-block:40px}.footer-inner p{grid-row:2}}

@media(max-width:680px){.shell{width:calc(100% - 36px)}.brand{font-size:20px}.brand img{width:37px;height:37px;margin-right:8px}.hero h1{font-size:clamp(52px,14vw,72px);line-height:.94}.deck{font-size:18px}.buttons{display:grid;grid-template-columns:1fr}.hero-note{grid-template-columns:1fr}.section-title h2{font-size:clamp(42px,12vw,58px)}.section-title>div>p{font-size:16px}.notes article{grid-template-columns:1fr}.notes span{grid-row:auto}.specs{grid-template-columns:1fr}.specs div,.specs div:first-child,.specs div:nth-child(3){min-height:auto;padding:17px 0;border-top:1px solid var(--rule);border-left:0}.specs div:first-child{border-top:0}.plate figcaption{grid-template-columns:1fr;gap:6px}.tabs{grid-template-columns:repeat(2,1fr)}.tabs button:nth-child(3){border-top:1px solid var(--rule);border-left:0}.tabs button:nth-child(4){border-top:1px solid var(--rule)}.interactive .plate-media{min-height:0}.downstream-figs{grid-template-columns:1fr;gap:55px}.scope{grid-template-columns:1fr}.scope figure{grid-column:auto}.code header{min-height:auto;padding:19px}.code pre{min-height:215px;padding:21px 19px;font-size:10px}.footer-inner{grid-template-columns:1fr;gap:22px}.footer-inner p{grid-row:auto}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}