body{overflow-x:clip;}
.sake-experience{height:250svh;min-height:1700px;background:#f7f2e7;position:relative;border-block:1px solid #e6dece;}
.sake-sticky{position:sticky;top:0;height:calc(100svh - 150px);min-height:650px;max-height:1000px;overflow:hidden;display:grid;grid-template-columns:43% 57%;align-items:center;padding:20px max(24px,calc((100vw - 1200px)/2));gap:0;}
.sake-copy{position:relative;z-index:2;padding:0 0 65px 20px;pointer-events:none;}
.sake-copy a{pointer-events:auto;}
.sake-kicker{font-size:12px;letter-spacing:.21em;color:#6b755c;margin:0 0 28px;}
.sake-copy h2{font-size:clamp(37px,4.3vw,66px);line-height:1.45;letter-spacing:.035em;margin:0 0 24px;font-weight:700;}
.sake-copy h2 em{font-style:normal;background:linear-gradient(transparent 73%,#eac5b8 73%,#eac5b8 89%,transparent 89%);}
.sake-copy p:not(.sake-kicker){font-size:16px;color:#6b5f55;line-height:2;}
.sake-copy .pill{margin-top:14px;font-size:15px;}
.sake-number{display:flex;gap:14px;align-items:center;margin-top:32px;font-size:12px;color:#6b5f55;}
.sake-number:before{content:'';height:1px;width:40px;background:#a8977a;}
#sake-stage{width:100%;height:calc(82svh - 110px);max-height:750px;min-height:490px;position:relative;border-radius:50%;background:radial-gradient(ellipse,#fffdf6 0%,#eef0df 46%,transparent 71%);transition:background 1s;margin-top:-45px;}
#sake-stage.warm{background:radial-gradient(ellipse,#fffaf0 0%,#f4e3d2 48%,transparent 72%);}
#sake-canvas{width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab;position:relative;z-index:1;outline-offset:-16px;}
#sake-canvas:active{cursor:grabbing;}
.scene-fallback{position:absolute;inset:8% 12%;width:76%;height:84%;object-fit:contain;transition:opacity .6s;}
.loaded .scene-fallback{opacity:0;pointer-events:none;}.fallback #sake-canvas{display:none;}.fallback .scene-fallback{opacity:1;}
.scene-controls{position:absolute;z-index:4;bottom:68px;left:43%;right:3%;display:flex;justify-content:center;gap:9px;flex-wrap:wrap;}
.scene-controls button,.pause-motion{font:inherit;font-size:13px;border:1px solid #bfb99f;background:#fffdf5e8;color:#464b39;padding:9px 15px;border-radius:30px;cursor:pointer;}
.scene-controls button:hover,.scene-controls button[aria-pressed=true]{background:#dfe9cf;border-color:#70825c;}
.scene-controls button:disabled{opacity:.5;cursor:default;}
.scene-status{position:absolute;z-index:3;left:43%;right:3%;bottom:32px;text-align:center;font-size:12px;color:#6b5f55;}
.pause-motion{position:absolute;top:22px;right:28px;z-index:4;font-size:11px;padding:5px 12px;}
.zoom-model{position:absolute;top:22px;right:135px;z-index:4;font:inherit;font-size:11px;padding:5px 12px;border:1px solid #bfb99f;border-radius:30px;background:#fffdf5e8;color:#464b39;cursor:pointer;}
.scene-sticker{position:absolute;width:82px;right:9%;top:10%;transform:rotate(11deg);pointer-events:none;}
.scene-petal{position:absolute;width:48px;left:3%;bottom:20%;transform:rotate(-25deg);pointer-events:none;}
.scene-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#e7dfce;}.scene-progress i{display:block;height:100%;background:#83996b;width:0;}
.scene-scroll{position:absolute;bottom:32px;left:40px;font-size:10px;letter-spacing:.2em;color:#6b5f55;}
.three-demo-notice{text-align:center;font-size:12px;padding:8px 20px;color:#655b4c;background:#eee7d7;margin:0;}
@media(min-width:1500px){.sake-sticky{grid-template-columns:45% 55%;}.scene-controls,.scene-status{left:45%;}}
@media(max-width:720px){
 .sake-experience{height:230svh;min-height:1500px;}
 .sake-sticky{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:calc(100svh - 164px);min-height:650px;padding:42px 18px 82px;align-content:start;gap:0;}
 .sake-copy{text-align:center;padding:0;}.sake-kicker{font-size:10px;margin-bottom:12px;}
 .sake-copy h2{font-size:30px;line-height:1.4;margin:0;}.sake-copy h2 br{display:none;}.sake-copy h2 span{display:block;}
 .sake-copy p:not(.sake-kicker){font-size:12px;margin:12px 0 0;}.sake-copy .pill{font-size:12px;margin-top:12px;padding:.7em 1.3em;}
 .sake-number{display:none;}#sake-stage{height:100%;min-height:290px;max-height:420px;margin-top:-12px;}
 .scene-controls{left:12px;right:12px;bottom:55px;gap:6px;}.scene-controls button{font-size:12px;padding:8px 11px;}
 .scene-status{left:12px;right:12px;bottom:24px;font-size:11px;}.scene-scroll{display:none;}
 .scene-sticker{width:58px;top:31%;right:4%;}.scene-petal{width:36px;bottom:25%;left:5%;}
 .pause-motion{right:12px;top:12px;}.zoom-model{right:117px;top:12px;}.three-demo-notice{font-size:10px;}
}
@media(prefers-reduced-motion:reduce){.sake-experience{height:auto;min-height:0;}.sake-sticky{position:relative;}html{scroll-behavior:auto!important;}.float{animation:none!important;}}

/* The reverse has its own quiet editorial reveal, never covering the bottle. */
.back-room[hidden],#front-copy[hidden],#close-room[hidden]{display:none!important;}
.back-room{pointer-events:auto;max-width:430px;}
.room-sign{display:inline-block;background:#e4ead7;color:#52623d;border:1px solid #b5c49e;border-radius:4px;padding:5px 13px;font-size:12px;transform:rotate(-3deg);margin-bottom:18px;}
.back-room h2{font-size:clamp(32px,3.6vw,55px);line-height:1.4;}
.back-room .sake-kicker{margin-bottom:15px;}
.room-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px;}
.room-actions button{font:inherit;font-size:14px;border-radius:28px;border:1px solid #43633b;padding:12px 18px;background:#43633b;color:#fff;cursor:pointer;}
.room-actions #close-room{background:#fffaf0;color:#52623d;font-size:12px;}
.room-actions button:focus-visible{outline:3px solid #d59b88;outline-offset:4px;}
.sake-copy .room-speech{font-size:13px!important;line-height:1.8!important;min-height:74px;padding:14px 16px;border-left:3px solid #dcb49f;background:#fffaf0;border-radius:0 12px 12px 0;margin-top:18px!important;}
.back-facing .scene-sticker{opacity:0;}.back-facing .scene-scroll{color:#43633b;}
@media(max-width:720px){
 .back-room{max-width:100%;}.back-room .sake-kicker{font-size:9px;margin-bottom:7px;}.room-sign{font-size:10px;padding:3px 10px;margin-bottom:7px;}
 .back-room h2{font-size:26px;}.back-room h2 br{display:none;}.sake-copy .room-intro{font-size:11px!important;margin-top:5px!important;line-height:1.7!important;}
 .room-actions{margin-top:9px;justify-content:center;gap:6px;}.room-actions button{font-size:12px;padding:8px 13px;}.room-actions #close-room{font-size:10px;}
 .sake-copy .room-speech{font-size:11px!important;line-height:1.65!important;margin:9px auto 0!important;padding:8px 10px;min-height:51px;max-width:325px;text-align:left;}
 .back-facing #sake-stage{min-height:270px;}
}
.sake-experience{overflow-anchor:none;}
@media(max-width:720px){.sake-copy{height:242px;}.back-room{height:242px;}.sake-sticky{grid-template-rows:242px 1fr;}}
@keyframes caught-reaction{0%{transform:scale(.86) rotate(-4deg)}40%{transform:scale(1.08) rotate(3deg)}70%{transform:scale(.98) rotate(-1deg)}100%{transform:none}}
.back-room[data-phase=caught] h2{color:#a24f38;animation:caught-reaction .48s ease-out;transform-origin:left center;font-size:clamp(30px,3.6vw,52px);}
.back-room[data-phase=caught] .room-sign{background:#f3dfd0;color:#914d36;border-color:#d5ab93;}
@media(max-width:720px){.back-room[data-phase=caught] h2{font-size:29px;transform-origin:center;}}
@media(prefers-reduced-motion:reduce){.back-room[data-phase=caught] h2{animation:none;}}

/* DevDay polish: the bottle and controls share a complete first-screen stage. */
.sake-sticky{height:calc(100svh - var(--intro-height,150px));min-height:500px;max-height:960px;grid-template-columns:44% 56%;grid-template-rows:44px minmax(0,1fr) auto 26px 20px;padding:12px max(24px,calc((100vw - 1200px)/2));gap:8px 0;}
.sake-copy{grid-column:1;grid-row:2 / 5;padding:0 22px 0 0;align-self:center;}
#sake-stage{grid-column:2;grid-row:2;height:100%;min-height:0;max-height:none;margin:0;}
.scene-tools{grid-column:2;grid-row:1;display:flex;gap:8px;justify-content:flex-end;align-items:center;z-index:4;}
.scene-tools .zoom-model,.scene-tools .pause-motion{position:static;min-height:44px;font-size:12px;padding:8px 13px;}
.scene-controls{position:static;grid-column:2;grid-row:3;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:600px;justify-self:center;}
.scene-controls button{min-height:44px;padding:9px 10px;font-size:13px;}
.scene-controls #peek-bottle{background:#43633b;color:white;border-color:#43633b;}
.scene-controls #peek-bottle:hover{background:#354f2f;}
.scene-controls #peek-bottle[aria-pressed=true]{background:#f3dfd0;color:#773e2e;border-color:#d5ab93;}
.scene-status{position:static;grid-column:2;grid-row:4;align-self:center;line-height:1.4;font-size:12px;}
.scene-scroll{position:static;grid-column:1 / 3;grid-row:5;text-align:center;font-size:9px;align-self:end;}
.scene-sticker{width:64px;right:7%;top:17%;}
.scene-petal{width:38px;bottom:19%;}
.scene-controls button:focus-visible,.scene-tools button:focus-visible,#sake-canvas:focus-visible{outline:3px solid #b77662;outline-offset:3px;}
.room-actions button{min-height:44px;}
@media(min-width:721px) and (max-height:780px){
 .sake-sticky{min-height:460px;}.sake-copy h2{font-size:clamp(36px,4vw,53px);margin-bottom:16px;}.sake-kicker{margin-bottom:16px;}.sake-copy p:not(.sake-kicker){font-size:14px;line-height:1.8;}.sake-number{margin-top:16px;}.sake-copy .room-speech{min-height:64px;}
}
@media(max-width:720px){
 .sake-sticky{height:calc(100svh - var(--intro-height,150px));min-height:500px;padding:8px 16px 12px;grid-template-columns:1fr;grid-template-rows:44px auto minmax(100px,1fr) auto 30px;gap:6px;}
 .scene-tools{grid-column:1;grid-row:1;justify-content:center;}.scene-tools .zoom-model,.scene-tools .pause-motion{font-size:11px;}
 .sake-copy{grid-column:1;grid-row:2;height:auto;padding:0;}.back-room{height:auto;max-width:100%;}.sake-copy h2{font-size:27px;line-height:1.35;}.sake-copy h2 span{display:inline;}.sake-kicker{font-size:9px;margin:0 0 8px;}.sake-copy p:not(.sake-kicker){font-size:11px;line-height:1.65;margin-top:7px;}.sake-copy .pill{margin-top:8px;padding:8px 15px;font-size:11px;}
 #sake-stage{grid-column:1;grid-row:3;height:100%;min-height:0;max-height:none;margin:0;}.back-facing #sake-stage{min-height:0;}
 .scene-controls{grid-column:1;grid-row:4;width:100%;grid-template-columns:repeat(2,1fr);gap:6px;}.scene-controls button{font-size:12px;}
 .scene-status{grid-column:1;grid-row:5;font-size:10px;}.scene-scroll{display:none;}.scene-sticker{width:45px;right:6%;top:36%;}.scene-petal{display:none;}
 .room-sign{margin-bottom:5px;}.back-room h2,.back-room[data-phase=caught] h2{font-size:27px;}.room-actions{margin-top:7px;}.room-actions button{padding:9px 13px;}.sake-copy .room-speech{min-height:42px;font-size:11px!important;line-height:1.5!important;padding:7px 10px;margin-top:7px!important;}
}
@media(max-width:720px) and (max-height:740px){
 .sake-sticky{min-height:490px;gap:3px;padding-block:5px;}.sake-copy h2,.back-room h2,.back-room[data-phase=caught] h2{font-size:23px;}.sake-copy p:not(.sake-kicker){font-size:10px;}.sake-copy .pill{padding:6px 12px;margin-top:5px;}.back-room .room-intro{font-size:10px!important;}.sake-copy .room-speech{font-size:10px!important;min-height:36px;}
}