:root{--blue:#27548f;--blue-deep:#163b6a;--glaze:#f3f0e5;--paper:#e9e3d1;--green:#5a7247;--green-dark:#354b2d;--brick:#9a513b;--brass:#b4823b;--ink:#173758;--line:rgba(39,84,143,.36);--serif:'DM Serif Display',serif;--body:'Zilla Slab',serif;--mono:'Chivo Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--glaze);color:var(--ink);font-family:var(--body);font-size:18px;overflow-x:hidden}.glaze{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.19;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");mix-blend-mode:multiply}.skip-link{position:fixed;left:16px;top:-100px;z-index:100;padding:12px 18px;background:var(--blue-deep);color:white}.skip-link:focus{top:16px}a{color:inherit}button,a{touch-action:manipulation}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--brick);outline-offset:4px}.site-head{height:80px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3vw;position:relative;z-index:10;background:rgba(243,240,229,.9);backdrop-filter:blur(12px)}.seal{display:flex;align-items:center;gap:12px;text-decoration:none;width:max-content}.seal svg{width:45px;fill:none;stroke:var(--blue);stroke-width:2}.seal svg circle:last-child{fill:var(--brass);stroke:none}.seal span{display:grid}.seal b{font-family:var(--serif);letter-spacing:.04em;font-size:16px}.seal small,.head-level span{font:500 9px/1.2 var(--mono);letter-spacing:.13em}.site-head nav{display:flex;gap:30px}.site-head nav a{font:600 12px var(--mono);text-decoration:none;letter-spacing:.04em;position:relative}.site-head nav a:after{content:"";height:1px;background:var(--brick);position:absolute;left:0;right:100%;bottom:-6px;transition:.3s}.site-head nav a:hover:after{right:0}.head-level{text-align:right;display:grid}.head-level strong{font:500 13px var(--mono);color:var(--blue)}
.hero{padding:64px 3vw 0}.hero-copy{display:grid;grid-template-columns:1fr minmax(320px,800px) 1fr;align-items:end;margin-bottom:38px}.kicker{font:500 10px var(--mono);letter-spacing:.1em;display:grid;gap:6px;text-transform:uppercase;margin:0 0 17px}.kicker span:first-child{color:var(--brick)}h1,h2,h3,p{margin-top:0}.hero h1{font:400 clamp(70px,9.4vw,150px)/.74 var(--serif);letter-spacing:-.055em;margin:0;color:var(--blue);text-align:center;white-space:nowrap}.hero h1 span,.hero h1 em{display:inline-block;transform:translateY(30px);opacity:0;animation:rise .8s .1s cubic-bezier(.2,.8,.2,1) forwards}.hero h1 em{font-weight:400;color:var(--green);animation-delay:.22s}.hero-intro{padding-left:26px;border-left:1px solid var(--brick);max-width:300px;margin:0 0 10px auto}.hero-intro p{font-size:16px;line-height:1.35;margin-bottom:12px}.hero-intro a{font:600 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;text-decoration:none}.hero-intro a span{color:var(--brick)}@keyframes rise{to{opacity:1;transform:none}}
.works-shell{border:1px solid var(--blue);box-shadow:0 24px 70px rgba(20,56,89,.13);position:relative;background:#f7f4e9;isolation:isolate}.tile-corners:before,.tile-corners:after,.works-shell:before,.works-shell:after{content:"";position:absolute;width:25px;height:25px;z-index:4;pointer-events:none}.tile-corners:before{top:5px;left:5px;border-top:2px solid var(--blue);border-left:2px solid var(--blue)}.tile-corners:after{top:5px;right:5px;border-top:2px solid var(--blue);border-right:2px solid var(--blue)}.works-shell:before{bottom:5px;left:5px;border-bottom:2px solid var(--blue);border-left:2px solid var(--blue)}.works-shell:after{bottom:5px;right:5px;border-bottom:2px solid var(--blue);border-right:2px solid var(--blue)}.works-bar{height:58px;border-bottom:1px solid var(--blue);display:grid;grid-template-columns:repeat(4,1fr);background:var(--blue);color:white}.works-bar>div{display:flex;align-items:baseline;justify-content:space-between;padding:0 18px;border-right:1px solid rgba(255,255,255,.25)}.works-bar>div:last-child{border:0}.works-bar span{font:500 9px var(--mono);letter-spacing:.1em}.works-bar strong{font:500 15px var(--mono)}.watch-state strong{color:#d6de8b}.cross-section{height:min(47vw,610px);min-height:430px;position:relative;overflow:hidden;color:var(--blue);background:linear-gradient(#faf7ed,#e9e5d8)}#polderSvg{width:100%;height:100%;display:block}.sky-marks{stroke:var(--blue);stroke-width:1.5;fill:none;opacity:.35}.sea-water,.inner-water{fill:#b7d2dc}.water-pattern{fill:url(#waves);color:var(--blue);opacity:.55}.coast-line,.channel-edge{fill:none;stroke:var(--blue);stroke-width:2}.place-name{font:400 19px var(--serif);fill:var(--blue);letter-spacing:.12em}.map-note,.mill-label{font:500 9px var(--mono);fill:var(--blue);letter-spacing:.08em}.boat{fill:none;stroke:var(--blue);stroke-width:2}.earth{fill:#dbd1b8}.line-heavy{fill:none;stroke:var(--blue-deep);stroke-width:3}.brick-lines{fill:none;stroke:var(--brick)}.vertical-label{font:500 9px var(--mono);letter-spacing:.09em;fill:var(--brick);writing-mode:vertical-rl}.sluice{fill:none;stroke:var(--blue-deep);stroke-width:3}.sluice rect{fill:var(--brass);stroke:var(--blue-deep);transition:transform .7s;transform-origin:center bottom}.gate-open .sluice rect{transform:translateY(-44px)}.land-fill{fill:#b9c5a0;transition:fill 1s}.land-line{fill:none;stroke:var(--green-dark);stroke-width:4}.field-pattern{fill:url(#fieldLines);color:var(--green)}.fields-wet .land-fill{fill:#657861}.crops,.farm{fill:none;stroke:var(--green-dark);stroke-width:2}.mill-house,.mill-roof,.sails{fill:none;stroke:var(--blue-deep);stroke-width:3}.mill-roof{fill:#e7dfc9}.sails{transform-box:fill-box;transform-origin:center}.mills-running .sails{animation:spin var(--sail-speed,5s) linear infinite}.mill-label{font-size:8px}.screw-case{fill:none;stroke:var(--brass);stroke-width:18;opacity:.38}.screw-shaft{fill:none;stroke:var(--blue-deep);stroke-width:3}.screw-flights{fill:none;stroke:var(--brass);stroke-width:5;stroke-linecap:round}.mills-running .screw-flights{stroke-dasharray:8 8;animation:screwLift .65s linear infinite}.water-beads{fill:var(--blue);opacity:0;transition:opacity .3s}.mills-running .water-beads{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes screwLift{to{stroke-dashoffset:-16}}.datum-line path{stroke:var(--brick);stroke-width:1;stroke-dasharray:8 6}.datum-line text,.level-brace text{fill:var(--brick);font:600 10px var(--mono);letter-spacing:.06em}.level-brace{stroke:var(--brick);stroke-width:1;fill:none}.wind-rose{position:absolute;top:25px;left:25px;width:84px;height:84px;border:1px solid var(--blue);border-radius:50%;display:grid;place-items:center;font:600 9px var(--mono);color:var(--blue);background:rgba(243,240,229,.8)}.wind-rose span{position:absolute;top:5px}.wind-rose i{width:1px;height:62px;background:var(--blue);position:absolute}.wind-rose i:after{content:"";width:62px;height:1px;background:var(--blue);position:absolute;left:-31px;top:31px}.wind-rose b{width:3px;height:31px;background:var(--brick);position:absolute;bottom:41px;transform-origin:bottom;transform:rotate(245deg);transition:.8s}.wind-rose b:after{content:"";position:absolute;top:-6px;left:-3px;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:8px solid var(--brick)}.wind-rose small{position:absolute;bottom:8px}.tide-clock{position:absolute;top:24px;right:26px;width:90px;text-align:center;font:600 8px var(--mono);letter-spacing:.08em}.tide-clock>span{display:block;margin-bottom:4px}.clock-face{width:58px;height:58px;border:1px solid var(--blue);border-radius:50%;margin:auto;position:relative;background:rgba(243,240,229,.8)}.clock-face:before,.clock-face:after{content:"";position:absolute;background:var(--line)}.clock-face:before{width:1px;height:100%;left:50%}.clock-face:after{height:1px;width:100%;top:50%;left:0}.clock-face i{position:absolute;width:2px;height:22px;background:var(--brick);left:28px;top:7px;transform-origin:bottom;transition:transform 1s}.tide-clock strong{display:block;margin-top:4px;color:var(--blue)}
.control-deck{min-height:105px;border-top:1px solid var(--blue);display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr;background:#eeeadf}.control-intro{padding:18px 22px}.control-intro span,.lever small,.gate-switch small,.storm-btn small{font:600 9px var(--mono);letter-spacing:.1em;color:var(--brick)}.control-intro p{font-size:14px;line-height:1.3;margin:8px 0 0;max-width:330px}.control-deck button{border:0;border-left:1px solid var(--line);background:transparent;color:var(--ink);display:flex;gap:12px;align-items:center;justify-content:center;cursor:pointer;min-height:72px;transition:.25s}.control-deck button:hover{background:white}.control-deck button b{font:600 11px var(--mono);display:block;margin-top:5px}.lever-icon{width:20px;height:50px;border:1px solid var(--blue);border-radius:10px;position:relative}.lever-icon i{position:absolute;width:10px;height:10px;background:var(--brick);border-radius:50%;left:4px;top:5px;transition:.45s}.lever[aria-pressed=true] .lever-icon i{top:33px;background:var(--green)}.gate-mini{width:34px;height:36px;border:2px solid var(--blue);position:relative}.gate-mini i{position:absolute;inset:5px;background:var(--brass);transition:.45s}.gate-switch[aria-pressed=true] .gate-mini i{transform:translateY(-13px)}.storm-ring{width:36px;height:36px;border:1px solid var(--brick);border-radius:50%;position:relative}.storm-ring:after{content:"";position:absolute;inset:7px;border:2px solid var(--brick);border-radius:50%}.storm-btn.active .storm-ring{animation:pulse 1s infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(154,81,59,.16)}}.hold-meter{padding:18px 22px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--line)}.hold-meter>span{display:flex;justify-content:space-between;font:600 9px var(--mono);letter-spacing:.05em}.hold-meter>div{height:8px;border:1px solid var(--blue);margin-top:10px;padding:1px}.hold-meter>div i{height:100%;background:var(--green);display:block;width:100%;transition:width .3s,background .3s}
.section-rule{grid-column:1/-1;display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:48px;font:500 9px var(--mono);letter-spacing:.1em;text-transform:uppercase}.section-rule span:first-child{border-right:1px solid var(--line);height:100%;display:grid;place-items:center;color:var(--brick)}.section-rule span:last-child{padding-right:20px}.section-rule p{margin:0}.ledger-section{padding:120px 3vw 0}.ledger-grid{display:grid;grid-template-columns:1.1fr .8fr 1.2fr;gap:5vw;padding:80px 4vw 100px}.eyebrow{font:600 10px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--brick);margin-bottom:20px}.ledger-grid h2,.datum-copy h2,.roster-head h2,.minutes-paper h2{font:400 clamp(46px,5vw,79px)/.95 var(--serif);letter-spacing:-.035em;color:var(--blue);margin:0}.ledger-grid h2 i,.datum-copy h2 i,.roster-head h2 i,.minutes-paper h2 i{font-weight:400;color:var(--green)}.ledger-grid blockquote{margin:70px 0 0;border-left:2px solid var(--brass);padding-left:24px;font:400 24px/1.3 var(--serif);color:var(--blue)}.ledger-grid blockquote cite{display:block;font:500 10px/1.5 var(--mono);font-style:normal;margin-top:25px;color:var(--ink)}.readings{display:grid;grid-template-columns:1fr 1fr;margin:0}.readings>div{padding:24px 0;border-bottom:1px solid var(--line)}.readings>div:nth-child(odd){border-right:1px solid var(--line);padding-right:22px}.readings>div:nth-child(even){padding-left:22px}.readings dt{font:600 9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.readings dd{margin:14px 0 0;display:flex;align-items:flex-end;gap:8px}.readings strong{font:400 48px/1 var(--serif);color:var(--blue)}.readings span{font:500 8px/1.3 var(--mono);letter-spacing:.05em;text-transform:uppercase}.marquee{overflow:hidden;border-top:1px solid var(--blue);border-bottom:1px solid var(--blue);height:86px;display:flex;align-items:center;gap:50px;font:400 54px var(--serif);white-space:nowrap;color:var(--blue)}.marquee span{animation:drift 24s linear infinite}@keyframes drift{to{transform:translateX(-100%)}}
.datum-section{min-height:850px;display:grid;grid-template-columns:.7fr 1.3fr;border-bottom:1px solid var(--blue);background:var(--blue);color:white}.datum-copy{padding:130px 7vw 100px 6vw;align-self:center}.datum-copy .eyebrow{color:#e9b563}.datum-copy h2{color:white;margin-bottom:35px}.datum-copy h2 i{color:#d2dcae}.datum-copy>p:not(.eyebrow){font-size:20px;line-height:1.55;max-width:560px}.datum-copy details{border-top:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.35);margin-top:45px}.datum-copy summary{font:600 11px var(--mono);letter-spacing:.08em;cursor:pointer;padding:20px 0}.datum-copy details p{font-size:16px;line-height:1.5;padding-bottom:20px}.datum-instrument{position:relative;border-left:1px solid rgba(255,255,255,.35);display:grid;grid-template-columns:70px 1fr;padding:70px 7vw 70px 0}.instrument-scale{display:flex;flex-direction:column;justify-content:space-between;text-align:center;font:500 10px var(--mono);border-right:1px solid rgba(255,255,255,.4)}.datum-stack{position:relative}.datum-mark{position:absolute;top:var(--level);left:0;right:0;border-top:1px solid currentColor;color:#e9b563;display:flex;justify-content:space-between;padding:8px 15px;font:500 9px var(--mono);letter-spacing:.06em}.datum-mark strong{font-size:15px}.zero-line{position:absolute;top:49%;left:0;right:0;height:42px;background:white;color:var(--blue);display:flex;justify-content:space-between;align-items:center;padding:0 15px;font:600 9px var(--mono);letter-spacing:.06em}.zero-line b{font-size:16px}.canal-mark{color:#a9d3de}.field-mark{color:#c7d59e}.depth-fill{position:absolute;top:56%;bottom:0;left:16%;right:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 2px,transparent 2px 15px);display:grid;place-items:center;text-align:center;font:400 clamp(24px,3.4vw,50px)/1.05 var(--serif);letter-spacing:.03em;color:rgba(255,255,255,.16)}
.roster-section{background:var(--green-dark);color:#f4f0e5;padding:100px 3vw 120px}.section-rule.light{border-color:rgba(255,255,255,.3)}.section-rule.light span:first-child{border-color:rgba(255,255,255,.3);color:#e9b563}.roster-head{display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:end;gap:4vw;padding:85px 4vw}.roster-head .eyebrow{color:#e9b563;align-self:start}.roster-head h2{color:#fff}.roster-head h2 i{color:#c8d39e}.roster-head>p:last-child{font-size:17px;line-height:1.5;max-width:330px;margin:0}.roster-list{border-top:1px solid rgba(255,255,255,.3)}.roster-list article{min-height:145px;border-bottom:1px solid rgba(255,255,255,.3);display:grid;grid-template-columns:80px 90px 1.3fr .9fr 1.4fr .5fr;align-items:center;gap:22px;padding:12px 2vw;transition:.3s}.roster-list article:hover{background:rgba(255,255,255,.06);padding-left:3vw}.roster-no{font:500 10px var(--mono);color:#e9b563}.roster-list h3{font:400 32px var(--serif);margin:0}.roster-list>article>p{font:500 10px var(--mono);letter-spacing:.05em;margin:0}.roster-list dl{display:flex;gap:45px}.roster-list dl div{display:grid;gap:6px}.roster-list dt{font:500 8px var(--mono);letter-spacing:.1em;opacity:.65}.roster-list dd{font:500 12px var(--mono);margin:0}.status{font:600 9px var(--mono);letter-spacing:.08em}.status.good{color:#cdda95}.status.rest{color:#e9b563}.mill-glyph{width:55px;height:55px;position:relative}.mill-glyph:before,.mill-glyph:after{content:"";position:absolute;background:#f4f0e5;width:1px;height:55px;left:27px}.mill-glyph:after{transform:rotate(90deg)}.mill-glyph i{position:absolute;width:9px;height:9px;border:1px solid #e9b563;border-radius:50%;left:23px;top:23px}.pump-glyph{display:flex;gap:4px;align-items:end;height:45px}.pump-glyph i{width:10px;border:1px solid #f4f0e5}.pump-glyph i:nth-child(1){height:20px}.pump-glyph i:nth-child(2){height:38px}.pump-glyph i:nth-child(3){height:28px}.gate-glyph{width:50px;height:45px;border:1px solid #f4f0e5;padding:7px}.gate-glyph i{display:block;height:100%;background:var(--brass)}
.minutes-section{padding:130px 6vw;background:#d9d4c6;display:grid;grid-template-columns:1fr 300px;gap:5vw;align-items:start}.minutes-paper{background:#f2eedf;padding:70px 7vw;box-shadow:0 20px 60px rgba(28,48,42,.18);transform:rotate(-.35deg);position:relative}.minutes-paper:after{content:"";position:absolute;inset:10px;border:1px solid rgba(39,84,143,.18);pointer-events:none}.paper-head{display:grid;grid-template-columns:55px 1fr auto;align-items:center;border-bottom:2px solid var(--blue);padding-bottom:20px;margin-bottom:65px}.mini-seal{width:48px;height:48px;border:1px solid var(--blue);border-radius:50%;display:grid;place-items:center;font:400 17px var(--serif)}.paper-head>div:nth-child(2){display:grid}.paper-head span,.paper-head small{font:500 8px var(--mono);letter-spacing:.08em}.paper-head strong{font:400 19px var(--serif);margin:4px 0}.paper-head>b{border:2px solid var(--brick);color:var(--brick);padding:8px;transform:rotate(4deg);font:600 10px var(--mono)}.minutes-paper h2{margin-bottom:50px}.minutes-list{list-style:none;padding:0;margin:0}.minutes-list li{display:grid;grid-template-columns:60px 1fr auto;gap:22px;border-top:1px solid var(--line);padding:25px 0}.minutes-list li>span,.minutes-list li>b{font:600 9px var(--mono);color:var(--brick)}.minutes-list h3{font:400 23px var(--serif);color:var(--blue);margin-bottom:6px}.minutes-list p{font-size:15px;line-height:1.45;margin:0}.signatures{display:flex;justify-content:space-between;margin-top:55px;padding-top:20px;border-top:1px solid var(--line);font:500 9px var(--mono)}.signatures span{display:grid}.signatures i{font:400 28px var(--serif);color:var(--blue);margin-top:8px}.notice-board{background:var(--blue);color:white;padding:40px 35px;margin-top:120px;position:sticky;top:120px;box-shadow:9px 9px 0 var(--brass);transform:rotate(1.5deg)}.notice-board .eyebrow{color:#e9b563}.notice-board h3{font:400 38px/1 var(--serif)}.notice-board p:not(.eyebrow){line-height:1.6}.notice-board a{display:block;border-top:1px solid rgba(255,255,255,.4);padding-top:18px;font:600 9px var(--mono);letter-spacing:.06em;text-decoration:none}.brass-pin{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--brass);top:15px;right:15px}.closing-section{min-height:650px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 20px}.closing-tile{display:flex;align-items:center;gap:25px;font:600 10px var(--mono);letter-spacing:.1em;color:var(--brick);margin-bottom:40px}.closing-tile svg{width:90px;fill:none;stroke:var(--blue);stroke-width:1.4}.closing-tile svg circle:last-child{fill:var(--brass);stroke:none}.closing-section p{font:400 clamp(23px,3vw,39px)/1.25 var(--serif);color:var(--blue)}.closing-section h2{font:400 clamp(72px,11vw,170px)/.8 var(--serif);letter-spacing:-.05em;color:var(--green);margin:10px 0 0}footer{min-height:120px;background:var(--blue-deep);color:white;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:30px 4vw;font:500 9px var(--mono);letter-spacing:.06em}.footer-seal{display:grid}.footer-seal span{font:400 20px var(--serif)}.footer-seal small{opacity:.65}footer>p{margin:0;opacity:.65}footer nav{display:flex;justify-content:flex-end;gap:22px}footer a{text-underline-offset:4px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.site-head{grid-template-columns:1fr auto}.site-head nav,.head-level{display:none}.hero-copy{grid-template-columns:1fr 2.5fr}.hero h1{grid-column:1/-1;grid-row:2;text-align:left}.hero-intro{grid-column:2;grid-row:1}.works-bar>div{display:grid;align-content:center;gap:4px}.control-deck{grid-template-columns:1.3fr 1fr 1fr 1fr}.control-intro{grid-column:1/-1;border-bottom:1px solid var(--line)}.hold-meter{grid-column:4}.ledger-grid{grid-template-columns:1fr 1fr}.ledger-grid blockquote{margin-top:30px}.readings{grid-column:1/-1}.datum-section{grid-template-columns:1fr 1fr}.roster-head{grid-template-columns:1fr 2fr}.roster-head>p:last-child{grid-column:2}.roster-list article{grid-template-columns:60px 70px 1.2fr 1fr 1.2fr}.roster-list>article>p{display:none}.minutes-section{padding:100px 3vw;grid-template-columns:1fr 230px}.minutes-paper{padding:55px 5vw}}
@media(max-width:700px){html{scroll-padding-top:66px}body{font-size:16px}.site-head{height:64px;padding:0 15px;position:sticky;top:0}.seal svg{width:38px}.seal b{font-size:14px}.hero{padding:40px 12px 0}.hero-copy{display:block;margin-bottom:28px}.kicker{display:flex;justify-content:space-between;font-size:8px;margin:0 4px 18px}.hero h1{font-size:clamp(53px,18.5vw,72px);line-height:.78;text-align:left;white-space:normal}.hero h1 span{display:block}.hero-intro{border-left:0;border-top:1px solid var(--brick);padding:16px 0 0;max-width:none;margin:25px 4px 0;display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.hero-intro p{font-size:15px}.hero-intro a{align-self:end;text-align:right}.works-shell{margin:0 -12px;border-left:0;border-right:0}.works-bar{height:74px;grid-template-columns:1fr 1fr}.works-bar>div{padding:7px 12px}.works-bar>div:nth-child(3),.works-bar>div:nth-child(4){border-top:1px solid rgba(255,255,255,.25)}.cross-section{height:420px;min-height:0}.cross-section svg{width:820px;max-width:none;transform:translateX(-203px)}.wind-rose{width:64px;height:64px;left:12px;top:12px}.wind-rose i{height:48px}.wind-rose i:after{width:48px;left:-24px;top:24px}.wind-rose b{height:24px;bottom:31px}.tide-clock{right:10px;top:12px;width:65px}.clock-face{width:48px;height:48px}.clock-face i{height:18px;left:23px}.control-deck{grid-template-columns:1fr 1fr}.control-intro{padding:16px}.control-deck button{min-height:78px}.storm-btn{border-top:1px solid var(--line)!important}.hold-meter{grid-column:2;border-top:1px solid var(--line);padding:14px}.ledger-section{padding:85px 12px 0}.section-rule{grid-template-columns:48px 1fr auto;font-size:7px;gap:10px}.ledger-grid{display:block;padding:55px 8px 75px}.ledger-grid h2,.datum-copy h2,.roster-head h2,.minutes-paper h2{font-size:48px}.ledger-grid blockquote{margin:45px 0;font-size:21px}.readings strong{font-size:39px}.readings span{font-size:7px}.marquee{margin:0 -12px;height:64px;font-size:38px}.datum-section{display:block;min-height:0}.datum-copy{padding:85px 25px 60px}.datum-copy>p:not(.eyebrow){font-size:18px}.datum-instrument{height:600px;border-left:0;border-top:1px solid rgba(255,255,255,.35);padding:45px 20px 45px 0}.instrument-scale{width:55px}.depth-fill{font-size:25px}.roster-section{padding:70px 12px 90px}.roster-head{display:block;padding:60px 8px}.roster-head h2{margin-bottom:28px}.roster-list article{grid-template-columns:45px 45px 1fr auto;gap:12px;min-height:122px;padding:16px 8px}.roster-list article:hover{padding-left:8px}.roster-list h3{font-size:25px}.roster-list dl{display:none}.mill-glyph{transform:scale(.72);transform-origin:left center}.pump-glyph,.gate-glyph{transform:scale(.75);transform-origin:left center}.status{font-size:7px}.minutes-section{padding:75px 12px 100px;display:block}.minutes-paper{padding:45px 20px;transform:none}.paper-head{grid-template-columns:42px 1fr;margin-bottom:45px}.mini-seal{width:36px;height:36px}.paper-head>b{grid-column:2;width:max-content;margin-top:15px}.minutes-list li{grid-template-columns:45px 1fr;gap:12px}.minutes-list li>b{grid-column:2}.signatures{display:grid;gap:25px}.notice-board{margin:45px 18px 0;position:relative;top:0}.closing-section{min-height:520px}.closing-section h2{font-size:76px}.closing-section p{font-size:21px}footer{grid-template-columns:1fr;text-align:center;padding:42px 25px}footer nav{justify-content:center;flex-wrap:wrap;gap:12px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.water-beads{display:none}.hero h1 span,.hero h1 em{opacity:1;transform:none}}
/* Guide */
.guide-body{background:#e7e1d1}.guide-main{padding:70px 4vw 120px}.guide-hero{min-height:520px;background:var(--blue);color:white;display:grid;grid-template-columns:120px 1fr 260px;align-items:center;padding:70px 7vw;position:relative;overflow:hidden}.guide-hero:after{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.3)}.guide-number{font:400 90px var(--serif);color:#e6b567;align-self:start}.guide-hero p{font:600 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#e6b567}.guide-hero h1{font:400 clamp(70px,8vw,126px)/.82 var(--serif);letter-spacing:-.045em;margin:0}.guide-hero h1 i{color:#c8d39e}.guide-hero svg{width:100%;fill:none;stroke:white;stroke-width:1.5;opacity:.8;animation:spin 30s linear infinite}.guide-hero svg circle:last-child{fill:var(--brass);stroke:none}.guide-ledger{display:grid;grid-template-columns:260px minmax(0,880px);gap:8vw;max-width:1240px;margin:0 auto;padding-top:100px}.guide-ledger aside{position:sticky;top:110px;height:max-content;display:grid;border-top:2px solid var(--blue)}.guide-ledger aside>span{font:600 9px var(--mono);letter-spacing:.12em;color:var(--brick);padding:16px 0}.guide-ledger aside a{font:500 12px var(--mono);text-decoration:none;padding:13px 0;border-top:1px solid var(--line)}.guide-ledger aside .back-link{margin-top:35px;color:var(--blue);border-bottom:1px solid var(--line)}.guide-ledger article section{padding:0 0 100px;margin-bottom:80px;border-bottom:1px solid var(--blue)}.folio{font:600 9px var(--mono);letter-spacing:.12em;color:var(--brick)}.guide-ledger h2{font:400 clamp(44px,5vw,72px)/.95 var(--serif);letter-spacing:-.03em;color:var(--blue);margin:22px 0 35px}.guide-ledger h3{font:400 28px var(--serif);color:var(--green-dark);margin:38px 0 8px}.guide-ledger p{font-size:18px;line-height:1.65;max-width:720px}.guide-ledger .lead{font:400 25px/1.45 var(--serif);color:var(--blue)}.guide-ledger code{font:500 13px var(--mono);background:rgba(39,84,143,.1);padding:2px 5px}.swatches{display:grid;grid-template-columns:repeat(5,1fr);margin:45px 0}.swatches div{height:140px;background:var(--swatch);padding:15px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(23,55,88,.22);color:white;text-shadow:0 1px 3px rgba(0,0,0,.4)}.swatches div:nth-child(2){color:var(--ink);text-shadow:none}.swatches b{font:400 16px var(--serif)}.swatches span{font:500 8px var(--mono);letter-spacing:.08em}.prompt-slip{background:var(--paper);border-left:5px solid var(--brass);padding:35px 40px;margin:38px 0;box-shadow:8px 8px 0 rgba(39,84,143,.12);font:400 22px/1.5 var(--serif);color:var(--blue);transform:rotate(-.4deg)}
@media(max-width:900px){.guide-hero{grid-template-columns:90px 1fr 150px;min-height:440px}.guide-ledger{grid-template-columns:190px 1fr;gap:5vw}.swatches{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.guide-main{padding:20px 12px 80px}.guide-hero{min-height:480px;display:block;padding:55px 28px}.guide-number{font-size:50px}.guide-hero h1{font-size:61px;margin-top:50px}.guide-hero svg{position:absolute;width:130px;right:25px;top:28px}.guide-ledger{display:block;padding:65px 12px 0}.guide-ledger aside{position:relative;top:0;margin-bottom:75px}.guide-ledger article section{padding-bottom:65px;margin-bottom:65px}.guide-ledger h2{font-size:44px}.guide-ledger .lead{font-size:22px}.guide-ledger p{font-size:17px}.swatches{grid-template-columns:1fr 1fr}.swatches div{height:115px}.prompt-slip{padding:28px 24px;font-size:19px}}

/* Pass 1 optical corrections */
@media(min-width:1051px){.hero-copy{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:24px 4vw}.hero-copy .kicker{grid-column:1;grid-row:1;margin-bottom:0}.hero-copy .hero-intro{grid-column:2;grid-row:1;max-width:360px;margin-left:auto;margin-bottom:0}.hero-copy h1{grid-column:1/-1;grid-row:2;font-size:clamp(70px,9vw,138px)}}
.hero-intro a{display:inline-flex;align-items:center;min-height:44px}.roster-section{background-color:var(--green-dark);background-image:radial-gradient(circle at 82% 16%,rgba(180,130,59,.12),transparent 24%),repeating-linear-gradient(135deg,transparent 0 28px,rgba(255,255,255,.014) 28px 29px);padding-bottom:105px}.roster-list>article>p{font-size:11px}.roster-list dt{font-size:9px;opacity:.78}.roster-list dd{font-size:13px}.status{font-size:10px}
@media(min-width:701px) and (max-width:900px){.guide-body .site-head{grid-template-columns:1fr auto}.guide-body .site-head nav{display:flex;gap:18px}.guide-body .site-head nav a{font-size:9px}}
@media(max-width:700px){.cross-section{height:285px;min-height:0;display:flex;align-items:center;padding-bottom:30px}.cross-section:after{content:"SEA  →  DYKE  →  LIFT I  →  LIFT II  →  FIELD";position:absolute;left:12px;right:12px;bottom:9px;border-top:1px solid var(--line);padding-top:7px;text-align:center;font:600 7px var(--mono);letter-spacing:.05em;color:var(--blue)}.cross-section svg{width:100%;height:auto;max-width:none;transform:none}.cross-section .map-note,.cross-section .mill-label{font-size:14px}.cross-section .place-name{font-size:24px}.roster-section{padding-bottom:65px}.roster-list article{grid-template-columns:45px 45px 1fr auto;grid-template-rows:auto auto;gap:6px 12px;min-height:136px}.roster-list h3{margin-top:8px}.roster-list>article>p{display:block;grid-column:3/5;font-size:8px;opacity:.78;align-self:start}.status{font-size:7px}footer nav{gap:0 20px}footer nav a{min-height:44px;display:flex;align-items:center}.guide-hero{min-height:430px;padding:48px 28px}.guide-hero h1{font-size:58px;margin-top:38px}.guide-ledger{padding-top:52px}}
@media(max-width:700px){.roster-list .status{grid-column:4;grid-row:1;justify-self:end;align-self:center}.roster-list>article>p{grid-row:2}}

/* Pass 2 — external critique: operational Delftware */
:root{--glaze:#f1eddf;--paper:#e6deca;--oxide:#1f4f8b;--oxide-dark:#10365f;--copper:#a24f37;--brass-bright:#c18c3d;--mist:#c5dae0}
body{background-color:var(--glaze);background-image:radial-gradient(circle at 12% 4%,rgba(255,255,255,.84),transparent 28rem),radial-gradient(circle at 89% 22%,rgba(39,84,143,.055),transparent 34rem)}
.site-head{height:72px;padding-inline:3vw;background:rgba(241,237,223,.94);box-shadow:0 1px 0 rgba(255,255,255,.8)}
.seal svg{filter:drop-shadow(0 1px 0 #fff)}
.site-head nav a{min-height:44px;display:inline-flex;align-items:center}
.hero{padding-top:42px;position:relative}
.hero:before{content:"";position:absolute;inset:0 3vw auto;height:210px;pointer-events:none;opacity:.15;background-image:linear-gradient(90deg,transparent 49.8%,var(--blue) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,var(--blue) 50%,transparent 50.2%);background-size:84px 84px;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
.hero-copy{position:relative;margin-bottom:28px}
.kicker{opacity:0;animation:ledgerEnter .65s .08s cubic-bezier(.2,.75,.2,1) forwards}
.hero-intro{opacity:0;animation:ledgerEnter .65s .2s cubic-bezier(.2,.75,.2,1) forwards;background:rgba(241,237,223,.6)}
.hero h1{filter:drop-shadow(0 1px 0 #fff)}
.hero h1 em{color:#536f42}
.works-shell{opacity:0;transform:translateY(22px);animation:instrumentEnter .9s .38s cubic-bezier(.16,.8,.18,1) forwards;box-shadow:0 30px 90px rgba(16,54,95,.15),0 2px 0 white inset;background:#f7f3e6}
@keyframes ledgerEnter{to{opacity:1;transform:translateY(0)}}
@keyframes instrumentEnter{to{opacity:1;transform:none}}
.cross-section{height:min(44vw,570px);min-height:390px;background:radial-gradient(circle at 75% 18%,rgba(255,255,255,.95),transparent 21%),linear-gradient(#faf7ed 0 68%,#e6e0d1)}
.cross-section:before{content:"LIVE SECTION · WIND/TIDE COUPLED";position:absolute;z-index:2;left:50%;top:18px;transform:translateX(-50%);font:600 8px var(--mono);letter-spacing:.14em;color:rgba(39,84,143,.66)}
.watch-state{position:relative;overflow:hidden}
.watch-state:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#d8dd78;transform-origin:left;animation:watchSweep 4.8s ease-in-out infinite}
@keyframes watchSweep{0%,100%{transform:scaleX(.08);opacity:.4}55%{transform:scaleX(1);opacity:1}}
.works-shell[data-mode="storm"] .works-bar{background:var(--brick)}
.works-shell[data-mode="storm"] .watch-state:after{background:#fff;animation-duration:.75s}
.works-shell[data-mode="catching"] .works-bar{background:var(--green-dark)}

.lift-lab{min-height:190px;display:grid;grid-template-columns:minmax(220px,.75fr) minmax(420px,1.7fr) 150px;align-items:stretch;border-top:1px solid var(--blue);background-color:#e8e2d3;background-image:repeating-linear-gradient(0deg,transparent 0 23px,rgba(39,84,143,.055) 23px 24px);position:relative;overflow:hidden}
.lift-copy{padding:26px 30px;border-right:1px solid var(--line)}
.instrument-no{font:600 8px var(--mono);letter-spacing:.12em;color:var(--brick)}
.lift-copy h2{font:400 34px/.95 var(--serif);color:var(--blue);margin:11px 0 9px}
.lift-copy p{font-size:13px;line-height:1.4;margin:0;max-width:310px}
.lift-diagram{padding:12px 18px;display:grid;place-items:center;min-width:0}
.lift-diagram svg{width:100%;height:166px;overflow:visible}
.lab-channel{fill:none;stroke:var(--blue);stroke-width:2}
.lab-case{fill:none;stroke:var(--brass);stroke-width:26;opacity:.28}
.lab-shaft{fill:none;stroke:var(--blue-deep);stroke-width:4}
.lab-flight{fill:none;stroke:var(--brass);stroke-width:7;stroke-linecap:round}
.lab-drops{fill:var(--blue);opacity:.12;transition:opacity .35s}
.lab-labels{fill:var(--blue);font:600 10px var(--mono);letter-spacing:.06em}
.is-lifting .lab-flight{stroke-dasharray:10 8;animation:screwLift .55s linear infinite}
.is-lifting .lab-drops{opacity:1}
.lift-telemetry{display:grid;align-content:center;text-align:right;padding:20px 24px;border-left:1px solid var(--line);background:rgba(255,255,255,.3)}
.lift-telemetry span{font:600 8px var(--mono);letter-spacing:.1em;color:var(--brick)}
.lift-telemetry strong{font:400 50px/.9 var(--serif);color:var(--blue);font-variant-numeric:tabular-nums;margin-top:10px}
.lift-telemetry small{font:600 9px var(--mono)}
.lift-telemetry i{font:600 8px/1.3 var(--mono);font-style:normal;color:var(--green-dark);margin-top:12px}
.control-deck button{position:relative;overflow:hidden}
.control-deck button:before{content:attr(data-step);position:absolute;top:8px;left:10px;font:600 8px var(--mono);color:var(--brick);opacity:.7}
.control-deck button:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.control-deck button[aria-pressed="true"]:after,.storm-btn.active:after{transform:scaleX(1)}
.control-deck button:hover{background:#faf7ed}
.hold-meter small{font:600 8px var(--mono);letter-spacing:.05em;color:var(--brick);margin-top:9px}

.ledger-section{position:relative}
.ledger-section:before{content:"491";position:absolute;right:2vw;top:105px;font:400 190px/.8 var(--serif);color:rgba(39,84,143,.035);pointer-events:none}
.ledger-grid{gap:4vw}
.ledger-grid blockquote{transform:translateY(16px)}
.marquee{background:#f6f2e6;box-shadow:inset 0 12px 30px rgba(39,84,143,.035)}
.datum-section{background-color:var(--oxide);background-image:radial-gradient(circle at 88% 15%,rgba(255,255,255,.09),transparent 30%),linear-gradient(135deg,transparent 0 48%,rgba(255,255,255,.025) 48% 48.2%,transparent 48.2%)}
.datum-stack:after{content:"N A P";position:absolute;right:5%;top:43%;font:600 clamp(38px,8vw,110px)/1 var(--mono);letter-spacing:.2em;color:rgba(255,255,255,.035);pointer-events:none}
.roster-section{background-color:#2d472c;background-image:radial-gradient(circle at 82% 16%,rgba(193,140,61,.14),transparent 28%),repeating-linear-gradient(135deg,transparent 0 28px,rgba(255,255,255,.016) 28px 29px),linear-gradient(90deg,rgba(0,0,0,.08),transparent 32%)}
.roster-list article{position:relative}
.roster-list article:before{content:"";position:absolute;left:0;top:50%;width:0;height:1px;background:#e9b563;transition:width .45s cubic-bezier(.2,.8,.2,1)}
.roster-list article:hover:before{width:6vw}
.minutes-section{background-color:#d8d2c2;background-image:radial-gradient(circle at 25% 20%,rgba(255,255,255,.6),transparent 30%),repeating-linear-gradient(90deg,transparent 0 79px,rgba(39,84,143,.025) 79px 80px)}
.minutes-paper{box-shadow:0 26px 70px rgba(28,48,42,.2),-10px 12px 0 rgba(255,255,255,.45)}
.closing-section{min-height:590px;align-items:flex-start;text-align:left;padding:100px 8vw;position:relative;overflow:hidden;background-image:linear-gradient(rgba(39,84,143,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(39,84,143,.055) 1px,transparent 1px),radial-gradient(circle at 87% 55%,rgba(90,114,71,.14),transparent 30%);background-size:86px 86px,86px 86px,auto}
.closing-section:before{content:"−3.18";position:absolute;right:-.02em;bottom:-.12em;font:400 clamp(160px,29vw,430px)/1 var(--serif);color:rgba(39,84,143,.045);letter-spacing:-.08em}
.closing-tile{margin-bottom:30px}
.closing-section p{max-width:760px;margin-left:16vw;position:relative}
.closing-section h2{position:relative;font-size:clamp(84px,13vw,190px);max-width:1200px}
footer{background-color:var(--oxide-dark);background-image:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:80px 100%}

/* Guide additions */
.guide-body{min-height:100%;background-color:#e7e1d1;background-image:radial-gradient(circle at 8% 8%,rgba(255,255,255,.72),transparent 28rem),repeating-linear-gradient(90deg,transparent 0 95px,rgba(39,84,143,.025) 95px 96px)}
.guide-hero{background-color:var(--oxide);background-image:radial-gradient(circle at 78% 40%,rgba(255,255,255,.07),transparent 24%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,70px 70px,70px 70px;box-shadow:0 28px 70px rgba(16,54,95,.13)}
.guide-hero:before{content:"WATERWORKS / FIELD NOTES";position:absolute;left:20px;bottom:18px;font:600 8px var(--mono);letter-spacing:.13em;color:rgba(255,255,255,.52)}
.guide-ledger aside{background:#e7e1d1;padding-right:18px;z-index:2}
.guide-ledger article section{position:relative}
.mechanics-strip{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--blue);margin:38px 0 46px}
.mechanics-strip span{min-height:105px;padding:18px 14px;border-right:1px solid var(--line);font:500 11px/1.45 var(--mono);color:var(--blue)}
.mechanics-strip span:last-child{border-right:0}
.mechanics-strip b{display:block;font:400 32px/1 var(--serif);color:var(--brass);margin-bottom:12px}
.state-ledger{display:grid;grid-template-columns:repeat(3,1fr);margin:32px 0 48px;border:1px solid var(--line)}
.state-ledger div{padding:18px;border-right:1px solid var(--line)}
.state-ledger div:last-child{border-right:0}
.state-ledger span{font:600 9px var(--mono);letter-spacing:.08em;color:var(--brick)}
.state-ledger p{font-size:14px;margin:10px 0 0;line-height:1.35}
.swatches{grid-template-columns:1.25fr .8fr 1fr .9fr .7fr;box-shadow:10px 12px 0 rgba(39,84,143,.08)}
.prompt-slip{background:linear-gradient(135deg,#ebe3d0,#f4efe2);box-shadow:10px 12px 0 rgba(39,84,143,.11)}

@media(min-width:1051px){.hero-copy{gap:16px 4vw}.hero-copy h1{text-align:left;padding-left:14vw;font-size:clamp(72px,8.6vw,128px);line-height:.78}.hero-copy h1 em{margin-left:.02em}.hero-copy .hero-intro{max-width:340px}.cross-section{height:min(42vw,560px)}}
@media(min-width:701px) and (max-width:1050px){.site-head{grid-template-columns:1fr auto}.site-head nav{display:flex;gap:18px}.site-head nav a{font-size:9px}.hero{padding-top:38px}.hero-copy{margin-bottom:26px}.cross-section{min-height:380px}.lift-lab{grid-template-columns:220px 1fr 120px}.lift-copy{padding:22px 20px}.lift-copy h2{font-size:29px}.lift-copy p{font-size:12px}.lift-diagram{padding-inline:5px}.lift-telemetry{padding-inline:15px}.lift-telemetry strong{font-size:40px}.closing-section p{margin-left:10vw}}

@media(max-width:700px){
  html{scroll-padding-top:116px}
  .site-head{height:108px;grid-template-columns:1fr;grid-template-rows:62px 46px;padding:0 15px}
  .site-head .seal{grid-row:1}
  .site-head nav,.guide-body .site-head nav{display:flex;grid-row:2;justify-content:space-between;gap:0;width:100%;border-top:1px solid var(--line)}
  .site-head nav a,.guide-body .site-head nav a{font-size:8px;min-height:44px;padding-inline:2px}
  .hero{padding-top:31px}
  .hero:before{height:160px;background-size:64px 64px}
  .hero-copy{margin-bottom:22px}
  .hero h1{font-size:clamp(52px,16.6vw,65px);line-height:.82;letter-spacing:-.045em}
  .hero-intro{margin-top:20px;grid-template-columns:1.25fr .9fr;gap:12px}
  .hero-intro p{font-size:14px;line-height:1.38}
  .hero-intro a{font-size:8px}
  .works-bar{height:78px}
  .works-bar strong{font-size:13px}
  .cross-section{height:300px;padding-bottom:33px}
  .cross-section:before{top:8px;font-size:6px}
  .cross-section:after{font-size:6px;letter-spacing:.035em}
  .wind-rose{top:22px}
  .tide-clock{top:22px}
  .lift-lab{display:grid;grid-template-columns:1fr 92px;min-height:0}
  .lift-copy{grid-column:1/-1;padding:22px 18px 12px;border-right:0;border-bottom:1px solid var(--line)}
  .lift-copy h2{font-size:32px}
  .lift-copy p{font-size:13px;max-width:350px}
  .lift-diagram{padding:2px 4px 8px 10px}
  .lift-diagram svg{height:145px}
  .lab-labels{font-size:12px}
  .lift-telemetry{padding:14px 12px;border-left:1px solid var(--line);text-align:center}
  .lift-telemetry strong{font-size:39px}
  .lift-telemetry span,.lift-telemetry i{font-size:6px}
  .control-deck button{min-height:84px}
  .control-deck button:before{top:6px;left:7px}
  .control-intro p{font-size:13px}
  .ledger-section:before{font-size:120px;top:80px}
  .roster-list h3{font-size:28px;line-height:1}
  .minutes-paper{box-shadow:0 20px 45px rgba(28,48,42,.18)}
  .closing-section{min-height:520px;align-items:center;text-align:center;padding:75px 18px;background-size:64px 64px,64px 64px,auto}
  .closing-section p{margin-left:0;max-width:350px}
  .closing-section h2{font-size:74px;line-height:.82}
  footer{min-height:260px}
  .guide-main{padding-top:18px}
  .guide-hero{min-height:405px;padding:42px 24px}
  .guide-hero h1{font-size:53px;line-height:.86;margin-top:33px}
  .guide-hero svg{width:110px}
  .guide-ledger{padding-top:42px}
  .guide-ledger aside{padding-right:0;margin-bottom:60px}
  .mechanics-strip{grid-template-columns:1fr 1fr}
  .mechanics-strip span{min-height:98px;border-bottom:1px solid var(--line)}
  .mechanics-strip span:nth-child(2){border-right:0}
  .mechanics-strip span:nth-child(3),.mechanics-strip span:nth-child(4){border-bottom:0}
  .state-ledger{grid-template-columns:1fr}
  .state-ledger div{border-right:0;border-bottom:1px solid var(--line)}
  .state-ledger div:last-child{border-bottom:0}
  .swatches{grid-template-columns:1.2fr .8fr}
}

@media(prefers-reduced-motion:reduce){.kicker,.hero-intro,.works-shell{opacity:1;transform:none}.lab-drops{display:none}.watch-state:after{animation:none;transform:scaleX(1)}}

/* Pass 3 — art direction: brass traverse and final optical finish */
html{scrollbar-color:var(--blue) #ddd6c4}
body{font-kerning:normal;text-rendering:optimizeLegibility}
::selection{color:#fff;background:var(--brick);text-shadow:none}
::-webkit-scrollbar{width:12px}
::-webkit-scrollbar-track{background:#ddd6c4;border-left:1px solid rgba(39,84,143,.18)}
::-webkit-scrollbar-thumb{background:var(--blue);border:3px solid #ddd6c4;border-radius:20px}
::-webkit-scrollbar-thumb:hover{background:var(--brick)}
h1,h2,h3,.seal b,.footer-seal span{font-kerning:normal;font-optical-sizing:auto;text-wrap:balance}
p,blockquote,.guide-ledger p{hyphens:none;text-wrap:pretty}
.works-bar strong,.readings strong,.datum-mark strong,.head-level strong,.lift-telemetry strong,.survey-reading strong,.hold-meter{font-variant-numeric:tabular-nums lining-nums}
.site-head nav a:after,.guide-ledger aside a,.notice-board a,footer a{transition:color .28s ease,background-color .28s ease,text-decoration-color .28s ease,transform .28s cubic-bezier(.2,.75,.2,1)}
.guide-ledger aside a:hover,.guide-ledger aside a:focus-visible{color:var(--brick);padding-left:7px}
.notice-board a{min-height:44px;display:flex;align-items:center}
.notice-board a:hover,.notice-board a:focus-visible{color:#f2c06a;transform:translateX(4px)}
footer a{display:inline-flex;align-items:center;min-height:44px;text-decoration-color:rgba(255,255,255,.55)}
footer a:hover,footer a:focus-visible{color:#f2c06a;text-decoration-color:#f2c06a;transform:translateY(-2px)}
.datum-copy summary{min-height:54px;display:flex;align-items:center;list-style:none;position:relative;padding-right:36px}
.datum-copy summary::-webkit-details-marker{display:none}
.datum-copy summary:after{content:"+";position:absolute;right:4px;font:400 25px var(--serif);color:#e9b563;transition:transform .35s cubic-bezier(.2,.75,.2,1)}
.datum-copy details[open] summary:after{transform:rotate(45deg)}
.datum-copy summary:hover{color:#f2c06a}
.control-deck button:active{transform:translateY(2px);background:#e1dac8}
.control-deck button:focus-visible{z-index:3;outline-offset:-5px}

.survey-probe{position:absolute;inset:0;pointer-events:none;z-index:3;--probe-x:62%;--probe-y:63%}
.survey-probe i{position:absolute;left:var(--probe-x);top:34px;bottom:0;border-left:1px dashed rgba(180,130,59,.86);filter:drop-shadow(1px 0 0 rgba(255,255,255,.85));transition:left .38s cubic-bezier(.2,.75,.2,1)}
.survey-probe i:before{content:"";position:absolute;top:-8px;left:-4px;width:7px;height:7px;background:var(--brass);transform:rotate(45deg);box-shadow:0 0 0 3px rgba(243,240,229,.82)}
.survey-probe b{position:absolute;left:var(--probe-x);top:var(--probe-y);width:26px;height:26px;border:1px solid var(--brass);border-radius:50%;transform:translate(-50%,-50%);background:rgba(243,240,229,.3);box-shadow:0 0 0 5px rgba(243,240,229,.5);transition:left .38s cubic-bezier(.2,.75,.2,1),top .38s cubic-bezier(.2,.75,.2,1)}
.survey-probe b:before,.survey-probe b:after{content:"";position:absolute;background:var(--brass)}
.survey-probe b:before{height:1px;width:38px;left:-7px;top:12px}
.survey-probe b:after{width:1px;height:38px;left:12px;top:-7px}
.survey-probe span{position:absolute;left:var(--probe-x);top:47px;transform:translateX(8px);font:600 7px var(--mono);letter-spacing:.08em;color:var(--brick);transition:left .38s cubic-bezier(.2,.75,.2,1)}
.survey-probe span:after{content:"PIN 07"}
.survey-strip{min-height:94px;display:grid;grid-template-columns:minmax(250px,.9fr) minmax(260px,1.45fr) minmax(225px,.75fr);align-items:center;border-top:1px solid var(--blue);background-color:#f0eadb;background-image:linear-gradient(90deg,rgba(39,84,143,.045) 1px,transparent 1px),linear-gradient(0deg,rgba(39,84,143,.04) 1px,transparent 1px);background-size:42px 100%,100% 23px;position:relative}
.survey-copy{padding:18px 24px;border-right:1px solid var(--line);align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.survey-copy span{font:600 8px var(--mono);letter-spacing:.11em;color:var(--brick)}
.survey-copy p{font:400 15px/1.25 var(--serif);color:var(--blue);margin:7px 0 0;max-width:310px}
.survey-rail{min-height:60px;display:flex;align-items:center;padding:0 34px;position:relative}
.survey-rail:before,.survey-rail:after{content:"";position:absolute;top:50%;width:8px;height:8px;border:1px solid var(--blue);border-radius:50%;transform:translateY(-50%)}
.survey-rail:before{left:24px}.survey-rail:after{right:24px}
.survey-rail input{appearance:none;-webkit-appearance:none;width:100%;height:44px;background:transparent;cursor:ew-resize;margin:0;position:relative;z-index:1}
.survey-rail input::-webkit-slider-runnable-track{height:1px;background:var(--blue);box-shadow:0 -5px 0 -4px var(--line),0 5px 0 -4px var(--line)}
.survey-rail input::-moz-range-track{height:1px;background:var(--blue);box-shadow:0 -5px 0 -4px var(--line),0 5px 0 -4px var(--line)}
.survey-rail input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:34px;margin-top:-17px;border:1px solid var(--blue-deep);border-radius:2px;background:linear-gradient(90deg,#a87532,#d5aa62 45%,#a87532);box-shadow:0 2px 0 rgba(22,59,106,.2);cursor:grab}
.survey-rail input::-moz-range-thumb{width:22px;height:34px;border:1px solid var(--blue-deep);border-radius:2px;background:linear-gradient(90deg,#a87532,#d5aa62 45%,#a87532);box-shadow:0 2px 0 rgba(22,59,106,.2);cursor:grab}
.survey-rail input:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(.94)}
.survey-rail input:focus-visible{outline:3px solid var(--brick);outline-offset:3px}
.survey-reading{align-self:stretch;padding:15px 22px;border-left:1px solid var(--line);display:grid;align-content:center;background:rgba(255,255,255,.34)}
.survey-reading span{font:600 7px var(--mono);letter-spacing:.09em;color:var(--brick)}
.survey-reading strong{font:400 25px/1 var(--serif);color:var(--blue);margin:5px 0 3px;letter-spacing:-.015em}
.survey-reading small{font:500 8px var(--mono);letter-spacing:.03em;color:var(--green-dark)}
#polderSvg [data-sails],#polderSvg .sluice,#polderSvg .dyke,#polderSvg .channels,#polderSvg .land{transition:opacity .35s ease,filter .35s ease}
#polderSvg[data-survey="sea"] .sea-zone,#polderSvg[data-survey="sluice"] .sluice,#polderSvg[data-survey="dyke"] .dyke,#polderSvg[data-survey="lower"] .channels,#polderSvg[data-survey="upper"] .channels,#polderSvg[data-survey="field"] .land,#polderSvg[data-survey="lift-one"] .mill-one,#polderSvg[data-survey="lift-two"] .mill-two{filter:drop-shadow(0 0 4px rgba(180,130,59,.58))}

.kicker{transform:translateY(10px)}
.hero-intro{transform:translateY(12px)}
.survey-strip{opacity:0;animation:surveyEnter .8s .92s cubic-bezier(.16,.8,.18,1) forwards}
@keyframes surveyEnter{from{opacity:0}to{opacity:1}}

@media(max-width:1050px){
  .survey-strip{grid-template-columns:210px 1fr 205px}
  .survey-copy{padding-inline:18px}.survey-copy p{font-size:13px}
  .survey-rail{padding-inline:25px}.survey-rail:before{left:16px}.survey-rail:after{right:16px}
  .survey-reading{padding-inline:15px}.survey-reading strong{font-size:21px}
}
@media(max-width:700px){
  .survey-probe i{top:27px}.survey-probe span{top:36px;font-size:5px}.survey-probe b{width:18px;height:18px}.survey-probe b:before{width:28px;left:-6px;top:8px}.survey-probe b:after{height:28px;left:8px;top:-6px}
  .survey-strip{min-height:142px;grid-template-columns:1fr 142px;grid-template-rows:auto 52px}
  .survey-copy{padding:14px 15px;border-right:1px solid var(--line)}
  .survey-copy span{font-size:6px}.survey-copy p{font-size:13px;line-height:1.18;margin-top:6px}
  .survey-reading{padding:11px 10px}.survey-reading span{font-size:6px}.survey-reading strong{font-size:18px}.survey-reading small{font-size:6px;line-height:1.2}
  .survey-rail{grid-column:1/-1;grid-row:2;padding:0 27px;border-top:1px solid var(--line)}
  .survey-rail:before{left:17px}.survey-rail:after{right:17px}
  .guide-ledger h2{letter-spacing:-.037em}.guide-ledger h3{letter-spacing:-.015em}
}
@media(prefers-reduced-motion:reduce){.survey-strip{opacity:1;animation:none}.survey-probe i,.survey-probe b,.survey-probe span{transition:none}}