@font-face{font-family:EB;src:url('assets/fonts/eb-garamond-400.ttf');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('assets/fonts/manrope-400.ttf');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('assets/fonts/manrope-500.ttf');font-weight:500;font-display:swap}@font-face{font-family:Manrope;src:url('assets/fonts/manrope-600.ttf');font-weight:600;font-display:swap}
:root{
  --color-background:#23231B;
  --color-primary-text:#FDFDFD;
  --color-secondary-text:#B2AEA8;
  --color-primary-accent:#FA5530;
  --color-secondary-accent:#D37440;
  --color-surface:color-mix(in srgb,var(--color-primary-text) 1%,var(--color-background));
  --color-border:color-mix(in srgb,var(--color-secondary-text) 22%,transparent);
  --color-control-border:color-mix(in srgb,var(--color-secondary-text) 70%,var(--color-background));
  --ink:var(--color-background);--panel:var(--color-surface);--olive:var(--color-background);
  --ivory:var(--color-primary-text);--accent:var(--color-primary-accent);--muted:var(--color-secondary-text);
  --line:var(--color-border);--ease:cubic-bezier(.22,1,.36,1)
}*{box-sizing:border-box}html{scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--ivory);font:400 15px/1.7 Manrope,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a,button,input,summary{outline-offset:6px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent)}button{color:inherit}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:EB,Georgia,serif;font-weight:400;line-height:1.06}h1 span,h2 span{color:var(--color-primary-text)}h1{font-size:clamp(64px,6.8vw,112px);letter-spacing:-3.7px}h2{font-size:clamp(48px,5.4vw,80px);letter-spacing:-2px}h3{font-size:32px;letter-spacing:-.6px}.wrap{width:min(1320px,88%);margin-inline:auto}.section{padding-block:120px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--accent);line-height:1.6}.body-copy{font-size:15px;color:var(--muted);line-height:1.9}.wordmark{font:400 43px/1 EB,serif;letter-spacing:-2px}.header{height:122px;display:flex;align-items:center;justify-content:space-between}.header-note{font-size:10px;color:var(--color-secondary-text);letter-spacing:1px}.text-link{font-size:12px;padding-block:12px;border-bottom:1px solid color-mix(in srgb,var(--color-primary-accent) 43.92%,transparent)}.text-link span{padding-left:20px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:53px;background:var(--color-primary-accent);border:1px solid var(--color-primary-accent);color:var(--color-background);padding:14px 24px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:var(--color-primary-accent);transform:translateY(-2px)}.button span{font-size:17px}.quiet-link{font-size:12px;padding:12px 0;display:inline-flex;gap:20px;align-items:center;color:var(--color-secondary-text)}.micro{font-size:10px;letter-spacing:.1px;color:var(--color-secondary-text)}.hero{min-height:1130px;position:relative;padding-top:76px}.hero-copy{position:relative;z-index:2;width:52%}.hero h1{margin:27px 0}.hero .body-copy{margin-top:26px}.hero-actions{display:flex;align-items:center;gap:28px;margin:35px 0 19px}.hero-devices{position:absolute;width:58%;height:890px;right:-2%;top:157px;perspective:1800px}.phone{width:294px;height:601px;border:5px solid var(--color-background);outline:1px solid var(--color-secondary-text);border-radius:46px;padding:8px;background:var(--color-background);box-shadow:0 40px 65px color-mix(in srgb,var(--color-background) 53.33%,transparent),inset 0 0 0 2px color-mix(in srgb,var(--color-secondary-text) 33.33%,transparent);position:relative;overflow:hidden;flex-shrink:0}.screen{border-radius:33px;height:100%;overflow:hidden;background:var(--color-background);position:relative}.phone:after{content:'';position:absolute;width:76px;height:20px;background:var(--color-background);border-radius:20px;top:17px;left:50%;transform:translateX(-50%);z-index:5}.phone-album{position:absolute;top:0;left:8%;transform:rotate(-9deg);z-index:2}.phone-camera{position:absolute;right:-1%;top:205px;transform:rotate(9deg);z-index:3}.phone-top{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:9px;font-weight:600;position:relative;z-index:3}.phone-top .signal{font-size:8px;letter-spacing:1px}.app-bar{padding:13px 15px;display:flex;justify-content:space-between;align-items:center;font-size:9px}.app-bar b{font-family:EB,serif;font-size:23px;font-weight:400}.art{position:relative;overflow:hidden;background-color:var(--color-background);background-image:radial-gradient(ellipse at 73% 17%,color-mix(in srgb,var(--color-secondary-text) 66.67%,transparent),transparent 26%),radial-gradient(ellipse at 27% 69%,var(--color-secondary-text),transparent 44%),linear-gradient(145deg,var(--color-background),var(--color-background) 65%,var(--color-background))}.art:before{content:'';position:absolute;inset:0;opacity:.3;background:repeating-linear-gradient(94deg,transparent 0 37px,color-mix(in srgb,var(--color-secondary-text) 6.27%,transparent) 38px 39px),radial-gradient(ellipse at 50% 100%,var(--color-secondary-text),transparent 60%)}.art:after{content:'IMAGE STUDY';position:absolute;bottom:12px;right:12px;font-size:7px;letter-spacing:2px;color:color-mix(in srgb,var(--color-primary-text) 53.33%,transparent);writing-mode:vertical-rl}.art-toast{background-image:radial-gradient(ellipse at 28% 22%,color-mix(in srgb,var(--color-secondary-text) 54.90%,transparent),transparent 15%),linear-gradient(35deg,var(--color-background),var(--color-secondary-text),var(--color-background))}.art-dance{background-image:radial-gradient(ellipse at 80% 65%,var(--color-secondary-text),transparent 45%),radial-gradient(ellipse at 22% 20%,var(--color-secondary-text),transparent 23%),linear-gradient(130deg,var(--color-background),var(--color-background))}.art-night{background-image:radial-gradient(ellipse at 50% 24%,color-mix(in srgb,var(--color-secondary-text) 53.33%,transparent),transparent 28%),linear-gradient(160deg,var(--color-background),var(--color-background) 70%)}.art-dinner{background-image:radial-gradient(ellipse at 20% 75%,var(--color-secondary-text),transparent 40%),linear-gradient(145deg,var(--color-background),var(--color-background),var(--color-background))}.art-milestone{background-image:radial-gradient(ellipse at 60% 20%,color-mix(in srgb,var(--color-secondary-text) 56.47%,transparent),transparent 30%),linear-gradient(130deg,var(--color-background),var(--color-background),var(--color-background))}.album-cover{height:300px;margin:0 8px;border-radius:12px;display:flex;align-items:flex-end;padding:20px}.album-cover:before{background:linear-gradient(transparent,color-mix(in srgb,var(--color-background) 85.10%,transparent));opacity:1}.cover-copy{position:relative;z-index:2}.cover-copy .tiny{font-size:7px;letter-spacing:1.8px;text-transform:uppercase;color:var(--color-primary-text)}.cover-copy h4{font-size:34px;margin:7px 0 10px;color:var(--color-primary-text)}.cover-copy p{font-size:9px;color:var(--color-primary-text)}.app-stats{display:flex;justify-content:space-around;text-align:center;padding:17px 0}.app-stats b{display:block;font:400 24px EB,serif;color:var(--color-primary-accent)}.app-stats small{font-size:7px;color:var(--color-secondary-text)}.tiny-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:0 8px}.tiny-grid .art{aspect-ratio:1}.camera-art{position:absolute;inset:0 0 112px;display:flex;align-items:flex-end;padding:24px 20px}.camera-art:before{background:linear-gradient(color-mix(in srgb,var(--color-background) 40.00%,transparent),transparent 35%,color-mix(in srgb,var(--color-background) 60.00%,transparent));opacity:1}.camera-title{position:relative;font-size:10px;letter-spacing:.3px}.focus-frame{position:absolute;width:120px;height:150px;left:50%;top:40%;transform:translate(-50%,-50%);border:1px solid color-mix(in srgb,var(--color-primary-text) 31.37%,transparent);border-radius:4px}.camera-bar{position:absolute;bottom:0;height:112px;left:0;right:0;display:flex;align-items:center;justify-content:space-around}.shutter{width:56px;height:56px;border:3px solid var(--color-primary-text);border-radius:50%;box-shadow:inset 0 0 0 3px var(--color-background);background:var(--color-primary-accent)}.shot-count{font:400 23px EB,serif;text-align:center}.shot-count small{display:block;font:7px Manrope,sans-serif;color:var(--color-secondary-text)}.composition-note{position:absolute;bottom:40px;left:23%;font-size:9px;color:var(--color-secondary-text);letter-spacing:.5px}.hero-bottom{position:absolute;bottom:45px;left:0;right:0;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;color:var(--color-secondary-text);font-size:9px;text-transform:uppercase;letter-spacing:1.6px}.hero-bottom span span{margin-left:25px}.section-heading .eyebrow{margin-bottom:24px}.promise{padding-top:100px;padding-bottom:155px}.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:70px;margin-top:75px}.promise-grid h3{margin:22px 0 17px}.promise-grid p{font-size:13px;color:var(--muted);line-height:1.9;max-width:320px}.line-icon{font-size:32px;color:var(--accent)}.centered{text-align:center}.experience{padding:0 24px}.experience-inner{border-radius:30px;background:var(--color-background);padding:90px 6% 32px;overflow:hidden;position:relative}.tabs{display:flex;justify-content:center;gap:8px;margin:32px 0}.tabs button{border:1px solid color-mix(in srgb,var(--color-primary-text) 12.55%,transparent);border-radius:30px;background:none;padding:12px 21px;min-height:44px;font-size:11px;color:var(--color-secondary-text);transition:background .28s,color .28s}.tabs button[aria-selected=true]{background:var(--color-primary-accent);border-color:var(--color-primary-accent);color:var(--color-background)}.event-line{text-align:center;font-size:13px;color:var(--color-secondary-text);min-height:25px}.experience-devices{height:770px;max-width:1080px;margin:50px auto 0;position:relative}.event-cover{position:absolute;left:39%;top:10px;transform:rotate(-7deg);z-index:2}.event-grid{position:absolute;right:1%;top:120px;transform:rotate(7deg);z-index:1}.event-caption{position:absolute;left:0;top:240px}.event-caption p{font:400 42px/1.12 EB,serif;margin-top:20px}.caption-rule{display:block;width:45px;height:1px;background:color-mix(in srgb,var(--color-primary-accent) 43.92%,transparent);margin:27px 0}.event-caption small{font-size:11px;color:var(--color-secondary-text);line-height:1.8}.media-note{text-align:center;font-size:9px;color:var(--color-secondary-text);letter-spacing:.6px}.full-cover{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:26px 22px 37px}.full-cover:before{background:linear-gradient(transparent 35%,color-mix(in srgb,var(--color-background) 94.12%,transparent));opacity:1}.full-cover .cover-copy h4{font-size:43px}.cover-line{width:35px;height:1px;background:var(--color-primary-accent);margin:21px 0}.app-pill{font-size:8px;border:1px solid color-mix(in srgb,var(--color-secondary-text) 30.20%,transparent);display:inline-block;padding:8px 16px;border-radius:20px;margin-top:18px}.grid-title{padding:20px 17px}.grid-title h4{font-size:31px}.grid-title p{font-size:8px;color:var(--color-secondary-text);margin-top:7px}.album-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:0 9px}.album-grid .art{height:134px;border-radius:4px}.album-grid .art:nth-child(3n){height:110px}.grid-footer{padding:15px;text-align:center;font-size:8px;color:var(--color-secondary-text)}.how{padding-top:160px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:65px}.step-scene{height:410px;background:var(--color-background);border:1px solid color-mix(in srgb,var(--color-primary-text) 4.31%,transparent);border-radius:15px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.mini-app{width:80%;background:var(--color-background);border:1px solid var(--color-secondary-text);border-radius:20px;padding:21px;transform:rotate(-4deg);box-shadow:15px 30px 35px color-mix(in srgb,var(--color-background) 26.67%,transparent)}.mini-brand{font:400 23px EB,serif}.mini-app h4{font-size:30px;margin:22px 0}.mini-app label{font-size:7px;color:var(--color-secondary-text);letter-spacing:1px;display:block;margin:15px 0}.mini-app label span{font-size:12px;color:var(--color-primary-text);display:block;letter-spacing:0;padding-top:6px}.settings-row{border-top:1px solid color-mix(in srgb,var(--color-primary-text) 7.84%,transparent);display:flex;justify-content:space-between;font-size:8px;padding:13px 0}.settings-row b{font-weight:400;color:var(--color-primary-accent)}.mini-button{display:block;background:var(--color-primary-accent);color:var(--color-background);padding:12px;font-size:9px;text-align:center;margin-top:10px}.step-copy{padding:28px 2px}.step-copy h3{margin:14px 0 16px}.step-copy p{font-size:13px;color:var(--color-secondary-text);line-height:1.9;max-width:330px}.invitation{width:73%;background:var(--color-primary-text);color:var(--color-secondary-text);padding:25px 18px;text-align:center;transform:rotate(7deg);box-shadow:20px 25px 40px color-mix(in srgb,var(--color-background) 40.00%,transparent)}.invitation .eyebrow{font-size:6px;letter-spacing:1.5px;color:var(--color-background)}.invitation h4{font-size:29px;margin:16px 0 8px}.invitation p{font-size:8px}.invitation .mini-brand{display:block;margin-top:20px}.code-placeholder{width:98px;height:98px;margin:23px auto 8px;border:1px solid var(--color-secondary-text);outline:1px solid color-mix(in srgb,var(--color-secondary-text) 37.65%,transparent);outline-offset:5px;display:grid;place-items:center;background:repeating-linear-gradient(45deg,var(--color-primary-text) 0 2px,transparent 2px 7px)}.code-placeholder span{font:40px EB;background:var(--color-primary-text);width:58px}.code-label{display:block;font-size:7px;color:var(--color-background);margin-bottom:20px}.print{position:absolute;width:62%;padding:9px 9px 19px;background:var(--color-primary-text);box-shadow:15px 20px 40px color-mix(in srgb,var(--color-background) 46.67%,transparent)}.print .art{height:192px}.print small{display:block;font:12px EB,serif;color:var(--color-background);margin-top:13px;text-align:center}.print-one{transform:rotate(-11deg);left:7%;top:40px}.print-two{transform:rotate(10deg);right:5%;top:105px}.reveal-tag{position:absolute;bottom:31px;background:color-mix(in srgb,var(--color-background) 90.98%,transparent);padding:10px 18px;border:1px solid color-mix(in srgb,var(--color-primary-accent) 25.10%,transparent);border-radius:25px;font-size:10px;color:var(--color-primary-accent)}.interlude{padding:100px 0 160px;text-align:center}.interlude p{font:400 clamp(45px,6vw,86px)/1.07 EB,serif;margin:30px 0;letter-spacing:-2px}.interlude p span{color:var(--color-secondary-text)}.star{font-size:38px;color:var(--color-primary-accent)}.faq{display:grid;grid-template-columns:1fr 1.25fr;gap:100px;border-top:1px solid var(--line)}.faq .body-copy{margin-top:30px}.faq-list{padding-top:0}details{border-bottom:1px solid var(--line);padding:0 16px;border-radius:5px}details[open]{background:var(--color-background)}summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer;font-size:13px;min-height:80px}summary::-webkit-details-marker{display:none}summary span{width:15px;height:15px;position:relative;flex-shrink:0}summary span:before,summary span:after{content:'';height:1px;width:12px;background:var(--color-primary-accent);position:absolute;top:7px;left:1px}summary span:after{transform:rotate(90deg);transition:transform .25s}details[open] summary span:after{transform:rotate(0)}details div{overflow:hidden}details p{font-size:12px;color:var(--color-secondary-text);line-height:1.9;padding:0 25px 24px 0}details:hover{background:var(--color-background)}.closing{padding:120px 24px 0;overflow:hidden}.closing .body-copy{margin:27px 0}.waitlist{max-width:520px;margin:35px auto 0;position:relative;z-index:3}.waitlist label{display:block;font-size:10px;margin-bottom:8px;color:var(--color-secondary-text)}.form-row{display:flex;border:1px solid var(--color-secondary-text)}.form-row input{min-width:0;flex:1;background:var(--color-background);border:0;border-radius:0;padding:17px;color:var(--color-primary-text);font-size:12px}.form-row .button{border:0;white-space:nowrap}#form-note{font-size:9px;color:var(--color-secondary-text);margin-top:12px;line-height:1.8}#form-status{font-size:12px;color:var(--accent);margin-top:10px;min-height:21px}.closing-devices{height:800px;max-width:860px;margin:65px auto 0;position:relative}.closing-cover{position:absolute;left:14%;top:0;transform:rotate(-10deg);z-index:2}.closing-grid{position:absolute;right:12%;top:125px;transform:rotate(10deg)}.footer{background:var(--color-background);border-radius:28px 28px 0 0;margin:0 24px;padding:75px max(6%,35px) 130px}.footer-top{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:40px}.footer-top>.wordmark{font-size:64px}.footer-top>p{font:400 36px/1.15 EB,serif}.footer-top>p span{color:var(--color-secondary-text)}.footer nav{display:grid;justify-content:end;gap:13px;font-size:11px;color:var(--color-secondary-text)}.footer-bottom{margin-top:80px;padding-top:25px;border-top:1px solid color-mix(in srgb,var(--color-primary-text) 9.02%,transparent);display:flex;justify-content:space-between;font-size:9px;color:var(--color-secondary-text)}.preview-disclosure{font-size:9px;color:var(--color-secondary-text);margin-top:25px}.dock{position:fixed;z-index:20;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:26px;background:color-mix(in srgb,var(--color-background) 90.98%,transparent);backdrop-filter:blur(18px);border:1px solid color-mix(in srgb,var(--color-primary-accent) 25.10%,transparent);border-radius:20px;padding:10px 12px 10px 20px;box-shadow:0 6px 25px color-mix(in srgb,var(--color-background) 33.33%,transparent);white-space:nowrap}.dock a{font-size:10px;min-height:40px;display:flex;align-items:center}.dock .dock-brand{font:29px EB,serif;color:var(--color-primary-accent);margin-right:6px}.dock a.active{color:var(--color-primary-accent)}.dock .dock-cta{background:var(--color-primary-accent);color:var(--color-background);padding:0 18px;border-radius:11px}.invitation-dock{position:fixed;bottom:28px;left:24px;z-index:10;display:flex;gap:15px;padding:18px;background:color-mix(in srgb,var(--color-background) 87.06%,transparent);backdrop-filter:blur(15px);border:1px solid color-mix(in srgb,var(--color-primary-text) 9.41%,transparent);border-radius:14px}.small-star{font-size:28px;color:var(--accent)}.invitation-dock p{font-size:10px}.invitation-dock a{font-size:9px;color:var(--color-secondary-text)}.skip{position:fixed;top:-100px;left:20px;z-index:99;background:var(--color-primary-accent);color:var(--color-background);padding:12px}.skip:focus{top:15px}.menu-toggle{display:none}.mobile-menu[hidden]{display:none}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}
@media(max-width:1250px){.invitation-dock{display:none}.hero-devices{right:0;top:290px;width:59%;transform:scale(.9);transform-origin:right top}.hero-copy{width:62%}.hero{min-height:1180px}.event-cover{left:33%}.event-grid{right:-3%}.event-caption p{font-size:35px}.event-caption{left:-2%}.promise-grid{gap:35px}.faq{gap:50px}}
@media(max-width:900px){.wrap{width:88%}.header-note{display:none}.hero{padding-top:40px;min-height:1380px}.hero-copy{width:100%;text-align:center}.hero h1{font-size:78px;letter-spacing:-2.5px}.desktop-break{display:none}.hero-actions{justify-content:center}.hero-devices{width:650px;max-width:100%;left:50%;right:auto;top:525px;transform:translateX(-50%) scale(.9);transform-origin:center top}.hero-bottom{bottom:30px}.hero .body-copy{font-size:14px}.phone-album{left:5%}.phone-camera{right:0}.section{padding-block:85px}.experience{padding:0 14px}.experience-inner{padding:70px 6% 28px}.event-caption{display:none}.experience-devices{max-width:650px;height:750px;transform:scale(.92);transform-origin:top center}.event-cover{left:0}.event-grid{right:0}.steps{gap:18px}.step-scene{height:330px}.mini-app{padding:15px}.mini-app h4{font-size:24px}.invitation{width:85%;padding:20px 10px}.invitation h4{font-size:22px}.step-copy h3{font-size:28px}.print .art{height:150px}.print small{font-size:9px}.promise-grid{gap:25px}.promise-grid h3{font-size:29px}.interlude{padding:80px 0}.faq{gap:40px;grid-template-columns:.8fr 1.2fr}.footer{padding:60px 6% 120px}.footer-top>p{font-size:29px}.closing{padding-bottom:0}.closing-devices{height:780px}}
@media(max-width:600px){html{scroll-padding-top:90px}.header{height:90px}.wordmark{font-size:36px}.header>.text-link{margin-left:auto;margin-right:24px;font-size:10px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;background:none;border:0;width:44px;height:44px;padding:10px}.menu-toggle span{display:block;width:22px;height:1px;background:var(--accent)}.mobile-menu{position:absolute;top:80px;left:6%;right:6%;z-index:30;padding:22px;background:var(--color-background);border:1px solid var(--color-secondary-text);border-radius:12px;display:grid;gap:5px}.mobile-menu a{padding:10px 0;font-size:13px}.hero{padding-top:34px;min-height:1080px;width:100%;overflow:hidden}.hero-copy{padding:0 6%}.hero .eyebrow{font-size:8px;letter-spacing:1.6px}.hero h1{font-size:57px;line-height:1.02;letter-spacing:-1.8px;margin:25px 0}.hero h1 span{display:block}.hero .body-copy{font-size:12px;line-height:1.9}.hero-actions{gap:20px;margin-top:26px;flex-direction:column}.hero-actions .quiet-link{display:none}.micro{font-size:9px}.hero-devices{top:440px;width:530px;max-width:none;transform:translateX(-50%) scale(.65);height:880px}.phone-album{left:0}.phone-camera{right:0;top:145px}.composition-note{bottom:55px;left:25%}.hero-bottom{left:6%;right:6%;bottom:25px;font-size:7px;letter-spacing:.8px}.hero-bottom span span{margin-left:8px}h2{font-size:47px;letter-spacing:-1.4px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:22px}.section{padding-block:75px}.promise-grid{grid-template-columns:1fr;margin-top:45px;gap:35px}.promise-grid article{padding-left:49px;position:relative}.line-icon{position:absolute;left:0;top:10px;font-size:25px}.promise-grid h3{margin:10px 0 12px;font-size:28px}.promise-grid p{font-size:12px;max-width:none}.experience{padding:0 10px}.experience-inner{padding:65px 17px 25px;border-radius:22px}.experience h2{font-size:43px}.tabs{gap:5px;margin-top:27px}.tabs button{font-size:9px;padding:10px 13px}.event-line{font-size:11px;min-height:42px;max-width:260px;margin:auto}.experience-devices{width:510px;max-width:none;left:50%;margin-left:-255px;height:520px;margin-top:30px;transform:scale(.62);transform-origin:top center}.event-cover{left:0}.event-grid{right:-10px;top:115px}.media-note{margin-top:0;font-size:8px}.steps{grid-template-columns:1fr;gap:20px;margin-top:42px}.step-scene{height:400px}.mini-app{width:77%;max-width:280px;padding:25px}.mini-app h4{font-size:30px}.invitation{width:70%;max-width:250px;padding:24px 17px}.invitation h4{font-size:29px}.step-copy{padding-top:24px}.step-copy h3{font-size:32px}.step-copy p{font-size:12px}.print{width:60%;max-width:240px}.print .art{height:195px}.print small{font-size:12px}.step .eyebrow{font-size:9px}.interlude{padding:45px 0 85px}.interlude p{font-size:53px;letter-spacing:-1px}.faq{grid-template-columns:1fr;gap:35px}.faq .body-copy{font-size:13px;margin-top:20px}.faq .body-copy br{display:none}summary{font-size:12px;min-height:76px;gap:15px}details{padding:0 10px}details p{font-size:12px}.closing{padding:75px 6% 0}.closing h2{font-size:43px}.closing .body-copy{font-size:13px}.form-row{flex-direction:column;border:0;gap:9px}.form-row input{border:1px solid var(--color-secondary-text);min-height:54px}.form-row .button{justify-content:center}.waitlist{margin-top:28px}#form-note{font-size:9px}.closing-devices{height:580px;width:500px;left:50%;margin-left:-250px;transform:scale(.66);transform-origin:top center;margin-top:45px}.closing-cover{left:0}.closing-grid{right:-10px;top:100px}.footer{margin:0 10px;padding:50px 7% 45px;border-radius:22px 22px 0 0}.footer-top{grid-template-columns:1fr 1fr;gap:35px 12px}.footer-top>.wordmark{font-size:47px}.footer-top>p{font-size:24px}.footer nav{grid-column:1/-1;grid-template-columns:1fr 1fr;justify-content:stretch;gap:14px}.footer-bottom{margin-top:45px;flex-wrap:wrap;gap:20px;font-size:8px}.preview-disclosure{font-size:8px}.dock{display:none}.preview-disclosure{margin-top:20px}.body-copy br{display:none}.hero-copy .body-copy{max-width:310px;margin-inline:auto}.closing .body-copy br{display:block}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1!important;transform:none!important}}
.dock .dock-cta.active{color:var(--color-background)}
@media(max-width:600px){.hero{min-height:1240px}.hero-devices{top:610px}}
/* Approved film photographs; retain the editable app interface above them. */
.art{background:var(--color-background);isolation:isolate}
.art:after{content:none}
.art:before{background:none;opacity:0;z-index:1;pointer-events:none}
.event-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;z-index:0}
.album-cover:before{background:linear-gradient(180deg,transparent 30%,color-mix(in srgb,var(--color-background) 85.10%,transparent) 100%);opacity:1}
.full-cover:before{background:linear-gradient(180deg,color-mix(in srgb,var(--color-background) 10.20%,transparent) 0%,transparent 30%,color-mix(in srgb,var(--color-background) 65.10%,transparent) 65%,color-mix(in srgb,var(--color-background) 92.94%,transparent) 100%);opacity:1}
.camera-art:before{background:linear-gradient(180deg,color-mix(in srgb,var(--color-background) 26.67%,transparent),transparent 25%,transparent 65%,color-mix(in srgb,var(--color-background) 73.33%,transparent));opacity:1}
.camera-title,.focus-frame{z-index:2}
.album-cover .event-photo{object-position:50% 30%}
.full-cover .event-photo{object-position:50% 35%}
.camera-art .event-photo{object-position:50% 45%}
.art-friends .event-photo{object-position:50% 30%}
.art-toast .event-photo{object-position:50% 46%}
.art-afterglow .event-photo{object-position:50% 37%}
.art-dinner .event-photo{object-position:50% 30%}
.art-milestone .event-photo{object-position:50% 35%}
.album-grid .art:nth-child(2n) .event-photo{object-position:70% 42%}
.album-grid .art:nth-child(3n) .event-photo{object-position:25% 65%}
.scene-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.65}
.setup-scene .mini-app{position:relative;z-index:1;background:color-mix(in srgb,var(--color-background) 96.08%,transparent)}

