:root{--paper:#fbfaf6;--ink:#292921;--accent:#e95325;--muted:#80786e;--line:#e2dcd2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Apple SD Gothic Neo','Malgun Gothic',sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto;object-fit:contain}h1,h2,p{word-break:keep-all}h1,h2{letter-spacing:-.055em;font-weight:600}h2{font-size:clamp(32px,3.6vw,51px);line-height:1.35;margin:20px 0 26px}p{font-size:15px;line-height:1.9}em{font-style:normal;color:var(--accent)}header{display:flex;align-items:center;justify-content:space-between;padding:25px 5%;position:absolute;inset:0 0 auto;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800}.brand b{background:var(--accent);color:white;border-radius:8px;font:700 29px Georgia;display:grid;place-items:center;width:31px;height:33px}nav{display:flex;gap:32px;align-items:center;font-size:12px;margin-left:auto}.nav-button{border:1px solid #b6aca0;padding:12px 19px;border-radius:25px}#motion-toggle{margin-left:18px;border:1px solid #cfc6ba;background:transparent;width:33px;height:33px;border-radius:50%;color:#72675a}.hero{padding-top:100px;background:#f0e8dd;overflow:hidden}.hero-copy{text-align:center;position:relative;z-index:2}.eyebrow{font-size:9px;letter-spacing:.17em;font-weight:600;color:#927860}.hero h1{font-size:clamp(36px,3.6vw,52px);line-height:1.28;margin:18px 0}.hero h1 em{color:#40372f}.hero-copy>p:last-child{font-size:14px;color:#7e7164;line-height:1.7}.product-stage{position:relative;isolation:isolate}.product-stage>img{width:100%;height:auto;aspect-ratio:3/2}.device-display{position:absolute;top:0;left:0;width:480px;height:480px;transform-origin:0 0;border-radius:25px;image-rendering:pixelated;pointer-events:none}.hero-product{max-width:1100px;margin:-18px auto 0;animation:arrive 1.2s ease-out}.hero-product>img{mask-image:linear-gradient(to bottom,transparent,black 7%,black 94%,transparent)}.call-button{position:absolute;left:15%;top:56%;display:flex;align-items:center;gap:14px;border:1px solid #c8ac91;background:#fffcf4e8;color:#5c4937;backdrop-filter:blur(6px);padding:12px 19px;border-radius:28px;box-shadow:0 6px 20px #604a2c14;font-size:12px;transition:transform .25s}.call-button:hover{transform:translateY(-3px)}.call-dot,.live-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:6px}.call-dot{animation:pulse 2.4s infinite}.hero-bottom{max-width:1150px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:0 35px 30px;color:#8e7f6f}.hero-bottom p,.hero-bottom a{font-size:10px}.intro{text-align:center;padding:110px 20px 120px}.intro>p:last-child{color:var(--muted);font-size:15px}.days{display:grid;grid-template-columns:1.45fr 1fr;gap:4%;padding:0 6% 0 2%;background:#f0e8dd;position:relative}.sticky-product{position:sticky;top:40px;height:fit-content;margin-top:100px;margin-bottom:90px;align-self:start}.chapter-indicator{display:flex;justify-content:space-between;padding:0 12%;font-size:10px;color:#a18870}.scene-time{letter-spacing:.1em;font-size:8px}.story-product{margin:15px 0}.story-product>img{mask-image:linear-gradient(to bottom,transparent,black 8%,black 92%,transparent)}.scene-pills{display:flex;gap:6px;justify-content:center}.scene-pills button{padding:8px 18px;border:1px solid #d0c3b4;border-radius:25px;background:none;color:#958370;font-size:11px}.scene-pills button[aria-pressed=true]{background:#fffcf4;color:#ad4b29;border-color:#cdb39b}.chapters article{min-height:640px;padding:140px 0 80px;display:flex;flex-direction:column;justify-content:center}.chapters h2{font-size:clamp(30px,3vw,43px)}.chapters p:not(.eyebrow){color:#8a7969;font-size:14px}.feature-note{font-size:10px;color:#a28b73;border-top:1px solid #d4c7b8;padding-top:20px;margin-top:22px;max-width:280px}.moments{padding:100px 7% 70px;background:#faf7f0;text-align:center;overflow:hidden}.moments-heading p:last-child{color:#8b7c69;font-size:14px}.film-product{max-width:1000px;margin:20px auto 0}.film-product>img{mask-image:linear-gradient(to bottom,transparent,black 8%,black 90%,transparent)}.film-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin:12px 0 22px;font-size:11px;color:#8a7968}.film-controls button{border:1px solid #bca994;background:none;border-radius:30px;padding:11px 18px;color:#584733;font-size:12px}.film-controls a{border-bottom:1px solid #c8bda9;padding:4px 0}#pup-film{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.fine{font-size:10px!important;color:#a29585!important;line-height:1.8}.yours{padding:110px 6% 80px;background:#f0e8dd;text-align:center}.yours-copy>p:not(.eyebrow){color:#8a7969;font-size:14px}.yours figure{margin:40px auto 0;max-width:1200px}.yours img{width:100%;aspect-ratio:3/2;height:auto;border-radius:12px}.yours figcaption{font-size:11px;color:#9b8772;padding-top:20px}.records{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:110px 10%;align-items:center}.records-content>p{color:#8a7b69;font-size:14px}.record-links{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;border-top:1px solid var(--line);padding:22px 0}.meet{padding:90px 20px 100px;text-align:center;background:#f2ece1}.meet h2{font-size:clamp(38px,4vw,60px)}.meet>p{color:#8d7a66;font-size:14px}.tiny-paw{font-family:Georgia;font-size:35px;color:var(--accent)}.button{display:inline-block;padding:18px 28px;border-radius:35px;background:var(--accent);color:#fff8ed;font-size:13px;margin-top:18px;transition:transform .25s}.button:hover{transform:translateY(-3px)}footer{display:flex;align-items:center;justify-content:space-between;padding:35px 6%}footer>div{display:flex;gap:30px;font-size:10px;color:#938879}.review-notes{margin:0 6% 30px;border-top:1px solid var(--line);padding-top:15px;color:#9a8f81;font-size:10px}.review-notes p{font-size:11px;max-width:950px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.motion-paused *{animation-play-state:paused!important}@keyframes pulse{50%{opacity:.25}}@keyframes arrive{from{transform:translateY(16px)}to{transform:none}}@media(min-width:1600px){.hero-product{max-width:1400px}}@media(max-width:760px){header{padding:20px 6%}.brand{font-size:18px}.brand b{width:28px;height:30px;font-size:26px}nav>a:not(.nav-button){display:none}nav{gap:0}.nav-button{font-size:10px;padding:10px 13px}#motion-toggle{margin-left:10px;width:30px;height:30px}.hero{padding-top:115px}.hero h1{font-size:33px;letter-spacing:-.06em}.hero-copy{padding:0 15px}.hero-copy>p:last-child{font-size:12px}.hero .eyebrow{font-size:7px}.hero-product{width:150%;max-width:none;margin-left:-13%;margin-top:16px}.call-button{left:20%;top:63%;font-size:10px;padding:9px 13px;gap:7px}.hero-bottom{padding:12px 6% 25px;gap:14px}.hero-bottom p,.hero-bottom a{font-size:9px}.intro{padding:75px 20px}.intro>p:last-child{font-size:13px}.days{display:block;padding:0 6%}.sticky-product{position:sticky;top:0;background:#f0e8ddf5;z-index:2;padding:20px 0 12px;margin:0}.chapter-indicator{padding:0 3%;font-size:9px}.story-product{margin:6px -4%}.scene-pills{margin-top:-10px}.scene-pills button{padding:6px 15px;font-size:10px}.chapters article{min-height:580px;padding:320px 0 45px;justify-content:end}.chapters h2{font-size:32px}.chapters p:not(.eyebrow){font-size:13px}.feature-note{margin-top:10px;padding-top:12px}.moments{padding:70px 6% 55px}.moments-heading p:last-child{font-size:12px}.film-product{width:130%;max-width:none;margin-left:-13%}.film-controls{gap:12px;flex-wrap:wrap;font-size:10px}.film-controls>span{display:none}.yours{padding:70px 6% 50px}.yours-copy>p:not(.eyebrow){font-size:12px}.yours figure{margin-top:25px}.yours h2{font-size:29px}.records{grid-template-columns:1fr;gap:0;padding:70px 7%}.records h2{margin-bottom:15px}.records-content>p{font-size:13px}.meet{padding:65px 20px}.meet h2{font-size:39px}footer>div{gap:15px;font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Concept 04: brand and product first. */
.hero{padding-top:96px}.hero-copy .eyebrow{margin:0 0 8px;font-size:10px;letter-spacing:.24em}.hero h1{font-size:clamp(76px,8vw,116px);font-weight:800;line-height:1.05;letter-spacing:-.075em;margin:0 0 18px}.hero-copy>p:last-child{font-size:17px;color:#51483e;margin:0}.hero-product{max-width:1280px;margin:-18px auto 0;animation:none}.hero-bottom{margin-top:-25px;position:relative;z-index:2}.call-button{left:25%;top:60%;background:#e95325;color:#fff;border-color:#e95325;font-size:13px;padding:14px 22px}.call-dot{background:#fff}.intro{padding:85px 20px}.intro h2{font-size:40px}.moments h2{font-size:44px}
@media(max-width:760px){.hero{padding-top:100px}.hero h1{font-size:82px;margin-bottom:15px}.hero-copy>p:last-child{font-size:14px}.hero-product{width:170%;max-width:none;margin-left:-15%;margin-top:10px}.call-button{left:21%;top:62%;font-size:11px;padding:11px 17px}.hero-bottom{margin-top:-15px}.intro h2,.moments h2{font-size:32px}}

.hero h1.hero-lettering{margin:0 auto 14px;line-height:1;width:min(460px,80vw)}.hero-lettering img{display:block;width:100%;height:auto}.hero-copy .eyebrow{margin-bottom:0}@media(max-width:760px){.hero h1.hero-lettering{width:310px;max-width:88vw;margin-bottom:14px}}

.brand .brand-lockup{width:145px;height:auto;display:block}.hero h1.hero-lettering{width:min(600px,87vw);margin-bottom:6px}.hero-copy .eyebrow{display:none}@media(max-width:760px){.brand .brand-lockup{width:118px}.hero h1.hero-lettering{width:350px;max-width:94vw}.hero{padding-top:110px}}

/* Tactile controls, coordinated with the device. */
.nav-button,.button,.call-button,.film-controls button{border-radius:15px;border:1px solid #cf461e;background:#e95325;color:#fffaf2;box-shadow:0 5px 0 #ae381a,inset 0 1px 0 #ffffff38;transition:transform .15s,box-shadow .15s,background .15s;font-weight:700;letter-spacing:-.02em;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.nav-button{padding:11px 20px;font-size:12px}.button{padding:18px 30px;font-size:15px;gap:22px}.button::after{content:'→';font-size:19px}.call-button{background:#fff9eb;color:#493d2f;border-color:#cbb99b;box-shadow:0 5px 0 #baa582,inset 0 1px 0 #fff;padding:14px 21px;gap:11px;min-height:51px;font-size:14px;backdrop-filter:none}.call-icon{width:22px;height:22px;color:#e95325}.call-button:hover,.nav-button:hover,.button:hover,.film-controls button:hover{transform:translateY(-2px)}.call-button:active,.nav-button:active,.button:active,.film-controls button:active{transform:translateY(4px);box-shadow:0 1px 0 #ae381a}.call-button.responding{background:#f7e2c4;transform:translateY(3px);box-shadow:0 2px 0 #baa582}
.scene-pills{gap:8px}.scene-pills button{border-radius:12px;min-height:44px;min-width:65px;border:1px solid #d2c4ad;background:#faf4e8;box-shadow:0 3px 0 #cbbda5;color:#756550;font-weight:600}.scene-pills button[aria-pressed=true]{background:#493f33;color:#fff8e8;border-color:#493f33;box-shadow:0 1px 0 #30291f;transform:translateY(2px)}.film-controls button{background:#fff9eb;color:#493d2f;border-color:#cbb99b;box-shadow:0 4px 0 #baa582;padding:12px 20px}#motion-toggle{border-radius:12px;background:#fff9eb;border-color:#d2c4ad;box-shadow:0 3px 0 #cbbda5;min-width:40px;min-height:40px}#motion-toggle:active{transform:translateY(2px);box-shadow:0 1px 0 #cbbda5}
@media(max-width:760px){.nav-button{padding:9px 13px;min-height:39px;font-size:11px;border-radius:12px}#motion-toggle{min-width:36px;min-height:36px}.call-button{font-size:11px;min-height:43px;padding:10px 14px;gap:7px;border-radius:12px}.call-icon{width:17px;height:17px}.scene-pills button{min-height:40px}.button{font-size:14px}}

/* Wordmark only, crop transparent padding through layout. */
.hero h1.hero-lettering{width:390px;max-width:86vw;height:160px;overflow:hidden;margin:0 auto 12px}.hero-lettering img{width:180%;max-width:none;height:auto;margin-left:-40%;margin-top:-30px}.brand{display:block;width:105px;height:44px;overflow:hidden}.brand .brand-lockup{width:189px;max-width:none;height:auto;margin-left:-42px;margin-top:-8px}@media(max-width:760px){.hero h1.hero-lettering{width:290px;height:120px}.hero-lettering img{margin-top:-22px}.brand{width:90px;height:36px}.brand .brand-lockup{width:162px;margin-left:-36px;margin-top:-7px}}

.hero h1.hero-lettering{height:142px}.hero-lettering img{width:120%;margin-left:-10%;margin-top:-12px}.brand .brand-lockup{width:126px;margin-left:-10.5px;margin-top:0}@media(max-width:760px){.hero h1.hero-lettering{height:108px}.hero-lettering img{margin-top:-9px}.brand .brand-lockup{width:108px;margin-left:-9px;margin-top:0}}