:root{--cream:#efeee5;--coral:#ff785d;--dark:#141b17;--line:rgba(239,238,229,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--dark);color:var(--cream);line-height:1.55;min-width:320px;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}a,button,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--coral);outline-offset:5px}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:var(--cream);color:var(--dark);padding:12px}.skip:focus{top:12px}.nav{position:absolute;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;height:102px;padding:0 5vw;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;font-size:31px;font-weight:800;letter-spacing:-1.7px}.go{font-style:italic;font-weight:400;color:var(--coral)}.wordmark sup{font-size:11px;align-self:flex-start;margin:7px 0 0 5px;letter-spacing:0}.frame-mark{height:23px;width:25px;border:2px solid currentColor;border-radius:6px;margin-right:11px;position:relative}.frame-mark:after{content:'';position:absolute;width:8px;height:8px;right:-5px;top:-5px;background:var(--coral);border:3px solid #343a32;border-radius:50%}nav{display:flex;gap:32px}.nav nav a{color:var(--cream);font-size:12px;letter-spacing:1px}.nav-cta{font-size:12px;border:1px solid #ffffff65;border-radius:99px;padding:12px 21px}.nav-cta span{padding-left:28px}.hero{position:relative;min-height:840px;height:100svh;max-height:1120px;padding:142px 5vw 65px;overflow:hidden;isolation:isolate}.hero-photo,.hero-shade{position:absolute;inset:0;z-index:-2}.hero-photo{background:url('/assets/coast.png') center 53%/cover;animation:coast-drift 28s ease-in-out infinite alternate}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(10,21,18,.74),rgba(10,21,18,.12) 85%),linear-gradient(0deg,#141b17,transparent 35%,rgba(15,23,18,.25))}.hero-topline{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:#e3e7da}.live-dot{display:inline-block;width:6px;height:6px;background:var(--coral);border-radius:50%;margin-right:8px;box-shadow:0 0 10px #ff785d77}.hero-copy{position:relative;z-index:2;margin-top:67px;width:62%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:400;margin:0 0 25px}.hero h1{font-size:clamp(66px,7.5vw,116px);line-height:1.12;letter-spacing:-7px;font-weight:600;margin:0 0 28px}.outlined{color:transparent;-webkit-text-stroke:1px var(--cream)}.coral{color:var(--coral)}.intro{font-size:14px;color:#e1e1d5;line-height:1.95}.hero-actions{display:flex;gap:27px;align-items:center;margin-top:35px}.pill{border-radius:99px;padding:16px 28px;display:inline-flex;align-items:center;gap:45px;font-size:13px;font-weight:600;transition:transform .3s,box-shadow .3s}.pill:hover{transform:translateY(-4px);box-shadow:0 12px 30px #ff785d40}.coral-bg{background:var(--coral);color:#20231b}.play-link{border:0;background:none;padding:0;display:flex;align-items:center;gap:10px;font-size:12px}.play-link small{font-size:9px;color:#d6d6c5}.circle-play{width:35px;height:35px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;font-size:9px}.memory-stack{position:absolute;width:320px;right:9%;top:30%;perspective:1200px}.floating-card{position:relative;padding:12px;background:#efeee5;color:var(--dark);border-radius:3px;box-shadow:0 25px 90px #0007;transform:rotate(8deg);animation:card-float 8s ease-in-out infinite}.card-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;padding:4px 2px 13px}.card-photo{height:310px;background:url('/assets/coast.png') 62% center/cover;position:relative;color:white;overflow:hidden}.card-photo:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#071610b0)}.timestamp{position:absolute;left:17px;top:17px;font:10px monospace}.photo-caption{position:absolute;left:17px;bottom:23px;z-index:1;font-size:16px;letter-spacing:2px}.viewfinder{position:absolute;inset:48px 24px;border:1px solid #ffffff30}.card-bottom{display:flex;justify-content:space-between;padding:19px 4px 9px;align-items:center}.card-bottom strong{display:block;font-size:13px;font-weight:500}.card-bottom div>span{font-size:6px;letter-spacing:1.4px;display:block;margin-top:6px}.tiny-play{border:1px solid #17251a60;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:9px}.ghost-card{position:absolute;inset:-12px 0 10px;transform:rotate(-8deg);border:1px solid #ffffff70;background:#ffffff1a;backdrop-filter:blur(8px)}.glass-note{position:absolute;left:-75px;bottom:-45px;display:flex;align-items:center;gap:13px;padding:18px 24px;border:1px solid #ffffff45;border-radius:12px;background:#36453a70;backdrop-filter:blur(22px);font-size:12px;transform:rotate(-5deg);box-shadow:0 8px 30px #0002}.glass-note small{display:block;font-size:6px;letter-spacing:1.7px;margin-top:5px}.note-spark{font-size:33px;color:var(--coral)}.hero-foot{position:absolute;bottom:32px;left:5%;right:5%;display:flex;align-items:center;gap:25px;font-size:9px;letter-spacing:1.2px}.hero-foot b{font-weight:400;margin-left:22px}.film-line{flex:1;height:1px;background:var(--line)}.hero-foot a span{margin-left:15px;font-size:20px}.ticker{overflow:hidden;background:var(--coral);color:#1a291f;padding:17px 0;font-size:15px;letter-spacing:2px;font-weight:600;white-space:nowrap;position:relative;z-index:3}.ticker>div{width:max-content;animation:marquee 35s linear infinite}.ticker span{margin:0 38px;font-size:22px}.section-pad{padding:110px 7vw}.story{background:var(--cream);color:var(--dark);padding-top:120px}.section-heading{position:relative;margin-bottom:55px}.section-heading h2{font-size:clamp(32px,4vw,59px);line-height:1.4;letter-spacing:-2px;font-weight:500;margin:0}.muted{color:#788073}.section-heading>p:last-child{position:absolute;right:0;bottom:0;font-size:13px;color:#6c756b;line-height:1.9}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.feature{padding:26px 28px 32px;border:1px solid #24362625;border-radius:3px}.feature-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;margin-bottom:23px}.feature h3{font-size:24px;letter-spacing:-1px;margin:27px 0 10px;font-weight:500}.feature>p{font-size:13px;color:#626d60;margin:0;max-width:370px}.feature>small{display:block;font-size:9px;color:#697364;margin-top:18px}.camera-scene{height:280px;position:relative;background:linear-gradient(#0002,#0005),url('/assets/coast.png') center/cover;color:white;border-radius:9px;overflow:hidden}.camera-label{position:absolute;top:19px;left:19px;font:9px monospace;letter-spacing:1px}.camera-label span{margin-left:10px}.camera-cross{position:absolute;left:50%;top:43%;font-size:30px;font-weight:100;color:#ffffff70}.camera-control{position:absolute;bottom:19px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px}.camera-control button{background:none;width:49px;height:49px;border:1px solid white;border-radius:50%;display:grid;place-items:center}.camera-control button>span{background:var(--coral);width:35px;height:35px;border-radius:50%;transition:.3s}.camera-control button[aria-pressed=true]>span{border-radius:5px;width:23px;height:23px}.journal-art{height:280px;background:#e3e5db;padding:21px 26px;border-radius:9px}.journal-month{font-size:8px;letter-spacing:2px}.journal-day{font-size:75px;font-weight:400;line-height:1.25;display:block;letter-spacing:-6px}.journal-day>span{font-size:12px;letter-spacing:0;margin-left:18px;font-weight:400;font-style:italic}.journal-entry{display:flex;gap:15px;align-items:center;margin-top:8px}.entry-dot{background:var(--coral);border-radius:50%;width:7px;height:7px}.journal-entry>div{flex:1}.journal-entry small{display:block;font:8px monospace;color:#737d70}.journal-entry b{font-size:12px;font-weight:400;display:block;margin:5px 0}.entry-lines{display:block;width:80%;height:15px;border-top:1px solid #b3b9aa;border-bottom:1px solid #b3b9aa}.journal-entry img{width:79px;height:62px;object-fit:cover;border-radius:4px}.journal-footer{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;border-top:1px solid #abb2a4;margin-top:22px;padding-top:12px}.together{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw;padding-top:140px;padding-bottom:140px;background:#202b23;overflow:hidden}.together h2{font-size:clamp(31px,3.8vw,55px);line-height:1.45;letter-spacing:-2px;font-weight:500;margin:0 0 25px}.together h2 em{color:#b9c3a5;font-style:normal}.together-copy>p:not(.eyebrow){color:#aab4a5;font-size:13px;line-height:1.9}.mode-switch{display:inline-flex;border:1px solid #ffffff30;border-radius:99px;padding:5px;margin:25px 0 0;gap:5px}.mode-switch button{border:0;background:none;border-radius:99px;padding:12px 22px;color:#c3cbbb;transition:.3s;font-size:16px}.mode-switch button span{font-size:10px;margin-left:10px}.mode-switch button.active{background:var(--cream);color:#18261d}.mode-description{max-width:390px;min-height:150px;padding-top:23px}.mode-description h3{font-size:18px;font-weight:400}.mode-description p{font-size:12px;color:#aab4a5;line-height:1.9}.underlink{font-size:11px;display:inline-flex;gap:30px;border-bottom:1px solid #bec4b27a;padding-bottom:8px}.phone-stage{height:570px;position:relative;display:grid;place-items:center;perspective:1200px}.phone{width:260px;height:530px;background:#eeeae1;color:#232d24;border-radius:40px;padding:15px 17px;position:relative;border:7px solid #101914;outline:1px solid #708064;box-shadow:25px 40px 60px #0005;transform:rotate(8deg);transition:transform .7s,background .7s;z-index:1}.phone.us{transform:rotate(-5deg);background:#e1e5d7}.phone-status{display:flex;justify-content:space-between;font-size:8px;padding:1px 8px}.island{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:66px;height:18px;border-radius:30px;background:#101914}.phone-title{display:flex;align-items:center;justify-content:space-between;padding-top:25px}.phone-title strong{font-size:27px;letter-spacing:-2px}.phone-title>span{font-size:6px;letter-spacing:1px}.phone-title b{font-size:20px;font-weight:400;margin-left:8px}.phone-date{display:flex;flex-direction:column;margin:20px 0 15px}.phone-date strong{font-size:20px;font-weight:500}.phone-date>span{font-size:7px;color:#727d6d;margin-top:2px}.phone-image{height:200px;background:url('/assets/coast.png') center/cover;border-radius:7px;position:relative;color:white}.phone-badge{position:absolute;top:10px;left:10px;padding:4px 6px;font-size:5px;letter-spacing:1px;background:#1b2e2580;backdrop-filter:blur(10px);border:1px solid #ffffff55;border-radius:4px}.phone-image-note{position:absolute;bottom:13px;left:13px;font-size:13px;text-shadow:0 2px 10px black}.phone-image-note small{display:block;font-size:6px;margin-top:4px}.phone-note{display:flex;align-items:center;gap:12px;padding:5px 2px}.phone-note>span{font-size:25px;color:#b48258}.phone-note p{font-size:10px}.phone-toolbar{position:absolute;bottom:18px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;font-size:19px}.phone-record{width:31px;height:31px;border:7px solid #faf9f3;background:var(--coral);border-radius:50%;box-shadow:0 0 0 1px #c2c5b8}.orbit{position:absolute;border:1px solid #b8c7a72a;border-radius:50%;width:450px;height:450px;transform:rotateX(45deg) rotateY(-25deg)}.orbit-two{width:570px;height:570px;transform:rotateX(-40deg) rotateY(30deg)}.stage-label{position:absolute;right:-20px;top:20px;font-size:9px;letter-spacing:2px;line-height:1.7;color:#c2c9b5}.stage-bottom{position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:2px;color:#abb5a1;white-space:nowrap}.manifesto{text-align:center;background:#e1e4d7;color:#202b23;padding-top:120px;padding-bottom:100px}.manifesto h2{font-size:clamp(27px,4vw,58px);line-height:1.6;letter-spacing:-1px;font-weight:500;margin:0}.manifesto h2 span{position:relative}.manifesto h2 span:after{content:'';position:absolute;bottom:-6px;left:0;right:0;height:8px;border-top:2px solid #d98261;border-radius:50%;transform:rotate(-5deg)}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:60px;border-top:1px solid #2b392b25;padding-top:45px}.values>div>span{font-size:25px}.values h3{font-size:16px;font-weight:500}.values p{font-size:11px;color:#626e5e}.closing{min-height:660px;position:relative;isolation:isolate;text-align:center;display:grid;place-items:center;overflow:hidden}.closing-photo{position:absolute;inset:0;background:linear-gradient(#14211755,#142117b8),url('/assets/coast.png') center/cover;z-index:-1}.closing-content>img{border-radius:17px;margin-bottom:26px;box-shadow:0 8px 20px #0004}.closing h2{font-size:clamp(46px,6vw,86px);line-height:1.2;letter-spacing:-3px;font-weight:500;margin:0}.closing h2 em{font-style:normal;color:#e7e8d0}.closing-content>p:not(.eyebrow){font-size:12px;color:#dddcca;margin:25px 0}.closing-content>small{display:block;font-size:9px;color:#d2d8c5;margin-top:17px}footer{padding:40px 5vw 25px;background:#111913}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-top{padding-bottom:35px;border-bottom:1px solid var(--line)}.footer-top>p{font-size:9px;letter-spacing:2px;color:#adba9f}.footer-bottom{padding-top:23px;font-size:9px;color:#a8b49e}.footer-bottom nav{gap:24px}.footer-bottom nav a{font-size:10px;color:#a8b49e}.footer-bottom>a{letter-spacing:1px}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.js .reveal.visible{opacity:1;transform:none}dialog{padding:0;width:min(850px,92vw);border:1px solid #ffffff40;background:#15221a;color:var(--cream);border-radius:13px;box-shadow:0 30px 120px #0009;overflow:hidden}dialog::backdrop{background:#07150ded;backdrop-filter:blur(12px)}.dialog-close{position:absolute;z-index:3;right:12px;top:12px;width:37px;height:37px;border:1px solid #ffffff50;background:#15221a80;border-radius:50%;font-size:25px}.film-view{height:440px;position:relative;overflow:hidden}.film-picture{position:absolute;inset:-8%;background:url('/assets/coast.png') center/cover;transform:scale(var(--film-zoom,1)) translateX(var(--film-pan,0%));transition:transform .2s linear}.film-overlay{position:absolute;inset:0;background:linear-gradient(transparent,#08170b99);padding:30px;display:flex;flex-direction:column;justify-content:flex-end}.film-overlay h2{font-size:30px;font-weight:400;margin:0}.film-overlay p{font-size:12px}.film-overlay .eyebrow{position:absolute;top:25px;font-size:9px}.film-controls{padding:20px;display:flex;gap:17px;align-items:center}.film-controls button{border:0;background:var(--cream);color:#142218;border-radius:50%;width:35px;height:35px}.film-controls input{flex:1;min-width:50px;accent-color:var(--coral)}.film-controls>span{font:10px monospace}.film-disclaimer{font-size:9px;color:#acb8a4;padding:0 20px 15px;margin:0}@keyframes coast-drift{from{transform:scale(1)}to{transform:scale(1.08) translate(-1%,1%)}}@keyframes card-float{0%,100%{transform:rotate(8deg) translateY(0)}50%{transform:rotate(6deg) translateY(-14px)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(min-width:1600px){.memory-stack{width:360px;right:12%}.card-photo{height:350px}.hero-copy{margin-top:90px}}@media(max-width:1050px){.memory-stack{right:6%;width:270px;top:34%}.card-photo{height:270px}.glass-note{left:-20px}.hero h1{letter-spacing:-4px}.hero-copy{width:65%}.section-heading>p:last-child{position:static;margin-top:20px}.phone-stage{transform:scale(.95)}.hero-actions{gap:17px}.play-link small{display:none}}@media(max-width:760px){html{scroll-padding-top:20px}.nav{height:78px;padding:0 6vw}.nav nav{display:none}.nav-cta{font-size:10px;padding:9px 13px}.nav-cta span{padding-left:12px}.wordmark{font-size:27px}.hero{height:auto;max-height:none;min-height:1050px;padding:105px 6vw 70px}.hero-topline{font-size:7px;letter-spacing:1px}.hero-topline>span:last-child{display:none}.hero-copy{width:100%;margin-top:42px}.hero h1{font-size:clamp(59px,13.8vw,100px);letter-spacing:-4px;margin-bottom:25px}.eyebrow{font-size:8px;letter-spacing:1.6px}.intro{font-size:12px}.hero-actions{gap:23px;margin-top:26px}.pill{font-size:11px;padding:14px 22px;gap:28px}.play-link{font-size:10px}.memory-stack{position:relative;width:235px;right:auto;top:auto;margin:63px auto 40px}.card-photo{height:220px}.floating-card{padding:10px}.card-bottom{padding:13px 4px 5px}.card-bottom strong{font-size:11px}.glass-note{left:-27px;bottom:-27px;padding:12px 17px;font-size:10px}.glass-note small{font-size:5px}.hero-foot{font-size:7px;gap:13px;left:6%;right:6%;bottom:22px}.hero-foot b{display:none}.hero-foot a span{margin-left:8px}.hero-photo{background-position:60% center}.hero-shade{background:linear-gradient(90deg,#101e19aa,#101e1940),linear-gradient(0deg,#141b17,transparent 55%)}.ticker{font-size:11px;padding:13px 0}.ticker span{margin:0 25px;font-size:18px}.section-pad{padding:75px 6vw}.section-heading{margin-bottom:30px}.section-heading h2{font-size:29px;letter-spacing:-1.3px;line-height:1.5}.section-heading>p:last-child{font-size:12px}.story-grid{grid-template-columns:1fr;gap:18px}.feature{padding:22px}.camera-scene,.journal-art{height:260px}.feature h3{font-size:23px}.feature>p{font-size:12px}.together{grid-template-columns:1fr;gap:40px}.together h2{font-size:32px}.together-copy>p:not(.eyebrow){font-size:12px}.mode-switch button{padding:11px 20px}.mode-description{min-height:135px}.phone-stage{margin:0 auto;width:100%;height:540px;transform:scale(.92)}.stage-label{right:-10px}.orbit{width:330px;height:410px}.orbit-two{width:390px;height:500px}.manifesto h2{font-size:25px;letter-spacing:-1px;line-height:1.7}.values{gap:25px;grid-template-columns:1fr;text-align:left;margin-top:35px;padding-top:35px}.values>div{position:relative;padding-left:45px}.values>div>span{position:absolute;left:0;top:8px}.values h3{margin:0 0 7px}.values p{margin:0;font-size:11px}.closing{min-height:620px}.closing h2{font-size:53px}.closing .eyebrow{font-size:7px}footer{padding:30px 6vw}.footer-top{padding-bottom:25px}.footer-top>p{font-size:6px;letter-spacing:1px}.footer-bottom{flex-wrap:wrap;gap:20px}.footer-bottom nav{gap:14px}.footer-bottom>a{font-size:7px}.film-view{height:370px}.film-overlay{padding:23px}.film-overlay h2{font-size:24px}.film-overlay .eyebrow{font-size:7px}.film-controls{gap:12px;padding:15px}.film-controls>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.hero-photo,.memory-stack,.floating-card{transform:none}}
.phone-note p{white-space:pre-line}
@media(max-width:760px){.closing h2{font-size:clamp(32px,10vw,53px);letter-spacing:-2px}.closing h2 em{white-space:nowrap}}