/* Readable supporting type; display headings retain the approved scale. */
body{font-size:17px}
.body-copy{font-size:18px;line-height:1.7}
.hero .body-copy{font-size:20px;line-height:1.65}
.promise-grid p,.step-copy p{font-size:17px;line-height:1.75}
.eyebrow{font-size:12px}
.header-note,.micro,.composition-note,.media-note,.footer-bottom,.preview-disclosure{font-size:12px}
.text-link,.quiet-link,.footer nav,.dock a:not(.dock-brand){font-size:14px}
.button,.mobile-menu a{font-size:16px}
.tabs button{font-size:14px}
.event-line,.event-caption small{font-size:16px}
summary{font-size:17px}
details p{font-size:16px;line-height:1.75}
.waitlist label,#form-note{font-size:12px}
.form-row input{font-size:16px}
#form-status{font-size:14px}
.invitation-dock p{font-size:12px}
.invitation-dock a{font-size:11px}
.hero-bottom{font-size:11px}
.hero-actions{flex-wrap:wrap}
@media(max-width:900px){
  .hero .body-copy{font-size:18px}
  .hero-devices{top:590px}
  .hero{min-height:1450px}
}
@media(max-width:600px){
  .hero .body-copy,.body-copy,.faq .body-copy,.closing .body-copy,
  .promise-grid p,.step-copy p,details p{font-size:16px;line-height:1.7}
  .hero .eyebrow,.section-heading .eyebrow,.step .eyebrow{font-size:11px}
  .header>.text-link{font-size:14px;margin-right:12px}
  .micro,.composition-note,.media-note,.footer-bottom,.preview-disclosure,#form-note{font-size:11px}
  .hero-bottom{font-size:9px;gap:15px}
  .tabs{flex-wrap:wrap}
  .tabs button{font-size:14px;padding:10px 14px}
  .event-line{font-size:16px;max-width:290px;min-height:54px}
  summary{font-size:16px;padding-block:18px}
  .hero{min-height:1330px}
  .hero-devices{top:690px}
}

