.fd{--paper:#f3eee5;--ink:#244c50;--clay:#9a6544}.fd *{box-sizing:border-box}.fd{scroll-behavior:auto;scroll-padding-top:90px}.fd{margin:0;background:var(--paper);color:var(--ink);font:15px Arial,sans-serif}.fd a{color:inherit;text-decoration:none}.fd header{height:90px;position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:12px 5%;background:#f3eee5f5;border-bottom:1px solid #244c5025;backdrop-filter:blur(12px)}.fd .fd-brand img{width:165px;height:60px;object-fit:contain}.fd nav{display:flex;gap:28px;font-size:12px}.fd nav a{padding:12px 0}.fd h1,.fd h2,.fd h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em}.fd em{font-weight:400;color:var(--clay)}.fd .fd-eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase}.fd .fd-intro{min-height:calc(100svh - 90px);padding:9vh 8% 5vh;position:relative;overflow:hidden}.fd .fd-intro h1{font-size:clamp(48px,6vw,112px);line-height:.99;margin:40px 0 50px;position:relative;z-index:1}.fd .fd-intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:20px;position:relative;z-index:1}.fd .fd-intro p{font-size:19px;line-height:1.75;color:#505e57}.fd .fd-intro a,.fd .fd-ending a{display:inline-block;font-size:13px;border-bottom:1px solid #244c5050;padding:15px 0}.fd .fd-intro-line{position:absolute;width:55vw;height:55vw;border:1px solid #9a654435;border-radius:50%;right:-6vw;top:10%;box-shadow:0 0 0 2vw #244c5006,0 0 0 5vw #244c5004}.fd .fd-chapter{position:relative;height:420vh;border-top:1px solid #244c5025}.fd .fd-chapter-stage{position:sticky;top:90px;height:calc(100svh - 90px);display:grid;grid-template-columns:32% 68%;overflow:hidden}.fd .fd-copy{padding:4vh 10% 4vh 16%;display:flex;flex-direction:column;justify-content:center}.fd .fd-copy h2{font-size:clamp(34px,3.8vw,62px);line-height:1.08;margin:24px 0}.fd .fd-copy p{color:#505e57;font-size:17px;line-height:1.7;max-width:350px}.fd .fd-chapter-no{font-size:12px;color:var(--clay);margin-bottom:35px}.fd .fd-state-title{font-size:14px;margin:30px 0 8px}.fd .fd-state-note{min-height:50px}.fd .fd-visual{position:relative;margin:0;background:#e5e0d7;overflow:hidden}.fd .fd-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;will-change:opacity,transform}.fd .fd-visual img:first-child{opacity:1}.fd .fd-visual.fd-room img{object-fit:contain}.fd .fd-visual-caption{position:absolute;bottom:28px;left:30px;right:30px;z-index:2;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;background:#f3eee5ed;padding:14px 18px}.fd .fd-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.fd .fd-controls button{border:0;border-bottom:2px solid #244c5025;background:none;color:var(--ink);padding:12px 6px;cursor:pointer;font-size:11px}.fd .fd-controls button[aria-current=step]{border-color:var(--clay);color:var(--clay)}.fd .fd-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--clay);width:var(--progress,0%)}.fd .fd-ending{padding:110px 8%;background:#e5e9e3}.fd .fd-ending h2{font-size:clamp(40px,5vw,76px);line-height:1.1}.fd .fd-ending p{font-size:19px;line-height:1.75;color:#505e57}.fd .fd-ending small{display:block;margin-top:70px;color:#626c65;font-size:11px}.fd footer{padding:30px 5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.fd a:focus-visible,.fd button:focus-visible{outline:2px solid var(--clay);outline-offset:4px}@media(max-width:1024px){.fd header{height:76px;padding:8px 5%}.fd .fd-brand img{width:130px;height:55px}.fd nav{gap:16px;font-size:11px}.fd .fd-intro{min-height:calc(100svh - 76px);padding:9vh 7% 5vh}.fd .fd-intro h1{margin:45px 0;font-size:clamp(48px,15vw,70px)}.fd .fd-intro-bottom{display:block}.fd .fd-intro p{font-size:17px;line-height:1.7}.fd .fd-intro-line{width:100vw;height:100vw;top:65%;right:-50vw}.fd .fd-chapter{height:380vh}.fd .fd-chapter-stage{top:76px;height:calc(100svh - 76px);display:flex;flex-direction:column}.fd .fd-copy{padding:22px 6% 18px;flex:0 0 auto}.fd .fd-chapter-no{margin-bottom:10px}.fd .fd-copy h2{font-size:34px;margin:12px 0}.fd .fd-copy>p{display:block;font-size:16px;line-height:1.55;margin:6px 0 10px;max-width:none}.fd .fd-copy>p.fd-state-note{display:none}.fd .fd-state-title{margin:5px 0}.fd .fd-state-note{display:none}.fd .fd-controls{margin:4px 0 0}.fd .fd-controls button{padding:9px 5px}.fd .fd-visual{flex:1;min-height:0;width:100%}.fd .fd-visual-caption{left:14px;right:14px;bottom:14px;padding:10px;font-size:9px}.fd .fd-ending{padding:75px 7%}.fd footer{gap:20px;line-height:1.6}.fd{scroll-padding-top:76px}}@media(prefers-reduced-motion:reduce){.fd{scroll-behavior:auto}.fd .fd-chapter{height:auto}.fd .fd-chapter-stage{position:relative;top:0;height:auto;display:block}.fd .fd-copy{padding:40px 7%}.fd .fd-visual{display:grid;grid-template-columns:1fr;height:auto;overflow:visible}.fd .fd-visual img{position:static;opacity:1!important;transform:none!important;height:auto}.fd .fd-visual-caption{position:static}.fd .fd-controls,.fd .fd-progress{display:none}}




.fd{scroll-margin-top:108px}.fd .fd-intro{max-width:none;margin:0;font-size:15px}.fd .fd-copy{position:static;width:auto;left:auto;top:auto;z-index:auto;will-change:auto}.fd .fd-progress{z-index:1}.fd .fd-chapter-stage{top:108px;height:calc(100svh - 108px)}.fd .fd-story-nav{display:flex;gap:24px;padding:18px 8%;font-size:14px;border-bottom:1px solid #244c5025}.fd .fd-story-nav a{border-bottom:1px solid #244c5030;padding:10px 0}@media(max-width:760px){.fd{scroll-margin-top:88px}.fd .fd-chapter-stage{top:88px;height:calc(100svh - 88px)}}

.fd .fd-visual img{object-position:center}

/* A compact introduction leads directly into the first sketch story. */
.fd .fd-intro{min-height:0;padding:64px 8% 28px}
.fd .fd-intro h1{font-size:clamp(48px,5.4vw,92px);margin:24px 0 24px;line-height:1.04}
.fd .fd-intro-bottom{align-items:center}
.fd .fd-intro p{margin:0}
.fd .fd-intro-line{display:none}
.fd .fd-story-nav{padding:12px 8% 24px;flex-wrap:wrap}
@media(max-width:1024px){
  .fd .fd-intro{min-height:0;padding:36px 7% 18px}
  .fd .fd-intro h1{font-size:clamp(48px,8vw,70px);margin:20px 0 22px}
  .fd .fd-intro a{margin-top:12px;padding:10px 0}
  .fd .fd-story-nav{padding:8px 7% 18px;gap:20px;font-size:13px}
}

/* Readable chapter names and a single evolving narrative. */
.fd .fd-chapter-no{font-size:17px;font-weight:700;color:#75472e;letter-spacing:.3px;margin-bottom:24px}
.fd .fd-state-note{display:none}
.fd .fd-narrative{min-height:110px}
.fd .fd-chapter{height:320vh}
@media(max-width:1024px){.fd .fd-chapter{height:300vh}.fd .fd-chapter-no{font-size:16px;margin-bottom:10px}.fd .fd-narrative{min-height:74px}}
@media(prefers-reduced-motion:reduce){.fd .fd-chapter{height:auto}}