:root{--paper:#f7f6f1;--ink:#243329;--muted:#6c766d;--green:#347c60;--line:#d8ddd3;--page-gutter:6.4vw}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #849e59;outline-offset:6px}h1,h2,h3,p{margin:0}h2{font-size:clamp(32px,3.5vw,64px);font-weight:500;letter-spacing:-.06em;line-height:1.4;word-break:keep-all}.film-header{position:fixed;inset:0 0 auto;z-index:100;height:84px;padding:0 4vw;display:flex;align-items:center;gap:34px;color:#203029;transition:background .25s,color .25s}.film-header.scrolled{background:#f7f6f1ed;border-bottom:1px solid #e1e5db;backdrop-filter:blur(10px)}.film-header.over-dark:not(.scrolled-after){color:#fff}.film-header.over-dark{background:transparent;border:0}.wordmark{position:relative;font-size:30px;letter-spacing:-1.9px;font-weight:800;line-height:1;white-space:nowrap}.wordmark-dot{position:absolute;width:4px;height:4px;background:#558367;border-radius:50%;right:-8px;top:3px}.desktop-navigation{display:flex;gap:32px;font-size:13px;margin:auto}.desktop-navigation a{padding:15px 0}.language-navigation{display:flex;gap:13px;font-size:11px;letter-spacing:.07em}.language-navigation a{opacity:.5;padding:8px 0}.language-navigation [aria-current]{opacity:1;border-bottom:1px solid}.header-cta{display:flex;align-items:center;gap:28px;border:1px solid #526d494d;border-radius:30px;padding:12px 20px;font-size:12px;background:#f7f7eb55}.over-dark .header-cta{border-color:#ffffff66;background:#ffffff11}.menu-toggle{display:none}.skip-link{position:fixed;z-index:200;background:#fff;color:#203029;padding:15px;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}#mobile-menu[hidden]{display:none}.film{position:relative;height:100svh}.film-stage{position:relative;height:100svh;min-height:640px;overflow:hidden;isolation:isolate;background:#e8e4d8}.film-scene{position:absolute;inset:0;overflow:hidden}.scene-universe,.scene-care{visibility:hidden;opacity:0}.film-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none;user-select:none;transform-origin:center}.photo-close{object-position:70% 58%}.photo-awakening,.photo-bird,.photo-water,.photo-gecko{opacity:0}.photo-awakening,.photo-garden,.photo-care{object-position:center 65%}.signal-shade,.garden-shade,.world-shade,.care-shade,.care-paper{position:absolute;inset:0;pointer-events:none}.signal-shade{background:linear-gradient(90deg,#eee6d859 0,transparent 55%),linear-gradient(180deg,#f9f8f542,transparent 22%,transparent 78%,#3d31250c)}.garden-shade{background:linear-gradient(180deg,#f8f7e65c,transparent 70%);opacity:0}.film-copy{position:absolute;z-index:5;left:8%;top:29%;max-width:78%}.film-copy h1{font-size:clamp(36px,4.2vw,76px);font-weight:500;line-height:1.5;letter-spacing:-.065em;word-break:keep-all}.film-copy h2{font-size:clamp(35px,4vw,73px);line-height:1.45;text-shadow:0 2px 30px #ffffff08}.chapter{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:500;letter-spacing:.16em;line-height:1.7;margin-bottom:28px;opacity:.7}.chapter>span{font-size:9px;border:1px solid currentColor;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;letter-spacing:0}.copy-signal{top:21%;opacity:0}.copy-brand{position:absolute;left:0;right:0;top:15%;text-align:center;z-index:6;opacity:0}.copy-brand>p{font-size:clamp(90px,12vw,210px);font-weight:750;letter-spacing:-.09em;line-height:1.1}.copy-brand>span{font-size:16px;letter-spacing:-.02em;display:block;margin-top:9px}.signal-phone-glimpse{position:absolute;top:35%;left:70%;height:36%;aspect-ratio:390/780;border:5px solid #65645c;border-radius:22px;background:linear-gradient(130deg,#fffdfa,#e9e0f7);box-shadow:0 22px 55px #35332f22;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;opacity:0;transform:rotate(9deg)}.signal-phone-glimpse>img{width:30%}.signal-phone-glimpse>span{font-size:20px;font-weight:700;letter-spacing:-1px;color:#483564}.film-controls{position:absolute;z-index:40;left:4%;right:4%;bottom:29px;display:flex;align-items:center;justify-content:space-between;color:#334132;transition:color .25s}.film-controls.on-dark{color:white}.scroll-invitation{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.03em}.scroll-invitation>span{display:grid;place-items:center;height:35px;width:24px;border:1px solid currentColor;border-radius:20px;font-size:15px;opacity:.65}.skip-story{font-size:10px;opacity:.7}.scene-dots{display:flex;gap:15px;position:absolute;left:50%;transform:translateX(-50%)}.scene-dots button{display:flex;align-items:center;gap:9px;padding:14px 0;border:0;background:none;color:inherit;font-size:9px}.scene-dots i{position:relative;width:45px;height:2px;background:currentColor;opacity:.2}.scene-dots [aria-pressed=true] i{opacity:1}.scene-dots i:after{content:'';position:absolute;inset:0;background:currentColor;transform:scaleX(var(--progress,0));transform-origin:left}.copy-garden{top:16%;left:12%}.copy-garden h2{font-size:3.5vw}.world-shade{background:linear-gradient(90deg,#12251d4d,transparent 62%);opacity:0}.copy-bird{top:23%;left:8%;opacity:0}.copy-water,.copy-gecko{top:26%;left:9%;opacity:0;color:white}.copy-bird h2,.copy-water h2,.copy-gecko h2{font-size:4.4vw}.copy-together{top:14%;text-align:center;left:5%;right:5%;max-width:none;opacity:0}.copy-together h2{font-size:3.4vw}.water-light{position:absolute;inset:-30%;background:linear-gradient(110deg,transparent 35%,#e5fff213 39%,transparent 44%,#e5fff20c 49%,transparent 57%);opacity:0;pointer-events:none}.water-bubbles{position:absolute;inset:0;opacity:0;pointer-events:none}.water-bubbles i{position:absolute;left:calc(12% + var(--i)*12%);bottom:calc(6% + var(--i)*7%);width:calc(5px + var(--i)*2px);height:calc(5px + var(--i)*2px);border:1px solid #ffffff80;box-shadow:inset 2px 2px 4px #ffffff20;border-radius:50%}.care-shade{background:linear-gradient(90deg,#f6f2e7cc,transparent 64%)}.care-paper{background:radial-gradient(ellipse at 75% 50%,#ece1f1,#f7f5ef 73%);opacity:0}.copy-care{top:30%}.care-side{position:absolute;left:8%;top:26%;width:44%;z-index:6;opacity:0}.care-side .chapter{font-size:9px}.care-text-states{display:grid;position:relative;padding-bottom:8px}.care-text-states h2{grid-area:1/1;min-width:0;opacity:0;font-size:3.5vw;overflow-wrap:anywhere}.example-note{font-size:11px;color:#787872;margin:16px 0 32px}.care-progress{list-style:none;padding:0;margin:0;max-width:440px;border-top:1px solid #d6d5ca}.care-progress li{display:flex;align-items:center;gap:22px;padding:15px 0;border-bottom:1px solid #d6d5ca;font-size:14px;opacity:.35}.care-progress li>span{font-size:10px;letter-spacing:.08em;color:#50705b}.care-progress li.is-active{opacity:1}.copy-finale{left:8%;top:27%;opacity:0;max-width:86%}.copy-finale h2{font-size:3.6vw}.finale-sub{position:relative;margin-top:clamp(20px,2.2vw,34px);font-size:17px;line-height:1.8;opacity:0}
/* Entirely new act two and three. */
.section-label{font-size:10px;letter-spacing:.15em;color:#698069;margin-bottom:28px}.story-section{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:140px var(--page-gutter);align-items:center}.story-image{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:2px}.story-image img{height:100%;width:100%;object-fit:cover}.story-image:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#2d332765)}.story-image>span{position:absolute;z-index:2;left:26px;bottom:25px;color:white;font-size:10px;letter-spacing:.15em}.story-text>p:not(.section-label){margin-top:30px;color:var(--muted);font-size:16px;line-height:2;max-width:400px}.story-note{border-top:1px solid var(--line);margin-top:30px;padding-top:24px;font-size:15px;line-height:1.9;color:#456444}.how-section{padding:115px var(--page-gutter);background:#eaece2}.section-heading{text-align:center}.section-heading .section-label{margin-bottom:20px}.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:75px}.how-grid article{position:relative;padding-top:20px;border-top:1px solid #b7c3ab}.step-number{font-size:13px;color:#729167;font-weight:500}.how-grid h3{font-size:18px;font-weight:500;letter-spacing:-.04em;margin:36px 0 15px}.how-grid p{font-size:14px;line-height:1.85;color:#727d6b}.step-link{position:absolute;right:0;top:19px;font-size:20px;color:#8a9a7d}.how-footnote{display:flex;gap:25px;justify-content:center;align-items:center;margin-top:70px;padding-top:30px;border-top:1px solid #d1d7c7;font-size:13px;color:#737e69}.how-footnote>span{font-weight:750;font-size:19px;letter-spacing:-1px}.global-section{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:4%;padding:85px var(--page-gutter);background:#eee9f2;min-height:750px;overflow:hidden}.global-copy>p:not(.section-label){font-size:16px;color:#797183;line-height:1.9;max-width:350px;margin-top:25px}.language-labels{display:flex;gap:23px;font-size:12px;margin-top:30px;color:#5f546c}.global-copy>small{display:block;font-size:11px;color:#8e8695;line-height:1.8;max-width:370px;margin-top:18px}.globe-composition{height:570px;position:relative}.global-stage{height:100%;width:100%;position:relative;overflow:hidden}.global-globe{position:absolute;inset:9% 4% 4%;z-index:1}.global-globe iframe{width:100%;height:100%;border:0;background:transparent;pointer-events:none}.globe-aura{position:absolute;inset:18%;background:#c3abd855;border-radius:50%;filter:blur(60px)}.global-city,.global-heart{display:none}.global-message-layer{position:absolute;inset:0;z-index:3;pointer-events:none}.global-message{position:absolute;visibility:hidden;opacity:0;width:215px;max-width:90%;padding:11px 13px;background:#fffaf8ee;border:1px solid #fff;border-radius:14px;box-shadow:0 10px 30px #5a436d14}.global-message.is-measuring{visibility:hidden;display:block;opacity:0}.global-message.is-queued{visibility:visible;animation:global-rise var(--queue-duration,4400ms) ease-in-out both}.global-message.is-static-geo{visibility:visible;opacity:1}.pet-chat{display:flex;align-items:center;gap:10px}.pet-profile{width:36px;height:36px;flex-shrink:0;border-radius:50%;overflow:hidden;background-image:url('../assets/pet-profiles/rehey-pet-profile-sprite-v1.webp');background-size:600% 400%;background-position:var(--profile-x,0) var(--profile-y,0)}.pet-profile img{width:100%;height:100%;object-fit:cover}.pet-chat-meta{font-size:8px;letter-spacing:.06em;color:#928598}.pet-chat-copy>p{font-size:11px;line-height:1.5;margin-top:3px;color:#4c4256}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}@keyframes global-rise{0%{opacity:0;transform:translate(0,20px)}18%{opacity:1}40%{transform:translate(var(--zig-1,5px),-15px)}68%{transform:translate(var(--zig-2,-5px),-40px);opacity:1}100%{opacity:0;transform:translate(var(--zig-end,0px),-75px)}}.promise-section{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:130px var(--page-gutter);align-items:center}.promise-photo{height:650px;overflow:hidden;order:2}.promise-photo img{height:100%;width:100%;object-fit:cover;object-position:68% center}.promise-content{order:1}.promise-lead{font-size:15px;line-height:1.9;color:#7c8375;margin-top:24px}.promise-list{margin-top:40px}.promise-list article{display:flex;gap:19px;border-top:1px solid #daddd0;padding:22px 0}.promise-list article>span{font-size:10px;color:#728364;margin-top:5px}.promise-list h3{font-size:17px;font-weight:500;line-height:1.6;letter-spacing:-.03em}.promise-list p{font-size:13px;line-height:1.9;color:#858977;margin-top:6px}.faq-section{padding:105px var(--page-gutter);display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;background:#efeee7}.faq-section h2{font-size:3vw}.faq-list details{border-bottom:1px solid #d9ddd1}.faq-list details:first-child{border-top:1px solid #d9ddd1}.faq-list summary{cursor:pointer;list-style:none;display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:15px;padding:25px 0;line-height:1.8}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:25px;font-weight:300;color:#788c6b;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{font-size:14px;line-height:1.9;color:#7c8574;padding:0 32px 26px 0}.download-section{position:relative;overflow:hidden;padding:105px 25px 200px;background:#e2e9dc;text-align:center;min-height:max(680px,38vw)}.download-section>img{margin:0 auto 28px;width:74px;height:74px;object-fit:contain}.download-section .section-label{margin-bottom:18px}.download-section h2{font-size:3.8vw;line-height:1.4}.download-section>p:not(.section-label){font-size:16px;color:#77876c;margin-top:18px}.store-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:35px;position:relative;z-index:2}.store-badge{display:flex;gap:10px;align-items:center;text-align:left;background:#253b2a;color:#fff;border:1px solid #253b2a;border-radius:10px;padding:12px 18px;min-width:168px}.store-badge svg{width:26px;height:26px;flex-shrink:0}.store-badge small{display:block;font-size:9px;opacity:.7}.store-badge strong{display:block;font-size:16px;font-weight:500}.store-badge.is-planned{background:#f3f5ed;color:#56744b;border-color:#c2d0b4}.download-word{position:absolute;font-size:24vw;letter-spacing:-.085em;font-weight:750;line-height:.9;left:-1%;right:0;bottom:.3em;color:#6b896312;white-space:nowrap;pointer-events:none}footer{padding:36px 4vw;display:flex;align-items:center;gap:28px;background:#e2e9dc;border-top:1px solid #cbd7c0}footer .wordmark{font-size:24px}footer>p{font-size:11px;color:#839075}footer>nav{display:flex;gap:18px;margin-left:auto;font-size:11px;color:#67795d}footer>small{font-size:10px;color:#7c8d71}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,30px);max-width:90%;padding:17px 23px;background:#253b2a;color:white;border-radius:10px;font-size:13px;z-index:200;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.cin-debug{position:fixed;left:8px;bottom:80px;background:#102017e6;color:#dbf8d2;font:11px/1.6 monospace;white-space:pre;padding:12px;z-index:200;pointer-events:none}.cinematic-ready .film{height:var(--film-height,800svh)}.cinematic-ready .film-stage{position:sticky;top:0}.cinematic-ready .film-photo{will-change:transform,opacity}
@media(min-width:1800px){.film-copy{top:31%}.copy-signal{top:20%}.copy-together{top:13%}.care-side{top:28%}}
@media(max-width:1100px){.film-header{gap:23px}.desktop-navigation{gap:20px}.header-cta{padding:11px 15px;gap:15px}.film-copy h1{font-size:5vw}.film-copy h2{font-size:4.7vw}.copy-brand>p{font-size:16vw}.story-section,.promise-section{gap:6%;padding:100px 6%}.story-text h2,.promise-content h2{font-size:3.8vw}.story-text>p:not(.section-label){font-size:14px}.promise-photo{height:620px}.global-section{padding-inline:6%;gap:1%;min-height:600px}.globe-composition{height:500px}.global-copy h2{font-size:4vw}.global-copy>p:not(.section-label){font-size:14px}.care-text-states h2{font-size:3.9vw}.how-grid{gap:20px}.how-grid h3{font-size:16px}.how-grid p{font-size:13px}footer{flex-wrap:wrap}footer>nav{gap:13px}}
@media(max-width:760px){:root{--page-gutter:7%}.film-header{height:70px;padding:0 22px;gap:18px}.wordmark{font-size:27px}.desktop-navigation,.header-cta{display:none}.language-navigation{margin-left:auto;gap:12px;font-size:10px}.menu-toggle{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5px;background:none;border:0;width:30px;height:40px;color:inherit}.menu-toggle i{width:20px;height:1px;background:currentColor}#mobile-menu{position:absolute;top:69px;left:0;right:0;padding:22px;background:#f7f6f1;color:#263727;border-bottom:1px solid #d4dbc9;box-shadow:0 20px 50px #24352017}#mobile-menu a{display:block;padding:13px;font-size:15px}.film-stage{min-height:620px}.film-copy{top:23%;left:8%;max-width:88%}.film-copy h1{font-size:clamp(28px,6.9vw,45px);line-height:1.65}.film-copy h2{font-size:clamp(27px,6.7vw,43px);line-height:1.5}.chapter{font-size:7px;letter-spacing:.14em;margin-bottom:23px;gap:8px}.chapter>span{width:18px;height:18px;font-size:7px}.photo-close{object-position:66% center}.signal-shade{background:linear-gradient(180deg,#f4eee794,transparent 64%),linear-gradient(90deg,#f4eee742,transparent 90%)}.copy-opening{top:22%}.copy-signal{top:20%}.photo-awakening,.photo-garden,.photo-care{object-position:48% center}.copy-brand{top:17%}.copy-brand>p{font-size:23vw}.copy-brand>span{font-size:12px;margin-top:9px}.signal-phone-glimpse{height:30%;left:64%;top:38%;border-width:3px;border-radius:16px}.signal-phone-glimpse>span{font-size:14px}.film-controls{left:7%;right:7%;bottom:22px;gap:12px}.scroll-invitation{font-size:8px;max-width:55%;gap:8px}.scroll-invitation>span{width:21px;height:30px;font-size:13px;flex-shrink:0}.scene-dots{left:auto;right:0;transform:none;gap:10px}.scene-dots button{font-size:8px;gap:5px}.scene-dots i{width:18px}.skip-story{display:none}.copy-garden{top:19%}.copy-garden h2{font-size:7vw}.photo-bird{object-position:59% center}.copy-bird{top:25%}.photo-water{object-position:58% center}.copy-water{top:23%}.copy-bird h2,.copy-water h2,.copy-gecko h2{font-size:7vw}.photo-gecko{object-position:60% center}.copy-gecko{top:25%;left:8%}.world-shade{background:linear-gradient(180deg,#17382940,transparent 70%)}.copy-together{top:17%;left:4%;right:4%;max-width:none}.copy-together h2{font-size:6.8vw}.water-bubbles i:nth-child(n+4){display:none}.water-light{display:none}.care-side{left:7%;top:14%;width:86%}.care-side .chapter{font-size:7px;margin-bottom:14px}.care-text-states{min-height:0}.care-text-states h2{font-size:6.3vw;line-height:1.4}.example-note{font-size:8px;margin:8px 0}.care-progress{position:absolute;left:0;right:0;top:75svh;border:0;display:flex;gap:9px}.care-progress li{border:0;font-size:8px;gap:4px;padding:0;flex:1;line-height:1.5}.care-progress li>span{font-size:7px}.copy-care{top:22%}.copy-finale{left:8%;top:23%}.copy-finale h2{font-size:6.9vw}.finale-sub{font-size:13px;line-height:1.8}.story-section{grid-template-columns:1fr;padding:75px 7%;gap:40px}.story-image{aspect-ratio:1.15}.story-text h2{font-size:34px}.section-label{font-size:9px;margin-bottom:22px}.story-text>p:not(.section-label){font-size:15px;line-height:1.9;margin-top:24px}.story-note{font-size:14px;margin-top:24px;padding-top:20px}.how-section{padding:80px 7%}.section-heading{text-align:left}.section-heading h2{font-size:29px}.how-grid{grid-template-columns:1fr 1fr;gap:34px 24px;margin-top:42px}.how-grid h3{font-size:15px;margin-top:25px;line-height:1.6}.how-grid p{font-size:13px;line-height:1.8}.how-footnote{margin-top:40px;gap:18px;font-size:10px;align-items:flex-start}.how-footnote p{line-height:1.8}.how-footnote>span{font-size:18px}.global-section{grid-template-columns:1fr;padding:75px 7% 25px;gap:20px}.global-copy h2{font-size:34px}.global-copy>p:not(.section-label){font-size:15px}.language-labels{font-size:11px;gap:23px;margin-top:23px}.global-copy>small{font-size:10px}.globe-composition{height:390px;margin:0 -6%}.global-message{width:175px;padding:9px 10px}.pet-chat{gap:8px}.pet-profile{width:30px;height:30px}.pet-chat-copy>p{font-size:9px}.pet-chat-meta{font-size:7px}.promise-section{grid-template-columns:1fr;gap:35px;padding:75px 7%}.promise-photo{height:auto;aspect-ratio:1.15;order:0}.promise-content{order:1}.promise-content h2{font-size:32px}.promise-lead{font-size:14px;margin-top:20px}.promise-list{margin-top:30px}.promise-list h3{font-size:16px}.promise-list p{font-size:13px}.faq-section{grid-template-columns:1fr;gap:33px;padding:70px 7%}.faq-section h2{font-size:31px}.faq-list summary{font-size:14px;padding:21px 0}.faq-list details>p{font-size:13px}.download-section{padding:75px 7% 120px;min-height:560px}.download-section>img{width:65px;height:65px;margin-bottom:25px}.download-section h2{font-size:30px}.download-section>p:not(.section-label){font-size:13px;line-height:1.8}.store-actions{gap:9px;margin-top:26px}.store-badge{min-width:0;flex:1;max-width:180px;padding:12px 13px;gap:8px}.store-badge svg{width:22px;height:22px}.store-badge strong{font-size:14px}.store-badge small{font-size:8px}.download-word{font-size:28vw;bottom:.3em}footer{padding:32px 7%;gap:15px;align-items:center}footer>p{font-size:10px}footer>nav{width:100%;margin:7px 0;flex-wrap:wrap;gap:12px 18px;font-size:10px}footer>small{font-size:9px}.film-header.over-dark{color:white}.cin-debug{font-size:9px;bottom:66px;padding:8px;opacity:.8}}
@media(max-width:350px){.film-header{padding-inline:17px;gap:11px}.wordmark{font-size:25px}.language-navigation{gap:9px}.film-copy h1{font-size:26px}.chapter{font-size:6px}.copy-opening{top:22%}.film-stage{min-height:610px}.scene-dots{gap:8px}.scene-dots i{width:13px}.story-text h2,.promise-content h2{font-size:30px}.how-grid{gap:25px 17px}.how-grid h3{font-size:14px}.care-text-states h2{font-size:22px}}
html[lang=en] .film-copy h1{font-size:clamp(45px,5.9vw,104px);line-height:1.15;letter-spacing:-.06em}html[lang=en] h2{line-height:1.2;letter-spacing:-.045em}html[lang=ja] .film-copy h1{font-size:clamp(33px,3.5vw,64px);line-height:1.65}html[lang=ja] h2{letter-spacing:-.055em}
@media(max-width:760px){html[lang=en] .film-copy h1{font-size:clamp(38px,10vw,58px)}html[lang=en] .film-copy h2{font-size:8vw}html[lang=ja] .film-copy h1{font-size:6.7vw}html[lang=ja] .film-copy h2{font-size:6.6vw}html[lang=en] .care-text-states h2{font-size:7.2vw}html[lang=ja] .care-text-states h2{font-size:6.2vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:760px){.care-progress{display:none}.scene-care .phone-wrap{top:29%}.film-controls.phone-active{opacity:0;pointer-events:none}.photo-bird{object-position:67% center}.photo-water{object-position:67% center}.photo-gecko{object-position:67% center}}
html[data-motion-quality=low] .water-light,html[data-motion-quality=low] .water-bubbles{display:none}html[data-motion-quality=low] .film-photo{will-change:auto}
/* Complete static story for reduced motion and no JavaScript. */
html.reduced-film .film,html:not(.cinematic-ready) .film{height:auto!important}
html.reduced-film .film-stage,html:not(.cinematic-ready) .film-stage{height:auto;position:relative;overflow:visible}
html.reduced-film .film-scene,html:not(.cinematic-ready) .film-scene{position:relative;height:100svh;min-height:700px;opacity:1!important;visibility:visible!important}
html.reduced-film .scene-universe,html:not(.cinematic-ready) .scene-universe{background:url('../assets/film/garden-world.webp') center/cover}
html.reduced-film .scene-care,html:not(.cinematic-ready) .scene-care{height:1100px;background:#f7f5ef}
html.reduced-film .film-photo,html:not(.cinematic-ready) .film-photo{opacity:0!important;visibility:hidden!important;transform:none!important}
html.reduced-film .photo-close,html:not(.cinematic-ready) .photo-close{opacity:1!important;visibility:visible!important}
html.reduced-film .copy-opening,html:not(.cinematic-ready) .copy-opening,html.reduced-film .copy-together,html:not(.cinematic-ready) .copy-together{opacity:1!important;visibility:visible!important;transform:none!important}
html.reduced-film .copy-signal,html.reduced-film .copy-brand,html.reduced-film .copy-garden,html.reduced-film .copy-bird,html.reduced-film .copy-water,html.reduced-film .copy-gecko,html.reduced-film .copy-care,html.reduced-film .copy-finale,html.reduced-film .finale-sub,html.reduced-film .signal-phone-glimpse,html.reduced-film .film-controls,html:not(.cinematic-ready) .film-controls{display:none!important}
html.reduced-film .care-side,html:not(.cinematic-ready) .care-side{opacity:1!important;visibility:visible!important;transform:none!important;top:22%;left:7%;width:43%}
html.reduced-film .care-text-states h2,html:not(.cinematic-ready) .care-text-states h2{opacity:0!important;visibility:hidden!important}
html.reduced-film .care-text-states h2[data-care-copy="2"],html:not(.cinematic-ready) .care-text-states h2[data-care-copy="2"]{opacity:1!important;visibility:visible!important;transform:none!important}
html.reduced-film .phone-wrap,html:not(.cinematic-ready) .phone-wrap{opacity:1!important;visibility:visible!important;transform:none!important;left:59%;top:11%}
html.reduced-film .actual-chat-viewport,html:not(.cinematic-ready) .actual-chat-viewport{overflow-y:auto}
html.reduced-film .actual-phone,html:not(.cinematic-ready) .actual-phone{pointer-events:auto}
html.reduced-film .actual-chat-track,html:not(.cinematic-ready) .actual-chat-track{transform:none!important}
html.reduced-film .actual-welcome,html.reduced-film .actual-typing,html:not(.cinematic-ready) .actual-welcome,html:not(.cinematic-ready) .actual-typing{display:none!important}
html.reduced-film .actual-user,html.reduced-film .actual-assistant,html.reduced-film .actual-confirmation,html:not(.cinematic-ready) .actual-user,html:not(.cinematic-ready) .actual-assistant,html:not(.cinematic-ready) .actual-confirmation{opacity:1!important;visibility:visible!important;transform:none!important}
@media(max-width:760px){html.reduced-film .scene-care,html:not(.cinematic-ready) .scene-care{height:1050px}html.reduced-film .care-side,html:not(.cinematic-ready) .care-side{left:7%;width:86%;top:85px}html.reduced-film .phone-wrap,html:not(.cinematic-ready) .phone-wrap{left:50%;transform:translateX(-50%)!important;top:280px}html.reduced-film .care-progress,html:not(.cinematic-ready) .care-progress{display:none}}

/* Storyboard alignment: normal-scale photographic beats, no foreground animal wipes. */
.photo-world,.photo-family,.photo-connection{opacity:0}
.photo-awakening,.photo-garden{object-position:55% 60%}
.photo-world,.photo-family{object-position:center 65%}
.photo-care{object-position:38% center}
.photo-connection{object-position:65% center}
.care-device-intro{position:absolute;z-index:7;left:68%;top:34%;height:43%;aspect-ratio:414/868;border:5px solid #77776e;border-radius:28px;box-shadow:0 25px 65px #36382b25;background:linear-gradient(125deg,#fffdfa,#f4ecfa);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;opacity:0;pointer-events:none}
.care-device-intro>img{width:27%}.care-device-intro>span{font-size:24px;font-weight:700;letter-spacing:-1px;color:#483564}
html.reduced-film .care-device-intro,html:not(.cinematic-ready) .care-device-intro{display:none}
@media(max-width:760px){.photo-awakening,.photo-garden{object-position:57% center}.photo-world,.photo-family{object-position:48% center}.photo-care{object-position:38% center}.photo-connection{object-position:68% center}.care-device-intro{left:64%;top:43%;height:32%;border-width:3px;border-radius:19px;gap:12px}.care-device-intro>span{font-size:16px}.copy-gecko h2{font-size:6.7vw}}
/* Leave the companion's eyes clear, as in storyboard 03-1 / 03-5. */
.copy-care{top:12%}.copy-care .chapter{display:none}.copy-care h2{font-size:3.1vw}
@media(max-width:760px){.copy-care h2{font-size:6.4vw}.copy-gecko{top:18%}.copy-finale{top:14%}.copy-finale .chapter,.finale-sub{display:none}.copy-finale h2{font-size:6.2vw}html[lang=en] .copy-care h2,html[lang=en] .copy-finale h2{font-size:6.5vw}html[lang=ja] .copy-care h2,html[lang=ja] .copy-finale h2{font-size:6.2vw}}

/* New full-bleed family photograph; captions remain sharp, localized HTML. */
.family-storyboard{position:absolute;inset:0;display:block;background:#93b4cf;opacity:0;pointer-events:none}
.family-storyboard>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 78%}
html.reduced-film .family-storyboard,html:not(.cinematic-ready) .family-storyboard{opacity:1!important;visibility:visible!important;transform:none!important}
@media(max-width:760px){.family-storyboard>img{position:absolute;bottom:0;height:auto;mask-image:linear-gradient(to bottom,transparent,#000 18%)}.copy-together{top:15%}}

/* Reserve intrinsic copy height; all three titles share one stable grid row. */
@media(max-width:760px){.care-side{top:100px}.example-note{font-size:10px;line-height:1.6;margin:8px 0 0}}
/* Static care uses document flow too, including short landscape viewports. */
html.reduced-film .scene-care,html:not(.cinematic-ready) .scene-care{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;height:auto;min-height:100svh;padding:120px 7% 110px}
html.reduced-film .care-side,html:not(.cinematic-ready) .care-side{position:relative;top:auto!important;left:auto!important;width:100%!important}
html.reduced-film .phone-wrap,html:not(.cinematic-ready) .phone-wrap{position:relative;top:auto!important;left:auto!important;justify-self:center;transform:none!important}
@media(max-width:760px){html.reduced-film .scene-care,html:not(.cinematic-ready) .scene-care{grid-template-columns:1fr;gap:32px;padding:100px 7% 80px}}

@media(min-width:1800px){.copy-together{top:max(100px,11%)}}

/* Native fragment jumps respect the real header height without a second JS
   scroll adjustment. This also applies to entry-anchor's initial alignment. */
html{scroll-padding-top:calc(var(--film-header-height,84px) + 18px)}
@media(max-width:760px){html{--film-header-height:70px}}
/* Photographs stay continuous behind navigation. Text chapters receive a
   matching, softly faded surface only where foreground copy needs separation. */
.film-header,.film-header.scrolled,.film-header.over-dark{
  background:transparent;border:0;box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;
}
.film-header[data-header-scene]{
  color:rgb(var(--header-ink));
  background:transparent;border:0;box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;
  transition:color .22s ease;
  isolation:isolate;
}
.film-header[data-header-scene]::before{
  content:'';position:absolute;inset:0 0 -16px;z-index:-1;pointer-events:none;
  background:rgb(var(--header-surface) / .97);opacity:0;
  mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 16px),transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 16px),transparent 100%);
  backdrop-filter:none;-webkit-backdrop-filter:none;
  transition:opacity .16s ease;
}
.film-header[data-header-panel="true"]::before{opacity:1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.film-header[data-header-scene] .wordmark-dot{background:rgb(var(--header-dot));transition:background-color .22s ease}
.film-header[data-header-scene] .header-cta{color:inherit;border-color:transparent;background:transparent;box-shadow:none}
.film-header[data-header-scene] .menu-toggle{color:inherit}
.film-header[data-header-scene] #mobile-menu{color:rgb(var(--header-ink));background:rgb(var(--header-surface));border-color:rgb(var(--header-line) / .18)}
.film-header[data-header-scene] :is(a,button):focus-visible{outline-color:currentColor}
@media(prefers-reduced-motion:reduce){.film-header[data-header-scene],.film-header[data-header-scene]::before,.film-header[data-header-scene] .wordmark-dot{transition:none}}