/* Dearday product preview — shared, photo-first app components. */
.phone{padding:5px;border:4px solid var(--color-secondary-text);border-radius:45px;background:var(--color-background);outline:1px solid var(--color-background);box-shadow:0 0 0 1px var(--color-secondary-text),0 0 0 3px var(--color-background),3px 4px 0 4px var(--color-background),0 35px 70px color-mix(in srgb,var(--color-background) 60.00%,transparent),inset 0 0 0 2px var(--color-background)}
.phone:after{width:82px;height:23px;top:15px;background:radial-gradient(circle at 87% 50%,var(--color-background) 0 3px,var(--color-background) 4px);box-shadow:0 0 0 1px var(--color-background);border-radius:20px}
.phone .screen{border-radius:34px;background:var(--color-background)}
.phone .phone-top{height:40px;padding:0 19px;font-size:10px;letter-spacing:0;color:var(--color-primary-text);z-index:5}
.status-icons svg{width:34px;height:11px;display:block}
.app-screen{font:400 11px/1.45 Manrope,sans-serif;color:var(--color-primary-text);text-align:left}
.app-screen svg{width:18px;height:18px;flex-shrink:0;display:block}
.app-screen button{font-family:Manrope,sans-serif;letter-spacing:0;cursor:pointer}
.app-screen button:focus-visible{outline:2px solid var(--color-primary-accent);outline-offset:-3px}
.app-nav{display:flex;align-items:center;gap:8px;padding:10px 12px 13px;position:relative;z-index:2}
.app-nav>div{flex:1;min-width:0;text-align:center}
.app-nav h4{font:400 19px/1.1 EB,Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-nav p{font-size:8px;color:var(--color-secondary-text);margin-top:4px}
.app-nav-icon{display:grid;place-items:center;width:29px;height:29px;border:1px solid color-mix(in srgb,var(--color-primary-text) 7.06%,transparent);border-radius:10px;background:color-mix(in srgb,var(--color-primary-text) 3.14%,transparent);flex-shrink:0}
.app-nav-icon svg{width:14px;height:14px}
.home-indicator{position:absolute;bottom:7px;width:85px;height:3px;border-radius:3px;left:50%;transform:translateX(-50%);background:var(--color-primary-text);z-index:8;box-shadow:0 0 5px color-mix(in srgb,var(--color-background) 33.33%,transparent)}
.event-backdrop{position:absolute;inset:0 0 auto;height:335px}
.event-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(color-mix(in srgb,var(--color-background) 20.00%,transparent),transparent 35%,color-mix(in srgb,var(--color-background) 60.00%,transparent) 66%,var(--color-background) 99%)}
.event-backdrop .event-photo{object-position:50% 40%}
.event-topline{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:4px 13px}
.event-topline>span:nth-child(2){font:26px/1 EB,serif;letter-spacing:-1px}
.event-private{font-size:8px;display:flex;gap:4px;align-items:center;background:color-mix(in srgb,var(--color-background) 45.88%,transparent);border:1px solid color-mix(in srgb,var(--color-primary-text) 9.41%,transparent);border-radius:15px;padding:6px}
.event-private svg{width:10px;height:10px}
.event-summary{position:relative;z-index:2;margin-top:107px;padding:0 15px;text-align:center}
.event-date{font-size:8px;letter-spacing:1.2px;text-transform:uppercase;color:var(--color-primary-text)}
.event-summary h4{font:400 35px/1.02 EB,serif;letter-spacing:-.7px;margin:7px 0}
.event-summary>p{font-size:10px;color:var(--color-primary-text)}
.event-dashboard{position:relative;z-index:2;padding:0 12px}
.event-metrics{display:grid;grid-template-columns:1fr 1fr 1.4fr;text-align:center;padding:17px 0 15px;gap:5px}
.event-metrics>span{font-size:8px;color:var(--color-secondary-text)}
.event-metrics b{display:block;font:400 24px/1.1 EB,serif;color:var(--color-primary-text);margin-bottom:4px}
.event-metrics>span:last-child b{font-size:20px;line-height:26px}
.event-actions{display:flex;gap:7px}
.app-capture{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;background:var(--color-primary-accent);color:var(--color-background);border:0;border-radius:12px;height:43px;font-size:11px;font-weight:600}
.app-capture svg{width:16px;height:16px}
.app-control{width:40px;height:40px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--color-primary-text) 7.84%,transparent);background:color-mix(in srgb,var(--color-primary-text) 3.92%,transparent);border-radius:12px;color:var(--color-primary-text);padding:0;flex-shrink:0}
.event-actions .app-control{height:43px;width:43px}
.app-control[aria-pressed=true]{background:var(--color-primary-accent);color:var(--color-background)}
.album-section-label{display:flex;align-items:center;justify-content:space-between;margin:17px 0 10px;font-size:10px;font-weight:500}
.album-section-label>span:last-child{display:flex;gap:4px;align-items:center;color:var(--color-secondary-text);font-size:8px}
.album-section-label svg{width:10px;height:10px}
.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:0 11px}
.app-thumbnail{border:0;position:relative;overflow:hidden;aspect-ratio:3/4;background:var(--color-secondary-text);border-radius:9px;padding:0;min-width:0;color:var(--color-primary-text)}
.app-thumbnail:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,color-mix(in srgb,var(--color-background) 53.33%,transparent))}
.app-thumbnail .event-photo{object-position:50% 50%;transition:transform .3s}
.app-thumbnail:hover .event-photo{transform:scale(1.04)}
.app-thumbnail>span{position:absolute;bottom:7px;left:8px;font-size:8px;z-index:1}
.compact-grid{padding:0}
.compact-grid .app-thumbnail{aspect-ratio:1}
.collection-heading{padding:12px 14px}
.collection-heading>span{font:28px/1.15 EB,serif}
.collection-heading>p{font-size:9px;color:var(--color-secondary-text);margin-top:7px}
.collection-filter{display:flex;align-items:center;gap:11px;margin:5px 12px 15px;font-size:8px;color:var(--color-secondary-text)}
.collection-filter .selected{padding:7px 10px;background:var(--color-primary-accent);color:var(--color-background);border-radius:20px}
.collection-filter svg{margin-left:auto;width:13px;height:13px}
.collection-footer{display:flex;align-items:center;justify-content:center;gap:5px;position:absolute;bottom:16px;left:0;right:0;height:25px;background:color-mix(in srgb,var(--color-background) 92.94%,transparent);color:var(--color-secondary-text);font-size:8px}
.collection-footer svg{width:10px;height:10px}
.viewfinder{height:316px;margin:0 10px;position:relative;overflow:hidden;border-radius:20px;background:var(--color-background)}
.viewfinder .event-photo{object-position:50% 43%}
.viewfinder:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(color-mix(in srgb,var(--color-background) 33.33%,transparent),transparent 23%,transparent 80%,color-mix(in srgb,var(--color-background) 26.67%,transparent))}
.camera-live{position:absolute;left:12px;top:12px;display:flex;align-items:center;gap:4px;font-size:7px;letter-spacing:1px;z-index:1}
.camera-live svg{height:10px;width:10px}
.camera-focus{position:absolute;width:90px;height:100px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid color-mix(in srgb,var(--color-primary-accent) 60.00%,transparent);border-radius:12px}
.camera-zoom{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);border-radius:50%;background:color-mix(in srgb,var(--color-background) 69.02%,transparent);padding:6px 8px;font-size:9px;z-index:2}
.capture-meta{display:flex;justify-content:space-between;align-items:center;margin:13px 17px 8px;font-size:8px;color:var(--color-secondary-text)}
.capture-meta>span:first-child{font-size:7px;letter-spacing:1.1px}
.capture-meta b{font-size:13px;color:var(--color-primary-accent);font-weight:500}
.capture-controls{display:flex;align-items:center;justify-content:space-around;padding:0 12px}
.capture-controls .app-control{background:none;border:0}
.capture-shutter{border:3px solid var(--color-primary-accent);width:58px;height:58px;background:var(--color-primary-accent);border-radius:50%;box-shadow:inset 0 0 0 4px var(--color-background)}
.capture-shutter:active{transform:scale(.93)}
.capture-hint{font-size:7px;color:var(--color-secondary-text);text-align:center;margin:10px 0}
.event-screen:before{content:'';position:absolute;bottom:0;left:0;right:0;height:35px;background:linear-gradient(transparent,var(--color-background));z-index:4;pointer-events:none}
.app-feedback{position:absolute;z-index:10;left:12px;right:12px;bottom:32px;padding:11px;border:1px solid color-mix(in srgb,var(--color-primary-accent) 25.10%,transparent);border-radius:12px;background:color-mix(in srgb,var(--color-background) 96.08%,transparent);color:var(--color-primary-text);font-size:10px;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s}
.app-feedback.visible{opacity:1}
.mirrored{transform:scaleX(-1)}
@keyframes preview-capture{0%{opacity:.3}100%{opacity:1}}
.just-captured .viewfinder{animation:preview-capture .35s ease-out}
#photo-preview{border:1px solid color-mix(in srgb,var(--color-primary-accent) 25.10%,transparent);border-radius:18px;padding:14px;background:var(--color-background);color:var(--color-primary-text);width:min(480px,90vw);max-height:90dvh;overflow:auto;box-shadow:0 25px 80px color-mix(in srgb,var(--color-background) 60.00%,transparent)}
#photo-preview::backdrop{background:color-mix(in srgb,var(--color-background) 87.06%,transparent);backdrop-filter:blur(12px)}
.preview-photo{position:relative;height:min(65dvh,600px);overflow:hidden;border-radius:10px}
.preview-photo .event-photo{position:static;display:block;width:100%;height:100%;object-fit:contain}
.preview-close{display:flex;align-items:center;justify-content:center;margin:0 0 10px auto;background:color-mix(in srgb,var(--color-primary-text) 6.27%,transparent);border:0;border-radius:50%;color:var(--color-primary-text);width:38px;height:38px}
.preview-close svg{width:20px;height:20px}
#photo-preview>p{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:14px 2px 0}
#photo-preview>p span{font:26px EB,serif}
@media(min-width:901px){.phone-album{transform:rotate(-5deg)}.phone-camera{transform:rotate(5deg)}}
@media(prefers-reduced-motion:reduce){.app-thumbnail:hover .event-photo{transform:none}}
.app-nav button.app-nav-icon{color:inherit;padding:0}
.gallery-screen .photo-grid{max-height:345px;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain}
.event-screen .compact-grid{max-height:140px;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain}

