:root{color-scheme:light;--paper:#faf9f5;--text:#1e2b2a;--muted:#50605c;--blue:#254fc7;--line:#cdd3c9;--serif:Georgia,"Times New Roman",serif;--sans:Inter,"Segoe UI",Arial,sans-serif;font-family:var(--sans);color:var(--text);background:var(--paper);scroll-behavior:smooth;scroll-padding:20px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button,select,summary{cursor:pointer}a{color:inherit}p,h1,h2,h3,h4{margin:0}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible+span{outline:3px solid #bb531d;outline-offset:4px}button{border:0}svg{display:block}.wrap{max-width:1320px;margin:auto;padding-inline:clamp(20px,5vw,76px)}.skip{position:absolute;z-index:4;left:10px;top:-80px;background:#fff;padding:12px}.skip:focus{top:4px}.site-head{border-bottom:1px solid var(--line)}.head-in,.site-head nav,footer .wrap,.brand,.section-heading,.playline,.detail-top,.card-bottom{display:flex;align-items:center;justify-content:space-between}.head-in{min-height:76px}.brand{gap:10px;font-weight:750;font-size:24px;letter-spacing:-1.4px;text-decoration:none}.brand-light{font-weight:450}.brand svg{width:35px;color:var(--blue)}.site-head nav{gap:30px;font-size:15px;font-weight:600}.site-head nav a,footer a{text-decoration:none}.site-head nav a:hover,footer a:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(25px,4.4vw,72px);align-items:center;padding-block:clamp(44px,5.3vw,72px);border-bottom:1px solid var(--line)}.eyebrow,.category,.figure-label,.figure-no,.fig-index,.count{font-size:12px;font-weight:650;line-height:1.4;letter-spacing:.085em;text-transform:uppercase}.eyebrow,.category{color:var(--blue)}.eyebrow,.figure-label{display:flex;align-items:center;gap:10px}.rule{width:28px;height:2px;background:var(--blue)}h1,h2{font-family:var(--serif);font-weight:400}h1{font-size:clamp(58px,6.1vw,92px);line-height:.96;letter-spacing:-.061em;margin:22px 0}h1 em{font-weight:400;color:var(--blue);letter-spacing:-.065em}.hero-copy>p{font-size:clamp(17px,1.42vw,20px);line-height:1.55;color:var(--muted);max-width:43ch}.cta{display:inline-flex;align-items:center;gap:28px;text-decoration:none;background:var(--blue);color:#fff;padding:14px 19px;border-radius:8px;font-weight:600;margin-top:26px}.cta:hover,.play:hover{background:#173c9f}.cta span{font-size:20px}.player{min-width:0}.hero-player{padding:7px;border:1px solid #cad0c6;background:#f1f1e9;border-radius:18px;box-shadow:0 6px 0 -3px #e7e8df}.drawing{position:relative;overflow:hidden;border-radius:10px;background-color:#e8efe6;background-image:linear-gradient(90deg,#526b6a0d 1px,transparent 1px),linear-gradient(#526b6a0d 1px,transparent 1px);background-size:24px 24px}.drawing>svg{width:100%;height:auto;max-height:330px;padding:10px 4px 0}.hero-player .drawing{background-color:#e1e9db}.figure-label,.figure-no{position:absolute;top:15px;font-size:10px;letter-spacing:.1em;color:#465949}.figure-label{left:15px}.figure-no{right:15px;font-family:Consolas,monospace}.cross{width:10px;height:10px;background:linear-gradient(#48604d,#48604d) center/100% 1px no-repeat,linear-gradient(#48604d,#48604d) center/1px 100% no-repeat}.hero-player .figure-title{font-family:var(--serif);font-size:clamp(19px,1.8vw,25px);margin-bottom:8px;letter-spacing:-.035em}.player-caption{padding:12px 2px 0}.hero-player .player-caption{padding:12px 13px 4px}.playline{gap:8px}.play{min-width:79px;min-height:44px;padding:6px 12px;font-size:14px;border-radius:7px;background:var(--blue);color:#fff;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:7px}.play-icon{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid white}.playing .play-icon{width:9px;height:10px;border:0;border-left:3px solid white;border-right:3px solid white}.phases{display:flex;align-items:center}.phases button{border-radius:4px;min-height:44px;padding:5px 7px;color:var(--muted);background:transparent;font-size:12px}.phases button[aria-pressed=true]{color:var(--blue);font-weight:700}.phase-mark{display:block;margin:0 0 4px;background:#b0bab0;height:3px;border-radius:2px}.phases button[aria-pressed=true] .phase-mark{background:var(--blue)}.catalog{padding:clamp(36px,4.2vw,60px) 0}.section-heading{gap:12px}h2{font-size:clamp(35px,3.7vw,56px);line-height:1.08;letter-spacing:-.055em}.count{background:#e9eee6;border-radius:20px;padding:6px 12px;text-transform:none;letter-spacing:.03em;color:#495b4d;white-space:nowrap}.filters{display:flex;gap:28px;align-items:flex-end;margin:23px 0}.filters fieldset{border:0;padding:0;margin:0;min-width:0}.filters legend,.area{font-size:14px;font-weight:620}.filters legend{padding:0;margin-bottom:6px}.places{display:flex;gap:2px;border:1px solid var(--line);background:#f0f0e9;border-radius:8px;padding:3px}.places label{position:relative;cursor:pointer}.places input{opacity:0;position:absolute;width:1px;height:1px}.places span{display:block;padding:10px 16px;border-radius:5px;font-size:14px;font-weight:550;line-height:18px}.places input:checked+span{background:#263b35;color:#fff}.area{display:grid;gap:6px}.area select{background:var(--paper);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 32px 9px 12px;min-height:46px;font-weight:500}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.card{overflow:hidden;position:relative;border:1px solid var(--line);border-radius:14px;background:#fffefa;transition:box-shadow .18s,border-color .18s}.card:hover,.card:focus-within{border-color:#859f8d;box-shadow:0 4px 12px #293d2810}.thumb{position:relative;background:#e9eee4}.tint-1{background:#e3eaf0}.tint-2{background:#eae6ef}.tint-3{background:#f0e9da}.thumb svg{width:100%;height:clamp(136px,12.7vw,180px)}.fig-index{position:absolute;left:14px;top:12px;font:12px Consolas,monospace;color:#4b5d58}.card-copy{padding:18px 18px 12px}.category{font-size:11px}.card h3{font:500 clamp(20px,1.65vw,25px)/1.18 var(--serif);letter-spacing:-.035em;margin:7px 0 13px}.card a{text-decoration:none}.card a:after{content:"";position:absolute;inset:0}.card-bottom{font-size:14px;color:var(--muted);gap:5px}.circle-arrow{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--blue);font-size:17px}.card[hidden],[hidden]{display:none!important}.health{padding:clamp(40px,5vw,72px) 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.65fr;gap:40px}.health h2{margin-top:18px}.faqs details{border-bottom:1px solid var(--line);padding:0 0 2px}.faqs details:first-child{border-top:1px solid var(--line)}summary{font-size:18px;font-weight:620;line-height:1.4;padding:17px 24px 17px 0;position:relative}.faqs summary{list-style:none}.faqs summary::-webkit-details-marker{display:none}.faqs summary:after{content:"+";position:absolute;right:0;font-size:20px;color:var(--blue)}.faqs details[open] summary:after{content:"−"}.faqs p,.cue,.trunk p,.steps{font-size:17px;line-height:1.57}.faqs p{max-width:69ch}.faqs a,.source{display:inline-block;color:var(--blue);font-size:14px;line-height:1.5;margin:12px 0 19px;text-underline-offset:3px}footer{border-top:1px solid var(--line)}footer .wrap{padding-block:22px;color:var(--muted);font-size:14px}.in-dialog{overflow:hidden}dialog{color:var(--text);background:var(--paper);border:1px solid var(--line);border-radius:18px;max-height:90dvh;width:min(990px,95vw);padding:clamp(18px,3vw,36px);overscroll-behavior:contain}dialog::backdrop{background:#14211ec2}.detail-top{margin-bottom:10px}.close{width:44px;height:44px;font:26px/1 var(--sans);border:1px solid var(--line);background:var(--paper);border-radius:50%}dialog h2{font-size:clamp(28px,3vw,43px);margin:0 0 22px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}.detail-grid h3{font-size:18px}.detail-grid h4{font-size:16px;color:var(--blue)}.equipment{margin:12px 0;color:var(--muted);font-size:14px}.steps{list-style:none;counter-reset:steps;padding:0;margin:9px 0 16px}.steps li{counter-increment:steps;position:relative;padding:4px 0 5px 29px}.steps li:before{content:counter(steps);position:absolute;left:0;top:8px;color:#617068;font-size:13px;line-height:19px;text-align:center;width:20px;border:1px solid var(--line);border-radius:50%}.steps .current:before{background:var(--blue);color:#fff;border-color:var(--blue)}.trunk{border-left:3px solid var(--blue);padding:8px 14px;background:#eaf0f8}.trunk p{margin-top:3px}.cue{margin-top:10px}.source{margin-bottom:0}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wrap{padding-inline:26px}.hero{gap:23px}.hero-player .player-caption{padding-inline:5px}.detail-grid{gap:15px}.phases button{padding-inline:5px}.hero-copy>p{font-size:17px}.health{grid-template-columns:.8fr 1.4fr}}@media(max-width:710px){.wrap{padding-inline:20px}.head-in{min-height:62px}.site-head nav{gap:15px;font-size:14px}.brand{font-size:21px;gap:7px}.brand svg{width:30px}.hero{grid-template-columns:1fr;padding-block:28px;gap:22px}h1{font-size:clamp(52px,10vw,70px);margin:14px 0}h1 br{display:none}h1 em:before{content:" "}.hero-copy>p{max-width:44ch}.cta{margin-top:16px}.hero-player .drawing>svg{max-height:260px}.hero-player .player-caption{padding:8px}.figure-label,.figure-no{top:12px}.detail-grid,.health{grid-template-columns:1fr}.health{gap:18px}.health h2 br{display:none}.health h2 br:after{content:" "}.health h2{margin-top:10px}.catalog{padding:30px 0}.grid{gap:12px}.filters{gap:14px;flex-wrap:wrap}.card-copy{padding:13px}.detail-grid .player{max-width:480px}.detail-grid .drawing svg{max-height:240px}.detail-grid .figure-no{display:none}dialog{max-height:94dvh}.detail-top{margin:0}.faqs p,.steps,.trunk p,.cue{font-size:16px}}@media(max-width:499px){.grid{grid-template-columns:1fr}.thumb svg{height:160px}.card-copy{padding:14px 16px}.card h3{font-size:24px}.filters{gap:12px}.filters legend,.area{font-size:13px}.places span{padding-inline:9px}.area select{max-width:100%;padding:8px 3px;font-size:14px}.hero-copy>p{font-size:16px}.health h2 br{display:initial}.fig-index{top:10px}.section-heading h2{font-size:33px}}@media(max-width:359px){.wrap{padding-inline:14px}.brand{font-size:19px}.site-head nav{gap:10px}.phases button{font-size:11px;padding-inline:3px}.play{min-width:66px}.filters{align-items:flex-start}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}