
:root{--bg:#0C1617;--ink:#EFF5F5;--muted:#95AFB2;--accent:#97D3ED;
--panel:#142122;--line:#242F30;--rad:10px}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);
line-height:1.45;-webkit-font-smoothing:antialiased}
h1,h2,h3,.heading-face{font-family:var(--display);margin:0 0 .5em;line-height:1.08;text-transform:uppercase;letter-spacing:.06em;}
a{color:inherit}
.frame{max-width:1040px;margin:0 auto;padding:0 22px}
section{padding:48px 0}
.array{display:grid;grid-template-columns:1fr 1.6fr;gap:26px}
.cell{padding:24px;border-radius:var(--rad);background:var(--panel);box-shadow:0 18px 40px rgba(0,0,0,.22);}
ul.array,ul.snapshots,ul.hero-facts{list-style:none;padding:0;margin:0}
.cell dl,.cell dt,.cell dd{margin:0}
.cell dt{font-family:var(--display);font-size:1.05rem;margin-bottom:6px}
.cell dd{color:var(--muted)}
.hero-facts dl{margin:0}
.hero-facts dt{font-size:clamp(1.2rem,2.4vw,1.9rem);color:var(--accent);font-weight:400;margin:0}
.hero-facts dd{margin:0;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.hero-facts li{background:var(--bg);padding:18px 14px;list-style:none}
.snapshots li{list-style:none}

.pretitle{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--accent);
display:block;margin-bottom:14px}
.strapline{color:var(--muted);font-size:1.06rem;max-width:62ch}
.pill{display:inline-block;padding:14px 26px;font-size:11px;letter-spacing:.2em;border-radius:var(--rad);
text-transform:uppercase;text-decoration:none;border:1px solid var(--accent);color:var(--accent)}
.pill.loud{background:var(--accent);color:var(--bg);border-color:var(--accent)}
img{max-width:100%;display:block;border-radius:var(--rad)}
figure{margin:0}
table{width:100%;border-collapse:collapse}
td,th{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left}
dl{margin:0} dt{font-weight:600;margin-top:18px} dd{margin:6px 0 0;color:var(--muted)}
h1{font-size:clamp(2.2rem,5.4vw,4.1rem)}
.hero .frame{max-width:1600px;padding:0 clamp(12px,3vw,48px)}.hero{padding-top:0}.hero img{border-radius:0}
h2{font-size:clamp(1.4rem,2.8vw,2.1rem)}
section+section{border-top:1px dashed var(--line)}
main>section:nth-child(3n+2){background:var(--panel)}
@media(max-width:860px){.array{grid-template-columns:1fr}}
.header{position:relative;z-index:5}
.header-inner{display:flex;align-items:center;gap:22px;padding:18px 22px}
.header .title-mark{font-size:1.15rem;text-decoration:none;letter-spacing:.02em}
.header nav{display:flex;gap:18px;flex-wrap:wrap}
.header nav a{font-size:13px;text-decoration:none;color:var(--muted)}
.header nav a:hover{color:var(--ink)}
.age-mark{border:1px solid var(--accent);color:var(--accent);font-size:11px;padding:3px 8px;letter-spacing:.1em;border-radius:var(--rad)}
.header-split{box-shadow:0 1px 0 var(--line)}
.header-split .header-inner{justify-content:space-between}
.header-split nav{flex:1}
.header-split nav:last-of-type{justify-content:flex-end}
.header-split .title-mark{font-size:1.35rem}
.header-split nav a{font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.header-tickbar{background:var(--accent);color:var(--bg);font-size:11px;letter-spacing:.16em;
text-transform:uppercase;padding:7px 22px;display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.header-corner{border-bottom:1px solid var(--line)}
.header-corner .header-inner{align-items:flex-end;padding:24px 22px 16px}
.header-corner .title-mark{font-size:1.7rem;line-height:1;text-transform:uppercase;letter-spacing:.02em}
.header-corner .header-links{margin-left:auto;max-width:420px;justify-content:flex-end;row-gap:6px}
.header-corner nav a{font-size:12px}
.hero{padding-top:clamp(40px,6vw,88px);padding-bottom:clamp(40px,6vw,88px)}
.hero .call-in{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero figure{margin:0}
.hero-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:34px}
.hero-facts>div{background:var(--bg);padding:18px 14px}
.hero-facts b{display:block;font-size:clamp(1.2rem,2.4vw,1.9rem);color:var(--accent)}
.hero-facts span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}

.hero-arch{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(26px,4vw,60px);align-items:center}
.hero-arch .arch-figure img{aspect-ratio:3/4;object-fit:cover;width:100%;border-radius:999px 999px var(--rad) var(--rad)}
@media(max-width:860px){
.hero-ledge,.hero-index,.hero-pillar,.hero-cascade,.hero-plate,.hero-lantern,
.hero-gazette .gazette-split,.hero-tape .tape-halves,.hero-reef .reef-duo,.hero-dial,
.hero-frame,.hero-arch,.hero-banner .banner-bottom,.hero-stagger .stagger-strip{grid-template-columns:1fr}
.hero-mural{min-height:auto;display:block}
.hero-mural>img{position:relative;height:240px;margin-bottom:18px}
.hero-mural .mural-card{max-width:100%}
.hero-pillar .pillar-spine{min-height:6px}
.hero-atrium .atrium-quad{grid-template-columns:repeat(2,1fr)}
.hero-alcove{min-height:auto;display:block}
.hero-alcove .alcove-picture{position:relative;width:100%;height:260px;margin-top:22px}
.hero-alcove .alcove-copy{max-width:100%}
.hero-curtain .curtain-frame{max-width:100%;margin-top:-32px}
.hero-cascade h1,.hero-cascade .strapline,.hero-cascade .call-in{padding-left:0}
.hero-column,.hero-circle,.hero-stripe,.hero-triptych,.hero-sash,.hero-stripe .stripe-shots{grid-template-columns:1fr}
.hero-column .column-lines{padding-left:0}.hero-column .column-upright{position:static;writing-mode:horizontal-tb;transform:none;border-right:none;border-bottom:2px solid var(--accent);display:inline-block;padding:0 0 4px;margin-bottom:12px}
.hero-ticket .ticket-panel{margin:-30px 0 0;max-width:100%}
.hero-poster .poster-overlay{position:relative;max-width:100%;padding:16px 0 0;border-radius:0}
.hero-stripe .stripe-shots img:last-child{margin-top:0}
.hero-billboard .billboard-card{position:relative;left:0;top:0;max-width:100%;margin-top:-40px}
.hero-billboard figure img{min-height:0}
}
.duo{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,4vw,54px);align-items:start}
.duo+.array{margin-top:34px}
.duo img{aspect-ratio:4/3;object-fit:cover;width:100%}
.snapshots{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.snapshots img{aspect-ratio:1/1;object-fit:cover;width:100%}
.snapshots-mosaic{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:minmax(140px,auto);gap:12px}
.snapshots-mosaic figure:first-child{grid-column:span 2;grid-row:span 2}
.snapshots-mosaic figure:nth-child(4){grid-column:span 2}
.snapshots-mosaic img{width:100%;height:100%;object-fit:cover;aspect-ratio:auto;min-height:140px}
.snapshots-strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}
.snapshots-strip figure{flex:0 0 min(340px,72vw);scroll-snap-align:start}
.snapshots-strip img{aspect-ratio:4/5;object-fit:cover;width:100%}
.snapshots-duo{columns:2;gap:14px}
.snapshots-duo figure{break-inside:avoid;margin-bottom:14px}
.snapshots-duo img{width:100%;aspect-ratio:auto}
.week-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.week-cards .cell b{display:block;color:var(--accent);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.week-cards .cell i{font-style:normal;display:block;font-family:var(--display);font-size:1.15rem;margin:6px 0}
.week-rows{display:grid;gap:0}
.week-rows>div{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:baseline;
padding:12px 0;border-bottom:1px solid var(--line)}
.week-rows b{color:var(--accent);font-weight:600}
.week-rows span{color:var(--muted)}
.answers-accordion details{border-bottom:1px solid var(--line);padding:12px 0}
.answers-accordion summary{cursor:pointer;font-family:var(--display);font-size:1.05rem;list-style:none}
.answers-accordion summary::-webkit-details-marker{display:none}
.answers-accordion summary::after{content:'+';float:right;color:var(--accent)}
.answers-accordion details[open] summary::after{content:'–'}
.answers-accordion p{color:var(--muted);margin:.6em 0 0}
.answers-twocol{columns:2;gap:clamp(24px,4vw,52px)}
.answers-twocol div{break-inside:avoid;margin-bottom:18px}
.answers-twocol h3{font-size:1rem;margin-bottom:.35em}
.answers-twocol p{color:var(--muted);margin:0}
.rules-num{list-style:none;counter-reset:r;padding:0;margin:0;display:grid;gap:14px}
.rules-num li{counter-increment:r;display:grid;grid-template-columns:auto 1fr;gap:16px;color:var(--muted)}
.rules-num li::before{content:counter(r,decimal-leading-zero);color:var(--accent);
font-family:var(--display);font-size:1.1rem}
.details-band{display:flex;flex-wrap:wrap;gap:clamp(18px,4vw,56px);border-top:2px solid var(--accent);
border-bottom:1px solid var(--line);padding:22px 0}
.details-band div{min-width:180px}
.details-band span{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
.details-plate{border:1px solid var(--line);border-radius:var(--rad);padding:clamp(20px,3vw,40px);
display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,40px);background:var(--panel)}
.details-plate h3{font-size:.95rem;color:var(--accent);letter-spacing:.1em;text-transform:uppercase}
.duo-left{direction:rtl}
.duo-left>*{direction:ltr}
.duo-top{display:block}
.duo-top figure{margin-bottom:clamp(18px,3vw,34px)}
.duo-top img{aspect-ratio:21/9;width:100%;object-fit:cover}
@media(max-width:860px){.snapshots-mosaic,.answers-twocol,.snapshots-duo{grid-template-columns:1fr;columns:1}
.details-plate{grid-template-columns:1fr}}
.dos-donts{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.dos-donts li{padding-left:22px;position:relative;color:var(--muted)}
.dos-donts li::before{content:'';position:absolute;left:0;top:.62em;width:10px;height:2px;background:var(--accent)}
.call-in-band{text-align:center;border:1px solid var(--line);border-radius:var(--rad);padding:clamp(28px,5vw,64px)}
.call-in-band .strapline{margin:0 auto 26px}
.call-in-row{display:grid;grid-template-columns:1.4fr auto;gap:clamp(20px,4vw,54px);align-items:center;
border-top:2px solid var(--accent);padding-top:clamp(22px,3vw,40px)}
.call-in-solid{background:var(--accent);color:var(--bg);border-radius:var(--rad);
padding:clamp(28px,5vw,64px);text-align:center}
.call-in-solid .strapline,.call-in-solid h2,.call-in-solid .pretitle{color:var(--bg)}
.call-in-solid .strapline{opacity:.9;margin:0 auto 24px}
.call-in-solid .pill{background:var(--bg);color:var(--accent);border-color:var(--bg)}
.call-in-phone{text-align:center}
.call-in-phone .call-in-number{font-family:var(--display);font-size:clamp(1.8rem,6vw,3.6rem);
color:var(--accent);line-height:1.1;margin:6px 0 14px;text-decoration:none;display:block}
.call-in-phone .strapline{margin:0 auto 20px}
.call-in-card{display:grid;grid-template-columns:1.2fr .8fr;gap:0;border:1px solid var(--line);
border-radius:var(--rad);overflow:hidden}
.call-in-card>div{padding:clamp(22px,3.4vw,44px)}
.call-in-card .call-in-side{background:var(--panel);border-left:1px solid var(--line)}
.call-in-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,52px);align-items:end}
.call-in-split .call-in-right{text-align:right}
.call-in-quiet{max-width:64ch}
.call-in-quiet .pill{border:none;padding-left:0;text-decoration:underline;text-underline-offset:6px}
.call-in-ticket{border:2px dashed var(--accent);border-radius:var(--rad);padding:clamp(24px,4vw,52px);
position:relative;text-align:center;max-width:780px;margin:0 auto}
.call-in-ticket::before,.call-in-ticket::after{content:'';position:absolute;top:50%;width:26px;height:26px;
background:var(--bg);border:2px dashed var(--accent);border-radius:50%;transform:translateY(-50%)}
.call-in-ticket::before{left:-14px;clip-path:inset(0 0 0 50%)}
.call-in-ticket::after{right:-14px;clip-path:inset(0 50% 0 0)}
.call-in-ticket .strapline{margin:0 auto 22px}
@media(max-width:860px){.call-in-row,.call-in-card,.call-in-split{grid-template-columns:1fr}
.call-in-split .call-in-right{text-align:left}}
.booking-call{padding-bottom:clamp(56px,8vw,110px)}
.heading-block{padding-bottom:clamp(18px,2vw,26px)}
@media(max-width:860px){.duo{grid-template-columns:1fr}.snapshots{grid-template-columns:repeat(2,1fr)}}
.page-footer{border-top:1px solid var(--line);padding:clamp(38px,5vw,70px) 0 34px;color:var(--muted);font-size:14px}
.page-footer .title-mark{color:var(--ink);font-size:1.1rem;display:block;margin-bottom:10px}
.page-footer nav{display:flex;flex-wrap:wrap;gap:14px}
.page-footer nav a{text-decoration:none;color:var(--muted);white-space:nowrap}
.page-footer nav a:hover{color:var(--ink)}
.page-footer-fine{margin-top:12px;font-size:12px;opacity:.85}
.page-footer-legal{margin-top:26px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;line-height:1.7}
.page-footer-legal p{margin:.3em 0}
.hours-box{display:grid;gap:6px;margin-top:10px;font-size:13px;min-width:220px}
.hours-box div{display:flex;justify-content:space-between;gap:18px;width:100%;border-bottom:1px dotted var(--line);padding-bottom:4px}
.hours-box b{color:var(--ink);font-weight:600;white-space:nowrap}
.page-footer-center{text-align:center}
.page-footer-center nav{justify-content:center}
.page-footer-center .hours-box{max-width:340px;margin-left:auto;margin-right:auto}
.page-footer-halves{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px}
.page-footer-columns-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:30px}