/* Shared website and app control roles. */
.quiet-link:hover,.text-link:hover{color:var(--accent)}
.app-control{background:var(--olive);border-color:color-mix(in srgb,var(--color-primary-accent) 14.12%,transparent);color:var(--ivory)}
.app-nav-icon{background:var(--olive);border-color:color-mix(in srgb,var(--color-primary-accent) 14.12%,transparent)}
.capture-controls .app-control{background:transparent}
.app-control[aria-pressed=true]{background:var(--accent);color:var(--ink)}
.preview-close{background:var(--olive);color:var(--ivory)}
.tabs button:not([aria-selected=true]):hover{background:var(--olive);color:var(--ivory)}
.invitation .eyebrow,.invitation p,.code-label{color:var(--color-secondary-text)}

/* Cinematic color roles. Geometry, typography and motion are intentionally unchanged. */
.eyebrow,.star,.small-star{color:var(--color-secondary-accent)}
.line-icon,.wordmark,.dock .dock-brand{color:var(--color-primary-text)}
.experience-inner,.step-scene,.footer,details[open],details:hover{background:var(--color-surface)}
.button,.dock .dock-cta,.mini-button,.app-capture{background:var(--color-primary-accent);color:var(--color-background);border-color:var(--color-primary-accent)}
.button:hover,.dock .dock-cta:hover,.app-capture:hover{background:color-mix(in srgb,var(--color-primary-accent) 94%,var(--color-primary-text))}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline-color:var(--color-primary-text)}
.form-row{border-color:var(--color-control-border)}
.form-row input{background:var(--color-background);border-color:var(--color-control-border)}
.form-row input::placeholder{color:var(--color-secondary-text);opacity:1}
.form-row:focus-within{border-color:var(--color-primary-accent)}
.menu-toggle span,summary span:before,summary span:after{background:var(--color-primary-text)}
.text-link,.tabs button,.app-control,.app-nav-icon{border-color:var(--color-control-border)}
.app-control,.app-nav-icon,.preview-close{background:var(--color-background);color:var(--color-primary-text)}
.tabs button:not([aria-selected=true]):hover{background:var(--color-surface);color:var(--color-primary-text)}
.tabs button[aria-selected=true],.app-control[aria-pressed=true]{background:var(--color-primary-accent);border-color:var(--color-primary-accent);color:var(--color-background)}
.dock,.invitation-dock,#photo-preview,.app-feedback{border-color:var(--color-border)}
.dock a.active:not(.dock-cta):not(.dock-brand){color:var(--color-primary-accent);text-decoration:underline;text-underline-offset:5px}
.app-stats b,.capture-meta b,.settings-row b,.reveal-tag{color:var(--color-primary-text)}
.capture-shutter,.shutter{background:var(--color-primary-text);border-color:var(--color-primary-text)}
.camera-focus,.focus-frame{border-color:var(--color-primary-text)}
.caption-rule,.cover-line{background:var(--color-secondary-accent)}
.reveal-tag{border-color:var(--color-border)}
/* Existing paper props retain their light treatment, using the official white. */
.invitation,.print small,.invitation .eyebrow,.invitation p,.code-label{color:var(--color-background)}
.code-placeholder{border-color:var(--color-background);outline-color:var(--color-secondary-text)}
#form-status{color:var(--color-primary-text)}

