:root{color-scheme:light;--blue:#344b63;--ink:#26384b;--paper:#f5f0e5;--warm:#dcc5a9;--line:#95a1a9;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper)}img{display:block;max-width:100%}a{color:inherit}button{font:inherit}.skip{position:absolute;top:-100px;left:10px;z-index:10;background:#fff;padding:8px}.skip:focus{top:10px}
.fiction{margin:0;background:var(--blue);color:#fff;font-size:11px;line-height:1.7;padding:8px 25px;text-align:center;text-wrap:pretty}.top{min-height:80px;padding:15px clamp(20px,4vw,70px);display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-family:"Hiragino Maru Gothic ProN","Hiragino Kaku Gothic ProN",sans-serif;font-size:22px;font-weight:700;line-height:1.15}.brand span{display:block;font:700 9px Arial,sans-serif;letter-spacing:.15em;margin-top:6px}.top nav{display:flex;gap:30px}.top nav a{text-decoration:none;font-size:12px;font-weight:700}.top nav a:hover,.top nav a:focus-visible{text-decoration:underline}
.hero{position:relative;background:var(--blue);color:#fff;padding:clamp(36px,5vw,70px) clamp(18px,5vw,80px) 25px;overflow:hidden;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:clamp(32px,5vw,90px);align-items:center}.hero-intro{position:relative;z-index:2;max-width:1400px;width:100%;margin:auto}.hero-intro>p,.hero-cue,.hero-photo>span,.prologue>span,.pages-heading>span,.page-number,.page-content small,.closing-copy>span,.closing-image>span{font:700 11px Arial,sans-serif;letter-spacing:.16em}.hero h1{font-family:"Hiragino Maru Gothic ProN","Hiragino Kaku Gothic ProN",sans-serif;font-weight:500;font-size:clamp(68px,7.2vw,118px);line-height:1.16;letter-spacing:-.09em;margin:26px 0 28px;white-space:nowrap}.hero h1 em{font-style:normal;color:#f3d2ab}.hero-intro>span{font-size:17px;line-height:1.8}.hero-photo{position:relative;width:100%;max-width:1400px;margin:0 auto;transform:rotate(-1.1deg);box-shadow:18px 18px 0 #d1a77f}.hero-photo img{width:100%;height:clamp(500px,55vw,820px);object-fit:cover;object-position:center 50%}.hero-photo>span{position:absolute;bottom:18px;left:18px;background:#f5f0e5;color:var(--ink);padding:9px 12px;letter-spacing:.05em}.hero-cue{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff80;text-decoration:none;width:100%;max-width:1400px;margin:55px auto 0;padding:17px 0 0}.hero-cue b{font-size:24px}
.prologue{padding:clamp(100px,12vw,180px) clamp(20px,6vw,100px);max-width:1400px;margin:auto;text-align:center}.prologue h2{font-family:"Hiragino Maru Gothic ProN","Hiragino Kaku Gothic ProN",sans-serif;font-weight:500;font-size:clamp(52px,7vw,106px);line-height:1.32;letter-spacing:-.08em;margin:30px 0}.prologue p{font-size:16px;line-height:2;max-width:650px;margin:auto;text-wrap:pretty}
.pages{background:#e5e8e4;padding:110px clamp(20px,5vw,80px) 130px}.pages-heading{max-width:1350px;margin:0 auto 75px;display:grid;grid-template-columns:1fr 1.2fr;align-items:end;gap:20px}.pages-heading>span{grid-column:1/-1}.pages-heading h2{font-family:"Hiragino Maru Gothic ProN","Hiragino Kaku Gothic ProN",sans-serif;font-weight:500;font-size:clamp(60px,6vw,100px);letter-spacing:-.1em;line-height:1.2;margin:0}.pages-heading p{font-size:15px;line-height:2;max-width:420px;margin:0 0 5px;text-wrap:pretty}.page-list{max-width:1350px;margin:auto;border-top:2px solid var(--blue)}.page{border-bottom:2px solid var(--blue)}.page summary{display:grid;grid-template-columns:95px 1fr auto;align-items:center;gap:20px;padding:26px 10px;cursor:pointer;list-style:none}.page summary::-webkit-details-marker{display:none}.page summary:focus-visible{outline:3px solid #b5653d;outline-offset:-3px}.page-number{font-size:17px}.page summary strong{font-family:"Hiragino Maru Gothic ProN","Hiragino Kaku Gothic ProN",sans-serif;font-size:clamp(30px,3.5vw,56px);font-weight:600;letter-spacing:-.05em}.page-action{font-size:12px;font-weight:700;white-space:nowrap}.page[open] .page-action{transform:rotate(45deg)}.page-content{display:grid;grid-template-columns:1fr 1fr;gap:clamp(25px,6vw,100px);padding:15px 7% 75px;align-items:center}.page-illustration{display:grid;place-items:center;min-height:250px;background:#e2c9ac;color:var(--blue);border-radius:50% 50% 2% 2%;overflow:hidden}.page-illustration svg{max-width:320px;width:70%}.room-icon{background:#c5d4cf}.note-icon{background:#e9b98e}.page-content h3{font-family:"Hiragino Maru Gothic ProN","Hiragino Kaku Gothic ProN",sans-serif;font-size:clamp(36px,4vw,62px);line-height:1.25;font-weight:500;letter-spacing:-.08em;margin:18px 0}.page-content p{font-size:15px;line-height:1.9;max-width:460px;text-wrap:pretty}
.closing{display:grid;grid-template-columns:1.05fr 1fr;align-items:stretch;background:#d1aa84;min-height:700px}.closing-image{position:relative;overflow:hidden}.closing-image img{width:100%;height:100%;object-fit:cover}.closing-image>span{position:absolute;bottom:20px;left:20px;background:#fff8;padding:10px;font-size:10px;letter-spacing:.05em}.closing-copy{padding:clamp(70px,8vw,130px) clamp(30px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.closing-copy h2{font-family:"Hiragino Maru Gothic ProN","Hiragino Kaku Gothic ProN",sans-serif;font-weight:500;letter-spacing:-.1em;line-height:1.3;font-size:clamp(56px,6vw,100px);margin:25px 0}.closing-copy p{font-size:15px;line-height:2;max-width:490px;text-wrap:pretty}.closing-copy a{display:inline-block;margin-top:40px;border-top:1px solid var(--ink);padding-top:15px;font-size:14px;font-weight:700;text-decoration:none}.closing-copy a:hover,.closing-copy a:focus-visible{text-decoration:underline}footer{display:flex;justify-content:space-between;gap:20px;padding:22px clamp(20px,4vw,70px);font-size:11px}footer a{text-decoration:none}
@media(max-width:900px){.hero{display:block}.hero h1{white-space:normal}.hero-photo{margin:45px auto 0}.pages-heading{display:block}.pages-heading h2{margin:22px 0}.closing{display:block}.closing-image{height:580px}.closing-copy{min-height:500px}}
@media(max-width:650px){.fiction{text-align:left;font-size:10px}.top{min-height:68px}.brand{font-size:19px}.top nav a:first-child{display:none}.hero{padding:36px 20px 25px}.hero h1{font-size:clamp(55px,11vw,76px);margin:18px 0 18px}.hero-intro>span{font-size:14px}.hero-photo{margin:28px auto 0;box-shadow:9px 9px 0 #d1a77f}.hero-photo img{height:560px;object-position:58% center}.hero-photo>span{font-size:8px;left:8px;bottom:8px;padding:7px}.hero-cue{margin-top:36px}.prologue{padding:100px 20px}.prologue h2{font-size:clamp(48px,10vw,65px)}.prologue p{font-size:14px}.pages{padding:90px 16px 110px}.pages-heading{margin-bottom:60px}.pages-heading h2{font-size:clamp(52px,10vw,70px)}.pages-heading p{font-size:14px}.page summary{grid-template-columns:42px 1fr auto;gap:10px;padding:20px 3px}.page-number{font-size:12px}.page summary strong{font-size:clamp(24px,6vw,36px)}.page-action{font-size:10px}.page-content{display:block;padding:10px 2px 55px}.page-illustration{min-height:250px}.page-content h3{font-size:38px}.page-content p{font-size:14px}.closing-image{height:470px}.closing-copy{min-height:0;padding:90px 22px}.closing-copy h2{font-size:58px}footer{display:block;line-height:2}}
@media(max-width:390px){.hero h1{font-size:56px}.prologue h2{font-size:46px}.closing-copy h2{font-size:52px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}