.foot-body-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(20px,3vw,44px);align-items:start}
.foot-body-card-inner{border:1px solid var(--line);border-radius:var(--rad);padding:22px;background:var(--panel)}
.foot-body-card-inner p{margin:.35em 0}
.foot-body-card-side nav{flex-direction:column;gap:8px}

.foot-body-rule{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,5vw,72px)}
.foot-body-rule .title-mark{font-size:clamp(1.3rem,3vw,2.2rem);letter-spacing:.04em;text-transform:uppercase}
.foot-body-rule-body{max-width:62ch}
.foot-body-rule-body .page-footer-legal{border-top:none;padding-top:8px;margin-top:14px}

.foot-body-sign{text-align:center}
.foot-body-sign nav{justify-content:center}
.foot-body-monogram{font-family:var(--display);font-size:clamp(2.4rem,7vw,4.6rem);line-height:1;
color:var(--accent);border:2px solid var(--accent);border-radius:50%;width:1.9em;height:1.9em;
display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.page-footer-line{margin:.4em 0}
.foot-body-sign .hours-box{max-width:340px;margin:12px auto 0}
.foot-body-sign .hours-box div{justify-content:center;gap:14px}

.foot-body-ledger{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(20px,4vw,52px)}
.foot-body-ledger dl{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:0}
.foot-body-ledger dt{color:var(--accent);font-size:11px;letter-spacing:.16em;text-transform:uppercase;
margin:0;align-self:center}
.foot-body-ledger dd{margin:0;color:var(--muted)}
.foot-body-ledger nav{flex-direction:column;gap:8px}

.foot-body-band-top{background:var(--accent);color:var(--bg);display:flex;gap:clamp(16px,4vw,52px);
justify-content:center;flex-wrap:wrap;padding:10px 16px;font-size:11px;letter-spacing:.18em;
text-transform:uppercase;margin-bottom:clamp(22px,3vw,38px)}
.foot-body-band-body{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,54px);align-items:start}
.foot-body-band-body nav{gap:16px}