.phone{border-color:color-mix(in srgb,var(--color-secondary-text) 35%,var(--color-background))}

.dock .dock-brand.active{color:var(--color-primary-text)}

/* Rounded glass top navigation; stays in document flow to preserve hero spacing. */
html{scroll-padding-top:130px}
.header{position:sticky;top:14px;z-index:40;width:calc(100% - 32px);max-width:1600px;height:94px;margin:14px auto;padding:0 30px;gap:28px;border:1px solid var(--color-border);border-radius:28px;background:color-mix(in srgb,var(--color-background) 88%,transparent);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 8px 30px color-mix(in srgb,var(--color-background) 15%,transparent)}
.header .wordmark{flex-shrink:0}
.header-nav{display:flex;align-items:center;justify-content:center;gap:clamp(24px,3.2vw,55px);margin-left:auto;margin-right:auto}
.header-nav a{display:flex;align-items:center;min-height:44px;font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;color:var(--color-primary-text);transition:color .2s}
.header-nav a:hover{color:var(--color-secondary-text)}
.header .header-cta{min-height:48px;padding:12px 20px;gap:20px;border-radius:17px;font-size:13px;white-space:nowrap}
.header .mobile-menu[hidden]{display:none}
@media(min-width:901px){.header .mobile-menu{display:none}}
@media(max-width:900px){
 .header{padding:0 22px;gap:16px}
 .header-nav{display:none}
 .header .header-cta{margin-left:auto}
 .header .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;background:transparent;border:0;width:44px;height:44px;padding:10px;flex-shrink:0}
 .header .menu-toggle span{display:block;width:22px;height:1px;background:var(--color-primary-text)}
 .header .mobile-menu{position:absolute;top:calc(100% + 9px);left:0;right:0;display:grid;gap:5px;padding:18px 24px;border:1px solid var(--color-border);border-radius:22px;background:var(--color-background);box-shadow:0 12px 28px color-mix(in srgb,var(--color-background) 25%,transparent)}
 .header .mobile-menu a{padding:12px 0;font-size:14px}
}
@media(max-width:600px){
 html{scroll-padding-top:110px}
 .header{top:10px;width:calc(100% - 20px);height:70px;margin:10px auto;padding:0 15px;gap:8px;border-radius:22px}
 .header .wordmark{font-size:32px}
 .header .header-cta{font-size:11px;min-height:42px;padding:10px 12px;border-radius:13px;gap:8px}
 .header .header-cta span{font-size:14px}
}

