/* Sake · shy peek and a separate swinging tail for the local preview. */
.sake-lookout{position:absolute;top:-9px;left:calc(50% - 180px);z-index:4;width:154px;padding:0;border:0;background:none;cursor:pointer;transform-origin:60% 28%;animation:sake-peek-breathe 7s ease-in-out infinite}
.unified-site .header-actions[aria-hidden="true"]{display:none}
.sake-peek{display:block;width:100%;height:auto;filter:drop-shadow(0 7px 7px #10090445);transition:filter .25s,transform .3s}
.sake-lookout:is(:hover,:focus-visible,.is-greeting) .sake-peek{transform:translateY(-3px) rotate(-2deg);filter:drop-shadow(0 9px 11px #10090470)}
.sake-lookout-message{position:absolute;top:calc(100% - 15px);left:23px;padding:7px 9px;width:133px;border:1px solid #e7c3a0;border-radius:3px 10px 10px;background:#f7ecda;color:#6b4329;font-size:9px;opacity:0;transform:translateY(-3px);transition:opacity .25s,transform .25s;pointer-events:none}
.sake-lookout:is(:hover,:focus-visible,.is-greeting) .sake-lookout-message{opacity:1;transform:translateY(0)}
.sake-tail-detail{position:absolute;left:calc(50% - 235px);top:calc(100% - 260px);z-index:1;width:112px;height:112px;object-fit:contain;transform-origin:88% 24%;animation:sake-tail-detail-sway 3.6s ease-in-out infinite;filter:drop-shadow(0 4px 4px #10090438);pointer-events:none}
.sake-tail-detail:is(.is-offscreen,.is-page-hidden){animation-play-state:paused}
.unified-site .hero .floating-note{max-width:245px}
.sake-intro{display:flex;align-items:center;gap:9px;margin-top:18px;font-size:10px;color:#c1a88c}
.sake-intro:before{content:'';width:22px;height:1px;background:#c58a50}
.sake-intro strong{color:#e9b27b;font-weight:500}
.sake-feature-grid .feature-card{display:flex;flex-direction:column;padding:26px;min-height:428px;overflow:hidden}
.sake-feature-grid .feature-card h3{margin-top:10px;line-height:1.15}
.sake-feature-grid .feature-card p{line-height:1.85;margin-top:13px}
.sake-feature-link{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:auto;padding:18px 0 0;border:0;border-top:1px solid #8c67402b;background:none;color:inherit;font-size:10px;text-align:left}
.sake-feature-grid .feature-card p+.sake-feature-link{margin-top:20px}
.sake-feature-link span{font-size:17px;transition:transform .25s}.sake-feature-link:hover span{transform:translate(2px,-2px)}
.sake-scene{height:208px;margin:16px 0 2px;position:relative;display:grid;place-items:center;isolation:isolate}
.sake-scene:before{display:none}
.sake-scene>img,.sake-scene>.sake-progress,.sake-scene>.scene-label{position:relative;z-index:1}
.sake-scene>.sake-progress,.sake-scene>.scene-label{position:absolute}
.sake-scene img{width:190px;height:185px;object-fit:contain;filter:drop-shadow(0 7px 4px #160c0a20);transform:translateY(0) rotate(-1deg);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.sake-feature-grid .feature-card:hover .sake-scene img{transform:translateY(-5px) rotate(1deg)}
.sake-scene .scene-label{position:absolute;right:0;bottom:2px;padding:5px 8px;border:1px solid #b1845655;border-radius:4px;background:#f7eddb;color:#865a35;font-size:8px;transform:rotate(-4deg);box-shadow:0 3px 7px #0001}
.sake-feature-grid .feature-card:nth-child(2) .scene-label{right:3px;transform:rotate(3deg)}
.sake-feature-grid .feature-card:nth-child(3) .scene-label{transform:rotate(-3deg)}
.sake-progress{position:absolute;width:78px;height:5px;top:24px;right:7px;border-radius:9px;background:#825b3525;overflow:hidden}
.sake-progress:after{content:'';display:block;width:62%;height:100%;border-radius:9px;background:#92603c;transform-origin:left;animation:sake-progress 8s ease-in-out infinite}
.sake-guide-img{width:80px;height:85px;object-fit:contain;flex:none;margin:-8px 0 -4px -5px;filter:drop-shadow(0 3px 2px #0002);transition:opacity .2s}
.guide-tip{align-items:center}
.sake-story{display:flex;align-items:center;gap:22px;padding:20px 27px;margin:33px 0 0;border:1px solid #e3b78b2b;background:linear-gradient(120deg,#edb16e0d,transparent);border-radius:16px}
.sake-story img{width:90px;height:96px;object-fit:contain;flex:none;filter:drop-shadow(0 6px 4px #0002)}
.sake-story small{display:block;font-size:8px;letter-spacing:.13em;color:#e9b27b;margin-bottom:9px}
.sake-story h2{font:400 28px/1.1 var(--serif);color:#fff0dd}
.sake-story p{font-size:12px;line-height:1.8;color:#c8ad91;margin-top:9px;max-width:610px}
.sake-story a{margin-left:auto;white-space:nowrap;color:#e9b27b;font-size:11px;border-bottom:1px solid #a875404d;padding-bottom:5px}
@keyframes sake-peek-breathe{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(.7deg)}}
@keyframes sake-tail-detail-sway{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(8deg)}}
@keyframes sake-progress{0%,100%{transform:scaleX(.9)}50%{transform:scaleX(1)}}
@media(min-width:761px) and (max-height:820px){.sake-lookout{top:-13px;width:142px;left:calc(50% - 154px)}.sake-tail-detail{width:102px;height:102px;left:calc(50% - 235px);top:calc(100% - 260px)}}
@media(min-width:761px) and (max-width:1050px){.sake-lookout{width:132px;left:calc(50% - 149px);top:-6px}.sake-tail-detail{width:95px;height:95px;left:calc(50% - 170px);top:calc(100% - 320px)}.sake-feature-grid .feature-card{padding:20px}.sake-scene img{width:165px}.sake-scene:before{width:150px}.scene-label{font-size:7px!important}}
@media(max-width:760px){.sake-lookout{width:119px;left:calc(50% - 150px);top:13px}.sake-lookout-message{top:calc(100% - 12px);left:12px;width:115px;font-size:8px}.sake-tail-detail{width:90px;height:90px;left:calc(50% - 180px);top:calc(100% - 260px)}.sake-message p{font-size:16px}.unified-site .hero .floating-note{max-width:205px}.sake-intro{order:7;margin-top:18px;width:100%;justify-content:center;font-size:10px}.sake-feature-grid{grid-template-columns:1fr;gap:17px}.sake-feature-grid .feature-card{display:grid;grid-template-columns:1fr 130px;grid-template-rows:auto auto 1fr;gap:0 15px;padding:24px;min-height:230px}.sake-feature-grid .feature-number{grid-column:1;grid-row:1;font-size:8px}.sake-feature-grid .feature-card h3{grid-column:1;grid-row:2;font-size:25px;margin-top:16px}.sake-feature-grid .feature-card p{grid-column:1;grid-row:3;font-size:11px;margin-top:12px}.sake-scene{grid-column:2;grid-row:1/4;height:180px;margin:0;align-self:center}.sake-scene img{width:138px;height:153px;max-width:none}.sake-scene:before{width:120px;height:125px}.sake-scene .scene-label{font-size:6px;right:-3px;bottom:6px;padding:4px 6px}.sake-progress{width:56px;right:0;top:9px}.sake-story{gap:16px;padding:20px;flex-wrap:wrap}.sake-story img{width:68px;height:78px}.sake-story>div{flex:1;min-width:180px}.sake-story h2{font-size:25px}.sake-story p{font-size:11px}.sake-story a{margin-left:84px}.sake-guide-img{width:44px;height:49px}}
@media(max-width:760px){.unified-site .header-inner{position:relative}.unified-site .page-navigation{position:relative;left:auto;transform:none;justify-self:center;width:max-content;max-width:100%;grid-column:1/-1;grid-row:2}}
@media(max-width:760px){.sake-feature-link{grid-column:1/-1;margin-top:18px;padding-top:13px}.sake-feature-grid .feature-card p+.sake-feature-link{margin-top:18px}}
@media(max-width:760px){.sake-guide-img{width:64px;height:70px;margin-left:-3px}.guide-tip{gap:9px}}
@media(max-width:380px){.sake-lookout{width:106px;left:calc(50% - 132px);top:15px}.sake-lookout-message{left:7px;width:108px}.sake-tail-detail{width:78px;height:78px;left:calc(50% - 162px);top:calc(100% - 260px)}.unified-site .hero .floating-note{max-width:185px}.unified-site .hero .floating-note p{font-size:17px}.sake-feature-grid .feature-card{padding:20px;grid-template-columns:1fr 100px;gap:0 10px}.sake-scene img{width:115px}.sake-scene:before{width:104px}.sake-scene .scene-label{font-size:5px}.sake-feature-grid .feature-card h3{font-size:23px}.sake-story a{margin-left:0}}
@media(prefers-reduced-motion:reduce){.sake-lookout,.sake-tail-detail,.sake-scene *{animation:none!important;transition:none!important}.sake-lookout:hover .sake-peek{transform:none}.sake-feature-grid .feature-card:hover .sake-scene img{transform:none}}

/* The mascot is anchored to the device so the grip moves with the bezel. */
.unified-site .hero .device.iphone-17-pro-max{border:3px solid #bfc0c2;padding:4px;background:#08090a;border-radius:38px;box-shadow:0 28px 55px #0006,0 0 0 1px #55575a,inset 0 0 0 1px #eceef0;overflow:visible}
.iphone-17-pro-max .phone-display{position:relative;display:flex;flex-direction:column;aspect-ratio:1320/2868;border-radius:31px;overflow:hidden;background:#f5eee4}
.phone-status{height:7.5%;min-height:27px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 10%;font:600 7px/1 Arial,sans-serif;color:#201b17;flex-shrink:0}
.dynamic-island{position:absolute;left:35%;top:22%;width:30%;height:48%;border-radius:20px;background:#08090a;box-shadow:inset -5px 0 3px #17191f}
.dynamic-island:after{content:'';position:absolute;right:9%;top:30%;height:40%;aspect-ratio:1;border-radius:50%;background:#162333;box-shadow:inset 0 0 2px #020406}
.phone-app{flex:1;min-height:0;position:relative}
.unified-site .hero .device #phone-image{width:100%;height:100%;position:absolute;inset:0;aspect-ratio:auto;object-fit:contain;border-radius:0}
.phone-home{height:3%;display:grid;place-items:center;flex-shrink:0}.phone-home i{width:35%;height:3px;border-radius:8px;background:#241e19}
.phone-buttons{position:absolute;left:-5px;top:19%;width:2px;height:11%;border-radius:2px;background:#a9abad;box-shadow:0 30px 0 #a9abad}
.iphone-17-pro-max:after{content:'';position:absolute;right:-5px;top:25%;height:13%;width:2px;background:#a9abad;border-radius:2px}
.unified-site .hero .device .sake-lookout{width:60%;left:-43%;top:4%;animation:none;transform:none;z-index:5}
.unified-site .hero .device .sake-peek{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:0;transform:scaleX(-1);transition:filter .25s;filter:drop-shadow(0 3px 3px #10090445)}
.unified-site .hero .device .sake-lookout:is(:hover,:focus-visible,.is-greeting) .sake-peek{transform:scaleX(-1);filter:drop-shadow(0 4px 5px #10090460)}

/* Hide the tail root behind the phone and sway around that fixed root. */
.iphone-17-pro-max .sake-tail-anchor{position:absolute;width:44%;aspect-ratio:1;left:-25%;top:54%;z-index:-1;pointer-events:none;transform-origin:64% 70%;animation:sake-attached-tail 3.6s ease-in-out infinite}
.unified-site .hero .device .sake-tail-detail{position:static;display:block;width:100%;height:auto;aspect-ratio:1;max-width:none;object-fit:contain;border-radius:0;transform:scaleX(-1);transform-origin:center;animation:none;filter:drop-shadow(0 3px 3px #10090438)}
@keyframes sake-attached-tail{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(7deg)}}
@media(prefers-reduced-motion:reduce){.iphone-17-pro-max .sake-tail-anchor{animation:none}}