.foot-body-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(22px,4vw,56px)}
.page-footer-numbers{list-style:none;counter-reset:n;margin:0;padding:0;columns:2;gap:18px}
.page-footer-numbers li{counter-increment:n;margin-bottom:8px;break-inside:avoid}
.page-footer-numbers li::before{content:counter(n,decimal-leading-zero);color:var(--accent);
font-size:11px;margin-right:8px;letter-spacing:.1em}
.page-footer-numbers a{text-decoration:none;color:var(--muted)}

.foot-body-mono{max-width:74ch}
.page-footer-flat{margin:.5em 0;line-height:2}
.page-footer-flat a{text-decoration:none;color:var(--muted)}
.foot-body-mono .title-mark{font-size:1rem;letter-spacing:.22em;text-transform:uppercase}

.foot-body-plaque{text-align:center}
.foot-body-plaque nav{justify-content:center}
.page-footer-plate{display:inline-block;border:1px solid var(--accent);border-radius:var(--rad);
padding:16px 26px;margin:6px 0 16px;min-width:min(420px,90%)}
.page-footer-plate p{margin:.3em 0;color:var(--ink)}
.foot-body-plaque .hours-box{max-width:320px;margin:8px auto 0}

.foot-body-postal{display:grid;grid-template-columns:auto 1fr;gap:clamp(22px,4vw,56px);align-items:start}
.foot-body-postal .postal-count{font-family:var(--display);font-size:clamp(2rem,6vw,3.6rem);line-height:1;
color:var(--accent);letter-spacing:.04em}
.foot-body-postal .postal-headline{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-top:6px}