/* Launch navigation: full-width glass band with a neutral App Store control. */
.header{top:0;width:100%;max-width:none;height:108px;margin:0 auto 14px;padding-inline:40px;border:0;border-bottom:1px solid var(--color-border);border-radius:0;box-shadow:none;background:color-mix(in srgb,var(--color-background) 82%,transparent)}
.header-nav{gap:clamp(24px,3.8vw,60px)}
.header-nav button{display:flex;align-items:center;min-height:44px;padding:0;border:0;background:none;font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;color:var(--color-primary-text)}
.header-nav button:disabled,.app-store-button:disabled{opacity:1;cursor:default}
.header .app-store-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:12px 22px;border:1px solid var(--color-border);border-radius:18px;background:color-mix(in srgb,var(--color-primary-text) 5%,transparent);color:var(--color-primary-text);font-size:16px;font-weight:500;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--color-primary-text) 4%,transparent)}
.header .app-store-button span{font-size:inherit}
.header .mobile-menu{border-radius:0 0 14px 14px}
.header .mobile-menu button{display:flex;align-items:center;justify-content:space-between;padding:12px 0;text-align:left;border:0;background:none;color:var(--color-primary-text);font-size:14px;opacity:1;cursor:default}
.header .mobile-menu small{font-size:10px;color:var(--color-secondary-text)}
@media(max-width:900px){.header{padding-inline:24px}.header .mobile-menu{top:100%}}
@media(max-width:600px){.header{top:0;width:100%;height:80px;margin:0 auto 10px;padding-inline:18px;border-radius:0}.header .app-store-button{min-height:42px;padding:9px 12px;font-size:13px;border-radius:14px;gap:6px}.header .app-store-button svg{width:18px;height:18px}}

