:root{--paper:#e8ecee;--ink:#30353e;--wine:#773b48;--line:#bac3ca}
.character-stage .character-art{grid-row:1}.character-stage .character-scenes{grid-column:1 / -1;width:100%;max-width:1000px;margin:30px auto 0}.moment-gallery{padding:36px 0 0}.moment-gallery .demo-heading{display:flex;align-items:center;justify-content:space-between}.moment-gallery .demo-heading h3{font-size:clamp(20px,2.5vw,28px)}.moment-count{font:14px Georgia,serif;letter-spacing:.15em;color:#746474}.moment-caption{font:16px var(--serif);margin:22px 0 16px}.moment-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.moment-select{padding:0;border:1px solid #a6afb8;background:#eff1f3;color:#515664;text-align:left;overflow:hidden}.moment-select img{display:block;width:100%;height:auto}.moment-select span{display:block;padding:10px 12px;font-size:12px}.moment-select[aria-pressed=true]{border:2px solid var(--wine);color:var(--wine);background:#faf5f7}.moment-select:hover{background:#fff}.moment-transcript{margin-top:18px;font-size:13px;color:#515664}.moment-transcript summary{cursor:pointer;padding:10px 0}.moment-transcript p{white-space:pre-line;line-height:2;margin:6px 0 0}.moment-gallery .demo-screen img{aspect-ratio:16/9;object-fit:contain}.image-viewer.is-zoomed .viewer-scroll img{width:1920px}@media(max-width:700px){.character-stage .character-art{grid-row:auto}.character-stage .character-scenes{margin-top:12px}.moment-thumbs{gap:6px}.moment-select span{font-size:10px;padding:8px 5px}.moment-caption{font-size:14px}.moment-count{font-size:12px}.moment-gallery .demo-heading{gap:10px}}
body{background:var(--paper)}
.header{padding:18px 5%;background:#edf0f2ed;border:0;position:relative;z-index:2}.brand{font-size:23px}.brand small{display:none}.header nav{font-family:var(--serif);letter-spacing:.15em}
.alt-hero{height:min(1050px,calc(100svh - 75px));min-height:640px;position:relative;overflow:hidden;background:#35353f;display:flex;justify-content:center}
.hero-atmosphere{position:absolute;inset:-40px;background:linear-gradient(90deg,#252a35bb,#32303a44,#252a35bb),url('images/hamanako-keyvisual-v2.png') center/cover;filter:blur(28px);opacity:.65}
.hero-visual{position:relative;height:100%;width:auto;max-width:100%;object-fit:contain;mask-image:linear-gradient(to bottom,black 75%,transparent)}
.alt-hero:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#e8ecee);pointer-events:none}
.alt-title{position:absolute;bottom:4%;left:0;width:100%;text-align:center;z-index:1;text-shadow:0 1px 18px #e8ecee;color:#392b34}.alt-title p{font:16px var(--serif);letter-spacing:.22em}.alt-title h1{font:500 clamp(48px,6.5vw,100px)/1.2 Georgia,serif;letter-spacing:-.035em;margin:15px 0}.alt-title span{font:11px var(--serif);letter-spacing:.35em}
.side-copy{position:absolute;top:20%;right:10%;writing-mode:vertical-rl;color:#f0e9ec;font:18px/2.4 var(--serif);letter-spacing:.25em;text-shadow:0 2px 12px #17151b}
.story{display:block;text-align:center;padding:110px 0 140px;max-width:820px;background:radial-gradient(ellipse,#fff9,transparent 70%)}.story .eyebrow{color:#7f858d}.story h2{font-size:30px;letter-spacing:.15em;margin-bottom:70px}.story-body{line-height:2.6;letter-spacing:.065em}.story-body p{margin-bottom:42px}.welcome{display:block;font-size:34px;letter-spacing:.18em;margin:50px 0 25px}.story-last{margin-top:65px}
.characters{background:linear-gradient(#dce2e6,#c4cbd3);color:var(--ink);padding:80px 0 100px}.characters .eyebrow{color:#746474}.section-head{justify-content:center;text-align:center}.section-head>p{display:none}.character-select{border:0;max-width:700px;margin:0 auto 45px;gap:14px}.character-select button{display:block;border:0;padding:0 0 10px;color:#5a606d;background:transparent;opacity:.65;transition:opacity .2s,transform .2s}.character-select button[aria-pressed=true],.character-select button:hover{background:transparent;color:var(--wine);opacity:1;transform:translateY(-5px)}.character-select .portrait{display:block;height:108px;overflow:hidden;background:#eef0f3;border:1px solid #a6afb8;border-radius:50% 50% 4px 4px;margin-bottom:10px}.portrait img{width:100%;height:260%;object-fit:cover;object-position:top;max-width:none}.character-select span{font-size:13px}
.character-stage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:0 45px;align-items:center;position:relative;min-height:760px}.character-art{grid-row:1 / 3;height:800px}.character-art img{height:780px}.character-halo{border-color:#f3f5f6;box-shadow:0 0 0 40px #ffffff13,0 0 0 80px #ffffff0a}.character-index{color:#fff;opacity:.5}.character-copy{padding:20px 0;max-width:none}.character-copy h3{font-size:52px;margin-bottom:25px}.character-copy>p:not(.eyebrow):not(.character-tag){color:#4d5360}.character-tag{color:#705b70;font-size:15px}.character-quote{color:#3d303e;font-size:23px;border:0;padding:0;line-height:2}.character-scenes{grid-column:2;align-self:start}.conversation-demo{padding:15px 0 0;border-top:1px solid #acb5c1}.demo-heading{margin-bottom:14px}.demo-heading h3{font-size:18px}.demo-heading .eyebrow,.demo-heading>span{display:none}.demo-screen{border:5px solid #eff1f3;box-shadow:0 12px 30px #303c5026}.zoom-label{background:#eff1f3;color:#59616e;font-size:10px;padding:5px 8px}
.ominous-scene{border:0;background:linear-gradient(#c4cbd3,#17141d 180px);padding:160px 0 80px}.ominous-heading{display:block;text-align:center;margin-bottom:45px}.ominous-heading .eyebrow{display:none}.ominous-heading h2{text-align:center;font-size:28px;letter-spacing:.2em}.ominous-scene img{border:0}.ominous-scene figcaption{margin-top:40px}
.info{background:#18151e;color:#d3cbd4;border-top:1px solid #3a303e}.info .eyebrow{color:#ae8c9a}.info dt{color:#ac9fab}.info dl>div{border-color:#403745}.footer{padding-top:55px;padding-bottom:30px}
@media(max-width:700px){.header{padding:18px 20px;gap:14px}.header nav{font-size:11px;justify-content:center;gap:30px}.header .brand{align-self:center}.alt-hero{min-height:0;height:650px}.hero-visual{width:100%;height:auto;object-fit:cover;object-position:top}.alt-title{bottom:5%}.alt-title h1{font-size:clamp(36px,10vw,60px)}.alt-title p{font-size:12px;letter-spacing:.1em}.side-copy{right:4%;top:9%;font-size:12px;line-height:1.8}.story{padding:75px 0 90px}.story h2{font-size:25px;margin-bottom:45px}.story-body{font-size:13px;letter-spacing:0}.story-body br{display:initial}.welcome{font-size:28px}.characters{padding:55px 0}.character-select{gap:6px;margin-bottom:20px}.character-select .portrait{height:65px}.character-select span{font-size:10px}.character-stage{grid-template-columns:1fr;gap:0}.character-art{grid-row:auto;height:470px}.character-art img{height:460px}.character-copy{padding:20px 5px}.character-copy h3{font-size:36px}.character-quote{font-size:20px}.character-scenes{grid-column:1}.demo-heading{display:block}.ominous-scene{padding:110px 0 50px}.ominous-heading h2{font-size:23px}.info-grid{gap:30px}}
@media(max-width:700px){.hero-visual{object-fit:contain;align-self:flex-start;height:auto}.alt-hero{height:auto;min-height:620px;padding-bottom:110px}.alt-title{bottom:28px}.side-copy{right:3%;text-shadow:0 2px 5px #17151b}}

.info-grid{display:block;max-width:900px}.info-grid>div{text-align:center}.spec-title{font:36px Georgia,serif;margin:28px 0 40px}.product-spec{border:1px solid #625463;padding:20px 38px}.product-spec>div{grid-template-columns:170px 1fr;gap:25px;padding:13px 0;font-size:14px}.product-spec>div:last-child{border-bottom:0}.product-spec dt{position:relative;padding-right:20px}.product-spec dt:after{content:"：";position:absolute;right:0}.spec-note{font-size:12px;color:#b9acb9;text-align:center;margin-top:24px}@media(max-width:700px){.product-spec{padding:14px 16px}.product-spec>div{grid-template-columns:125px 1fr;gap:10px;font-size:12px}.spec-title{font-size:30px}.spec-note{text-align:left}}

.pv-section{max-width:1000px;padding-top:70px;padding-bottom:25px}.pv-heading{text-align:center;margin-bottom:30px}.pv-heading .eyebrow{color:var(--wine)}.pv-heading h2{font-size:clamp(18px,2.4vw,28px);letter-spacing:.08em;line-height:1.8}.pv-player{aspect-ratio:16/9;background:#17151b;border:1px solid var(--line);box-shadow:0 18px 48px #30353e20}.pv-player iframe{display:block;width:100%;height:100%;border:0}.pv-link{text-align:right;font-size:12px;margin:16px 0 0}.pv-link a{border-bottom:1px solid var(--line);padding-bottom:4px}@media(max-width:700px){.pv-section{padding-top:42px;padding-bottom:5px}.pv-heading{margin-bottom:22px}.pv-heading h2{letter-spacing:0}.header nav{gap:16px}}

.image-viewer.is-zoomed .viewer-scroll img{width:1920px}


.channel-intro{text-align:center;padding-top:28px;padding-bottom:18px}.channel-intro p{font:14px/2 var(--serif);color:#515664;margin:0 0 22px}.shorts-cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:12px 28px;background:var(--wine);color:#fff;font:14px/1.6 var(--serif);border:1px solid var(--wine);border-radius:3px;text-decoration:none;transition:background .2s}.shorts-cta:hover{background:#5f2d39}.shorts-cta:focus-visible{outline:3px solid var(--wine);outline-offset:5px}@media(max-width:700px){.channel-intro{padding-top:22px;padding-bottom:8px}.channel-intro p{font-size:13px}.intro-break{display:none}.shorts-cta{width:100%;max-width:320px}}

/* Clear channel context and readable small labels. */
.channel-intro p{color:#383d48}.alt-title p{color:#30232e;font-weight:700;text-shadow:0 1px 4px #e8ecee,0 0 16px #e8ecee}.character-select button{opacity:1;color:#3f4450}.character-select button[aria-pressed=true],.character-select button:hover{color:#672d3c}.character-select button>span:last-child{font-weight:700}.character-select button:not([aria-pressed=true]) .portrait{opacity:.8}