.foot-body-wharf{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.foot-body-wharf>*{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.foot-body-wharf .divider{color:var(--accent)}

.foot-body-column{max-width:52ch;margin:0 auto;text-align:center}
.foot-body-column nav{justify-content:center}
.foot-body-column .hours-box{max-width:300px;margin:12px auto 0}

.foot-body-tier-top{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
padding-bottom:16px;border-bottom:1px solid var(--line)}
.foot-body-tier-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:16px}
@media(max-width:860px){.foot-body-postal{grid-template-columns:1fr}
.page-footer-halves,.page-footer-grid,.page-footer-columns-row,.page-footer-stack .page-footer-pair,.foot-body-card,.foot-body-rule,
.foot-body-ledger,.foot-body-band-body,.foot-body-index{grid-template-columns:1fr}.page-footer-numbers{columns:1}}.hero-ledge>*:first-child{order:9}.hero-ledge>*:last-child{order:1}.hero-plate>*:first-child{order:9}.hero-plate>*:last-child{order:1}.hero-pillar>*:first-child{order:9}.hero-pillar>*:last-child{order:1}.hero-cascade>*:first-child{order:9}.hero-cascade>*:last-child{order:1}.hero-index>*:first-child{order:9}.hero-index>*:last-child{order:1}.hero-tape .tape-halves>*:first-child{order:9}.hero-tape .tape-halves>*:last-child{order:1}.hero-gazette .gazette-split>*:first-child{order:9}.hero-gazette .gazette-split>*:last-child{order:1}.hero-frame>*:first-child{order:9}.hero-frame>*:last-child{order:1}.hero-arch>*:first-child{order:9}.hero-arch>*:last-child{order:1}.hero-column>*:first-child{order:9}.hero-column>*:last-child{order:1}.hero-circle>*:first-child{order:9}.hero-circle>*:last-child{order:1}.hero-stripe>*:first-child{order:9}.hero-stripe>*:last-child{order:1}.hero-triptych>*:first-child{order:9}.hero-triptych>*:last-child{order:1}.hero-pillar{grid-template-columns:1.25fr .75fr 6px}.hero-plate{grid-template-columns:1.15fr .85fr}.hero-index{grid-template-columns:1fr auto}.hero-tape .tape-halves{grid-template-columns:.8fr 1.2fr}.hero-alcove .alcove-picture{left:0;right:auto}.hero-column{grid-template-columns:1.4fr .6fr}.hero-circle{grid-template-columns:1.15fr .85fr}.hero-stripe{grid-template-columns:.95fr 1.05fr}.hero-alcove .alcove-copy{max-width:50%;margin-left:auto;padding-left:clamp(16px,3vw,44px);padding-right:0}
.showpiece{padding:clamp(46px,6vw,86px) 0}
.dr-w{display:grid;grid-template-columns:minmax(300px,1fr) 1fr;gap:clamp(24px,5vw,64px);align-items:center}
.dr-sheet{position:relative;width:100%;max-width:480px;aspect-ratio:3/2;background-color:var(--panel);border:2px solid var(--ink);
background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:24px 24px;
box-shadow:inset 0 0 0 6px var(--panel),inset 0 0 0 7px var(--ink)}
.dr-part{position:absolute;left:20%;top:26%;width:52%;height:40%;background-color:var(--bg);border:2px solid var(--ink);
background-image:repeating-linear-gradient(45deg,var(--line) 0 1px,transparent 1px 7px)}
.dr-part::before{content:'';position:absolute;left:-8%;right:-8%;top:50%;height:1px;
background:repeating-linear-gradient(90deg,var(--ink) 0 9px,transparent 9px 12px,var(--ink) 12px 14px,transparent 14px 17px)}
.dr-part::after{content:'';position:absolute;top:-14%;bottom:-14%;left:50%;width:1px;
background:repeating-linear-gradient(180deg,var(--ink) 0 9px,transparent 9px 12px,var(--ink) 12px 14px,transparent 14px 17px)}
.dr-hole{position:absolute;left:50%;top:50%;z-index:1;width:30px;height:30px;margin:-15px 0 0 -15px;border:2px solid var(--ink);border-radius:50%;background:var(--panel)}
.dr-dw{position:absolute;left:20%;top:12%;width:52%;height:14%;border:1px solid var(--ink);border-bottom:0}
.dr-dw::before,.dr-dw::after{content:'';position:absolute;top:-5px;border:4px solid transparent}
.dr-dw::before{left:-1px;border-left:0;border-right:9px solid var(--ink)}
.dr-dw::after{right:-1px;border-right:0;border-left:9px solid var(--ink)}
.dr-dh{position:absolute;left:8%;top:26%;width:12%;height:40%;border:1px solid var(--ink);border-right:0}
.dr-dh::before,.dr-dh::after{content:'';position:absolute;left:-5px;border:4px solid transparent}
.dr-dh::before{top:-1px;border-top:0;border-bottom:9px solid var(--ink)}
.dr-dh::after{bottom:-1px;border-bottom:0;border-top:9px solid var(--ink)}
.dr-nw,.dr-nh{position:absolute;padding:0 5px;background:var(--panel);color:var(--ink);font-size:10px;font-style:normal;letter-spacing:.08em;line-height:1.3}
.dr-nw{left:46%;top:12%;transform:translate(-50%,-50%)}
.dr-nh{left:8%;top:46%;transform:translate(-50%,-50%) rotate(-90deg)}
.dr-ld{position:absolute;background:var(--ink)}
.dr-ld::before{content:'';position:absolute;left:-2px;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--ink)}
.dr-l1,.dr-l2{left:72%;width:12%;height:1px}.dr-l1{top:34%}.dr-l2{top:56%}
.dr-l3,.dr-l4{top:66%;height:13%;width:1px}.dr-l3{left:34%}.dr-l4{left:58%}
.dr-bal{position:absolute;display:grid;place-items:center;width:24px;height:24px;margin:-12px 0 0 -12px;border:2px solid var(--ink);border-radius:50%;
background:var(--accent);color:var(--bg);font-family:var(--display);font-size:12px;line-height:1}
.dr-b1{left:84%;top:34%}.dr-b2{left:84%;top:56%}.dr-b3{left:34%;top:79%}.dr-b4{left:58%;top:79%}
.dr-stamp{position:absolute;right:7px;bottom:7px;display:flex;max-width:62%;background:var(--bg);border:2px solid var(--ink)}
.dr-stamp span{padding:5px 10px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;line-height:1.35;color:var(--ink)}
.dr-stamp span+span{border-left:2px solid var(--ink)}
.dr-legend{list-style:none;margin:22px 0 0;padding:0;counter-reset:dr}
.dr-legend li{position:relative;padding:11px 0 11px 44px;border-bottom:1px solid var(--line);font-size:.92rem;color:var(--muted)}
.dr-legend li::before{counter-increment:dr;content:counter(dr);position:absolute;left:0;top:10px;display:grid;place-items:center;width:26px;height:26px;
border:2px solid var(--ink);border-radius:50%;font-family:var(--display);font-size:12px;color:var(--ink)}
.dr-legend b{display:block;margin-bottom:2px;font-family:var(--display);font-weight:600;color:var(--ink)}
.pl-board{position:relative;display:grid;grid-template-columns:1.45fr 1.15fr 1fr .8fr;gap:12px clamp(10px,1.8vw,18px);margin:38px 0 16px;max-width:940px}
.pl-wood{position:relative;display:block;height:72px;background-color:var(--panel);border:2px solid var(--ink);border-radius:3px;
background-image:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 10px),linear-gradient(180deg,transparent 0 46%,var(--accent) 46% calc(46% + 2px),transparent calc(46% + 2px)),repeating-linear-gradient(177deg,transparent 0 9px,var(--line) 9px 10px);
background-size:100% 7px,100% 100%,100% 100%;background-repeat:no-repeat}
.pl-wood::before{content:'';position:absolute;width:30px;height:16px;border:1px solid var(--muted);border-radius:50%;box-shadow:0 0 0 4px var(--panel),0 0 0 5px var(--line)}
.pl-cut:nth-of-type(1) .pl-wood::before{left:62%;top:42%}.pl-cut:nth-of-type(2) .pl-wood::before{left:20%;top:50%}
.pl-cut:nth-of-type(3) .pl-wood::before{left:52%;top:38%}.pl-cut:nth-of-type(4) .pl-wood::before{left:26%;top:48%}
.pl-dim{display:block;height:9px;margin:8px 2px 12px;border:1px solid var(--ink);border-top:0}
.pl-cut b{display:block;margin-bottom:4px;font-family:var(--display);font-size:1.04rem;line-height:1.2}
.pl-cut span{font-size:.86rem;color:var(--muted)}
.pl-brand{position:absolute;right:8px;top:-17px;z-index:2;padding:4px 12px;background:var(--accent);color:var(--bg);font-style:normal;font-size:10px;
letter-spacing:.2em;text-transform:uppercase;transform:rotate(-3deg)}
.pl-cap{margin:0;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.gr-ladder{display:grid;margin:26px 0 16px;max-width:780px}
.gr-row{display:grid;grid-template-columns:clamp(150px,36%,280px) 1fr;gap:clamp(14px,3vw,30px);align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}
.gr-sheet{position:relative;display:block;height:64px;background-color:var(--panel);border:1px solid var(--ink);border-radius:2px 18px 2px 2px}
.gr-sheet::after{content:attr(data-grit);position:absolute;right:7px;bottom:6px;padding:3px 7px;background:var(--ink);color:var(--bg);font-family:var(--display);font-size:10px;line-height:1;letter-spacing:.08em}
.gr-1{background-image:radial-gradient(circle,var(--ink) 0 2.6px,transparent 3.2px),radial-gradient(circle,var(--muted) 0 2px,transparent 2.6px);background-size:12px 12px,19px 17px;background-position:0 0,6px 8px}
.gr-2{background-image:radial-gradient(circle,var(--ink) 0 1.9px,transparent 2.5px),radial-gradient(circle,var(--muted) 0 1.5px,transparent 2px);background-size:8px 8px,13px 11px;background-position:0 0,4px 5px}
.gr-3{background-image:radial-gradient(circle,var(--ink) 0 1.3px,transparent 1.8px),radial-gradient(circle,var(--muted) 0 1px,transparent 1.5px);background-size:5.5px 5.5px,8px 7px;background-position:0 0,3px 3px}
.gr-4{background-image:radial-gradient(circle,var(--ink) 0 .8px,transparent 1.2px),radial-gradient(circle,var(--muted) 0 .7px,transparent 1.1px);background-size:3.5px 3.5px,5px 4.5px;background-position:0 0,2px 2px}
.gr-row b{display:block;margin-bottom:3px;font-family:var(--display);font-size:1.06rem}
.gr-row span{font-size:.88rem;color:var(--muted)}
.gr-cap{margin:0;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.jn-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px clamp(14px,2.4vw,24px);margin:28px 0 16px;max-width:920px}
.jn-card{display:grid;grid-template-columns:auto 1fr;gap:clamp(14px,2vw,22px);align-items:center;padding:16px 18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--rad)}
.jn-fig{position:relative;display:block;width:150px;height:90px}
.jn-fig i{position:absolute;left:0;top:0;width:120px;height:72px;transform:scale(1.25);transform-origin:0 0}
.jn-fig i:first-child{background:var(--ink)}.jn-fig i:last-child{background:var(--accent)}
.jn-1 i:first-child{clip-path:polygon(0 8px,38px 8px,38px 30px,56px 20px,56px 52px,38px 42px,38px 64px,0 64px)}
.jn-1 i:last-child{clip-path:polygon(68px 8px,120px 8px,120px 64px,68px 64px,68px 42px,86px 52px,86px 20px,68px 30px)}
.jn-2 i:first-child{clip-path:polygon(0 8px,56px 8px,56px 19px,40px 19px,40px 30px,56px 30px,56px 41px,40px 41px,40px 52px,56px 52px,56px 64px,0 64px)}
.jn-2 i:last-child{clip-path:polygon(120px 8px,80px 8px,80px 19px,64px 19px,64px 30px,80px 30px,80px 41px,64px 41px,64px 52px,80px 52px,80px 64px,120px 64px)}
.jn-3 i:first-child{clip-path:polygon(0 8px,58px 8px,58px 36px,38px 36px,38px 64px,0 64px)}
.jn-3 i:last-child{clip-path:polygon(120px 8px,82px 8px,82px 36px,62px 36px,62px 64px,120px 64px)}
.jn-4 i:first-child{clip-path:polygon(0 8px,44px 8px,44px 24px,64px 24px,64px 48px,44px 48px,44px 64px,0 64px)}
.jn-4 i:last-child{clip-path:polygon(76px 8px,120px 8px,120px 64px,76px 64px,76px 48px,94px 48px,94px 24px,76px 24px)}
.jn-card b{display:block;margin-bottom:4px;font-family:var(--display);font-size:1.06rem}
.jn-card span:not(.jn-fig){font-size:.88rem;color:var(--muted)}
.jn-cap{margin:0;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.tr-roll{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin:100px 0 38px;max-width:920px;background:var(--panel);border:1px solid var(--line);border-radius:8px}
.tr-pk{position:relative;display:flex;padding:34px 12px 18px}
.tr-pk+.tr-pk{border-left:2px dashed var(--line)}
.tr-h{position:absolute;left:50%;bottom:calc(100% - 46px);width:30px;margin-left:-15px;border-radius:15px 15px 4px 4px;
background:linear-gradient(90deg,transparent 0 20%,var(--panel) 20% 27%,transparent 27%) 0 8px/100% calc(100% - 40px) no-repeat,linear-gradient(var(--ink),var(--ink)) 0 calc(100% - 18px)/100% 9px no-repeat,var(--accent)}
.tr-pk:nth-child(1) .tr-h{height:100px}.tr-pk:nth-child(2) .tr-h{height:128px}.tr-pk:nth-child(3) .tr-h{height:90px}.tr-pk:nth-child(4) .tr-h{height:114px}
.tr-f{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:118px;padding:16px 12px;text-align:center;background:var(--bg);border:2px solid var(--ink);border-radius:4px 4px 10px 10px;
outline:1px dashed var(--muted);outline-offset:-7px}
.tr-f b{display:block;margin-bottom:7px;font-family:var(--display);font-size:1.04rem;line-height:1.2}
.tr-f span{display:block;font-size:.84rem;color:var(--muted)}
.tr-tag{position:absolute;left:50%;bottom:-13px;z-index:2;padding:4px 14px;background:var(--accent);color:var(--bg);font-style:normal;font-size:10px;
letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;transform:translateX(-50%)}
.tr-cap{margin:0;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.tn-bar{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto 116px auto;margin:30px 0 16px;max-width:920px}
.tn-seg{display:contents}
.tn-seg:nth-child(1)>*{grid-column:1}.tn-seg:nth-child(2)>*{grid-column:2}.tn-seg:nth-child(3)>*{grid-column:3}.tn-seg:nth-child(4)>*{grid-column:4}
.tn-shape{position:relative;display:block;grid-row:2;background:linear-gradient(var(--ink),var(--ink)) 0 50%/100% 12px no-repeat}
.tn-shape::before,.tn-shape::after{content:'';position:absolute}
.tn-s1::before{left:50%;top:50%;width:80px;height:80px;margin:-40px 0 0 -40px;border:2px solid var(--ink);border-radius:50%;
background:radial-gradient(circle at 34% 30%,var(--panel) 0 7px,transparent 8px),var(--accent)}
.tn-s1::after{left:8%;top:50%;width:10px;height:52px;margin-top:-26px;background:var(--ink);border-radius:3px}
.tn-s2::before{left:50%;top:50%;width:43px;height:92px;margin:-46px 0 0 -21px;background:linear-gradient(var(--ink),var(--ink)) 0 50%/9px 92px no-repeat,linear-gradient(var(--accent),var(--accent)) 17px 50%/9px 68px no-repeat,linear-gradient(var(--ink),var(--ink)) 34px 50%/9px 92px no-repeat}
.tn-s3::before{left:0;right:0;top:50%;height:100px;margin-top:-50px;background:var(--accent);clip-path:polygon(0 0,100% 40%,100% 60%,0 100%)}
.tn-s3::after{left:0;top:50%;width:8px;height:100px;margin-top:-50px;background:var(--ink);border-radius:3px}
.tn-s4::before{left:44%;top:50%;width:108px;height:56px;margin:-28px 0 0 -54px;border:2px solid var(--ink);border-radius:50%;background:var(--accent)}
.tn-s4::after{left:calc(44% + 70px);top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:var(--ink)}
.tn-txt{position:relative;text-align:center;padding:0 8px}
.tn-txt::before{content:'';position:absolute;left:50%;width:1px;height:16px;background:var(--ink)}
.tn-seg:nth-child(odd) .tn-txt{grid-row:3;padding-top:24px}.tn-seg:nth-child(odd) .tn-txt::before{top:0}
.tn-seg:nth-child(even) .tn-txt{grid-row:1;align-self:end;padding-bottom:24px}.tn-seg:nth-child(even) .tn-txt::before{bottom:0}
.tn-txt b{display:block;margin-bottom:4px;font-family:var(--display);font-size:1.04rem;line-height:1.2}
.tn-txt span{font-size:.86rem;color:var(--muted)}
.tn-cap{margin:0;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
@media(max-width:860px){.dr-w{grid-template-columns:1fr}.pl-board,.jn-grid{grid-template-columns:1fr 1fr}
.jn-grid{grid-template-columns:1fr}.tr-roll{grid-template-columns:1fr 1fr;gap:88px 0;margin-bottom:44px;background:none;border:0}
.tr-pk{background:var(--panel);border:1px solid var(--line);border-radius:8px}.tr-pk+.tr-pk{border-left:1px solid var(--line)}
.tn-bar{grid-template-columns:1fr 1fr;grid-template-rows:none;gap:18px 0}.tn-seg{display:block}.tn-seg>*{grid-column:auto}
.tn-seg .tn-shape,.tn-seg:nth-child(n) .tn-txt{grid-row:auto}.tn-shape{height:116px}
.tn-seg:nth-child(n) .tn-txt{padding:24px 8px 0}.tn-seg:nth-child(n) .tn-txt::before{top:0;bottom:auto}}
.hero{position:relative}.hero::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#97D3ED14,#97D3ED14) right 30px top 12px/168px 52px no-repeat,repeating-linear-gradient(0deg,#97D3ED34 0 1px,transparent 1px 5px) right 40px top 22px/148px 32px no-repeat,repeating-linear-gradient(90deg,#97D3ED28 0 1px,transparent 1px 5px) right 40px top 22px/148px 32px no-repeat,repeating-linear-gradient(90deg,#97D3ED66 0 6px,transparent 6px 10px) right 35px top 16px/158px 2px no-repeat,repeating-linear-gradient(90deg,#97D3ED66 0 6px,transparent 6px 10px) right 35px top 58px/158px 2px no-repeat,repeating-linear-gradient(0deg,#97D3ED66 0 6px,transparent 6px 10px) right 192px top 17px/2px 42px no-repeat,repeating-linear-gradient(0deg,#97D3ED66 0 6px,transparent 6px 10px) right 34px top 17px/2px 42px no-repeat}.hero .frame{position:relative;z-index:2}
.wp-site-blocks,.wp-block-template-part{display:contents}