/* Tighter editorial leading for the hero headline at every breakpoint. */
.hero h1{line-height:.98}

/* Compact header spacing and a quieter store button. */
@media(min-width:901px){
 .header{height:88px;gap:40px}
 .header-nav{margin-left:auto;margin-right:0;gap:clamp(24px,2.8vw,40px)}
 .header .app-store-button{min-height:46px;padding:10px 18px;font-size:15px;border-radius:15px;gap:8px}
 .header .app-store-button svg{width:20px;height:20px}
 html{scroll-padding-top:110px}
}

/* Product introduction: compact desktop copy, readable mobile sizing. */
.hero .body-copy{font-size:18px;line-height:1.55}
@media(max-width:600px){.hero .body-copy{font-size:16px}}
@media(min-width:901px){.hero .body-copy{max-width:min(450px,90%)}}

/* Launch badge and illustrative guest-code card. */
.store-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 15px;min-height:58px;border:1px solid var(--color-secondary-text);border-radius:10px;background:#000;color:#fff;text-align:left;opacity:1;cursor:default;flex-shrink:0}
.store-badge>svg{width:30px;height:35px}
.store-badge>span{display:flex;flex-direction:column}
.store-badge small{font:500 11px/1.2 Manrope,sans-serif}
.store-badge strong{font:500 25px/1.1 Manrope,sans-serif;letter-spacing:-.7px}
.hero-qr{width:220px;margin-top:30px;padding:19px 15px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:22px;text-align:center}
.qr-heading{font-size:10px;letter-spacing:2px;color:var(--color-secondary-text);margin-bottom:14px}
.qr-heading span{font-size:20px;vertical-align:middle;margin-right:5px;color:var(--color-primary-text)}
.hero-qr img{display:block;margin:0 auto 14px;border-radius:4px}
.hero-qr>p:not(.qr-heading){font-size:11px;color:var(--color-primary-text)}
.hero-qr>small{font-size:10px;color:var(--color-secondary-text)}
@media(max-width:900px){.hero-qr{margin-inline:auto}.hero-devices{top:870px}.hero{min-height:1730px}}
@media(max-width:600px){.hero-devices{top:1010px}.hero{min-height:1650px}.hero-qr{margin-top:24px}}

/* Compact spacing between hero content blocks. */
.hero h1{margin:16px 0 18px}
.hero .body-copy{margin-top:0}
.hero-actions{margin:22px 0 10px}
.hero-qr{margin-top:20px}

/* Guest QR stays anchored to the viewport, independent of animated content. */
.hero-qr{position:fixed;left:20px;bottom:20px;z-index:30;width:182px;margin:0;padding:22px 13px 15px;background:color-mix(in srgb,var(--color-primary-text) 9%,var(--color-background));border-color:color-mix(in srgb,var(--color-secondary-text) 26%,transparent);border-radius:22px;box-shadow:0 10px 32px color-mix(in srgb,var(--color-background) 35%,transparent)}
.hero-qr[hidden]{display:none}
.hero-qr img{width:112px;height:112px}
.hero-qr .qr-heading{font-size:9px;letter-spacing:1.6px;margin-bottom:10px}
.hero-qr>p:not(.qr-heading){font-size:10px;line-height:1.5}
.hero-qr>small{display:block;font-size:9px;margin-top:5px}
.qr-dismiss{position:absolute;right:3px;top:3px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--color-secondary-text);font-size:18px;line-height:1}
.qr-dismiss:hover{color:var(--color-primary-text)}
@media(max-width:900px){.hero-devices{top:590px}.hero{min-height:1450px}}
@media(max-width:600px){.hero-devices{top:690px}.hero{min-height:1330px}.hero-qr{width:116px;left:12px;bottom:12px;padding:28px 10px 10px;border-radius:16px}.hero-qr img{width:76px;height:76px;margin-bottom:8px}.hero-qr .qr-heading{font-size:8px;letter-spacing:.8px;margin-bottom:8px}.qr-heading span{display:none}.hero-qr>p:not(.qr-heading){display:none}.hero-qr>small{font-size:8px}.qr-dismiss{width:32px;height:32px}}

