@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700;900&family=Noto+Sans+JP:wght@400;600;700;900&display=swap";@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--ink:#17231e;--cream:#fffaf0;--matcha:#b8d93e;--sun:#ffd447;--coral:#ff694f;--mint:#d9f2d0;--paper:#fffdf7}*{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--ink);background:#efece2;margin:0;overflow:hidden}body{font-family:DM Sans,Noto Sans JP,sans-serif}button{font:inherit;color:inherit}.presentation{background:radial-gradient(circle at 20% 10%,#fff 0,#0000 22%),#efece2;width:100vw;height:100vh;min-height:560px;padding:18px;position:relative}.topbar{justify-content:space-between;align-items:center;max-width:1440px;height:44px;margin:auto;display:flex}.brand{letter-spacing:.12em;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;font-weight:900;display:flex}.brand-mark{color:#ffd447;background:#f15d4f;border-radius:50%;place-items:center;width:29px;height:29px;font-size:15px;display:grid;transform:none;box-shadow:inset 0 1px #ffffff3d}.top-actions{align-items:center;gap:8px;display:flex}.key-hint{opacity:.55;letter-spacing:.08em;text-transform:uppercase;margin-right:10px;font-size:11px}.icon-button{cursor:pointer;background:#fff9;border:1px solid #17231e33;border-radius:50%;width:31px;height:31px;font-size:12px;font-weight:800}.icon-button:hover{background:var(--sun)}.stage{background:var(--paper);border-radius:28px;max-width:1440px;margin:auto;position:absolute;inset:66px 18px 68px;overflow:hidden;box-shadow:0 20px 55px #2933281a}.slide{opacity:0;visibility:hidden;padding:clamp(40px,5vw,78px);transition:none;position:absolute;inset:0;overflow:hidden;transform:none}.slide.active{opacity:1;visibility:visible;z-index:2;transform:none}.eyebrow{letter-spacing:.08em;text-transform:uppercase;margin:0 0 24px;font-size:13px;font-weight:700}.eyebrow span{background:var(--sun);border-radius:99px;margin-right:10px;padding:7px 12px}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.055em;font-family:Noto Sans JP,sans-serif;line-height:1.03}h2{margin:0;font-size:clamp(46px,5.6vw,86px);font-weight:900}em{color:var(--coral);font-style:normal}.section-number{color:#1d2d250b;font-size:clamp(90px,14vw,210px);font-weight:900;line-height:1;position:absolute;top:2%;right:4%}.hero-slide{background:linear-gradient(110deg,var(--cream) 0 55%,var(--matcha) 55%);grid-template-columns:1.02fr .98fr;align-items:center;display:grid}.hero-copy{z-index:2;position:relative}.hero-copy h1{margin:0 0 23px;font-size:clamp(52px,6.2vw,96px);font-weight:900}.hero-copy h1 em{display:inline-block;transform:rotate(-2deg)}.lead-ja{margin-bottom:7px;font-size:clamp(16px,1.4vw,22px);font-weight:700}.lead-vi{color:#536259;font-size:13px}.hero-visual{height:100%;min-height:420px;position:relative}.photo-frame{background-position:50%;background-size:cover}.photo-friends{background-image:linear-gradient(#152e1930,#152e1930),url(/images/friends-cafe.jpg);border:10px solid #fff;border-radius:48% 44% 47% 40%/42% 51% 44% 50%;width:78%;height:72%;position:absolute;top:10%;left:7%;transform:rotate(3deg);box-shadow:15px 18px #17231e}.sticker{z-index:3;place-items:center;font-weight:900;display:grid;position:absolute}.sticker-smile{background:var(--sun);border-radius:50%;width:88px;height:88px;font-size:45px;top:4%;right:4%;transform:rotate(8deg)}.sticker-live{background:var(--coral);color:#fff;border-radius:99px;padding:12px 17px;bottom:14%;right:0;transform:rotate(-7deg)}.sticker-live:first-letter{color:#fff}.scribble{z-index:4;font-size:24px;font-weight:900;position:absolute;bottom:3%;right:3%;transform:rotate(-8deg)}.mini-phone{background:var(--ink);border:5px solid var(--ink);border-radius:27px;width:142px;height:275px;padding:8px;box-shadow:0 10px 25px #18231d2e}.phone-speaker{background:#536259;border-radius:10px;width:42%;height:5px;margin:1px auto 7px}.phone-screen{background:linear-gradient(150deg,#fffef7,#e6f6d4);border-radius:17px;height:235px;padding:25px 12px;position:relative;overflow:hidden}.sun-dot{background:var(--sun);border-radius:50%;width:54px;height:54px;position:absolute;top:-8px;right:-12px}.phone-card{border:3px solid var(--ink);width:51px;height:51px;box-shadow:4px 4px 0 var(--ink);border-radius:13px;place-items:center;font-weight:900;animation:3s ease-in-out infinite float;display:grid;position:absolute}.phone-card-a{background:var(--coral);color:#fff;top:48px;left:13px}.phone-card-b{background:var(--matcha);animation-delay:-1s;top:78px;right:12px}.phone-card-c{background:var(--sun);animation-delay:-2s;top:128px;left:23px}.phone-line{background:#c4c8bf;border-radius:9px;height:7px;position:absolute;bottom:34px;left:15px;right:15px}.phone-line.short{bottom:19px;right:50px}.hero-phone{z-index:5;position:absolute;bottom:0;left:-4%;transform:rotate(-9deg)}.hero-foot{letter-spacing:.16em;font-size:10px;font-weight:700;position:absolute;bottom:24px;left:5%}.hero-foot span{margin-left:18px;font-size:20px;animation:1.2s infinite bounce;display:inline-block}.slide-heading{text-align:center;z-index:2;position:relative}.slide-heading h2{font-size:clamp(44px,5vw,75px)}.slide-heading p{color:#5c665f;margin-top:15px}.route{justify-content:center;align-items:center;gap:2.2vw;max-width:1070px;margin:6vh auto 0;display:flex;position:relative}.route-line{z-index:0;background:#17231e;height:4px;position:absolute;top:50%;left:10%;right:10%}.route-line span{background:var(--coral);border-radius:50%;width:14px;height:14px;animation:4s linear infinite travel;position:absolute;inset:-5px auto auto 20%}.route-card{border:3px solid var(--ink);z-index:1;width:245px;height:245px;box-shadow:8px 8px 0 var(--ink);border-radius:31px;padding:23px;position:relative;transform:rotate(-2deg)}.route-card:nth-of-type(2){transform:rotate(2deg)}.route-card:nth-of-type(3){transform:rotate(-1deg)}.route-card.lime{background:var(--matcha)}.route-card.yellow{background:var(--sun)}.route-card.coral{background:var(--coral);color:#fff}.route-card b{font-size:13px}.route-icon{width:58px;height:58px;color:var(--ink);margin:24px 0 12px;position:relative}.icon-phone{border:3px solid;border-radius:11px;width:38px;height:58px;margin-left:8px;box-shadow:4px 4px #fff7}.icon-phone:before{content:"";background:currentColor;border-radius:4px;height:3px;position:absolute;top:5px;left:12px;right:12px}.icon-phone:after{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.icon-phone span{grid-template-columns:1fr 1fr;gap:3px;display:grid;position:absolute;inset:14px 6px 13px}.icon-phone i{background:currentColor;border-radius:2px;display:block}.icon-phone i:nth-child(2),.icon-phone i:nth-child(3){opacity:.52}.icon-live{border:3px solid;border-radius:12px;width:64px;height:47px;box-shadow:4px 4px #fff7}.icon-live:before{content:"";border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:15px solid;position:absolute;top:11px;left:23px}.icon-live span{background:var(--coral);color:#fff;border:2px solid var(--ink);letter-spacing:.06em;border-radius:99px;padding:3px 6px;font-size:8px;font-weight:900;animation:1.45s ease-in-out infinite livePulse;position:absolute;top:-12px;right:-13px}.icon-meet{width:58px;height:58px}.icon-meet:before{content:"";border:3px solid #fff;border-radius:3px 3px 13px 13px;width:38px;height:28px;position:absolute;bottom:7px;left:5px;box-shadow:4px 4px #17231e55}.icon-meet:after{content:"";border:3px solid #fff;border-left:0;border-radius:0 12px 12px 0;width:15px;height:16px;position:absolute;bottom:14px;right:2px}.icon-meet span:before,.icon-meet span:after{content:"";opacity:.85;background:#fff;border-radius:50%;width:3px;height:18px;animation:2.4s ease-in-out infinite steamRise;position:absolute;top:1px}.icon-meet span:before{left:18px}.icon-meet span:after{animation-delay:.8s;left:32px}.route-card h3{letter-spacing:.06em;margin-bottom:5px;font-size:16px}.route-card p{font-size:13px}.route-arrow{z-index:2;background:var(--paper);border-radius:50%;font-size:31px;font-weight:900}.route-caption{text-align:center;letter-spacing:.2em;margin:5vh 0 0;font-weight:900}.route-caption span{color:var(--coral);margin:0 15px}.phone-copy{z-index:3;position:relative}.body-ja{margin:30px 0;font-size:clamp(16px,1.5vw,22px);line-height:1.9}.quote-pill{background:var(--coral);color:#fff;border-radius:99px;padding:13px 19px;font-weight:700;display:inline-block;transform:rotate(-1deg)}.big-phone{z-index:3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(3deg)scale(1.36)}.orbit-ring{border:2px dashed #17231e38;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-ring.one{width:62%;height:62%}.orbit-ring.two{width:92%;height:92%}.orbit-item{z-index:4;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fff;border-radius:18px;align-items:center;gap:9px;padding:10px 14px;animation:3.5s ease-in-out infinite float;display:flex;position:absolute}.orbit-item span{background:var(--sun);border-radius:12px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.orbit-item b{font-size:12px}.item-qr{top:17%;left:4%}.item-bike{animation-delay:-1s;top:20%;right:0}.item-food{animation-delay:-2s;bottom:17%;left:2%}.item-ai{animation-delay:-3s;bottom:16%;right:1%}.item-ai span{background:var(--coral);color:#fff}.qr-photo-wrap{height:90%;position:relative}.photo-qr{height:100%;box-shadow:12px 12px 0 var(--ink);background-image:url(/images/qr-vendor.jpg);border:7px solid #fff;border-radius:25px}.photo-label{letter-spacing:.12em;background:#fff;padding:8px 12px;font-size:9px;font-weight:900;position:absolute;bottom:18px;left:18px}.qr-sticker{text-align:center;background:var(--coral);color:#fff;border:4px solid var(--ink);border-radius:50%;place-items:center;width:115px;height:115px;font-weight:900;display:grid;position:absolute;top:-22px;right:-28px;overflow:hidden;transform:rotate(8deg)}.qr-sticker span{font-size:22px;position:absolute;bottom:10px}.qr-scan-line{background:linear-gradient(90deg,#0000,#fff,#0000);border-radius:5px;width:84%;height:3px;animation:2.5s ease-in-out infinite qrScan;position:absolute;left:8%;box-shadow:0 0 10px #fff}.qr-copy{z-index:3;position:relative}.qr-copy h2{font-size:clamp(48px,5.4vw,82px)}.qr-copy h2 em{color:#fff;text-shadow:3px 3px 0 var(--ink)}.qr-copy>p:not(.eyebrow){margin-top:24px;font-size:17px;line-height:1.9}.qr-copy blockquote{border-left:5px solid var(--coral);margin:28px 0 20px;padding:5px 0 5px 20px;font-size:clamp(20px,2.1vw,30px);font-weight:900;line-height:1.45}.tiny-note{letter-spacing:.1em;font-size:11px;font-weight:700}.live-slide{background:linear-gradient(135deg,#f5f9ea,#fff5ef);grid-template-columns:1fr 410px;align-items:center;gap:8%;display:grid}.live-copy{z-index:2;position:relative}.live-copy h2{font-size:clamp(49px,5.5vw,84px)}.live-copy p:not(.eyebrow){margin:26px 0;font-size:17px;line-height:1.8}.live-points{gap:10px;margin:25px 0;display:flex}.live-points span{border:2px solid var(--ink);border-radius:99px;padding:9px 13px;font-weight:700}.live-points b{background:var(--matcha);border-radius:10px;margin-left:6px;padding:3px 6px;font-size:10px}.trend-button{background:var(--ink);color:#fff;cursor:pointer;box-shadow:5px 5px 0 var(--matcha);border:0;border-radius:99px;padding:13px 19px;font-weight:800}.trend-tags{opacity:0;align-items:end;gap:8px;height:50px;transition:all .3s;display:flex;transform:translateY(10px)}.trend-tags.show{opacity:1;transform:none}.trend-tags span{background:var(--sun);border-radius:9px;padding:7px 10px;font-size:12px;font-weight:900}.live-phone{border:8px solid var(--ink);height:min(66vh,580px);box-shadow:15px 15px 0 var(--sun);color:#fff;background:linear-gradient(#7fad35,#badf42 47%,#304027 47%);border-radius:36px;padding:20px;position:relative;overflow:hidden}.live-top{justify-content:space-between;font-size:11px;display:flex}.live-top span{background:var(--coral);border-radius:7px;padding:5px 8px;animation:1.45s ease-in-out infinite livePulse}.live-host{align-items:center;gap:10px;margin-top:17px;display:flex}.host-face{background:var(--sun);width:42px;height:42px;color:var(--ink);border-radius:50%;place-items:center;font-size:24px;display:grid}.live-host span{font-size:13px;font-weight:700}.live-host small{opacity:.8;font-weight:400;display:block}.product-card{height:34%;color:var(--ink);box-shadow:8px 8px 0 var(--ink);background:#edf9ce;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:23%;left:18%;right:18%;transform:rotate(-3deg)}.product-card .trend-label{letter-spacing:.05em;font-size:9px}.product-name{text-align:center;margin:5px 0 7px;font-size:28px;line-height:.93;animation:.62s cubic-bezier(.2,1.35,.4,1) both productLift}.live-price-board{background:var(--ink);color:#fff;border-radius:10px;width:78%;padding:7px 9px 6px;transform:rotate(1deg);box-shadow:0 5px #769b29}.price-meta,.price-main{justify-content:space-between;align-items:center;display:flex}.price-meta{letter-spacing:.11em;color:#dce5de;font-size:6px}.price-meta span{align-items:center;gap:4px;display:flex}.price-meta i{background:var(--coral);border-radius:50%;width:5px;height:5px;animation:1.4s infinite livePulse;box-shadow:0 0 0 3px #ff694f22}.price-meta small{opacity:.55;font-size:5px}.price-main{margin-top:2px}.price-main small{background:#ffffff17;border-radius:99px;padding:3px 5px;font-size:7px;font-weight:900}.price-main small.up{color:#c8ed49}.price-main small.down{color:#ff8b78}.price-main small.steady{color:#fff}.price-history{border-bottom:1px solid #ffffff24;align-items:end;gap:3px;height:15px;margin-top:3px;display:flex}.price-history i{background:#ffffff28;border-radius:2px 2px 0 0;width:calc(25% - 2px);transition:height .45s,background .45s}.price-history i.current{background:var(--coral);box-shadow:0 0 8px #ff694f77}.comments{z-index:6;flex-direction:column;align-items:flex-start;display:flex;position:absolute;bottom:67px;left:18px;right:68px}.comments p{white-space:nowrap;background:#17231ee6;border-radius:99px;margin:4px 0;padding:6px 11px;font-size:12px;animation:.45s cubic-bezier(.2,.8,.2,1) both chatIn}.comments i{background:var(--coral);border-radius:50%;place-items:center;width:19px;height:19px;margin-right:6px;font-style:normal;display:inline-grid}.comments i.sun{background:var(--sun);color:var(--ink)}.comments i.matcha{background:var(--matcha);color:var(--ink)}.heart-layer{pointer-events:none;z-index:12;position:absolute;inset:0}.floating-heart{background:var(--heart-color);opacity:0;will-change:transform,opacity;border-radius:3px;animation:3.1s cubic-bezier(.18,.62,.28,1) forwards reactionFloat;position:absolute;bottom:58px;box-shadow:0 4px 12px #17231e44,0 0 10px #fff4}.floating-heart:before,.floating-heart:after{content:"";background:inherit;border-radius:50%;width:100%;height:100%;position:absolute}.floating-heart:before{top:0;left:-50%}.floating-heart:after{top:-50%;left:0}.floating-heart:nth-child(2n){animation-name:reactionFloatAlt}.floating-heart:nth-child(3n){filter:saturate(.85)brightness(1.08)}.live-input{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:14;background:#ffffff0a;border:1px solid #ffffff70;border-radius:99px;height:44px;padding:13px 52px 8px 12px;font-size:11px;position:absolute;bottom:14px;left:18px;right:18px}.heart-button{cursor:pointer;background:#ffffff1f;border:1px solid #fff9;border-radius:50%;place-items:center;width:36px;height:36px;transition:transform .2s,background .2s;display:grid;position:absolute;top:3px;right:4px;box-shadow:inset 0 0 0 1px #ffffff1c,0 5px 16px #17231e38}.heart-button:after{content:"";border:1px solid #ff8a7388;border-radius:50%;animation:1.8s ease-out infinite heartRing;position:absolute;inset:-1px}.heart-button i{background:linear-gradient(135deg,#ff9b8b,#ff536d);border-radius:2px;width:12px;height:12px;position:relative;transform:rotate(45deg);box-shadow:0 2px 7px #ff536d88}.heart-button i:before,.heart-button i:after{content:"";background:inherit;border-radius:50%;width:100%;height:100%;position:absolute}.heart-button i:before{top:0;left:-50%}.heart-button i:after{top:-50%;left:0}.heart-button:hover{background:#ffffff32;transform:scale(1.08)}.heart-button:active{transform:scale(.94)}.outside-title{z-index:2;position:relative}.outside-title h2{font-size:clamp(46px,5vw,76px)}.outside-title>p:not(.eyebrow){color:#536259;line-height:1.7;position:absolute;bottom:0;right:1%}.outside-grid{grid-template-columns:1fr 1fr 1fr;gap:22px;height:48%;margin-top:5vh;display:grid}.image-card,.travel-card{box-shadow:7px 7px 0 var(--ink);border:2px solid var(--ink);background:#fff;border-radius:22px;padding:12px;position:relative;overflow:hidden}.image-card .image,.travel-image{background-position:50%;background-size:cover;border-radius:14px;height:62%;margin-bottom:12px;position:relative;overflow:hidden}.cafe-card .image{background-image:url(/images/friends-cafe.jpg)}.matcha-card .image{background-image:url(/images/matcha.jpg)}.travel-image{background-image:linear-gradient(#17231e18,#17231e55),url(/images/travel-sapa.jpg);background-position:50% 42%}.matcha-steam{opacity:0;filter:blur(.4px);background:linear-gradient(#0000,#fff 60%,#fff0);border-radius:50%;width:5px;height:40px;animation:2.8s ease-in-out infinite steamRise;position:absolute;bottom:14%;left:50%}.steam-a{margin-left:-22px}.steam-b{margin-left:0;animation-delay:.65s}.steam-c{margin-left:21px;animation-delay:1.3s}.image-card span,.travel-card>span{z-index:2;letter-spacing:.12em;color:var(--coral);font-size:9px;font-weight:900;position:relative}.image-card h3,.travel-card h3,.image-card p,.travel-card p{z-index:2;position:relative}.image-card h3,.travel-card h3{margin:4px 0;font-size:18px}.image-card p,.travel-card p{color:#68736c;font-size:12px}.matcha-card{transform:translateY(-18px)rotate(1deg)}.travel-card{background:#fff}.travel-route{filter:drop-shadow(0 2px 2px #17231e88);border-top:3px dashed #fff;height:34px;position:absolute;top:58%;left:15%;right:15%;transform:rotate(-7deg)}.travel-route i{background:var(--coral);border:3px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;top:-7px}.travel-route i:first-child{left:0}.travel-route i:nth-child(2){left:48%}.travel-route i:nth-child(3){right:0}.travel-route span{background:#fff;border-radius:50%;width:11px;height:11px;animation:3s linear infinite routeMove;position:absolute;top:-7px;box-shadow:0 0 0 4px #ff694f88}.pin{color:#fff;text-shadow:0 3px 10px #17231eaa;font-size:44px;animation:1.8s ease-in-out infinite pinPop;position:absolute;top:30%;left:48%}.end-collage{height:90%;position:relative}.end-photo{box-shadow:9px 9px 0 var(--ink);background-position:50%;background-size:cover;border:7px solid #fff;position:absolute}.end-photo.friends{background-image:url(/images/friends-cafe.jpg);inset:3% 22% 34% 2%;transform:rotate(-4deg)}.end-photo.matcha{background-image:url(/images/matcha.jpg);inset:48% 5% 2% 36%;transform:rotate(5deg)}.end-shape{border:3px solid var(--ink);place-items:center;font-weight:900;display:grid;position:absolute}.shape-a{background:var(--sun);border-radius:50%;width:90px;height:90px;top:4%;right:5%;transform:rotate(8deg)}.shape-b{background:var(--coral);color:#fff;border-radius:99px;padding:12px 18px;bottom:5%;left:4%;transform:rotate(-8deg)}.end-phone{position:absolute;top:28%;right:19%;transform:rotate(10deg)scale(.8)}.end-copy{z-index:3;padding-left:9%;position:relative}.end-copy h2{font-size:clamp(52px,5.8vw,88px)}.end-copy>p:not(.eyebrow):not(.thanks){margin:20px 0;font-size:17px;line-height:1.7}.question-card{background:var(--sun);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);border-radius:19px;padding:17px 19px;display:inline-block}.question-card small{color:var(--coral);margin-bottom:6px;font-size:10px;font-weight:900;display:block}.question-card strong{font-size:clamp(15px,1.4vw,20px);line-height:1.5}.thanks{margin-top:22px;font-weight:800}.credits{letter-spacing:.12em;opacity:.5;font-size:8px;position:absolute;bottom:14px;right:20px}.controls{background:#fff;border:1px solid #d9d6cd;border-radius:99px;align-items:center;gap:14px;height:40px;padding:5px 7px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #17231e18}.controls>button{cursor:pointer;background:#eff0ea;border:0;border-radius:50%;width:30px;height:30px;font-weight:900}.controls>button:hover:not(:disabled){background:var(--sun)}.dots{align-items:center;display:flex}.dots button{cursor:pointer;background:0 0;border:0;place-items:center;width:24px;height:30px;padding:0;display:grid}.dots span{background:#a8afa9;border-radius:9px;width:5px;height:5px;transition:all .3s}.dots .current span{background:var(--coral);width:21px;height:6px}.counter{min-width:44px;margin-left:3px;font-size:10px}.counter b{font-size:14px}.speaker-notes{z-index:20;background:var(--ink);color:#fff;border-radius:18px;width:min(360px,100vw - 60px);padding:20px;position:absolute;bottom:72px;right:30px;box-shadow:0 18px 45px #0004}.speaker-notes button{float:right;color:#fff;cursor:pointer;background:0 0;border:0;font-size:22px}.speaker-notes small{color:var(--matcha);letter-spacing:.14em;font-size:9px;display:block}.speaker-notes strong{margin:7px 0 12px;display:block}.speaker-notes p{color:#dbe1dc;margin:0;font-size:13px;line-height:1.6}@keyframes float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-12px)rotate(2deg)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@keyframes travel{0%{left:5%}to{left:90%}}@keyframes qrScan{0%{opacity:0;top:12%}12%{opacity:1}55%{opacity:1;top:82%}68%,to{opacity:0;top:12%}}@keyframes livePulse{0%,to{box-shadow:0 0 #ff694f88}50%{box-shadow:0 0 0 7px #ff694f00}}@keyframes chatIn{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}@keyframes productLift{0%,to{transform:translateY(0)}45%{transform:translateY(-8px)}}@keyframes heartRing{0%{opacity:.7;transform:scale(.88)}75%,to{opacity:0;transform:scale(1.42)}}@keyframes reactionFloat{0%{opacity:0;transform:translate(0)rotate(45deg)scale(.45)}10%{opacity:.72;transform:translate(-5px,-28px)rotate(45deg)scale(1)}35%{opacity:.65;transform:translate(18px,-145px)rotate(50deg)scale(.92)}65%{opacity:.48;transform:translate(-13px,-285px)rotate(40deg)scale(.82)}to{opacity:0;transform:translate3d(var(--heart-drift),-465px,0) rotate(48deg) scale(.58)}}@keyframes reactionFloatAlt{0%{opacity:0;transform:translate(0)rotate(45deg)scale(.45)}10%{opacity:.68;transform:translate(6px,-26px)rotate(45deg)scale(1)}34%{opacity:.6;transform:translate(-16px,-138px)rotate(40deg)scale(.9)}68%{opacity:.44;transform:translate(15px,-300px)rotate(51deg)scale(.78)}to{opacity:0;transform:translate3d(var(--heart-drift),-450px,0) rotate(43deg) scale(.55)}}@keyframes steamRise{0%{opacity:0;transform:translateY(0)scaleX(1)}35%{opacity:.8}to{opacity:0;transform:translateY(-55px)translate(7px)scaleX(1.8)}}@keyframes routeMove{0%{opacity:0;left:0}10%,90%{opacity:1}to{opacity:0;left:calc(100% - 11px)}}@keyframes pinPop{0%,to{text-shadow:0 0 #ff694f88;transform:scale(1)}50%{text-shadow:0 0 18px #ff694f;transform:scale(1.15)}}@media (width<=900px){.presentation{padding:8px}.stage{inset:55px 8px 62px}.topbar{height:38px}.key-hint{display:none}.slide{padding:32px}.hero-slide,.phone-slide,.qr-slide,.live-slide,.end-slide{grid-template-columns:1fr}.hero-copy h1,h2{font-size:42px}.hero-visual{opacity:.72;width:55%;height:55%;min-height:0;position:absolute;bottom:-9%;right:-12%}.lead-vi{max-width:55%}.route{gap:8px}.route-card{width:29%;height:210px;padding:14px}.route-icon{margin:25px 0 12px;font-size:38px}.route-arrow{display:none}.phone-orbit{width:55%;height:65%;min-height:0;position:absolute;bottom:0;right:-12%}.phone-copy{width:62%}.qr-photo-wrap{opacity:.85;width:42%;height:45%;position:absolute;bottom:5%;left:4%}.qr-copy{margin-left:40%}.live-phone{width:270px;height:55%;position:absolute;bottom:4%;right:4%}.live-copy{width:56%}.outside-title>p:not(.eyebrow){display:none}.outside-grid{gap:10px;height:50%}.end-collage{width:48%;height:100%;position:absolute;top:0;left:0}.end-copy{margin-left:43%}.sticker-smile{width:60px;height:60px;font-size:30px}.outside-grid{margin-top:8vh}}@media (width<=620px){.presentation{min-height:500px}.brand{font-size:11px}.slide{padding:24px}.hero-slide{background:linear-gradient(160deg,var(--cream) 0 68%,var(--matcha) 68%);display:block}.hero-copy h1,h2{font-size:36px}.hero-visual{width:50%;height:40%;bottom:-2%}.photo-friends{width:100%;height:85%;left:0}.hero-phone{display:none}.route{flex-direction:column;margin-top:4vh}.route-card{grid-template-columns:35px 45px 1fr;align-items:center;width:90%;height:auto;min-height:93px;display:grid}.route-card p{display:none}.route-icon{margin:0;font-size:28px}.route-line,.route-caption{display:none}.phone-copy{width:100%}.phone-orbit{opacity:.35;width:70%}.qr-copy{margin:0}.qr-photo-wrap{opacity:.25;width:75%;height:60%}.live-copy{width:100%}.live-phone{opacity:.22;right:-10%}.live-points{flex-wrap:wrap}.outside-grid{grid-template-columns:1fr 1fr;height:58%}.travel-card{display:none}.image-card .image{height:52%}.matcha-card{transform:none}.end-copy{margin-left:0;padding:0 0 0 8%}.end-collage{opacity:.25;width:100%}.question-card{max-width:92%}.dots button{width:17px}.counter{display:none}.controls{gap:5px}}@media (prefers-reduced-motion:reduce){.slide{transition:none}.phone-card,.orbit-item,.matcha-steam,.travel-route span,.pin{animation:none!important}.floating-heart{animation:3.1s cubic-bezier(.18,.62,.28,1) forwards reactionFloat!important}.floating-heart:nth-child(2n){animation-name:reactionFloatAlt!important}.product-name{animation:.62s cubic-bezier(.2,1.35,.4,1) both productLift!important}.heart-button:after{animation:1.8s ease-out infinite heartRing!important}}.product-card{height:30%;top:25%}.product-name{margin:5px 0 9px;animation:.58s cubic-bezier(.2,1.35,.4,1) both productLift}.live-price-board{width:auto;box-shadow:none;color:var(--coral);background:0 0;border-radius:0;padding:0;display:block;transform:none}.price-number{letter-spacing:-.04em;font-size:20px;line-height:1;animation:none}.floating-heart{background:var(--heart-color)}@supports (color:color-mix(in lab, red, red)){.floating-heart{background:color-mix(in srgb,var(--heart-color) 68%,transparent)}}.floating-heart{box-shadow:0 3px 10px #17231e24,0 0 8px #fff2}.hero-slide{isolation:isolate;background:#fffaf0;grid-template-columns:57% 43%;align-items:start;display:grid}.cover-mark{color:#ffd447;font-size:15px}.cover-green-shape{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.cover-green-shape path{fill:#c8da91}.hero-copy{z-index:3;align-self:start;padding-top:9.5%;padding-left:1%;position:relative;transform:none}.hero-copy h1{letter-spacing:-.055em;flex-direction:column;align-items:flex-start;gap:0;margin:0 0 31px;font-size:clamp(78px,7vw,132px);font-weight:900;line-height:1.04;display:flex}.hero-copy h1>span{white-space:nowrap;display:block}.cover-emphasis{color:var(--coral);margin:.01em 0 .09em;padding-right:.12em;font-size:1.08em;position:relative}.cover-underline{width:96%;height:31px;position:absolute;bottom:-17px;left:-1%;overflow:visible}.cover-underline path{fill:none;stroke:var(--coral);stroke-width:7px;stroke-linecap:round;stroke-dasharray:470;stroke-dashoffset:470px}.accent-stroke{background:var(--coral);opacity:0;transform-origin:0;border-radius:8px;width:21px;height:5px;position:absolute;right:-32px}.stroke-a{top:23%;transform:rotate(-43deg)}.stroke-b{top:47%;right:-41px;transform:rotate(-3deg)}.stroke-c{top:69%;right:-31px;transform:rotate(37deg)}.lead-ja{letter-spacing:.015em;color:#26332d;margin:0;font-size:clamp(16px,1.45vw,22px);font-weight:500}.hero-visual{z-index:2;opacity:1;width:auto;height:auto;min-height:0;position:absolute;inset:0 0 0 55%}.photo-friends{width:94%;height:91%;box-shadow:none;background-image:url(/images/friends-cafe.jpg);background-position:50%;border:7px solid #fff;border-radius:44% 56% 47% 53%/48% 43% 57% 52%;position:absolute;top:2%;left:1%;transform:rotate(-.8deg)}.cover-phone{z-index:4;background:#1d3028;border:3px solid #1d3028;border-radius:20px;width:108px;height:180px;padding:6px;position:absolute;bottom:2%;left:-8%;transform:rotate(-7deg);box-shadow:0 8px 18px #1d302829}.cover-phone:before{content:"";z-index:2;background:#52635b;border-radius:4px;width:27px;height:4px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.cover-phone-screen{background:#fffdf7;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;display:flex}.cover-app{background:#e4edc7;border:2px solid #1d3028;border-radius:7px;width:28px;height:28px;position:relative}.app-pay:before{content:"";border:2px solid #1d3028;border-radius:3px;position:absolute;inset:6px}.app-pay:after{content:"";background:var(--coral);border-radius:50%;width:4px;height:4px;position:absolute;top:10px;left:10px}.app-video{background:#f38773}.app-video:before{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:9px solid #fff;position:absolute;top:7px;left:10px}.app-location{background:#d8dfad}.app-location:before{content:"";border:2px solid #1d3028;border-radius:50% 50% 55% 55%;width:9px;height:12px;position:absolute;top:5px;left:8px;transform:rotate(45deg)}.app-location:after{content:"";background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:9px;left:12px}.hero-slide.active .hero-copy h1{animation:.55s cubic-bezier(.2,.8,.2,1) both coverHeadline}.hero-slide.active .lead-ja{animation:.45s cubic-bezier(.2,.8,.2,1) .18s both coverHeadline}.hero-slide.active .cover-underline path{animation:.56s cubic-bezier(.4,0,.2,1) .43s forwards drawCoverLine}.hero-slide.active .accent-stroke{animation:.22s ease-out .98s forwards showCoverStroke}.hero-slide.active .stroke-b{animation-delay:1.05s}.hero-slide.active .stroke-c{animation-delay:1.12s}.hero-slide.active .cover-phone{animation:.48s cubic-bezier(.2,.8,.2,1) .82s both coverPhoneTilt}@keyframes coverHeadline{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes drawCoverLine{to{stroke-dashoffset:0}}@keyframes showCoverStroke{0%{opacity:0;scale:.25}to{opacity:1;scale:1}}@keyframes coverPhoneTilt{0%{transform:rotate(-7deg)}45%{transform:rotate(-4deg)}to{transform:rotate(-7deg)}}@media (width<=900px){.hero-slide{grid-template-columns:57% 43%}.hero-copy{width:auto;padding-top:7%;padding-left:0}.hero-copy h1{font-size:clamp(47px,7vw,68px)}.hero-visual{opacity:1;width:auto;height:auto;min-height:0;position:absolute;inset:0 0 0 56%}.photo-friends{width:94%;height:84%;left:1%}.cover-phone{width:82px;height:137px;left:-12%}.cover-green-shape{width:100%}}@media (width<=620px){.hero-slide{background:#fffaf0;grid-template-columns:61% 39%;display:grid}.hero-copy{padding-top:12%}.hero-copy h1{gap:.08em;font-size:clamp(34px,9vw,46px)}.lead-ja{font-size:12px;line-height:1.55}.hero-visual{opacity:1;width:auto;height:auto;position:absolute;inset:0 0 0 60%}.photo-friends{width:110%;height:72%;top:7%;left:-5%}.cover-phone{display:none}.cover-green-shape{width:100%;right:0}.accent-stroke{display:none}}@media (width>=901px){.topbar{max-width:1800px}.stage{aspect-ratio:16/9;width:min(1800px,100vw - 24px,177.778vh - 216.889px);max-width:none;height:auto;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.controls{top:calc(50% + min(506.25px,28.125vw - 6.75px,50vh - 61px) + 8px);bottom:auto}}.controls{z-index:30;-webkit-backdrop-filter:blur(18px)saturate(145%);backdrop-filter:blur(18px)saturate(145%);background:linear-gradient(135deg,#ffffffc2,#f7f9f36b);border:1px solid #ffffffb8;border-radius:999px;gap:10px;height:48px;padding:6px 9px;box-shadow:0 16px 38px #17231e29,inset 0 1px #ffffffeb,inset 0 -1px #17231e0f}.controls:before{content:"";background:linear-gradient(90deg,#0000,#fffffff2,#0000);height:1px;position:absolute;top:3px;left:12%;right:12%}.controls>button{background:#ffffff75;border:1px solid #17231e14;width:34px;height:34px;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 4px 12px #17231e12,inset 0 1px #ffffffe6}.controls>button:hover:not(:disabled){background:#ffd447b8;transform:translateY(-1px);box-shadow:0 7px 16px #17231e1c,inset 0 1px #ffffffe6}.controls>button:disabled{opacity:.3}.dots button{width:22px;height:34px}.dots span{background:#17231e57;width:4px;height:4px;transition:width .25s,background .25s}.dots .current span{background:var(--coral);width:23px;height:5px;box-shadow:0 0 0 3px #ff694f1a}.counter{letter-spacing:.05em;color:#17231e9e;min-width:48px;font-size:9px}.counter b{color:var(--ink);font-size:13px}.map-slide{background:#fffaf0}.map-slide .slide-heading{z-index:3;text-align:center;position:relative}.route-kicker{letter-spacing:.08em;background:#ffd66a;border-radius:999px;width:max-content;padding:9px 21px;font-weight:800;color:var(--ink)!important;margin:0 auto 18px!important;font-size:13px!important}.map-slide .slide-heading h2{letter-spacing:-.065em;white-space:nowrap;font-size:clamp(72px,5.4vw,98px);line-height:1}.route-subtitle{letter-spacing:.015em;font-weight:600;color:#48534d!important;margin:20px 0 0!important;font-size:clamp(18px,1.45vw,24px)!important}.route-subtitle span{color:var(--coral)}.map-slide .route{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:7%;width:min(1280px,92%);max-width:none;height:330px;margin:5vh auto 0;display:grid;position:relative}.story-route{z-index:0;width:116%;height:64%;position:absolute;top:18%;left:-8%;overflow:visible}.story-route-line{fill:none;stroke:#557c45;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.story-route-arrow{fill:none;stroke:var(--coral);stroke-width:3.6px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.story-route circle{fill:#557c45;stroke:#fffaf0;stroke-width:4px;vector-effect:non-scaling-stroke}.map-slide .route-card{z-index:2;width:100%;height:320px;color:var(--ink);border:1px solid #17231e14;border-radius:34px;flex-direction:column;justify-content:center;align-items:center;padding:30px 34px;transition:transform .23s,box-shadow .23s;display:flex;position:relative;box-shadow:0 14px 26px #17231e14}.map-slide .route-card-one{background:#dce7a7;border-radius:36px 31px 39px 29px;transform:translateY(-10px)rotate(-3.2deg)}.map-slide .route-card-two{background:#ffd978;border-radius:31px 39px 32px 37px;transform:translateY(7px)rotate(2.4deg)}.map-slide .route-card-three{background:#f17d69;border-radius:38px 32px 35px 30px;transform:translateY(-7px)rotate(-2.2deg)}.map-slide .route-card:hover{transform:translateY(-14px)rotate(0);box-shadow:0 19px 32px #17231e1f}.map-slide .route-card>b{color:#55743e;font-size:17px;line-height:1;position:absolute;top:25px;left:28px}.story-icon{fill:none;width:108px;height:108px;stroke:var(--ink);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.video-icon-wrap{width:108px;height:108px;position:relative}.video-icon-wrap .story-icon{position:absolute;inset:0}.video-icon-wrap span{background:var(--coral);color:#fff;letter-spacing:.05em;border-radius:999px;padding:6px 8px;font-size:9px;font-weight:900;position:absolute;top:13px;right:-9px}.map-slide .route-card h3{letter-spacing:.075em;margin:8px 0 10px;font-size:clamp(20px,1.45vw,25px);line-height:1.1}.map-slide .route-card p{letter-spacing:.035em;color:#26332d;margin:0;font-size:clamp(15px,1.1vw,18px);font-weight:600}.map-slide .route-caption{letter-spacing:.18em;justify-content:center;align-items:center;gap:17px;margin:37px auto 0;font-size:14px;font-weight:900;display:flex}.map-slide .route-caption svg{width:185px;height:29px;overflow:visible}.map-slide .route-caption svg path{fill:none;stroke:#557c45;stroke-width:2.8px;stroke-linecap:round;stroke-dasharray:5 7}.map-slide .route-caption svg .caption-arrow{stroke:var(--coral);stroke-dasharray:none;stroke-width:3.5px;stroke-linejoin:round}.map-slide.active .route-kicker,.map-slide.active .slide-heading h2,.map-slide.active .route-subtitle{animation:.45s cubic-bezier(.2,.8,.2,1) both routeHeadingIn}.map-slide.active .slide-heading h2{animation-delay:80ms}.map-slide.active .route-subtitle{animation-delay:.14s}.map-slide.active .story-route-line{stroke-dasharray:1800;stroke-dashoffset:1800px;animation:1.38s cubic-bezier(.35,0,.2,1) .28s forwards drawStoryRoute}.map-slide.active .story-route-arrow{animation:.22s ease-out 1.55s both routeNodeIn}.map-slide.active .story-route circle{animation:.22s ease-out both routeNodeIn}.map-slide.active .story-route circle:first-of-type{animation-delay:.5s}.map-slide.active .story-route circle:nth-of-type(2){animation-delay:.88s}.map-slide.active .story-route circle:nth-of-type(3){animation-delay:1.24s}.map-slide.active .route-card-one{animation:.42s cubic-bezier(.2,.8,.2,1) .48s backwards storyCardOneIn}.map-slide.active .route-card-two{animation:.42s cubic-bezier(.2,.8,.2,1) .86s backwards storyCardTwoIn}.map-slide.active .route-card-three{animation:.42s cubic-bezier(.2,.8,.2,1) 1.22s backwards storyCardThreeIn}.map-slide.active .route-caption{animation:.35s ease-out 1.55s both routeHeadingIn}@keyframes routeHeadingIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes drawStoryRoute{to{stroke-dashoffset:0}}@keyframes routeNodeIn{0%{opacity:0}to{opacity:1}}@keyframes storyCardOneIn{0%{opacity:0;transform:translateY(8px)rotate(-.6deg)}to{opacity:1;transform:translateY(-10px)rotate(-3.2deg)}}@keyframes storyCardTwoIn{0%{opacity:0;transform:translateY(20px)rotate(-.4deg)}to{opacity:1;transform:translateY(7px)rotate(2.4deg)}}@keyframes storyCardThreeIn{0%{opacity:0;transform:translateY(10px)rotate(.5deg)}to{opacity:1;transform:translateY(-7px)rotate(-2.2deg)}}@media (width<=900px){.route-kicker{margin-bottom:10px!important}.map-slide .slide-heading h2{font-size:52px}.route-subtitle{margin-top:10px!important}.map-slide .route{grid-template-columns:repeat(3,minmax(0,1fr));gap:3%;width:96%;height:270px;margin-top:4vh}.map-slide .route-card{width:100%;height:255px;padding:20px 12px}.story-icon,.video-icon-wrap{width:76px;height:76px}.map-slide .route-card h3{font-size:15px}.map-slide .route-card p{font-size:12px}.map-slide .route-caption{margin-top:24px}}.phone-slide{background:linear-gradient(121deg,#fffaf0 0 42%,#eef5d8 42%);grid-template-columns:43% 57%;align-items:center;display:grid}.phone-copy{z-index:5;padding-left:1%;position:relative}.phone-copy h2{letter-spacing:-.065em;font-size:clamp(66px,5.4vw,98px);line-height:1.04}.phone-copy h2 em{color:#72952d}.phone-copy .body-ja{margin:37px 0 35px;font-size:clamp(18px,1.45vw,24px);line-height:1.8}.smart-quote{color:var(--coral);letter-spacing:.025em;padding-bottom:11px;font-size:clamp(18px,1.5vw,25px);font-weight:700;display:inline-block;position:relative}.smart-quote i{background:var(--coral);border-radius:50%;width:100%;height:3px;position:absolute;bottom:1px;left:0;transform:rotate(-1.2deg)scaleX(.98)}.phone-orbit{height:100%;min-height:560px;position:relative}.smart-phone-shell{z-index:4;background:#17231e;border:3px solid #17231e;border-radius:54px;width:310px;height:640px;padding:15px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(5deg);box-shadow:0 25px 50px #17231e33}.smart-phone-notch{z-index:3;background:#17231e;border-radius:0 0 17px 17px;width:126px;height:29px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.smart-phone-screen{height:100%;color:var(--ink);background:#fffdf7;border-radius:38px;padding:40px 15px 20px;overflow:hidden}.smart-greeting{align-items:center;gap:8px;height:31px;font-size:13px;display:flex}.smart-greeting>span{color:#708078;font-size:29px}.smart-greeting>b{font-size:15px}.smart-greeting>i{background:var(--sun);border-radius:50%;width:14px;height:14px;margin-left:2px;box-shadow:0 0 0 4px #ffd44733}.smart-balance{background:#f4f4ee;border-radius:19px;margin:12px 0 14px;padding:15px 17px;position:relative;box-shadow:inset 0 1px #fff}.smart-balance small{color:#788078;font-size:10px;display:block}.smart-balance strong{letter-spacing:-.03em;margin-top:3px;font-size:24px;display:block}.smart-balance>b{font-size:29px;position:absolute;top:23px;right:17px}.smart-app-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.smart-app-grid>div{background:#f7f7f1;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;height:112px;padding:10px 5px 8px;display:flex;box-shadow:inset 0 1px #fff}.smart-app-grid svg{fill:none;width:54px;height:54px;stroke:var(--ink);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.smart-app-grid b{margin-top:4px;font-size:12px}.smart-ai-row{background:#f2f5e8;border-radius:17px;justify-content:space-between;align-items:center;margin-top:11px;padding:14px 15px;display:flex}.smart-ai-row b{font-size:13px;display:block}.smart-ai-row small{color:#707a72;margin-top:3px;font-size:9px;display:block}.smart-ai-row>i{background:#c1db45;border-radius:12px;place-items:center;width:40px;height:40px;font-size:13px;font-style:normal;font-weight:900;display:grid}.phone-slide .orbit-ring{z-index:1;border:2px dashed #5470414d;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.phone-slide .orbit-ring.one{width:58%;height:64%}.phone-slide .orbit-ring.two{width:88%;height:92%}.phone-slide .orbit-item{z-index:5;background:#fffdf7f5;border:1px solid #17231e29;border-radius:24px;align-items:center;gap:21px;min-width:290px;padding:23px 28px;transition:transform .22s,box-shadow .22s;animation:none;display:flex;position:absolute;box-shadow:0 12px 25px #17231e1c}.phone-slide .orbit-item:hover{transform:translateY(-4px);box-shadow:0 15px 28px #17231e24}.phone-slide .orbit-item svg{fill:none;width:80px;height:80px;stroke:var(--ink);stroke-width:2.3px;stroke-linecap:round;stroke-linejoin:round;flex:none}.phone-slide .orbit-item b{font-size:29px;line-height:1.1}.phone-slide .orbit-item small{margin-top:7px;font-size:19px;font-weight:600;line-height:1.22;display:block}.phone-slide .item-qr{top:6%;left:-8%}.phone-slide .item-bike{top:14%;right:-8%}.phone-slide .item-food{bottom:9%;left:-9%}.phone-slide .item-ai{bottom:6%;right:-7%}.phone-slide.active .smart-phone-shell{animation:.7s cubic-bezier(.2,.8,.2,1) .2s backwards smartPhoneIn}.phone-slide.active .orbit-item{animation:.38s cubic-bezier(.2,.8,.2,1) backwards smartTagIn}.phone-slide.active .item-qr{animation-delay:.45s}.phone-slide.active .item-bike{animation-delay:.62s}.phone-slide.active .item-food{animation-delay:.79s}.phone-slide.active .item-ai{animation-delay:.96s}.phone-slide.active .smart-quote i{transform-origin:0;animation:.5s ease-out .65s backwards smartUnderline}@keyframes smartPhoneIn{0%{opacity:0;transform:translate(-50%,-47%)rotate(1deg)}to{opacity:1;transform:translate(-50%,-50%)rotate(5deg)}}@keyframes smartTagIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes smartUnderline{0%{scale:0 1}to{scale:1}}@media (width<=900px){.phone-slide{grid-template-columns:44% 56%}.phone-copy{width:auto;padding-left:0}.phone-copy h2{font-size:47px}.phone-copy .body-ja{margin:24px 0;font-size:15px}.smart-quote{font-size:15px}.phone-orbit{opacity:1;width:auto;height:100%;min-height:380px;position:relative;bottom:auto;right:auto}.smart-phone-shell{border-radius:35px;width:185px;height:400px;padding:10px}.smart-phone-screen{border-radius:24px;padding:27px 8px 10px}.smart-phone-notch{width:76px;height:19px;top:8px}.smart-balance strong{font-size:13px}.smart-app-grid>div{height:66px}.smart-app-grid svg{width:28px;height:28px}.smart-ai-row{padding:8px}.phone-slide .orbit-item{gap:6px;min-width:105px;padding:7px 9px}.phone-slide .orbit-item svg{width:25px;height:25px}.phone-slide .orbit-item b{font-size:9px}}.qr-slide{background:linear-gradient(104deg,#fffaf0 0 39%,#fff0c8 39% 100%);grid-template-columns:50% 50%;align-items:center;gap:6%;display:grid}.qr-photo-wrap{opacity:1;width:100%;height:88%;position:relative}.photo-qr{background-image:url(/images/qr-vendor.jpg);background-position:50%;border:6px solid #fffffff5;border-radius:24px;height:100%;transform:rotate(-.35deg);box-shadow:0 17px 38px #17231e26}.photo-label{color:var(--ink);background:#fffdf7f0;border:1px solid #17231e14;border-radius:5px;padding:8px 12px;bottom:16px;left:16px}.qr-copy{z-index:3;color:#31433a;padding-right:5%;position:relative}.qr-slide .qr-copy .eyebrow{color:var(--ink);letter-spacing:.08em;text-transform:none;margin:0 0 34px;font-size:14px}.qr-slide .qr-copy .eyebrow span{background:0 0;border-radius:0;margin-right:24px;padding:0;position:relative}.qr-slide .qr-copy .eyebrow span:after{content:"";background:var(--coral);border-radius:99px;width:38px;height:4px;position:absolute;bottom:-10px;left:0;transform:rotate(-1deg)}.qr-copy h2{color:#31433a;letter-spacing:-.055em;margin:0;font-size:clamp(66px,5.4vw,98px);font-weight:800;line-height:1.04}.qr-copy h2 em{color:#819d43;text-shadow:none;display:inline-block;position:relative}.qr-copy h2 em:after{content:"";background:var(--coral);transform-origin:0;border-radius:50%;height:5px;position:absolute;bottom:-14px;left:0;right:0;transform:rotate(-1.2deg)}.qr-copy>p:not(.eyebrow){color:#526159;margin:48px 0 0;font-size:clamp(21px,1.6vw,27px);font-weight:500;line-height:1.7}.qr-copy blockquote{color:#3d4d45;border-left:4px solid #ff694fc7;margin:42px 0 0;padding:5px 0 5px 25px;font-size:clamp(25px,2.05vw,34px);font-weight:700;line-height:1.55}.qr-slide.active .qr-copy h2 em:after{animation:.55s ease-out .35s backwards qrEditorialUnderline}@keyframes qrEditorialUnderline{0%{scale:0 1}to{scale:1}}@media (width<=900px){.qr-slide{grid-template-columns:48% 52%;gap:3%}.qr-photo-wrap{opacity:1;width:100%;height:72%;position:relative;bottom:auto;left:auto}.qr-copy{margin-left:0;padding-right:0}.qr-copy h2{font-size:52px}.qr-copy>p:not(.eyebrow){margin-top:34px;font-size:17px}.qr-copy blockquote{margin-top:28px;padding-left:16px;font-size:21px}}@media (width>=901px){.presentation{padding:18px}.topbar{z-index:20;max-width:1880px;height:44px;padding:0 10px;position:relative}.stage{aspect-ratio:16/9;border-radius:26px;width:min(1880px,100vw - 44px,177.778vh - 124.444px);max-width:none;height:auto;margin:auto;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.controls{top:auto;bottom:18px}}.live-slide{background:radial-gradient(circle at 78% 18%,#ffd66a29,#0000 27%),linear-gradient(118deg,#fffaf0 0%,#fffdf7 58%,#fff4e8 100%);display:block}.live-slide .section-number{color:#17231e0e;font-size:clamp(130px,14vw,245px);top:1%;right:6%}.live-copy{z-index:5;width:45%;position:absolute;top:19%;left:10.5%}.live-copy .eyebrow{color:#31433a;text-transform:none;margin-bottom:30px;font-size:19px}.live-copy .eyebrow span{color:#31433a;background:#d9e49d;margin-right:20px;padding:9px 18px}.live-copy h2{letter-spacing:-.07em;font-size:clamp(82px,6.2vw,116px);font-weight:900;line-height:1.02}.live-copy h2 em{color:#f36f5b}.live-points{gap:15px;margin:32px 0 31px}.live-points span{color:#31433a;border:2px solid #31433a;border-radius:999px;padding:12px 19px;font-size:23px}.live-points b{color:#31433a;background:#cbdc83;margin-left:9px;padding:4px 9px;font-size:12px}.live-copy p:not(.eyebrow){color:#405047;margin:0 0 34px;font-size:clamp(22px,1.6vw,28px);font-weight:500;line-height:1.72}.trend-button{color:#fff;min-height:57px;box-shadow:none;letter-spacing:.015em;background:#183329;border-radius:999px;align-items:center;gap:18px;padding:15px 24px;font-size:17px;display:inline-flex}.trend-button i{color:var(--coral);font-size:24px;font-style:normal;line-height:1;transition:transform .2s}.trend-button:hover i{transform:translate(4px)}.trend-tags{height:50px;position:absolute;top:100%;left:0}.live-progress{z-index:4;color:#758179;grid-template-columns:auto 1fr auto 1fr auto;align-items:start;gap:18px;width:40%;display:grid;position:absolute;bottom:7%;left:8%}.live-progress>div{flex-direction:column;gap:10px;min-width:126px;display:flex}.live-progress b{font-size:28px;font-weight:800;line-height:1}.live-progress small{white-space:nowrap;font-size:21px;font-weight:600;line-height:1.15}.live-progress>i{background:#9da69f;height:2px;margin-top:14px}.live-progress>i:nth-of-type(2){background:repeating-linear-gradient(90deg,#9da69f 0 3px,#0000 3px 8px);height:2px}.live-progress .current{color:var(--coral);position:relative}.live-progress .current:before{content:"";border:3px solid var(--coral);background:#fffaf0;border-radius:50%;width:18px;height:18px;position:absolute;top:0;left:9px;transform:translate(-50%,-2px)}.live-progress .current b{font-size:0}.live-progress .current b:after{content:"02";font-size:15px;position:absolute;top:-25px;left:9px;transform:translate(-50%)}.live-phone{z-index:5;color:#fff;transform-origin:50%;background:linear-gradient(155deg,#c8d59d 0%,#aabf72 47%,#173a2d 47% 100%);border:10px solid #173128;border-radius:48px;width:min(30vw,470px);height:78%;padding:27px;position:absolute;top:9%;right:9.5%;transform:rotate(-3deg);box-shadow:22px 20px #ffd364,0 22px 45px #17231e2b}.live-top{font-size:16px}.live-top span{padding:7px 11px;font-size:15px}.live-host{gap:14px;margin-top:24px}.host-face{width:53px;height:53px;font-size:29px}.live-host span{font-size:18px}.live-host small{margin-top:3px;font-size:13px}.product-card{background:#fffaf0;border-radius:24px;height:34%;top:24%;left:8%;right:8%;transform:rotate(-4deg);box-shadow:12px 12px #10271f}.product-card .trend-label{font-size:12px}.product-name{margin:8px 0 10px;font-size:42px;line-height:.94}.live-price-board{font-size:inherit}.price-number{color:#f36f5b;font-size:28px}.comments{bottom:88px;left:25px;right:92px}.comments p{margin:5px 0;padding:8px 13px;font-size:15px}.comments i{width:24px;height:24px;margin-right:8px}.live-input{height:58px;padding:17px 68px 10px 17px;font-size:15px;bottom:19px;left:25px;right:25px}.heart-button{width:48px;height:48px;top:4px;right:5px}.heart-button i{width:17px;height:17px}.floating-heart{bottom:76px}.live-slide.active .live-phone{animation:.6s cubic-bezier(.2,.8,.2,1) .18s backwards livePhoneEditorialIn}@keyframes livePhoneEditorialIn{0%{opacity:0;transform:translateY(18px)rotate(-1deg)}to{opacity:1;transform:translateY(0)rotate(-3deg)}}@media (width<=1100px) and (width>=901px){.live-copy{width:47%;left:6%}.live-copy h2{font-size:70px}.live-copy .eyebrow{font-size:13px}.live-points span{padding:8px 11px;font-size:15px}.live-copy p:not(.eyebrow){font-size:17px}.live-phone{width:340px;right:5%}.live-progress{width:42%;left:6%}}.live-points span{text-align:center;min-width:102px;padding:11px 22px}.trend-button{background:#315445e6;box-shadow:0 6px #cbdc83b8}.trend-button.on{background:#567544eb}.live-progress .current:before{display:none}.live-progress .current b{color:var(--coral);font-size:28px;position:static}.live-progress .current b:after{content:"";border:2px solid var(--coral);border-radius:50%;width:9px;height:9px;margin-left:7px;display:inline-block;position:static;transform:none}.live-progress .current small{color:var(--coral)}.live-phone{background:linear-gradient(#0d2b1d2e,#09231957),url(/images/matcha-live-bg.png) 50%/cover no-repeat}.live-top{align-items:center}.live-top span{-webkit-backdrop-filter:blur(12px)saturate(125%);backdrop-filter:blur(12px)saturate(125%);color:#fffffff5;letter-spacing:.035em;background:#ffffff24;border:1px solid #ffffff57;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;font-weight:700;animation:none;display:inline-flex;box-shadow:inset 0 1px #ffffff47,0 4px 14px #081f161f}.live-top span i{background:#ff765f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #ff765f24}.live-top b{color:#fff;align-items:center;gap:7px;font-size:16px;display:flex}.live-top b svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;opacity:.9;width:20px;height:20px}.live-progress .current b:after{display:none}.product-card{-webkit-backdrop-filter:blur(18px)saturate(112%);backdrop-filter:blur(18px)saturate(112%);background:#fffaf0db;border:1px solid #ffffffb8;border-radius:27px 23px 28px 24px;height:27%;top:26%;left:12%;right:12%;transform:rotate(-2.4deg);box-shadow:0 20px 38px #071c1438,inset 0 1px #fffc}.product-card .trend-label{color:#59665f;letter-spacing:.09em}.product-name{color:#263c32;letter-spacing:.025em;font-weight:800}.price-number{letter-spacing:.01em;font-weight:700}.floating-heart{animation-name:reactionFloatNatural;box-shadow:0 3px 9px #17231e21}.floating-heart:nth-child(3n){animation-name:reactionFloatNaturalAlt}.floating-heart:nth-child(4n){animation-name:reactionFloatNaturalWide}@keyframes reactionFloatNatural{0%{opacity:0;transform:translate(0)rotate(45deg)scale(.45)}12%{opacity:var(--heart-opacity);transform:translate(8px,-38px)rotate(45deg)scale(.92)}42%{opacity:var(--heart-opacity);transform:translate3d(var(--heart-mid),-165px,0) rotate(50deg) scale(.86)}72%{opacity:.32;transform:translate3d(var(--heart-drift),-310px,0) rotate(39deg) scale(.72)}to{opacity:0;transform:translate3d(var(--heart-drift),-490px,0) rotate(48deg) scale(.5)}}@keyframes reactionFloatNaturalAlt{0%{opacity:0;transform:translate(0)rotate(45deg)scale(.4)}15%{opacity:var(--heart-opacity);transform:translate(-14px,-44px)rotate(45deg)scale(1)}48%{opacity:var(--heart-opacity);transform:translate3d(var(--heart-drift),-188px,0) rotate(38deg) scale(.8)}77%{opacity:.3;transform:translate3d(var(--heart-mid),-335px,0) rotate(53deg) scale(.67)}to{opacity:0;transform:translate3d(var(--heart-drift),-455px,0) rotate(42deg) scale(.48)}}@keyframes reactionFloatNaturalWide{0%{opacity:0;transform:translate(0)rotate(45deg)scale(.38)}10%{opacity:var(--heart-opacity);transform:translate(22px,-30px)rotate(45deg)scale(.88)}38%{opacity:var(--heart-opacity);transform:translate3d(var(--heart-mid),-130px,0) rotate(55deg) scale(.82)}68%{opacity:.3;transform:translate3d(var(--heart-mid),-275px,0) rotate(35deg) scale(.66)}to{opacity:0;transform:translate3d(var(--heart-drift),-520px,0) rotate(50deg) scale(.42)}}.outside-title h2{font-size:clamp(72px,5.2vw,96px);line-height:1.02}.outside-title>p:not(.eyebrow){color:#536259;font-size:clamp(18px,1.35vw,24px);font-weight:500;line-height:1.65;bottom:2px;right:1%}.outside-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;height:55%;margin-top:6vh}.outside-grid .image-card,.outside-grid .travel-card{background:#fffdf7d1;border:1.5px solid #31433ab8;border-radius:19px;padding:10px 10px 18px;transform:none;box-shadow:0 13px 27px #17231e12}.outside-grid .image-card .image,.outside-grid .travel-image{background-position:50%;border-radius:13px;height:64%;margin-bottom:17px}.outside-grid .travel-image{background-image:url(/images/travel-sapa.jpg);background-position:50% 42%}.outside-grid .image-card span,.outside-grid .travel-card>span{letter-spacing:.11em;font-size:13px}.outside-grid .image-card h3,.outside-grid .travel-card h3{margin:9px 0 8px;font-size:clamp(21px,1.55vw,27px);font-weight:700}.outside-grid .image-card p,.outside-grid .travel-card p{color:#68736c;margin:0;font-size:clamp(15px,1.05vw,18px);line-height:1.5}@media (width<=1100px) and (width>=901px){.outside-title h2{font-size:59px}.outside-grid{gap:18px;height:53%;margin-top:5vh}.outside-grid .image-card h3,.outside-grid .travel-card h3{font-size:18px}.outside-grid .image-card p,.outside-grid .travel-card p{font-size:13px}}.outside-slide{background:radial-gradient(circle at 12% 82%,#d8e5a761,#0000 24%),radial-gradient(circle at 86% 72%,#ffd36433,#0000 22%),#fffaf0}.outside-title,.outside-grid{z-index:2;position:relative}.outside-title h2 em{display:inline-block;position:relative}.outside-title h2 em:after{content:"";background:var(--coral);opacity:.8;border-radius:50%;height:5px;position:absolute;bottom:-12px;left:1%;right:0;transform:rotate(-1deg)}.outside-grid .cafe-card{background:#fffdf7e6}.outside-grid .matcha-card{background:#f1f6deeb}.outside-grid .travel-card{background:#fff2e4e6}.outside-grid .matcha-card .image{background-position:top}.outside-grid .image-card span,.outside-grid .travel-card>span{background:#ff694f1a;border-radius:999px;width:max-content;padding:6px 10px;display:inline-block}.outside-grid .matcha-card>span{color:#6f8b36;background:#819d4324}.outside-grid .travel-card>span{background:#ffd36447}.outside-slide.active .outside-grid>div{animation:.48s cubic-bezier(.2,.8,.2,1) backwards outsideCardIn}.outside-slide.active .outside-grid>div:nth-child(2){animation-delay:.1s}.outside-slide.active .outside-grid>div:nth-child(3){animation-delay:.2s}@keyframes outsideCardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.end-slide{background:#fffaf0;grid-template-columns:55% 45%;align-items:center;display:grid}.end-slide:before{content:"";z-index:0;background:linear-gradient(145deg,#dce7a7,#c8da91);border-radius:45% 55% 48% 52%/58% 45% 55% 42%;width:66%;height:132%;position:absolute;top:-17%;left:-9%;transform:rotate(-5deg)}.end-collage{z-index:2;width:100%;height:88%;position:relative}.end-photo{background-size:cover;border:6px solid #fffffff5;position:absolute;box-shadow:0 18px 38px #17231e29}.end-photo.friends{background-image:url(/images/friends-cafe.jpg);background-position:50%;border-radius:34px 44px 38px 30px;width:78%;height:54%;inset:1% auto auto 0;transform:rotate(-2.5deg)}.end-photo.travel{background-image:url(/images/travel-sapa.jpg);background-position:50% 43%;border-radius:34px 28px 39px 31px;width:59%;height:38%;bottom:0;left:2%;transform:rotate(2deg)}.end-photo.matcha{background-image:url(/images/matcha.jpg);background-position:top;border-radius:47% 53% 46% 54%/44% 48% 52% 56%;width:39%;height:45%;inset:auto 1% 7% auto;transform:rotate(3deg)}.end-collage-caption{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#405047;letter-spacing:.08em;background:#fffdf7d6;border:1px solid #17231e1f;border-radius:999px;align-items:center;gap:11px;padding:10px 16px;font-size:12px;font-weight:800;display:flex;position:absolute;top:50%;left:26%;box-shadow:0 10px 22px #17231e1a}.end-collage-caption i{color:var(--coral);font-size:18px;font-style:normal}.end-copy{z-index:3;flex-direction:column;justify-content:flex-start;height:86%;padding:3% 4% 1% 10%;display:flex;position:relative}.end-copy .eyebrow{font-size:17px}.end-copy .eyebrow span{background:#ffd66a}.end-copy h2{color:#31433a;font-size:clamp(72px,5.25vw,96px);font-weight:900;line-height:1.05}.end-copy h2 em{color:var(--coral)}.end-copy>p:not(.eyebrow):not(.thanks){color:#5c6a62;margin:31px 0 34px;font-size:clamp(20px,1.4vw,24px);font-weight:500;line-height:1.7}.question-card{background:#eef5d2c2;border:1px solid #4f693a24;border-radius:25px;max-width:590px;padding:20px 24px;display:block;box-shadow:0 12px 25px #17231e12}.question-card small{color:#7a8b73;letter-spacing:.12em;margin-bottom:8px;font-size:11px}.question-card strong{color:#526159;font-size:clamp(18px,1.35vw,23px);font-weight:600;line-height:1.5}.thanks{color:#7a857e;margin-top:23px;font-size:15px;font-weight:600}.credits{font-size:9px;bottom:18px;right:24px}.end-slide.active .end-photo.friends{animation:.52s cubic-bezier(.2,.8,.2,1) .1s backwards endPhotoFriendsIn}.end-slide.active .end-photo.travel{animation:.52s cubic-bezier(.2,.8,.2,1) .22s backwards endPhotoTravelIn}.end-slide.active .end-photo.matcha{animation:.52s cubic-bezier(.2,.8,.2,1) .34s backwards endPhotoMatchaIn}.end-slide.active .end-copy{animation:.48s cubic-bezier(.2,.8,.2,1) .24s backwards endCopyIn}@keyframes endPhotoFriendsIn{0%{opacity:0;transform:translateY(14px)rotate(-1deg)}to{opacity:1;transform:translateY(0)rotate(-2.5deg)}}@keyframes endPhotoTravelIn{0%{opacity:0;transform:translateY(14px)rotate(0)}to{opacity:1;transform:translateY(0)rotate(2deg)}}@keyframes endPhotoMatchaIn{0%{opacity:0;transform:translateY(14px)rotate(1deg)}to{opacity:1;transform:translateY(0)rotate(3deg)}}@keyframes endCopyIn{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@media (width<=1100px) and (width>=901px){.end-copy{padding-left:7%}.end-copy h2{font-size:63px}.end-copy>p:not(.eyebrow):not(.thanks){margin:18px 0;font-size:17px}.question-card{padding:17px 19px}.question-card strong{font-size:17px}.end-collage-caption{font-size:9px;left:20%}}.outside-grid .cafe-card .image{background-image:url(/images/caphe.png)}.end-copy h2{letter-spacing:-.025em;line-height:1.12}.end-copy>p:not(.eyebrow):not(.thanks){letter-spacing:.015em;margin:38px 0 40px;line-height:1.85}.question-card{margin-top:auto;padding:25px 29px}.question-card small{letter-spacing:.12em;font-size:16px;font-weight:800}.question-card strong{letter-spacing:.012em;font-size:clamp(22px,1.55vw,27px);line-height:1.65}.thanks{color:#65736b;letter-spacing:.025em;margin-top:35px;margin-bottom:0;font-size:20px;font-weight:700}.hero-slide.active .hero-copy h1,.hero-slide.active .lead-ja,.hero-slide.active .cover-phone,.map-slide.active .route-kicker,.map-slide.active .slide-heading h2,.map-slide.active .route-subtitle,.map-slide.active .story-route-line,.map-slide.active .story-route-arrow,.map-slide.active .story-route circle,.map-slide.active .route-card-one,.map-slide.active .route-card-two,.map-slide.active .route-card-three,.map-slide.active .route-caption,.phone-slide.active .smart-phone-shell,.phone-slide.active .orbit-item,.phone-slide.active .smart-quote i,.qr-slide.active .qr-copy h2 em:after,.live-slide.active .live-phone,.outside-slide.active .outside-grid>div,.end-slide.active .end-photo.friends,.end-slide.active .end-photo.travel,.end-slide.active .end-photo.matcha,.end-slide.active .end-copy{animation:none!important}.hero-slide.active .cover-underline path{stroke-dashoffset:0;animation:none!important}.hero-slide.active .accent-stroke{opacity:1;scale:1;animation:none!important}.map-slide.active .story-route-line{stroke-dasharray:none;stroke-dashoffset:0}.map-slide.active .story-route-arrow,.map-slide.active .story-route circle{opacity:1}
