.chapter-bridge{height:clamp(590px,85svh,900px);padding:7% 7.5%;background:#252f29;overflow:hidden;color:#f1eee2}
.chapter-bridge:before{background:linear-gradient(110deg,#282f2a,#48372c);opacity:1}.chapter-bridge:after{display:none}
.bridge-art{position:absolute;inset:0;z-index:-1;pointer-events:none}
.bridge-water{position:absolute;width:43%;aspect-ratio:1;left:-14%;top:-18%;border-radius:50%;overflow:hidden;opacity:calc(.9 - var(--ember-warmth,0)*.5);transform:translateY(calc(var(--ember-warmth,0)*70px)) scale(calc(1 - var(--ember-warmth,0)*.14))}
.bridge-water img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) brightness(.7)}
.bridge-fire{position:absolute;right:-6%;top:4%;width:57%;height:92%;overflow:hidden;border-radius:48% 48% 4px 4px;transform:translateY(calc((1 - var(--ember-warmth,0))*65px)) rotate(-7deg) scale(calc(.94 + var(--ember-warmth,0)*.06));box-shadow:-60px 20px 130px #211e1890;}
.bridge-fire:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#302b27a0,transparent 55%),linear-gradient(0deg,#32251ed9,transparent 55%)}
.bridge-fire img{width:100%;height:100%;object-fit:cover;object-position:46%;filter:brightness(.64) saturate(.75);transform:scale(1.05)}
.bridge-orbit{position:absolute;width:70%;aspect-ratio:1;left:12%;top:-15%;border:1px solid #c9b69535;border-radius:50%;transform:scale(calc(.88 + var(--ember-warmth,0)*.2))}
.chapter-bridge>.bridge-index{font-size:8px;position:relative;z-index:2;opacity:.75;letter-spacing:.24em}
.chapter-bridge>p{position:relative;margin-top:9%;font-size:clamp(54px,7.5vw,118px);line-height:1.52;letter-spacing:.03em;text-shadow:0 3px 45px #1c211db0}
.chapter-bridge>p>i{text-align:left;margin-left:8%;color:#e6b598}.chapter-bridge>p>span{opacity:1}
.bridge-foot{position:absolute;bottom:12%;left:7.5%;right:7.5%;display:flex;align-items:end;justify-content:space-between;font-family:var(--serif);font-size:13px;line-height:2.1;letter-spacing:.12em}
.bridge-foot a{font-family:var(--sans);font-size:11px;border-bottom:1px solid #efe4cb70;padding:14px 0 10px;display:flex;align-items:center;gap:32px}.bridge-foot b{font-size:24px;font-weight:400}
.chapter-bridge .ember-caption{left:auto;right:7.5%;bottom:5%;font-size:8px;opacity:.6;letter-spacing:.16em}
.bridge-sparks{position:absolute;inset:0;opacity:var(--ember-warmth,0)}.bridge-sparks i{position:absolute;left:65%;bottom:20%;width:2px;height:3px;background:#dfb78e;border-radius:50%;box-shadow:0 0 9px #eb7c4280;animation:quiet-ember 7s infinite linear;animation-play-state:paused}
.bridge-sparks i:nth-child(2){left:75%;animation-delay:-2s}.bridge-sparks i:nth-child(3){left:48%;animation-delay:-4s}.bridge-sparks i:nth-child(4){left:84%;animation-delay:-6s}.bridge-sparks i:nth-child(5){left:55%;animation-delay:-1s}
.bridge-in-view .bridge-sparks i{animation-play-state:running}@keyframes quiet-ember{0%{opacity:0;transform:translate(0,0)}15%{opacity:.7}85%{opacity:0}100%{transform:translate(-45px,-290px);opacity:0}}
.hearth{padding-top:88px;padding-bottom:95px}.hearth-heading{display:flex;justify-content:space-between;align-items:end;padding:52px 0 42px;gap:35px}
.hearth-heading h2{font-size:clamp(42px,5vw,76px);font-weight:400;line-height:1.48;margin:17px 0 0}.hearth-heading h2 em{font-style:normal;color:#a35235}.hearth-heading>p{font-family:var(--serif);line-height:2.3;font-size:12px;padding-right:3%;margin:0 0 5px}
.hearth-laboratory{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.8fr);border-top:1px solid #c5c6b8;border-bottom:1px solid #c5c6b8;background:#e7e5d9}
.hearth-stage{height:clamp(440px,48vw,650px);position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#edeadf 0,#dfddcd 90%)}
.hearth-stage:after{content:"";position:absolute;width:65%;height:17%;left:19%;bottom:13%;border-radius:50%;background:#544b3420;filter:blur(17px);z-index:-1;pointer-events:none}
#hearth-canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab;outline-offset:-6px;position:relative;z-index:1;opacity:0;transition:opacity .8s}#hearth-canvas:active{cursor:grabbing}.hearth-ready #hearth-canvas{opacity:1}
.hearth-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .7s}.hearth-ready .hearth-fallback{opacity:0;pointer-events:none}
.hearth-stage-label{position:absolute;left:27px;top:27px;font-size:7px;letter-spacing:.21em;z-index:2;pointer-events:none;color:#606655}
.hearth-drag-hint{position:absolute;left:27px;right:27px;bottom:27px;font-size:10px;letter-spacing:.05em;z-index:2;display:flex;align-items:center;justify-content:space-between;pointer-events:none;color:#646a5b}.hearth-drag-hint b{font-size:24px;font-weight:400}
.fire-controls{padding:40px 30px 30px;background:#eeeadd;display:flex;flex-direction:column;border-left:1px solid #c5c6b8}
.fire-overline{font-size:7px;letter-spacing:.18em;opacity:.65}.fire-status{font-family:var(--serif);font-size:19px;line-height:1.9;min-height:74px;margin:24px 0 20px}
.fire-action{width:100%;display:flex;align-items:center;gap:13px;text-align:left;background:none;padding:21px 0;border-top:1px solid #cecebe;transition:color .2s}
.fire-action .action-number{font-size:8px;color:#8e9480;align-self:flex-start;padding-top:3px}.fire-action>span:nth-child(2){font-family:var(--serif);font-size:13px;letter-spacing:.03em}.fire-action small{display:block;font-family:var(--sans);font-size:9px;color:#6a735f;margin-top:8px}.fire-action b{margin-left:auto;font-size:27px;color:#ab593a;font-weight:400;transition:transform .5s}.fire-action:hover{color:#a14930}.fire-action:hover b{transform:rotate(-20deg)}
.fire-distance{border-top:1px solid #cecebe;margin-top:3px;padding-top:22px}.fire-distance label{display:block;font-size:10px;margin-bottom:15px}.fire-distance input{width:100%;accent-color:#a3583c;cursor:pointer;height:24px}.fire-distance>div{display:flex;justify-content:space-between;font-size:8px;opacity:.65;margin-top:4px}
.view-reset{font-size:9px;background:none;padding:18px 0 0;text-align:left;margin-top:auto;color:#697362}.fire-action:disabled{opacity:.5;cursor:wait}
.live-embers{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.live-embers i{position:absolute;left:50%;top:46%;width:3px;height:3px;border-radius:50%;background:#d17c45;box-shadow:0 0 10px #ee935980;animation:fan-ember 1.8s ease-out forwards;}
@keyframes fan-ember{0%{opacity:0;transform:translate(0,0)}10%{opacity:.85}100%{opacity:0;transform:translate(var(--spark-x),var(--spark-y))}}
.original-memory{display:grid;grid-template-columns:190px 1fr auto;gap:27px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}
.original-memory .hearth-photo{height:98px;margin:0;overflow:hidden;transform:rotate(-3deg);border:5px solid #f9f6eb;box-shadow:0 3px 13px #514b3315}
.original-memory .hearth-photo img{width:100%;height:100%;object-fit:cover}.original-memory>div>span{font-size:7px;letter-spacing:.13em;color:#73806a}.original-memory p{font-family:var(--serif);font-size:17px;margin:12px 0 8px}.original-memory small{font-size:10px;line-height:1.9;color:#75806b}.memory-handwriting{writing-mode:vertical-rl;font-family:var(--serif);font-size:11px;letter-spacing:.14em;opacity:.6;}
.companion-inner{padding-bottom:64px}.perspective-note{position:absolute;right:6%;bottom:23px;font-size:9px!important;letter-spacing:.05em;color:#697363;margin:0!important}
.perspective-toggle{background:#293b32;color:#f0eddf;border:1px solid #293b32;padding:15px 18px;gap:14px;margin-top:27px}.perspective-toggle .toggle-track{display:none}.perspective-toggle svg{margin-left:10px}.perspective-toggle:hover{background:#a25135;border-color:#a25135}.perspective-toggle:disabled{opacity:.5;cursor:default}
.dog-view{border:0;padding:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;background:#ded9c8;color:#28382d;overflow:hidden;isolation:isolate}.dog-view::backdrop{background:#202820ed}.dog-view-open{overflow:hidden}
.dog-eye-stage{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 57%,#f0dec0 0%,#d9d4bf 62%,#bfc5b0 100%)}.dog-eye-stage #hearth-canvas{opacity:1;touch-action:pan-y}
.dog-eye-stage:before{content:"";position:absolute;inset:-6%;background:url('assets/hearth.png') center/cover;filter:blur(32px) saturate(.45);opacity:.14;pointer-events:none}
.pov-vignette{position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(0deg,#e7e3d5 0%,#e7e3d5db 9%,transparent 27%,transparent 70%,#e5e5d8ad 100%)}
.dog-view-header{position:absolute;left:5%;right:5%;top:30px;display:flex;align-items:start;justify-content:space-between;z-index:5;font-size:9px;letter-spacing:.14em}.dog-view-header i{display:block;font-style:normal;font-family:var(--serif);font-size:12px;letter-spacing:.1em;margin-top:10px}.dog-view-header button{padding:12px 15px;background:#f2efe3cc;border:1px solid #858e7750;display:flex;align-items:center;gap:30px;font-size:10px;backdrop-filter:blur(10px)}.dog-view-header b{font-size:21px;font-weight:400}
.dog-view-copy{position:absolute;left:7%;top:18%;z-index:3;pointer-events:none}.dog-view-copy>span{font-size:7px;letter-spacing:.2em}.dog-view-copy h2{font-family:var(--serif);font-size:clamp(27px,3.9vw,55px);font-weight:400;line-height:1.75;margin:17px 0;text-shadow:0 2px 22px #f3eee18c}
.dog-view-bottom{position:absolute;bottom:5%;left:6%;right:6%;z-index:4;text-align:center}.dog-view-bottom>p{font-family:var(--serif);font-size:12px;letter-spacing:.06em}.dog-view-bottom>button{border:1px solid #9ca58e;background:#f1eddfdb;backdrop-filter:blur(12px);padding:16px 26px;font-family:var(--serif);font-size:14px;border-radius:2px;margin-top:12px}.dog-view-bottom b{margin-left:25px;font-weight:400}.pov-directions{display:flex;justify-content:center;align-items:center;gap:22px;font-size:8px;letter-spacing:.13em;margin-top:17px}.pov-directions button{width:44px;height:36px;background:none;font-size:23px}
.motion-quiet .bridge-sparks i,.motion-quiet .live-embers i{animation:none;display:none}.motion-quiet #hearth-canvas{transition:none}
@media(max-width:700px){
 .chapter-bridge{height:630px;padding:47px 7%}.bridge-water{width:77%;left:-33%;top:-14%}.bridge-fire{width:74%;height:66%;top:24%;right:-14%;border-radius:45% 45% 0 0}.bridge-orbit{width:110%;left:-12%;top:8%}
 .chapter-bridge>.bridge-index{font-size:6px;letter-spacing:.14em}.chapter-bridge>p{font-size:clamp(35px,10.3vw,62px);line-height:1.7;margin-top:115px;white-space:nowrap}.chapter-bridge>p>i{margin-left:2%}.bridge-foot{bottom:13%;left:7%;right:7%;gap:10px;font-size:10px}.bridge-foot a{font-size:9px;gap:15px}.chapter-bridge .ember-caption{font-size:7px;bottom:5%}
 .hearth{padding-top:60px;padding-bottom:65px}.hearth-heading{padding:35px 0 28px;align-items:start;gap:12px}.hearth-heading h2{font-size:32px;letter-spacing:-.03em}.hearth-heading>p{font-size:9px;line-height:2.3;margin-top:30px;white-space:nowrap;padding:0}
 .hearth-laboratory{display:block;margin:0 -8.14%}.hearth-stage{height:410px}.hearth-stage-label{left:23px;top:22px;font-size:6px}.hearth-drag-hint{left:23px;right:23px;bottom:20px;font-size:9px}
 .fire-controls{border-left:0;border-top:1px solid #c5c6b8;padding:24px 7%;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.fire-overline{grid-column:1/-1;font-size:6px}.fire-status{grid-column:1/-1;font-size:18px;min-height:0;margin:15px 0 22px}.fire-status br{display:none}.fire-action{gap:7px;padding:17px 0;align-items:start}.fire-action>span:nth-child(2){font-size:11px}.fire-action small{font-size:8px;line-height:1.6}.fire-action b{font-size:20px}.fire-distance{grid-column:1/-1;padding-top:18px}.view-reset{grid-column:1/-1;padding-top:20px;font-size:9px}
 .original-memory{grid-template-columns:105px 1fr;gap:17px;padding:25px 0}.original-memory .hearth-photo{height:88px}.original-memory>div>span{font-size:5px;letter-spacing:.03em}.original-memory p{font-size:12px;margin:10px 0 7px}.original-memory small{font-size:8px}.memory-handwriting{display:none}
 .perspective-note{position:static;grid-column:1;margin-top:18px!important;text-align:center;font-size:8px!important}.companion-inner{padding-bottom:30px}.perspective-toggle{font-size:11px;padding:16px 20px}
 .dog-view-header{top:20px;left:5%;right:5%;font-size:7px}.dog-view-header i{font-size:9px}.dog-view-header button{gap:13px;padding:7px 11px;font-size:9px}.dog-view-copy{top:17%;left:7%}.dog-view-copy h2{font-size:30px;line-height:1.65}.dog-view-copy>span{font-size:6px}.dog-view-bottom{bottom:4%;left:5%;right:5%}.dog-view-bottom>p{font-size:10px;line-height:1.8}.dog-view-bottom>button{font-size:12px;padding:15px 20px}.pov-directions{margin-top:12px}
}
@media(max-width:700px){.hearth-heading{display:block}.hearth-heading>p{margin-top:20px;white-space:normal}.hearth-heading>p br{display:none}.dog-view-bottom>p{display:inline-block;background:#e7e3d5d9;padding:6px 12px;border-radius:2px}.dog-view-bottom>button{display:block;margin:12px auto 0}}
@media(prefers-reduced-motion:reduce){.bridge-sparks i,.live-embers i{display:none;animation:none}#hearth-canvas{transition:none}}