/* Graphite device hardware: metallic rail, recessed glass and camera lens. */
.phone{border:3px solid transparent;padding:7px;border-radius:48px;background:linear-gradient(#050506,#050506) padding-box,linear-gradient(115deg,#777b85 0%,#24262d 12%,#9b9faa 27%,#343741 42%,#181a20 64%,#757983 84%,#2a2d35 100%) border-box;outline:1px solid #15161a;box-shadow:0 0 0 1px #7b7e8866,inset 0 0 0 1px #b9bdc440,inset 0 0 0 3px #111216,0 25px 55px #0006,0 5px 12px #0008;overflow:visible}
.phone .screen{border-radius:37px;box-shadow:0 0 0 1px #000;isolation:isolate}
.phone:before{content:'';position:absolute;left:-5px;top:100px;width:3px;height:27px;border-radius:2px 0 0 2px;background:linear-gradient(90deg,#25262b,#888b95,#32343b);box-shadow:0 44px 0 #555861,0 81px 0 #555861;pointer-events:none}
.phone:after{width:82px;height:24px;top:19px;background:radial-gradient(circle at 87% 50%,#343e60 0 1px,#131b30 1.8px,#080a10 3.5px,#010102 4.5px);box-shadow:inset 0 0 1px #65687366,0 0 0 1px #000;border-radius:20px;pointer-events:none;z-index:9}
.phone .phone-top{height:42px;padding-inline:20px}
.phone-album,.phone-camera,.event-cover,.event-grid,.closing-cover,.closing-grid{transform:rotate(0deg)}
.hero-devices{width:630px;right:-1%;top:157px}
.phone-album{left:0;top:0}
.phone-camera{right:0;top:78px}
.composition-note{left:0;right:0;text-align:center;bottom:100px}
.event-cover{left:36%;top:10px}
.event-grid{right:0;top:90px}
.closing-cover{left:12%;top:0}
.closing-grid{right:12%;top:78px}
@media(min-width:901px) and (max-width:1200px){.hero-devices{transform:scale(.86);transform-origin:top right}}
@media(max-width:900px){.hero-devices{width:630px;right:auto;left:50%;top:590px;transform:translateX(-50%) scale(.9);transform-origin:top center}.phone-album{left:0}.phone-camera{right:0;top:78px}.event-cover{left:0}.event-grid{right:0}}
@media(max-width:600px){.hero-devices{top:690px;width:630px;transform:translateX(-50%) scale(.53);transform-origin:top center}.experience-devices{width:630px;margin-left:-315px;transform:scale(.53)}.closing-devices{width:630px;margin-left:-315px;transform:scale(.53)}.closing-cover{left:0}.closing-grid{right:0}.composition-note{bottom:100px}}
@media(min-width:901px){.event-cover{left:auto;right:316px}}
@media(min-width:901px) and (max-width:1100px){.hero{min-height:1450px}.hero-copy{width:100%;text-align:center}.hero .body-copy{margin-inline:auto}.hero-actions{justify-content:center}.hero-devices{top:590px;left:50%;right:auto;transform:translateX(-50%) scale(.9);transform-origin:top center}}

/* Black titanium treatment with a slightly larger edge-to-edge display. */
.phone{width:304px;height:621px;padding:5px;border-width:2px;background:linear-gradient(#020203,#020203) padding-box,linear-gradient(115deg,#45464a 0%,#101113 14%,#57585c 28%,#1b1c1f 43%,#08090a 66%,#393a3d 85%,#151618 100%) border-box;outline-color:#08090a;box-shadow:0 0 0 1px #45464970,inset 0 0 0 1px #88898c30,inset 0 0 0 3px #070708,0 25px 55px #0006,0 5px 12px #0008}
.phone .screen{border-radius:40px}
.phone:before{background:linear-gradient(90deg,#0c0d0e,#3b3c3e,#111214);box-shadow:0 44px 0 #27282a,0 81px 0 #27282a}
.phone:after{background:radial-gradient(circle at 87% 50%,#252c3e 0 1px,#111521 1.8px,#040507 3.5px,#010102 4.5px)}

/* Shorter hero ending and uninterrupted section transitions. */
.hero{min-height:970px}
.hero-devices{height:710px}
.hero-bottom{bottom:25px;border-top:0;padding-top:0}
.faq,.footer-bottom{border-top:0}
@media(max-width:1100px){.hero{min-height:1320px}}
@media(max-width:600px){.hero{min-height:1160px}}
/* Align header contents with the shared 88% / 1320px page grid. */
.header{padding-inline:max(6%,calc((100% - 1320px)/2))}

.hero-bottom{justify-content:flex-end}

/* Bring the next story directly after the device composition. */
.hero{min-height:880px}
.promise{padding-top:48px}
@media(min-width:1101px) and (max-width:1200px){.hero{min-height:800px}}
@media(max-width:1100px){.hero{min-height:1240px}}
@media(max-width:600px){.hero{min-height:1080px}.promise{padding-top:40px}}

/* Give the hero product preview a modest increase in scale. */
@media(min-width:1201px){.hero-devices{transform:scale(1.05);transform-origin:top left;top:137px}}
@media(min-width:1101px) and (max-width:1200px){.hero-devices{transform:scale(.9);top:137px}}
@media(min-width:601px) and (max-width:1100px){.hero-devices{transform:translateX(-50%) scale(.94);top:570px}}
@media(max-width:600px){.hero-devices{transform:translateX(-50%) scale(.55);top:676px}}

/* Minimal launch page: hero followed by a quiet, compact footer. */
.launch-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding-top:58px;padding-bottom:40px}
.launch-footer-brand{display:flex;flex-direction:column;gap:14px}
.launch-footer .wordmark{font-size:36px;width:fit-content}
.launch-footer p,.launch-footer-meta{font-size:12px;line-height:1.6;color:var(--color-secondary-text)}
.launch-footer-meta{display:flex;gap:32px;align-items:center}
.launch-footer-meta a:hover{color:var(--color-primary-text)}
.launch-footer-meta a span{margin-left:10px}
@media(max-width:600px){.launch-footer{padding-top:42px;padding-bottom:28px;align-items:flex-start;flex-direction:column;gap:28px}.launch-footer-meta{width:100%;justify-content:space-between;gap:16px}}

/* Launch footer destinations stay visibly pending until real URLs are supplied. */
.launch-footer-details{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.launch-footer-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.launch-footer-links button{padding:0;border:0;background:transparent;color:var(--color-primary-text);font:inherit;font-size:12px;line-height:1.6;opacity:1;cursor:default}
.launch-footer .footer-link-note{font-size:10px;color:var(--color-secondary-text)}
.launch-footer-details .launch-footer-meta{margin-top:8px}
@media(max-width:600px){.launch-footer-details{align-items:flex-start;width:100%}.launch-footer-links{gap:20px}}