@font-face{font-family:Manrope;src:url('/assets/fonts/font-3.ttf');font-weight:500;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/fonts/font-4.ttf');font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/fonts/font-5.ttf');font-weight:700;font-display:swap}@font-face{font-family:'IBM Plex Sans';src:url('/assets/fonts/font-0.ttf');font-weight:400;font-display:swap}@font-face{font-family:'IBM Plex Sans';src:url('/assets/fonts/font-1.ttf');font-weight:500;font-display:swap}@font-face{font-family:'IBM Plex Sans';src:url('/assets/fonts/font-2.ttf');font-weight:600;font-display:swap}
:root{--teal:#e5eee9;--dark:#0d242b;--deep:#071b22;--cream:#e9eee8;--muted:#b0c0c3;--coral:#edb49a;--gold:#dccab2;--sage:#acc4bd}body{background:#0a1c23;color:#eef2ed;font-family:'IBM Plex Sans',sans-serif}h1,h2,h3,.brand{font-family:Manrope,sans-serif;letter-spacing:-.045em;font-weight:500}h1{line-height:1.08}h2{line-height:1.13}h3{line-height:1.2}em{color:#b8c9c5}p{font-weight:400;line-height:1.7}header{background:#0b2028d9;border:1px solid #ffffff24;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);height:70px;position:absolute;left:3%;top:22px;width:94%;border-radius:18px;padding:0 25px;z-index:20;box-shadow:inset 0 1px #ffffff18,0 10px 40px #0001}.brand{font-size:17px;letter-spacing:-.6px;font-weight:600}.brand>span:last-child{font-weight:500}.brand-icon{background:linear-gradient(145deg,#ffffff27,#ffffff07);border:1px solid #ffffff3b;font-family:Manrope;font-size:25px;width:32px;height:34px;border-radius:9px}.brand-icon span{color:#edb49a}.button{background:#eec1aa;color:#182b30;border-radius:50px;font-weight:500;box-shadow:inset 0 1px #fff8,0 6px 25px #0002;padding:16px 25px}.button:hover{background:#f5d0ba;transform:translateY(-3px)}.small{padding:10px 18px;min-height:38px;font-size:11px}nav{font-size:11px;gap:25px}nav a:hover{color:#eec1aa}.glass-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffffff3a;box-shadow:inset 0 1px #ffffff17;background:#ffffff09;border-radius:40px;padding:16px 24px;font-size:13px;backdrop-filter:blur(22px);transition:background .3s,transform .3s}.glass-button:hover{background:#ffffff15;transform:translateY(-3px)}.glass-panel{background:linear-gradient(135deg,#ffffff16,#ffffff04 65%);border:1px solid #ffffff38;border-radius:24px;box-shadow:inset 0 1px #ffffff33,inset 1px 0 #ffffff13,0 20px 50px #0002;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4)}.cinema-hero{height:max(800px,100svh);max-height:1200px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 89% 54%,#607c7260,transparent 50%),linear-gradient(120deg,#081d26 20%,#183b43 72%,#6b6654)}.ambient{position:absolute;inset:0;overflow:hidden;z-index:-1}.ambient:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#081c25b0 0%,transparent 85%),linear-gradient(0deg,#0a1c23,transparent 30%)}.light-beam{position:absolute;top:-25%;left:62%;height:160%;width:160px;background:linear-gradient(90deg,transparent,#e9cba833,transparent);filter:blur(25px);transform:rotate(30deg);animation:light-drift 16s ease-in-out infinite alternate}.glass-ring{width:570px;height:690px;position:absolute;right:0;top:5%;border-radius:48%;border:1px solid #dce5d466;box-shadow:inset 22px 3px 24px #ffffff15,inset -20px -10px 30px #081c2655,6px 0 0 #eaf2e613,20px 0 25px #010d1340,-3px -1px 1px #d9f7e966;transform:rotate(32deg);background:linear-gradient(110deg,#c4e0d708,transparent 35%,#eacbb01a);animation:ring-breathe 13s ease-in-out infinite alternate}.ring-one{right:3%;top:19%;width:410px;height:550px}.ring-two{right:-21%;top:-18%;height:950px;width:590px;opacity:.5;transform:rotate(42deg)}.orbital{position:absolute;right:21%;top:28%;height:460px;width:460px;border:1px solid #ffffff0a;border-radius:50%}.hero-topline{position:absolute;top:132px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#b9c9c6}.hero-topline>span:last-child{font-size:8px}.cinema-copy{position:absolute;top:28%;left:6%;z-index:3}.edition{font-size:9px;letter-spacing:2px;color:#c0d1cc;margin-bottom:25px;display:flex;align-items:center;gap:9px}.edition i,.status-dot{display:inline-block;width:5px;height:5px;background:#e7b599;border-radius:50%;box-shadow:0 0 15px #e7b59977}.cinema-copy h1{font-size:clamp(60px,6.1vw,96px);font-weight:500;line-height:1.12;letter-spacing:-.06em}.cinema-copy h1>span{display:block}.cinema-copy h1 em{color:#b8c9c4;font-weight:500}.cinema-copy>p{font-size:15px;margin:28px 0 30px;max-width:450px;color:#c0cecc}.cinema-copy .actions{gap:12px}.glass-stack{position:absolute;width:430px;height:520px;right:5%;top:26%;z-index:2;perspective:1200px}.float-panel{position:absolute;width:265px;height:260px;padding:25px;display:flex;flex-direction:column;transform-origin:50% 80%;transition:box-shadow .3s}.float-panel:hover{box-shadow:inset 0 1px #ffffff66,0 25px 60px #0005}.panel-a{top:0;right:0;transform:rotate(7deg);background:linear-gradient(130deg,#d7e8dc20,#11313a28)}.panel-b{top:190px;left:0;transform:rotate(-7deg);background:linear-gradient(130deg,#c1d4cf20,#081d2733)}.panel-kicker{font-size:7px;letter-spacing:1.5px;color:#cee0d7}.panel-title{font:500 30px/1.2 Manrope;margin-top:28px;letter-spacing:-1px}.panel-bottom{margin-top:auto;display:flex;justify-content:space-between;gap:15px;border-top:1px solid #ffffff26;padding-top:15px;font-size:9px;color:#d0ddd7}.panel-bottom>span:last-child{font-size:15px}.float-note{position:absolute;right:0;bottom:0;padding:17px 20px;display:flex;align-items:center;gap:15px;border-radius:15px;font-size:10px;line-height:1.6;background:#cad4be12}.float-note b{font-weight:400;color:#cedcd3}.float-note>span:last-child{font-size:26px;color:#e9cdb7}.hero-bottom{position:absolute;bottom:32px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:end;font-size:8px;letter-spacing:1.7px;color:#aabdbd}.hero-bottom>a{display:flex;gap:25px;align-items:center}.hero-bottom>a>span{font-size:22px}.replay{border:1px solid #ffffff25;color:#c2d0ce;background:#ffffff06;padding:10px 14px;border-radius:25px;font-size:10px;cursor:pointer}.manifesto{padding:125px 8% 130px;max-width:1600px;margin:auto}.manifesto h2{font-size:clamp(40px,5.7vw,82px);line-height:1.18;letter-spacing:-.055em}.manifesto h2>span{color:#7c999a}.manifesto-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:35px;gap:35px}.manifesto-bottom>p{max-width:400px;font-size:15px}.text-link{color:#dbe4df;font-size:12px}.film-story{height:auto;min-height:0;position:relative}.film-sticky{position:relative;height:100vh;min-height:700px;overflow:hidden;background:#243e42}.film-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 60%,#d0ba8c60,transparent 60%),linear-gradient(115deg,#122f38,#506662);overflow:hidden}.film-atmosphere>.glass-ring{width:800px;height:1100px;right:-200px;top:-260px;opacity:.7;transform:rotate(30deg);animation:none}.film-atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a202a99,transparent),linear-gradient(0deg,#0a1c2366,transparent 50%)}.film-index{position:absolute;top:45px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#d0d9d1}.film-story-copy{position:absolute;top:27%;left:8%;z-index:2;transform:none}.film-story h2{font-size:clamp(55px,6vw,90px);letter-spacing:-.06em}.film-story h2 em{color:#c6cdb8}.film-story-copy p{color:#d2d8ce;margin:30px 0}.story-panels{position:absolute;top:22%;right:8%;width:31%;display:grid;gap:20px;transform:none}.story-panels>a{padding:25px 28px;background:linear-gradient(120deg,#edf0df24,#102c3420)}.story-panels>a>span{font-size:10px;color:#d9c1a4}.story-panels h3{font-size:27px;margin:23px 0 35px}.story-panels>a>div{display:flex;justify-content:space-between;font-size:10px;border-top:1px solid #ffffff30;padding-top:15px}.section{padding:95px 8%}.section-heading h2{font-size:52px}.section-heading{align-items:end}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.edit-card{position:relative;min-height:360px;padding:35px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#758d8126,#193c4722);overflow:hidden}.edit-card:nth-child(2){background:linear-gradient(135deg,#b9aa9120,#18344022)}.edit-number{font:500 44px Manrope;color:#d2ddd566;letter-spacing:-2px}.edit-card .eyebrow{font-size:8px;margin-bottom:15px}.edit-card h3{font-size:33px}.edit-card p{font-size:12px;color:#b8c9c4;margin-bottom:0}.edit-arrow{position:absolute;right:30px;top:30px;border-radius:50%;border:1px solid #ffffff30;width:42px;height:42px;display:grid;place-content:center;font-size:21px;transition:transform .4s}.edit-card:hover .edit-arrow{transform:rotate(45deg)}.life-scenes{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-top:0}.life-film{min-height:460px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:35px;border-radius:24px;overflow:hidden;border:1px solid #ffffff25;background:radial-gradient(ellipse at 90% 20%,#b8ac8180,transparent 65%),linear-gradient(130deg,#263e43,#617468)}.home-film{background:radial-gradient(ellipse at 20% 10%,#bb8c6855,transparent 70%),linear-gradient(150deg,#566c67,#223b40)}.life-film:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,#e5ecd312 40.5%,transparent 41%,transparent 60%,#e5ecd311 60.5%,transparent 61%);transition:transform 1s}.life-film:hover:before{transform:translateX(35px)}.life-film>*{position:relative}.life-film h2{font-size:40px;margin-bottom:23px}.life-film div>span{font-size:11px}.steps{border-top:1px solid #ffffff15;text-align:left}.steps h2{font-size:53px}.steps-grid{gap:20px;margin-top:45px}.steps-grid article{padding:30px;border:1px solid #ffffff25;min-height:265px;background:#ffffff04}.steps-grid article>span{color:#dfb79e;font-size:11px}.steps-grid h3{font-size:25px}.steps-grid p{font-size:13px;color:#b3c5c3}.maker-section{border-top:1px solid #ffffff15}.maker-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:70px}.maker-layout h2{font-size:48px}.maker-layout p{font-size:14px;margin-top:0}.final-cta{background:radial-gradient(ellipse at 50% 100%,#335a5860,transparent 65%),#0b2027;padding:100px 20px}.final-cta .eyebrow{font-size:9px}.final-cta h2{font-size:80px;line-height:1.1}.final-cta .button{margin-top:35px}.tutorial-link{display:block;font-size:11px;margin-top:25px;color:#aebfbd}footer{background:#081920;border-top:1px solid #ffffff13;padding:55px 8%;color:#e0e8e2}footer .brand{font-size:21px}footer p,footer small{color:#9fb4b5}.preview-note,.motion-toggle{background:#081920;color:#93adac;border-color:#ffffff13}.motion-toggle{font-size:10px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#b6c8c1;font-weight:500}.breadcrumbs{padding-top:140px}.product-hero{padding-top:45px}.product-hero h1{font-family:Manrope;font-weight:500;line-height:1.12;font-size:58px}.product-visual{background:radial-gradient(ellipse at 80% 40%,#75877966,transparent),#203e47;border:1px solid #ffffff35;overflow:hidden}.product-visual>.glass-ring{height:400px;width:260px;right:10%;opacity:.8}.film-caption{z-index:2;position:relative}.film-caption h3{font-size:37px;line-height:1.2}.film-caption small{font-size:9px;color:#cad3c6;display:block;margin-top:40px}.outline{background:transparent;border:1px solid #ffffff45;color:#e6eee7}.outline:hover{background:#ffffff10}.product-nav{border-color:#ffffff25}.tutorial-block{background:#122c34}.video-placeholder{background:#ffffff08;border:1px solid #ffffff30}.asset-note{border-color:#ffffff40}.product-end{background:#17343c}.catalog{padding-top:145px}.catalog h1{font-weight:500}.catalog-controls input[type=search],select{background:#16313a;color:#e2eae4;border-color:#ffffff35}.catalog-controls input::placeholder{color:#a6bcb9}.catalog .card-art,.card-art{background:linear-gradient(135deg,#91aaa12b,#28485050)!important;border:1px solid #ffffff30;backdrop-filter:blur(22px)}.material-mark{font:500 100px Manrope;color:#c7dacf33;position:absolute;right:12%;top:22%;line-height:1}.card-art>span:first-child{color:#c4d2cb}.card-copy h3{font-size:21px;line-height:1.3;letter-spacing:-.6px}.card-copy>span{border-color:#ffffff25}.design{padding-top:150px}.design h1{font-size:65px}.faq{border-color:#ffffff20}details{border-color:#ffffff25}summary{font-weight:500}.skip{color:#102932}.menu-toggle{color:#e1ece7}.js-motion .reveal{opacity:0;transform:translate3d(0,65px,0) scale(.94);filter:blur(5px);transition:opacity .86s cubic-bezier(.22,1,.36,1),transform .86s cubic-bezier(.22,1,.36,1),filter .86s;transition-delay:var(--stagger,0ms)}.js-motion .reveal.visible{opacity:1;transform:none;filter:blur(0)}.reveal:focus-within{opacity:1!important;transform:none!important;filter:none!important}.cinema-copy>.edition,.cinema-copy h1>span,.cinema-copy>p,.cinema-copy>.actions{animation:glass-arrive .86s cubic-bezier(.22,1,.36,1) both}.cinema-copy>.edition{animation-delay:.05s}.cinema-copy h1>span:first-child{animation-delay:.16s}.cinema-copy h1>span:last-child{animation-delay:.27s}.cinema-copy>p{animation-delay:.38s}.cinema-copy>.actions{animation-delay:.49s}.panel-a{animation:panel-a-in .95s cubic-bezier(.22,1,.36,1) .38s both}.panel-b{animation:panel-b-in .95s cubic-bezier(.22,1,.36,1) .53s both}.float-note{animation:glass-arrive .9s cubic-bezier(.22,1,.36,1) .68s both}@keyframes glass-arrive{from{opacity:0;transform:translateY(65px) scale(.94);filter:blur(7px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes panel-a-in{from{opacity:0;transform:translate(90px,120px) rotate(16deg) scale(.8)}to{opacity:1;transform:translate(0,0) rotate(7deg) scale(1)}}@keyframes panel-b-in{from{opacity:0;transform:translate(70px,130px) rotate(6deg) scale(.8)}to{opacity:1;transform:translate(0,0) rotate(-7deg) scale(1)}}@keyframes light-drift{to{transform:translateX(-90px) rotate(30deg);opacity:.6}}@keyframes ring-breathe{to{translate:0 -30px;scale:1.04}}.motion-paused .reveal{opacity:1!important;transform:none!important;filter:none!important}.motion-paused .cinema-copy>*,.motion-paused .cinema-copy h1>span,.motion-paused .float-panel,.motion-paused .float-note{animation:none!important}.film-media{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.film-atmosphere .film-media{opacity:.85}.media-loaded .glass-ring,.media-loaded .light-beam,.media-loaded .orbital{display:none}
@media(min-width:1450px){.cinema-copy h1{font-size:90px}.glass-stack{right:9%;width:480px}.float-panel{width:290px;height:275px}.cinema-copy{top:30%}}@media(max-width:1100px){.cinema-copy h1{font-size:62px}.glass-stack{right:3%;width:330px;top:29%}.float-panel{width:230px;height:235px;padding:22px}.panel-title{font-size:25px}.panel-b{top:180px}.float-note{bottom:32px}.cinema-copy>p{max-width:360px;font-size:14px}.cinema-copy .actions{flex-direction:column;align-items:start}.hero-topline{font-size:8px}.story-panels{right:6%;width:34%}.story-panels h3{font-size:24px}.film-story h2{font-size:64px}.maker-layout{gap:35px}.maker-layout h2{font-size:41px}}
@media(max-width:850px){header{top:15px;left:4%;width:92%;padding:0 18px;height:64px}.brand{font-size:16px}nav{top:75px;left:0;background:#122b34f5;border:1px solid #ffffff30;border-radius:18px;padding:25px;backdrop-filter:blur(25px);font-size:16px}.header-etsy{display:none}.cinema-hero{height:1120px;max-height:none}.hero-topline{top:110px}.hero-topline>span:last-child{display:none}.cinema-copy{top:175px;left:7%}.cinema-copy h1{font-size:73px}.cinema-copy .actions{flex-direction:row}.cinema-copy>p{max-width:480px;font-size:16px}.glass-stack{top:575px;right:10%;width:480px;height:440px}.float-panel{width:280px;height:250px}.panel-title{font-size:30px}.panel-a{right:0;top:0}.panel-b{left:0;top:120px}.float-note{bottom:0;right:0}.ring-one{top:47%;right:5%}.hero-bottom{bottom:25px}.manifesto{padding:85px 7%}.film-story{height:auto;min-height:0}.film-sticky{position:relative;height:auto;min-height:1000px}.film-story-copy{top:150px;left:7%;transform:none}.story-panels{top:570px;left:7%;right:7%;width:auto;grid-template-columns:1fr 1fr;transform:none}.film-index{top:40px}.film-story h2{font-size:73px}.story-panels>a{min-height:270px}.section{padding:75px 7%}.section-heading h2{font-size:44px}.edit-card{padding:28px;min-height:340px}.edit-card h3{font-size:29px}.life-scenes{padding-top:0}.life-film{min-height:410px;padding:28px}.life-film h2{font-size:34px}.steps-grid{grid-template-columns:1fr;gap:16px}.steps-grid article{min-height:0;padding:30px}.steps-grid h3{margin:15px 0}.maker-layout{grid-template-columns:1fr;gap:30px}.maker-layout p{max-width:500px}.product-hero h1{font-size:62px}.product-visual{min-height:420px}.catalog{padding-top:135px}.design{padding-top:135px}.final-cta h2{font-size:70px}}
@media(max-width:550px){header{height:60px;top:12px;padding:0 13px;border-radius:15px}.brand{font-size:14px;letter-spacing:-.6px}.brand-icon{width:28px;height:30px;font-size:23px;margin-right:7px}.menu-toggle{font-size:11px;padding:7px;gap:8px}nav{top:68px}.cinema-hero{height:980px;min-height:980px}.hero-topline{top:104px;left:7%;font-size:7px;letter-spacing:1.6px}.cinema-copy{top:158px;left:7%;right:7%}.edition{font-size:7px;letter-spacing:1.5px;margin-bottom:21px}.cinema-copy h1{font-size:clamp(39px,10.8vw,58px);line-height:1.16;letter-spacing:-.055em}.cinema-copy h1>span:last-child{max-width:360px}.cinema-copy>p{font-size:13px;line-height:1.8;margin:25px 0}.desktop-break{display:none}.cinema-copy .actions{gap:10px;flex-wrap:wrap}.cinema-copy .button,.glass-button{font-size:10px;padding:13px 17px;min-height:45px}.glass-stack{width:86%;height:430px;top:480px;right:7%}.float-panel{width:68%;height:220px;padding:22px}.panel-title{font-size:25px;margin-top:25px}.panel-kicker{font-size:6px;letter-spacing:1.2px}.panel-bottom{font-size:8px;padding-top:13px}.panel-a{right:0;top:5px}.panel-b{left:0;top:165px}.float-note{bottom:0;right:-1%;padding:13px 15px;font-size:8px;gap:10px;border-radius:12px}.float-note>span:last-child{font-size:22px}.ring-one{height:430px;width:280px;top:51%;right:-8%}.ring-two{right:-180%;opacity:.25}.hero-bottom{font-size:6px;left:7%;right:7%;bottom:23px;letter-spacing:1px}.hero-bottom>a{gap:9px}.hero-bottom>a>span{font-size:18px}.replay{font-size:8px;padding:8px 10px}.hero-bottom>span{display:none}.manifesto{padding:65px 7%}.manifesto h2{font-size:35px;line-height:1.25;letter-spacing:-.045em}.manifesto-bottom{display:block;margin-top:22px}.manifesto-bottom>p{font-size:13px}.manifesto-bottom>a{margin-top:18px}.film-sticky{min-height:1100px}.film-index{left:7%;right:7%;font-size:7px;top:30px;letter-spacing:1px}.film-story-copy{top:100px;right:7%}.film-story h2{font-size:55px}.film-story-copy>p{font-size:14px;margin:23px 0}.story-panels{top:465px;grid-template-columns:1fr;gap:18px}.story-panels>a{min-height:250px;padding:25px}.story-panels h3{font-size:28px;margin:20px 0 35px}.story-panels>a>div{font-size:10px}.section{padding:65px 7%}.section-heading h2{font-size:37px}.edit-grid{grid-template-columns:1fr;gap:18px}.edit-card{min-height:325px;padding:28px}.edit-card h3{font-size:32px}.edit-card p{font-size:12px}.edit-number{font-size:40px}.life-scenes{grid-template-columns:1fr;padding-top:0;gap:18px}.life-film{min-height:390px}.life-film h2{font-size:38px}.steps h2{font-size:38px}.steps-grid article{padding:28px}.steps-grid article>span{position:static}.steps-grid h3{font-size:26px}.maker-layout h2{font-size:35px}.final-cta{padding:70px 15px}.final-cta h2{font-size:51px}.final-cta .eyebrow{font-size:8px}.tutorial-link{font-size:10px}footer{padding:40px 7%}footer .brand{font-size:20px}.breadcrumbs{padding-top:105px}.product-hero h1{font-size:40px;line-height:1.2}.product-hero{padding-top:30px}.product-visual{min-height:330px}.film-caption h3{font-size:33px}.product-visual>.glass-ring{width:230px;height:330px;right:-10%}.product-overview h2{font-size:36px}.catalog{padding-top:125px}.catalog h1{font-size:50px}.material-mark{font-size:70px}.card-copy h3{font-size:18px}.design{padding-top:125px}.design h1{font-size:42px}.product-end h2{font-size:35px}.js-motion .reveal{transform:translateY(45px) scale(.96)}.js-motion .reveal.visible{transform:none}}
@media(prefers-reduced-motion:reduce){.cinema-copy>*,.cinema-copy h1>span,.float-panel,.float-note{animation:none!important}.js-motion .reveal{opacity:1;transform:none;filter:none}.film-story{height:auto;min-height:0}.film-sticky{position:relative}.story-panels,.film-story-copy{transform:none!important}}
@supports not (backdrop-filter:blur(1px)){.glass-panel{background:#24434a}.glass-button{background:#24434a}}
@media(max-width:370px){.cinema-hero{height:1110px;min-height:1110px}.glass-stack{top:590px}.cinema-copy h1{font-size:38px}.cinema-copy .actions{gap:9px}.cinema-copy .button,.cinema-copy .glass-button{font-size:10px;padding:12px 15px}.float-panel{width:73%}.panel-title{font-size:23px}}

.real-panel-shot{width:100%;height:140px;object-fit:cover;object-position:top;border-radius:9px;margin:16px 0 12px;border:1px solid #ffffff50;box-shadow:0 8px 20px #0003}.real-panel-shot.pressure-shot{object-position:50% 68%}.story-product-shot{width:100%;height:140px;object-fit:cover;object-position:top;margin:18px 0 22px;border-radius:10px;border:1px solid #ffffff40}.story-product-shot.pressure-shot{object-position:50% 65%}.real-product-visual{padding:18px;min-height:0;background:#ffffff0a;display:block}.real-product-visual img{width:100%;height:auto;border-radius:12px}.real-product-visual>a{display:block}.real-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:35px}.real-gallery figure{margin:0;padding:12px;background:#ffffff08;border:1px solid #ffffff25;border-radius:16px}.real-gallery img{width:100%;height:auto;border-radius:9px}.real-gallery figcaption{font-size:11px;margin:12px 2px 3px;color:#c1d1c9}.source-caption{font-size:11px;color:#9eb6b1}.float-panel{overflow:hidden}@media(max-width:550px){.real-panel-shot{height:106px;margin:13px 0 9px}.real-gallery{grid-template-columns:1fr}.real-product-visual{padding:12px}.story-product-shot{height:145px}.panel-bottom{font-size:8px;gap:7px}}
/* Screenshot-shaped glass frames: natural image proportions, no crop. */
.float-panel{width:340px;height:auto;padding:10px;border-radius:17px;overflow:visible;display:block;background:linear-gradient(135deg,#e0f0e429,#aec8bd0a);border-color:#ffffff55;box-shadow:inset 0 1px #ffffff66,0 22px 60px #0004}
.float-panel .panel-kicker{display:none}
.float-panel .real-panel-shot{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;margin:0;border-radius:10px;border:1px solid #ffffff26;box-shadow:none}
.float-panel .panel-bottom{margin:0;padding:11px 5px 2px;border:0;font-size:10px;align-items:center;line-height:1.4}
.glass-stack{width:470px;height:565px;right:4%;top:23%}
.panel-a{top:0;right:0;z-index:2;transform:rotate(5deg)}
.panel-b{top:255px;left:0;width:280px;z-index:3;transform:rotate(-5deg)}
.float-note{display:none}
.story-panels{top:17%;width:30%;gap:20px}
.story-panels>a{padding:10px 10px 14px;border-radius:17px;min-height:0}
.story-panels>a>span{display:none}
.story-product-shot,.story-product-shot.pressure-shot{height:auto;object-fit:contain;object-position:center;margin:0 0 12px;border-radius:9px;width:100%}
.story-panels>a>div{border:0;padding:0 6px;font-size:10px}
.story-panels>a:first-child{width:70%;align-self:start}
.story-panels>a:last-child{width:100%}
@keyframes panel-a-in{from{opacity:0;transform:translate(90px,120px) rotate(14deg) scale(.8)}to{opacity:1;transform:translate(0,0) rotate(5deg) scale(1)}}
@keyframes panel-b-in{from{opacity:0;transform:translate(70px,130px) rotate(5deg) scale(.8)}to{opacity:1;transform:translate(0,0) rotate(-5deg) scale(1)}}
@media(min-width:1450px){.glass-stack{width:510px;right:6%;top:23%}.float-panel{width:390px}.panel-b{width:300px;top:285px}}
@media(min-width:851px) and (max-width:1100px){.glass-stack{width:365px;right:3%;top:26%}.float-panel{width:280px}.panel-b{width:235px;top:220px}.cinema-copy h1{font-size:56px}}
@media(max-width:850px){.cinema-hero{height:1230px}.glass-stack{top:580px;right:8%;width:78%;height:555px}.float-panel{width:65%}.panel-b{width:47%;top:245px;left:3%}.story-panels{top:570px;left:7%;right:7%;width:auto;grid-template-columns:1fr 1.3fr;align-items:start;gap:22px}.story-panels>a:first-child,.story-panels>a:last-child{width:100%}.film-sticky{min-height:1100px}}
@media(max-width:550px){.cinema-hero{height:1110px;min-height:1110px}.glass-stack{top:485px;right:7%;width:86%;height:530px}.float-panel{width:91%;padding:7px;border-radius:13px}.panel-a{right:0}.panel-b{width:72%;left:0;top:245px}.float-panel .real-panel-shot{height:auto;margin:0;border-radius:7px}.float-panel .panel-bottom{font-size:8px;padding:8px 3px 2px}.story-panels{top:465px;display:flex;flex-direction:column;gap:25px}.story-panels>a:first-child{width:82%}.story-panels>a:last-child{width:100%}.film-sticky{min-height:1170px}.story-product-shot{height:auto}.story-panels>a{min-height:0}}
@media(max-width:370px){.cinema-hero{height:1160px;min-height:1160px}.glass-stack{top:570px}.panel-b{top:220px}.film-sticky{min-height:1100px}}
/* Isolate the actual dashboard from the Etsy promotional border. */
.dashboard-crop{position:relative;width:100%;aspect-ratio:1434/969;overflow:hidden;border-radius:9px;background:#f7f5ec}
.float-panel .dashboard-crop .real-panel-shot,.story-panels .dashboard-crop .story-product-shot{position:absolute;width:110.74%;max-width:none;height:auto;left:-5.79%;top:-50.46%;margin:0;border:0;border-radius:0;object-fit:contain}
.panel-b{width:340px;top:265px}.story-panels>a:first-child{width:100%}.story-panels .dashboard-crop{margin-bottom:12px}
@media(min-width:1450px){.panel-b{width:390px;top:300px}}
@media(min-width:851px) and (max-width:1100px){.panel-b{width:280px;top:230px}}
@media(max-width:850px){.panel-b{width:65%;top:280px}.cinema-hero{height:1200px}}
@media(max-width:550px){.panel-b{width:91%;top:250px}.cinema-hero{height:1040px;min-height:1040px}.story-panels>a:first-child{width:100%}.film-sticky{min-height:1070px}}
@media(max-width:370px){.panel-b{top:225px}.cinema-hero{height:1090px;min-height:1090px}.film-sticky{min-height:1000px}}

/* Quiet labels: centered product names, no decorative arrows. */
.panel-bottom>span:last-child,.edit-arrow,.material-mark,.card-art>b,.card-copy i,.hero-bottom>a>span,.story-panels>a>div>b{display:none!important}
.float-panel .panel-bottom{display:block;text-align:center;padding:14px 8px 5px;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;letter-spacing:.01em;line-height:1.5;color:#edf2eb}
.float-panel .panel-bottom>span:first-child{display:block}
.story-panels>a>div{display:block;text-align:center;padding:4px 8px 3px;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;letter-spacing:.01em;line-height:1.5}
.button>span:empty,.text-link>span:empty,.glass-button>span:empty{display:none}
.button,.text-link,.glass-button{gap:0}
@media(max-width:550px){.float-panel .panel-bottom{font-size:11px;padding:12px 5px 5px}.story-panels>a>div{font-size:11px}}
/* Main navigation uses readable glass pills alongside the Etsy action. */
header{gap:16px;padding:0 20px;height:82px}
header nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto;font-size:13px;font-weight:500}
header nav>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 17px;border:1px solid #eec1aa62;border-radius:999px;background:linear-gradient(135deg,#ffffff12,#ffffff04);box-shadow:inset 0 1px #ffffff25,0 4px 16px #0000000d;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#efd0bd;white-space:nowrap;transition:background .2s,border-color .2s,transform .2s}
header nav>a:hover{background:#eec1aa1c;border-color:#eec1aaac;color:#ffe3cf;transform:translateY(-2px)}
header .header-etsy{font-size:13px;min-height:44px;padding:11px 20px;white-space:nowrap}
@media(min-width:851px) and (max-width:1190px){header{gap:10px;padding:0 15px}.brand{font-size:14px}.brand-icon{width:27px;height:29px;font-size:22px;margin-right:6px}header nav{gap:6px;font-size:12px}header nav>a{padding:10px 12px}header .header-etsy{font-size:12px;padding:10px 14px}}
@media(max-width:850px){header{height:72px;padding:0 16px;gap:12px}header .header-etsy{display:inline-flex;font-size:11px;min-height:40px;padding:10px 16px;margin-left:auto}.menu-toggle{margin-left:0}header nav{display:none;position:absolute;top:83px;left:0;width:100%;margin-left:0;padding:16px;gap:10px;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;background:#102b34f5;border:1px solid #ffffff30;border-radius:20px}header nav.open{display:flex}header nav>a{font-size:14px;min-height:46px;padding:12px 20px;flex:1 0 auto}}
@media(max-width:550px){header{padding:0 11px;height:65px;gap:7px}.brand{font-size:12px}.brand-icon{width:25px;height:27px;font-size:20px;margin-right:5px}header .header-etsy{font-size:10px;min-height:36px;padding:8px 12px}.menu-toggle{font-size:10px;padding:5px;gap:3px}.menu-toggle>span{font-size:17px}header nav{top:75px}header nav>a{font-size:13px;min-height:44px;padding:10px 15px}}
@media(max-width:370px){header .brand-icon{display:none}.brand{font-size:11px}header .header-etsy{font-size:9px;padding:8px 10px}}
/* Light glass surfaces; keep the approved spacing and entrance paths. */
.float-panel{isolation:isolate;border:1px solid #ffffff38;background:linear-gradient(135deg,#ffffff16,#ffffff04 65%);box-shadow:inset 0 1px #ffffff33,inset 1px 0 #ffffff13,0 20px 50px #0002;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4)}
.float-panel:before,.float-panel:after{display:none}
.float-panel .real-panel-shot,.dashboard-crop{box-shadow:none;border:1px solid #ffffff24}
.float-panel:hover{box-shadow:inset 0 1px #ffffff55,0 25px 60px #0003}
.panel-a{z-index:4}.panel-b{top:330px;left:0;z-index:3}
.glass-stack{top:20%;height:640px}
header nav>a{background:linear-gradient(155deg,#ffffff25,#ffffff08 45%,#102c3560);border-top-color:#f4dfc8a0;border-left-color:#dfd9c36b;box-shadow:inset 0 1px 1px #ffffff55,inset 0 -2px 2px #051c2670,0 3px 0 #041b2560,0 7px 15px #0003}
header nav>a:hover{box-shadow:inset 0 1px 2px #ffffff77,inset 0 -2px 2px #051c2670,0 3px 0 #041b2560,0 9px 18px #0004}
@keyframes panel-a-in{from{opacity:0;transform:translate(55px,-35px) rotate(12deg) scale(.94)}to{opacity:1;transform:translate(0,0) rotate(5deg) scale(1)}}
@keyframes panel-b-in{from{opacity:0;transform:translate(-45px,85px) rotate(-12deg) scale(.94)}to{opacity:1;transform:translate(0,0) rotate(-5deg) scale(1)}}
@media(min-width:1450px){.glass-stack{top:18%;height:710px}.panel-b{top:365px}.cinema-hero{min-height:960px}}
@media(min-width:851px) and (max-width:1100px){.glass-stack{top:22%;height:590px}.panel-b{top:285px}}
@media(max-width:850px){.cinema-hero{height:1320px}.glass-stack{top:580px;height:650px}.panel-b{top:355px}}
@media(max-width:550px){.cinema-hero{height:1170px;min-height:1170px}.glass-stack{top:485px;height:600px}.panel-b{top:325px}}
@media(max-width:370px){.cinema-hero{height:1210px;min-height:1210px}.glass-stack{top:570px}.panel-b{top:290px}}
@media(min-width:551px) and (max-width:850px){.panel-b{top:405px}.cinema-hero{height:1400px}}

/* Film posters remain visible when motion is paused or playback is unavailable. */
.has-film .glass-ring,.has-film .light-beam,.has-film .orbital{display:none}
.life-film>.film-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.life-film.has-film:before{z-index:1;background:linear-gradient(180deg,#03182045,transparent 35%,#031820dc);transform:none;pointer-events:none}
.life-film.has-film>span,.life-film.has-film>div{position:relative;z-index:2}
.ambient.has-film:after{background:linear-gradient(90deg,#061923a6,transparent 80%),linear-gradient(0deg,#0a1c23,transparent 22%)}
@media(max-width:600px){.ambient.has-film:after{background:linear-gradient(180deg,#05182066,transparent 65%,#0a1c23)}}

/* Business scene scrolls normally, without a pinned interval or extra scroll runway. */
.film-story{height:auto;min-height:0}
.film-sticky{position:relative;top:auto}

/* One short, scroll-controlled opening; subsequent sections scroll normally. */
.scroll-hero{position:relative;background:#071c25}
.scroll-hero.scrub-enabled{height:240svh}
.scroll-hero .cinema-hero{position:relative;top:0;height:100svh;min-height:720px;max-height:none;background:#071c25}
.scroll-hero.scrub-enabled .cinema-hero{position:sticky}
.flight-ambient{background:#071c25}
.flight-video{transform-origin:78% 52%;will-change:transform;object-position:center}
.flight-ambient:after{background:linear-gradient(90deg,#06192380,transparent 62%),linear-gradient(0deg,#0a1c23,transparent 15%)}
.scroll-hero .cinema-copy{top:29%;width:48%}
.scroll-hero .cinema-copy h1{font-size:clamp(44px,5.4vw,80px)}
@media(max-width:850px){
 .scroll-hero .cinema-hero{height:100svh;min-height:850px}
 .scroll-hero.scrub-enabled{height:calc(850px + 125svh)}
 .scroll-hero .cinema-copy{top:170px;left:7%;width:86%}
 .scroll-hero .cinema-copy h1{font-size:clamp(40px,7vw,60px)}
 .flight-video{top:auto;bottom:0;left:auto;right:0;width:140%;height:auto;max-width:none;aspect-ratio:16/9;object-fit:contain;transform-origin:82% 70%}
 .flight-ambient:after{background:linear-gradient(180deg,#071c25 30%,transparent 67%),linear-gradient(0deg,#0a1c23,transparent 10%)}
 .scroll-hero .hero-bottom{bottom:20px}
}
@media(max-width:550px){
 .scroll-hero .cinema-hero{min-height:780px}
 .scroll-hero.scrub-enabled{height:calc(780px + 120svh)}
 .scroll-hero .cinema-copy{top:150px}
 .scroll-hero .cinema-copy h1{font-size:40px}
 .scroll-hero .cinema-copy>p{font-size:13px;max-width:340px;margin:20px 0}
 .flight-video{bottom:45px;width:160%}
 .scroll-hero .hero-topline{top:110px}
}
@media(prefers-reduced-motion:reduce){.scroll-hero.scrub-enabled{height:auto}.scroll-hero.scrub-enabled .cinema-hero{position:relative}}
@media(min-width:551px) and (max-width:850px){.flight-video{width:100%}}
@media(max-width:550px){.flight-video{width:125%}}
@media(min-width:851px){.flight-video{object-fit:contain}}
.flight-video{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 92%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 92%,transparent)}
/* Persistent navigation; hero text stays put while the film is scrubbed. */
header{position:fixed;z-index:40}
.flight-video{transform-origin:center center}
.scroll-hero{background:#0a1c23}
.scroll-hero .cinema-hero,.flight-ambient{background:#0a1c23}
.flight-ambient:after{background:linear-gradient(180deg,#0a1c2370,transparent 20%,transparent 76%,#0a1c23),linear-gradient(90deg,#0a1c2355,transparent 60%)}
/* A quiet light sweep bridges the two film scenes. */
.manifesto{position:relative;isolation:isolate;overflow:hidden;max-width:none;padding:100px 8% 115px;background:radial-gradient(ellipse at 65% 50%,#24494c38,transparent 68%),#0a1c23}
.manifesto:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(112deg,transparent 30%,#a7c8bd10 47%,#edb49a0d 50%,transparent 68%);background-size:240% 100%;animation:manifesto-light 9s ease-in-out infinite}
.manifesto h2,.manifesto-bottom,.manifesto>.eyebrow{max-width:1200px;margin-left:auto;margin-right:auto}
.manifesto>.eyebrow{display:block}
.manifesto h2 .light-line{background:linear-gradient(105deg,#a1b7b7 15%,#eff5e9 35%,#f2c6ad 46%,#eff5e9 55%,#a1b7b7 75%);background-size:260% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:word-light 8s ease-in-out infinite}
.manifesto h2 .light-line:last-child{animation-delay:1.5s}
@keyframes word-light{0%,18%{background-position:100% 0}72%,100%{background-position:0% 0}}
@keyframes manifesto-light{0%,100%{background-position:100% 0;opacity:.35}50%{background-position:0% 0;opacity:1}}
/* Seven real apps; cards fly into a normal-flow gallery, without pinning the section. */
.apps-showcase .film-sticky{height:auto;min-height:0;overflow:hidden;padding:120px 7% 110px;background:#0a1c23}
.apps-showcase .film-atmosphere{background:#0a1c23;pointer-events:none}
.apps-showcase .film-atmosphere .film-media{height:850px;opacity:.35;object-position:center;mask-image:linear-gradient(transparent,#000 18%,#000 50%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 50%,transparent)}
.apps-showcase .film-atmosphere:after{background:linear-gradient(180deg,#0a1c23,transparent 20%,#0a1c23 80%),linear-gradient(90deg,#0a1c2377,transparent)}
.apps-showcase .film-index{top:40px}
.apps-showcase .film-story-copy{position:relative;top:auto;left:auto;right:auto;transform:none;z-index:2;max-width:1120px;margin:0 auto 65px}
.apps-showcase h2{font-size:clamp(46px,5.5vw,76px)}
.apps-showcase .film-story-copy p{font-size:16px;margin:24px 0}
.app-gallery{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:65px 45px;max-width:1120px;margin:auto;perspective:1600px}
.app-flight{display:block;min-width:0;padding:10px;border-radius:21px;transform-origin:center;transition:box-shadow .3s;background:linear-gradient(135deg,#ffffff16,#ffffff05);box-shadow:inset 0 1px #ffffff44,0 18px 35px #0002}
.app-flight img{display:block;width:100%;height:auto;border-radius:13px;aspect-ratio:1280/900;object-fit:contain;background:#f6f4ed}
.app-caption{text-align:center;padding:22px 10px 15px}
.app-caption h3{font-size:23px;margin:0 0 7px;letter-spacing:-.7px}
.app-caption p{font-size:12px;color:#afc4c2;margin:0}
.app-flight:hover{box-shadow:inset 0 1px #ffffff66,0 25px 55px #0004;border-color:#e7c6ae88}
.app-flight:last-child{grid-column:1/-1;width:calc(50% - 22.5px);justify-self:center}
.edit-card{gap:30px;padding:22px 22px 32px}
.edit-preview{overflow:hidden;border-radius:13px;border:1px solid #ffffff30;background:#0a1c23;aspect-ratio:1.7}
.edit-preview>img{width:100%;height:100%;object-fit:cover;object-position:top}
.edit-preview .dashboard-crop{width:100%;height:100%;border:0;border-radius:0}
.edit-card>div:not(.edit-preview){padding:0 12px}
.steps-grid article{transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s,box-shadow .35s}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.js-motion .steps-grid article.reveal.visible:hover,.steps-grid article:hover{transform:translateY(-8px) scale(1.035);background:#ffffff09;box-shadow:0 25px 50px #0003}}
@media(max-width:850px){.apps-showcase .film-sticky{padding:110px 7% 75px}.app-gallery{gap:35px 22px}.app-caption h3{font-size:19px}.app-caption{padding:17px 5px 10px}.app-flight{padding:7px;border-radius:17px}.app-flight:last-child{width:calc(50% - 11px)}.manifesto{padding:85px 7%}}
@media(max-width:550px){.app-gallery{grid-template-columns:1fr;gap:45px}.app-flight:last-child{grid-column:auto;width:100%}.apps-showcase .film-story-copy{margin-bottom:45px}.apps-showcase .film-story-copy p{font-size:14px}.manifesto{padding:70px 7% 85px}.manifesto h2{font-size:35px}.app-caption h3{font-size:23px}}
.motion-paused .manifesto:before,.motion-paused .light-line{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.manifesto:before,.manifesto h2 .light-line{animation:none}.steps-grid article{transition:none}}
@media(min-width:851px){.flight-video{width:100%;max-width:1280px;height:auto;aspect-ratio:16/9;top:50%;left:50%;right:auto;bottom:auto;translate:-50% -50%;object-fit:contain}}
.flight-video{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 13%,#000 84%,transparent),linear-gradient(to right,transparent,#000 8%,#000 94%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 13%,#000 84%,transparent),linear-gradient(to right,transparent,#000 8%,#000 94%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.app-flight img{aspect-ratio:16/9}
#discover,#business,#collection,#everyday,#how-it-works,#about{scroll-margin-top:120px}
.edit-preview .dashboard-crop img{position:absolute;width:110.74%;max-width:none;height:auto;left:-5.79%;top:-58%;margin:0}
/* Shared warm light travels across the section titles. */
.light-heading .light-line{background:linear-gradient(105deg,#a1b7b7 15%,#eff5e9 35%,#f2c6ad 46%,#eff5e9 55%,#a1b7b7 75%);background-size:260% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:word-light 8s ease-in-out infinite}
.light-heading .light-line:last-child{animation-delay:1.5s}
header .brand-icon.brand-logo{display:block;flex:none;width:42px;height:42px;border-radius:11px;padding:0;object-fit:cover;background:none;border:1px solid #ffffff25;margin-right:9px}
@media(max-width:550px){header .brand-icon.brand-logo{width:32px;height:32px;border-radius:8px;margin-right:6px}}
@media(max-width:370px){header .brand-icon.brand-logo{display:block;width:27px;height:27px;margin-right:4px}}
/* Optional local design comparison, opened with ?motion-preview=1. */
.motion-lab{display:none}
.motion-preview .motion-lab{display:block;position:relative;z-index:3;max-width:1120px;margin:0 auto 70px;padding:28px;background:#0d242be8;border:1px solid #ffffff35;border-radius:24px}
.motion-lab-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}
.motion-lab strong{font-size:18px;font-weight:500;color:#e9eee8}
.motion-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.motion-lab button{font:500 13px 'IBM Plex Sans',sans-serif;border:1px solid #ffffff30;background:#ffffff06;color:#d9e7df;padding:12px 18px;border-radius:30px;cursor:pointer;transition:background .2s,border-color .2s}
.motion-lab button[aria-pressed=true]{background:#eec1aa;color:#182b30;border-color:#eec1aa}
.motion-lab button:hover{border-color:#eec1aa}
.motion-description{font-size:14px;min-height:24px;color:#c5d5d0;margin:20px 0 12px}
.motion-stage{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:770px;margin:0 auto;padding:25px 35px 15px;perspective:1200px;overflow:hidden}
.motion-sample{padding:8px;border-radius:16px;text-align:center;backface-visibility:hidden}
.motion-sample img{width:100%;aspect-ratio:16/9;display:block;border-radius:9px}
.motion-sample span{display:block;padding:12px 3px 5px;font-size:13px}
.motion-lab-note{font-size:12px;color:#9db5b5;text-align:center;margin:15px 0 0}
.motion-lab button:focus-visible{outline:2px solid #f2c6ad;outline-offset:4px}
@media(max-width:550px){.motion-preview .motion-lab{padding:18px;margin-bottom:45px}.motion-lab-heading{align-items:start}.motion-lab strong{font-size:15px}.motion-lab button{padding:10px 12px;font-size:12px}.motion-options{gap:8px}.motion-stage{padding:20px 0 8px;gap:12px}.motion-sample{padding:5px}.motion-sample span{font-size:10px}.motion-description{font-size:12px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.light-heading .light-line{animation:none}}
#motion-compare{scroll-margin-top:125px}
.motion-paused .light-heading .light-line{animation-play-state:paused}

/* Transparent sculpted glass mark, without an enclosing tile. */
header .brand-icon.brand-logo{width:60px;height:60px;object-fit:contain;border:0;border-radius:0;background:none;box-shadow:none;margin-right:10px}
.turn-entry{transform-origin:center;transition:box-shadow .3s,border-color .3s}
@media(max-width:550px){header .brand-icon.brand-logo{width:44px;height:44px;margin-right:6px}}
@media(max-width:370px){header .brand-icon.brand-logo{width:36px;height:36px;margin-right:4px}}

/* Catalog devices have their own layout, independent of the hero phone. */
.catalog{width:min(1280px,100%);margin-inline:auto;padding:150px 40px 90px}
.catalog .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px;align-items:stretch}
.catalog-item{min-width:0;display:flex;flex-direction:column;padding:24px 18px 20px;border:1px solid #ffffff20;border-radius:26px;background:linear-gradient(145deg,#ffffff0b,#ffffff02);box-shadow:inset 0 1px #ffffff14}
.catalog-product{display:flex;flex-direction:column;flex:1;min-width:0}
.catalog-device-stage{height:430px;display:grid;place-items:center;position:relative;isolation:isolate}
.catalog-device-stage:before{content:'';position:absolute;inset:15% 5%;z-index:-1;background:radial-gradient(ellipse,#acc4bd20,transparent 65%)}
.catalog-phone{width:190px;padding:5px;border:1px solid #c9dfd985;border-radius:30px;background:linear-gradient(125deg,#b7d0c766,#071b22 35%,#b7d0c744);box-shadow:inset 0 0 0 1px #ffffff30,0 20px 30px #0005;overflow:hidden;transition:transform .35s}
.catalog-phone img{display:block;width:100%;height:auto;aspect-ratio:390/844;object-fit:cover;border-radius:24px}
.catalog-product:hover .catalog-phone{transform:translateY(-7px)}
.catalog-copy{text-align:center;padding:24px 4px 15px;display:flex;flex-direction:column;flex:1;align-items:center}
.catalog-copy>small{color:#abc2bd;letter-spacing:1.6px;font-size:9px}
.catalog-copy h3{font-size:22px;line-height:1.3;letter-spacing:-.6px;margin:12px 0 22px;overflow-wrap:anywhere}
.catalog-copy>span{margin-top:auto;font-size:12px;color:#efc5ad;border-top:1px solid #ffffff20;width:100%;padding-top:16px}
.catalog-demo{display:block;text-align:center;border:1px solid #ffffff30;background:#ffffff08;border-radius:24px;padding:11px;font-size:12px;transition:background .2s}
.catalog-demo:hover{background:#ffffff15}
.catalog-cover{height:430px;padding:30px 20px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center;background:linear-gradient(145deg,#bed0c31a,#edb49a0a);border:1px solid #ffffff20}
.catalog-cover>span{font-size:8px;letter-spacing:2px;color:#acc4bd}.catalog-cover strong{font:500 30px/1.2 Manrope,sans-serif}.catalog-cover>small{font-size:12px;color:#b0c0c3}
@media(max-width:1000px){.catalog .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.catalog{padding-inline:28px}}
@media(max-width:600px){.catalog{padding:130px 20px 60px}.catalog .product-grid{grid-template-columns:1fr;gap:28px;max-width:380px;margin-inline:auto}.catalog-item{padding:24px}.catalog-controls label:first-child{min-width:0}.catalog-controls{grid-template-columns:1fr}.catalog-device-stage{height:460px}.catalog-phone{width:204px}.catalog-copy h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.catalog-phone{transition:none}.catalog-product:hover .catalog-phone{transform:none}}

/* Mobile: all navigation visible and the scroll film next to the headline. */
@media(max-width:850px){
 header{display:flex;flex-wrap:wrap;align-content:center;height:119px;gap:6px 10px;padding:8px 12px;top:10px;left:3%;width:94%;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
 header .brand{font-size:14px;flex:1}header .brand-icon.brand-logo{width:42px;height:42px;margin-right:7px}
 header .menu-toggle{display:none}header .header-etsy{font-size:10px;padding:8px 12px;min-height:33px}
 header nav,header nav.open{display:flex;position:static;order:3;flex:0 0 100%;width:100%;padding:0;gap:5px;background:none;border:0;box-shadow:none;transform:none;opacity:1;visibility:visible;flex-direction:row;justify-content:space-between}
 header nav>a{display:flex;justify-content:center;align-items:center;flex:1;white-space:nowrap;padding:8px 4px;min-height:34px;font-size:10px;letter-spacing:0;border-radius:20px}
 .scroll-hero .cinema-hero{height:100svh;min-height:760px}
 .scroll-hero.scrub-enabled{height:calc(max(760px,100svh) + 110svh)}
 .scroll-hero .hero-topline{top:148px;left:7%;right:7%;font-size:7px;letter-spacing:1px}
 .scroll-hero .hero-topline>span:last-child{font-size:6px}
 .scroll-hero .cinema-copy{top:180px;left:7%;right:7%;width:86%}
 .scroll-hero .cinema-copy .edition{display:none}
 .scroll-hero .cinema-copy h1{font-size:clamp(36px,8.8vw,50px);line-height:1.12}
 .scroll-hero .cinema-copy>p{margin:245px 0 18px;font-size:13px;line-height:1.7;max-width:430px}
 .scroll-hero .cinema-copy .actions{gap:8px;flex-wrap:wrap}
 .scroll-hero .cinema-copy .actions>a{font-size:11px;min-height:42px;padding:12px 16px}
 .flight-ambient .flight-video{top:275px;bottom:auto;left:0;right:auto;width:100%;max-width:none;height:230px;aspect-ratio:auto;object-fit:contain;transform-origin:center;mask-image:linear-gradient(transparent,#000 12%,#000 90%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 90%,transparent)}
 .flight-ambient:after{background:linear-gradient(180deg,#0a1c2300 30%,#0a1c2300 80%,#0a1c23);pointer-events:none}
 .scroll-hero .hero-bottom{bottom:22px}
 .catalog{padding-top:165px}
 html{scroll-padding-top:145px}
}
@media(min-width:551px) and (max-width:850px){.flight-ambient .flight-video{top:290px;height:280px}.scroll-hero .cinema-copy>p{margin-top:290px}}
@media(max-width:370px){header{padding-inline:8px}header .brand{font-size:12px}header nav>a{font-size:9px;padding-inline:3px}.scroll-hero .cinema-copy>p{font-size:12px}.scroll-hero .cinema-copy .actions>a{font-size:10px;padding-inline:13px}}

/* Mobile-only edge-to-edge film and content-sized hero. */
@media(max-width:850px){
 .scroll-hero .cinema-hero{height:auto;min-height:0;max-height:none}
 .scroll-hero.scrub-enabled{height:calc(var(--mobile-hero-height,680px) + 80svh)}
 .scroll-hero .cinema-copy{position:relative;top:auto;left:auto;right:auto;width:86%;margin-inline:auto;padding:180px 0 28px}
 .scroll-hero .cinema-copy>p{margin-top:265px}
 .flight-ambient .flight-video{top:258px;left:0;right:0;width:100%;height:260px;object-fit:cover;object-position:right center;mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 78%,transparent 100%)}
 .flight-ambient:after{background:none}
 .scroll-hero .hero-bottom{display:none}
 .scroll-hero + .manifesto{padding-top:28px}
}
@media(min-width:551px) and (max-width:850px){.flight-ambient .flight-video{top:285px;height:340px}.scroll-hero .cinema-copy>p{margin-top:350px}}

/* App catalog: editorial product covers. */
.catalog .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px;perspective:1400px}
.catalog-app{padding:10px;border-radius:26px;background:linear-gradient(145deg,#ffffff19,#ffffff05);box-shadow:inset 0 1px #ffffff44,0 18px 35px #0002;overflow:hidden;transform-origin:center}
.app-cover{overflow:hidden;border-radius:18px;background:radial-gradient(ellipse at 90% 10%,#edb49a28,transparent 55%),linear-gradient(135deg,#23434b,#102a33);padding:30px 24px 16px}
.app-cover-heading{text-align:center;margin:0 0 24px}
.app-cover-heading>span{font-size:8px;letter-spacing:2px;color:#bdd0c8}
.app-cover-heading h3{font:500 clamp(25px,3vw,40px)/1.15 Manrope,sans-serif;margin:12px 0;color:#f1ede4;letter-spacing:-1px}
.app-cover-heading p{font-size:12px;color:#bdcdc8;margin:0}
.app-cover-screen{border-radius:12px;overflow:hidden;border:1px solid #ffffff66;padding:4px;background:#ffffff16;box-shadow:0 14px 30px #0004}
.app-cover-screen img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px}
.app-cover-label{text-align:center;font-size:7px;letter-spacing:1.8px;color:#9eb5b3;padding-top:18px}
.catalog-app .catalog-copy{padding:15px 12px 12px;flex:0}
.catalog-app .catalog-copy>small{display:none}
.catalog-app .catalog-copy>span{border:0;padding:0}
.catalog-app .catalog-demo{margin:0 12px 10px}
.catalog-app.cover-await{opacity:0;transform:perspective(1100px) translateY(55px) rotateY(calc(var(--cover-side)*32deg)) scale(.95);transition:transform .85s cubic-bezier(.18,.8,.22,1),opacity .65s}
.catalog-app.cover-visible,.motion-paused .catalog-app{opacity:1;transform:none}
@media(max-width:600px){.catalog .product-grid{grid-template-columns:1fr;gap:28px;max-width:440px}.catalog-app{padding:8px;border-radius:22px}.app-cover{padding:24px 14px 14px;border-radius:15px}.app-cover-heading h3{font-size:31px}.app-cover-heading{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.catalog-app.cover-await{opacity:1;transform:none;transition:none}}

/* Paired device cover: the same app on laptop and mobile. */
.app-devices{position:relative;aspect-ratio:1.85;margin:30px 0 10px;isolation:isolate}
.app-devices:before{content:"";position:absolute;inset:32% 0 -12%;background:radial-gradient(ellipse,#acc4bd35,transparent 68%);filter:blur(15px);z-index:-1}
.app-laptop{position:absolute;left:0;bottom:8%;width:86%}
.app-laptop-display{position:relative;margin:0 5%;padding:2.2% 1.5% 1.5%;border-radius:10px 10px 4px 4px;background:linear-gradient(145deg,#728184,#1a272d 35%,#46585e);border:1px solid #afc4c5;box-shadow:0 12px 24px #0005}
.app-laptop-display:before{content:"";position:absolute;top:1.5%;left:50%;width:3px;height:3px;background:#071215;border-radius:50%}
.app-laptop-display img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:3px}
.app-laptop-base{position:relative;height:9px;background:linear-gradient(#c4d0d0,#63767e 50%,#2b3b42);border-radius:2px 2px 45% 45%;box-shadow:0 10px 13px #0005}
.app-laptop-base:before{content:"";position:absolute;top:0;left:43%;width:14%;height:3px;background:#71878b;border-radius:0 0 5px 5px}
.app-phone{position:absolute;right:0;bottom:0;width:23%;padding:1.1%;border:1px solid #b4c9cc;border-radius:clamp(12px,2vw,22px);background:linear-gradient(145deg,#71878b,#14262d 45%,#738e91);box-shadow:-8px 10px 20px #0005}
.app-phone:after{content:"";position:absolute;top:3%;left:36%;width:28%;height:3%;border-radius:20px;background:#15252c}
.app-phone img{display:block;width:100%;height:auto;aspect-ratio:390/844;object-fit:cover;object-position:top;border-radius:clamp(8px,1.5vw,17px)}
@media(max-width:600px){.app-devices{margin-top:26px}.app-laptop-base{height:7px}.app-phone{border-radius:15px}.app-phone img{border-radius:11px}}

/* Catalog: lightweight sequential rise, steady heading, safe device bezel. */
html:has(.catalog){scrollbar-gutter:stable}
.catalog .product-grid{perspective:none}
.catalog .catalog-item.cover-await{opacity:0;transform:translateY(42px);transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .45s ease;filter:none}
.catalog .catalog-item.cover-visible,.motion-paused .catalog .catalog-item{opacity:1;transform:none}
.catalog .app-devices:before{filter:none}
.catalog .app-phone{padding-top:5%;background:#23383f}
.catalog .app-phone:after{top:2%;height:2%;width:22%;left:39%}
.catalog-controls select{appearance:none;-webkit-appearance:none;padding-right:48px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23b8c9c5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center}
.catalog h1,.catalog h1 em{background:linear-gradient(110deg,#b8c9c5 20%,#f4f5eb 40%,#edb49a 48%,#f4f5eb 55%,#b8c9c5 75%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:catalog-light 9s ease-in-out infinite}
@keyframes catalog-light{0%,100%{background-position:100% 50%}50%{background-position:0% 50%}}
@media(prefers-reduced-motion:reduce){.catalog .catalog-item.cover-await{opacity:1;transform:none;transition:none}.catalog h1,.catalog h1 em{animation:none}}
.motion-paused .catalog h1,.motion-paused .catalog h1 em{animation:none}

/* Compact centered filter and original slim phone silhouette. */
.catalog-controls select{min-width:116px;max-width:170px;min-height:44px;padding:10px 32px 10px 12px;text-align:center;text-align-last:center;font-size:15px;background-position:right 12px center}
.catalog .app-phone{padding:1.1%;background:linear-gradient(145deg,#71878b,#14262d 45%,#738e91)}
.catalog .app-phone:after{display:none}
.app-flight,.turn-entry{backdrop-filter:none;-webkit-backdrop-filter:none}
header nav>a{backdrop-filter:none;-webkit-backdrop-filter:none}

/* Continuous depth, with quiet light behind clear glass. */
body{background-color:#091c24;background-image:radial-gradient(ellipse at 0% 15%,#2c64606b,transparent 36%),radial-gradient(ellipse at 100% 42%,#47666e55,transparent 34%),radial-gradient(ellipse at 5% 70%,#17454f99,transparent 35%),radial-gradient(ellipse at 95% 92%,#bc8d6a26,transparent 32%),linear-gradient(145deg,#091c24,#122e36 45%,#091c24);background-size:100% 100%;background-repeat:no-repeat}
.manifesto,.apps-showcase .film-sticky,.final-cta,footer{background:transparent}
.apps-showcase .film-atmosphere{display:none}
.manifesto-film{position:relative;width:100%;max-width:1280px;aspect-ratio:16/9;margin:35px auto 24px;overflow:hidden;mask-image:linear-gradient(transparent,#000 13%,#000 85%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 13%,#000 85%,transparent)}
.manifesto-film .film-media{object-fit:cover;object-position:center}
.manifesto-bottom{margin-top:18px}
.app-flight.glass-panel,.edit-card,.steps-grid article{background:linear-gradient(125deg,#e4fff01c,#ffffff05 55%,#a9dedc12);border:1px solid #d5f8ef52;box-shadow:inset 0 1px 0 #ffffff66,inset 1px 0 0 #ffffff18,0 16px 36px #0002}
.budget-still{background-image:linear-gradient(0deg,#081d26e6,transparent 80%),url('/assets/films/calm-budget-lifestyle.jpg');background-position:center;background-size:cover}
.home-film{background-image:linear-gradient(0deg,#081d26e6,transparent 80%),url('/assets/films/calm-meals-lifestyle.jpg');background-position:center;background-size:cover}
@media(max-width:850px){
 .manifesto-film{width:calc(100% + 14vw);max-width:none;margin:24px -7vw 16px;aspect-ratio:16/9}
 .app-flight,.turn-entry{opacity:0;transform:translateY(28px);filter:none!important;transition:opacity .55s ease,transform .7s cubic-bezier(.2,.75,.25,1)}
 .app-flight.mobile-entered,.turn-entry.mobile-entered,.motion-paused .app-flight,.motion-paused .turn-entry{opacity:1;transform:none}
 header{backdrop-filter:none;-webkit-backdrop-filter:none;background:#10262fee}
 .catalog .catalog-item.cover-await{transform:translateY(26px);transition-duration:.65s,.5s}
 .catalog .catalog-item.cover-visible{transform:none}
}
@media(prefers-reduced-motion:reduce){.app-flight,.turn-entry{opacity:1;transform:none;transition:none}}

@media(max-width:850px){.js-motion .reveal{filter:none!important;transform:translateY(18px);transition:opacity .5s ease,transform .65s ease}.js-motion .reveal.visible{transform:none}}

/* Dark luminous backdrop, with continuous section boundaries. */
body{background-color:#07131f;background-image:radial-gradient(ellipse at 110% 16%,#52688060,transparent 26%),radial-gradient(ellipse at -10% 36%,#27607565,transparent 29%),radial-gradient(ellipse at 100% 58%,#987a6b32,transparent 25%),radial-gradient(ellipse at 10% 79%,#334b7866,transparent 28%),linear-gradient(158deg,#06121d 5%,#102536 32%,#081722 55%,#172733 78%,#06121d);background-repeat:no-repeat}
.scroll-hero{position:relative;background:transparent}
.scroll-hero:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:160px;pointer-events:none;z-index:5;background:linear-gradient(transparent,#0a1c23)}
.manifesto{background:linear-gradient(#0a1c23,transparent 180px);padding-top:85px}
.manifesto:before{display:none}
.apps-showcase .film-sticky{background:radial-gradient(ellipse at 95% 30%,#b4c7dc0d,transparent 55%)}
.life-film:before,.life-film:after,.life-film.has-film:before{display:none;animation:none;background:none}
.life-film>div{padding-top:24px;background:linear-gradient(transparent,#07131f99);text-shadow:0 2px 14px #0009}
.life-film .eyebrow{text-shadow:0 1px 8px #000}
.app-flight,.edit-card,.life-film,.catalog-item,.steps-grid article{scale:1;transition:scale .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s,border-color .3s}
@media(hover:hover){.app-flight:hover,.edit-card:hover,.life-film:hover,.catalog-item:hover,.steps-grid article:hover{scale:1.025;border-color:#dbeaf080;box-shadow:inset 0 1px #ffffff55,0 20px 45px #0004}}
@media(max-width:850px){.scroll-hero:after{height:90px}.scroll-hero + .manifesto{background:linear-gradient(#0a1c23,transparent 120px)}}
@media(max-width:600px){
 .life-scenes{grid-template-columns:1fr;gap:22px}
 .life-scenes .life-film{min-height:0;height:auto;aspect-ratio:16/9;padding:15px 18px;border-radius:20px}
 .life-film h2{font-size:23px;line-height:1.15;margin-bottom:7px}
 .life-film .eyebrow{font-size:8px}
 .life-film div>span{font-size:10px}
 .life-film>div{padding-top:8px}
}
@media(prefers-reduced-motion:reduce){.app-flight,.edit-card,.life-film,.catalog-item,.steps-grid article{transition:none}}

@media(max-width:850px){.app-flight,.turn-entry{transition:opacity .55s ease,transform .7s cubic-bezier(.2,.75,.25,1),scale .3s ease}.catalog .catalog-item.cover-await{transition:transform .65s cubic-bezier(.16,1,.3,1),opacity .5s ease,scale .3s ease}}

@media(max-width:850px){.scroll-hero.scrub-enabled{height:calc(var(--mobile-hero-height,680px) + 65svh)}.hero-frame-canvas{pointer-events:none}}

.hero-frame-canvas{position:absolute}

/* Readable caption over the bright laptop screen. */
.life-film.has-film:before{display:block;content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 30%,#05121c33 48%,#05121cc7 78%,#05121ced 100%);transform:none;animation:none}
.life-film.has-film>div{background:none;text-shadow:0 2px 5px #000b,0 4px 18px #0009}
.life-film.has-film h2{color:#fff}
.life-film.has-film>span,.life-film.has-film>div{position:relative;z-index:2}

/* Clear glass surfaces over cool reflected light. */
body{background-image:radial-gradient(ellipse at 108% 12%,#6486ab55,transparent 27%),radial-gradient(ellipse at -18% 37%,#5694a34a,transparent 29%),radial-gradient(ellipse at 105% 57%,#c5a18c24,transparent 24%),radial-gradient(ellipse at -10% 78%,#627aab44,transparent 30%),linear-gradient(155deg,#06121d,#122b3d 30%,#081823 55%,#152a3a 80%,#06121d)}
.app-flight.glass-panel,.edit-card,.catalog-item,.steps-grid article{background:linear-gradient(132deg,#e8faff24 0%,#c7e9f009 37%,#ffffff04 62%,#c0e1ed16 100%);border:1px solid #cce9f25c;border-top-color:#e9faff9c;border-left-color:#d6f5ff6b;box-shadow:inset 0 1px 1px #ffffff70,inset 0 -1px 1px #c5e5f024,inset 1px 0 2px #ffffff22,0 12px 35px #0003;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
@media(max-width:850px){
 .scroll-hero .cinema-hero{min-height:100svh}
 .scroll-hero .cinema-copy{padding-bottom:20px}
 .scroll-hero .cinema-copy>p{margin-top:235px}
 .cinema-copy .mobile-intro-heading{font:500 clamp(25px,6.8vw,32px)/1.18 Manrope,sans-serif;letter-spacing:-.045em;margin:28px 0 0;opacity:1;transform:none;filter:none}
 .scroll-hero + .manifesto{padding-top:30px;padding-bottom:40px}
 .manifesto>.eyebrow{display:none}
 .app-flight.glass-panel,.edit-card,.catalog-item,.steps-grid article{backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media(max-width:850px) and (max-height:740px){
 .scroll-hero .cinema-copy{padding-top:158px}
 .scroll-hero .cinema-copy h1{font-size:34px}
 .scroll-hero .cinema-copy>p{margin-top:183px;font-size:12px;line-height:1.5;margin-bottom:14px}
 .flight-ambient .flight-video{top:236px;height:190px}
 .cinema-copy .mobile-intro-heading{font-size:25px;margin-top:18px}
 .scroll-hero .hero-topline{top:138px}
 .scroll-hero .cinema-copy .actions>a{min-height:36px;padding:10px 13px;font-size:10px}
}

/* Keep the manifesto intact below the film throughout the mobile scrub. */
@media(max-width:850px){
 .scroll-hero .cinema-hero{min-height:100svh;overflow:visible}
 .cinema-hero .mobile-pinned-intro{position:relative;z-index:6;padding:12px 7% 24px;background:linear-gradient(#0a1c2300,#0a1c2380);}
 .mobile-pinned-intro h2{font-size:clamp(25px,6.8vw,32px);line-height:1.18;margin:0}
 .mobile-pinned-intro .manifesto-bottom{margin-top:14px;display:block}
 .mobile-pinned-intro .manifesto-bottom p{font-size:12px;line-height:1.6;margin:0}
 .mobile-pinned-intro .manifesto-bottom a{margin-top:12px;font-size:11px}
 .js-motion .mobile-pinned-intro .reveal{opacity:1;transform:none;filter:none;transition:none}
 .scroll-hero:after{display:none}
}
@media(max-width:850px) and (max-height:740px){
 .cinema-hero .mobile-pinned-intro{padding-top:6px;padding-bottom:16px}
 .mobile-pinned-intro h2{font-size:24px}
 .mobile-pinned-intro .manifesto-bottom{margin-top:8px}
 .mobile-pinned-intro .manifesto-bottom p{font-size:11px;line-height:1.5}
}

/* Mobile-only pacing, soft entrances, and a continuous scene boundary. */
@media(max-width:850px){
 .scroll-hero.scrub-enabled{height:calc(var(--mobile-hero-height,680px) + 160svh)}
 .scroll-hero .cinema-hero{background:linear-gradient(#0a1c23 0%,#0a1c23 68%,#0a1c2300 100%)}
 .flight-ambient{background:transparent}
 .cinema-hero .mobile-pinned-intro{background:transparent}
 .apps-showcase .film-sticky{background:transparent}
 .app-flight,.turn-entry{transform:translate3d(0,46px,0);filter:blur(3px)!important;transition:opacity .85s ease,transform 1.1s cubic-bezier(.18,.72,.22,1),filter .85s ease,scale .3s ease}
 .app-flight.mobile-entered,.turn-entry.mobile-entered,.motion-paused .app-flight,.motion-paused .turn-entry{transform:none;filter:none!important}
}
@media(max-width:850px) and (prefers-reduced-motion:reduce){
 .app-flight,.turn-entry{opacity:1;transform:none;filter:none!important;transition:none}
 .scroll-hero.scrub-enabled{height:auto}
}

/* Give the mobile wordmark its own centered row. */
@media(max-width:850px){
 header .brand{flex:0 0 100%;justify-content:center;align-items:center;font-size:clamp(19px,5.6vw,26px);line-height:1.1;letter-spacing:-.8px;min-height:58px;white-space:nowrap}
 header .brand-icon.brand-logo{width:54px;height:54px;margin-right:9px}
 header .header-etsy{display:none}
}
@media(max-width:370px){
 header .brand{font-size:19px;letter-spacing:-.7px}
 header .brand-icon.brand-logo{width:46px;height:46px;margin-right:7px}
}

/* Native forward/reverse video: no scroll runway, pin, or scroll interception. */
.scroll-hero.autoplay-hero{height:auto!important}
.scroll-hero.autoplay-hero .cinema-hero{position:relative;top:auto}
.autoplay-hero .flight-video{transform:scale(.84)}
@media(max-width:850px){.autoplay-hero .flight-video{transform:none}}

/* Full source frame, no desktop inset or enlargement. */
@media(min-width:851px){
 .autoplay-hero .flight-video{width:100%;max-width:none;height:auto;aspect-ratio:16/9;transform:none;object-fit:contain;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent)}
}
@media(max-width:850px){
 header .brand{flex:1 1 auto;justify-content:flex-start;min-width:0;min-height:58px;font-size:clamp(14px,4.25vw,21px);letter-spacing:-.6px}
 header .brand-icon.brand-logo{width:46px;height:46px;margin-right:6px}
 header .header-etsy{display:inline-flex;flex:0 0 auto;margin-left:auto;font-size:10px;min-height:34px;padding:9px 12px}
 .autoplay-hero .flight-ambient .flight-video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;transform:none;translate:none;left:0;right:0}
}
@media(max-width:370px){
 header .brand{font-size:13px;letter-spacing:-.5px}
 header .brand-icon.brand-logo{width:36px;height:36px;margin-right:4px}
 header .header-etsy{font-size:9px;padding:8px 9px}
}
.catalog .catalog-item{backdrop-filter:none;-webkit-backdrop-filter:none}
.catalog .catalog-item.cover-await{transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .45s ease,scale .22s ease-out}
@media(hover:hover){
 .catalog .catalog-item:hover{scale:1.008;box-shadow:inset 0 1px 1px #ffffff70,inset 0 -1px 1px #c5e5f024,inset 1px 0 2px #ffffff22,0 12px 35px #0003}
}

/* A little more breathing room around the source frame. */
.autoplay-hero .flight-ambient .flight-video{transform:scale(.9);transform-origin:center center}

/* Anchor the smaller film to the right and dissolve its left edge. */
.autoplay-hero .flight-ambient .flight-video{transform:scale(.81);transform-origin:right center;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent),linear-gradient(to right,transparent,#000 22%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent),linear-gradient(to right,transparent,#000 22%);mask-composite:intersect;-webkit-mask-composite:source-in}

/* Larger desktop introduction; compact editorial composition on phones. */
@media(min-width:851px){
 .scroll-hero .cinema-copy{width:56%;top:29%}
 .scroll-hero .cinema-copy h1{font-size:clamp(53px,6.48vw,96px)}
 .scroll-hero .cinema-copy>p{font-size:18px;max-width:540px;margin:34px 0 36px}
 .cinema-copy .actions>a{font-size:15.6px;padding:19px 30px;min-height:58px}
 .cinema-copy .actions{gap:14px}
}
@media(max-width:850px){
 .autoplay-hero .flight-ambient .flight-video{top:142px;transform:scale(.81);transform-origin:right top}
 .scroll-hero .cinema-copy{padding-top:266px}
 .scroll-hero .cinema-copy h1{position:relative;z-index:2;width:58%;font-size:clamp(30px,8.2vw,44px);line-height:1.08}
 .scroll-hero .cinema-copy h1>span:last-child{max-width:100%}
 .scroll-hero .cinema-copy h1 em{display:block}
 .scroll-hero .cinema-copy>p{margin-top:28px}
 .scroll-hero .hero-topline{display:none}
}
@media(max-width:850px) and (max-height:740px){
 .scroll-hero .cinema-copy{padding-top:255px}
 .scroll-hero .cinema-copy h1{font-size:30px}
 .scroll-hero .cinema-copy>p{margin-top:24px}
}

@media(max-width:850px){
 .scroll-hero .cinema-copy h1 em{display:inline}
 .scroll-hero .cinema-copy .hero-matters{display:block}
 .scroll-hero .cinema-copy>p{margin-top:48px}
}
@media(max-width:850px) and (max-height:740px){.scroll-hero .cinema-copy>p{margin-top:55px}}

/* A quiet glass illustration beside the introduction. */
.clarity-glass{display:none}
.apps-showcase .film-story-copy{text-align:center;margin-left:auto;margin-right:auto}
.apps-showcase .film-story-copy>p{margin-left:auto;margin-right:auto}
@media(min-width:851px){
 .manifesto{padding-right:33%;min-height:440px}
 .manifesto h2{font-size:clamp(48px,5.4vw,79px);line-height:1.12;letter-spacing:-.055em}
 .manifesto-bottom{display:block}
 .manifesto-bottom>p{max-width:650px;font-size:18px;line-height:1.65}
 .manifesto-bottom>a{display:inline-flex;margin-top:20px}
 .clarity-glass{display:block;position:absolute;right:7%;top:50%;width:300px;height:270px;transform:translateY(-50%);pointer-events:none;perspective:950px}
 .clarity-glass:before{content:"";position:absolute;inset:15% -12% -8%;background:radial-gradient(ellipse,#99c9d01c,transparent 65%)}
 .clarity-pane{position:absolute;width:158px;height:182px;border-radius:25px;border:1px solid #d9f3f45c;border-top-color:#edffffa8;border-left-color:#d8f5ff8c;background:linear-gradient(135deg,#c4e8ef29,#97cad509 42%,#f0ba9f10);box-shadow:inset 1px 1px 2px #ffffff5c,inset -1px -1px 2px #a3dbe81c,0 18px 40px #0003;backdrop-filter:blur(9px);overflow:hidden}
 .clarity-calendar{left:4px;top:16px;transform:rotate(-13deg) rotateY(12deg)}
 .clarity-chart{left:124px;top:36px;transform:rotate(10deg) rotateY(-12deg)}
 .clarity-check{left:66px;top:100px;transform:rotate(-2deg);background:linear-gradient(135deg,#ccebf032,#a1c4cf0d 55%,#eebc9a19)}
 .clarity-pane svg{width:100%;height:100%;padding:15px;stroke:#d6ece9a8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
 .clarity-pane .calendar-dots{stroke-width:5}
 .clarity-pane .chart-line,.clarity-pane .check-line{stroke:#efc6ac;stroke-width:3}
 .clarity-pane:after{content:"";position:absolute;inset:-70%;background:linear-gradient(115deg,transparent 40%,#d9f5ff12 47%,#fff5e72b 50%,transparent 57%);transform:translateX(-55%);animation:clarity-glint 10s ease-in-out infinite}
 .clarity-chart:after{animation-delay:1.7s}.clarity-check:after{animation-delay:3.4s}
}
@keyframes clarity-glint{0%,20%{transform:translateX(-55%);opacity:0}35%{opacity:1}60%,100%{transform:translateX(55%);opacity:0}}
.motion-paused .clarity-pane:after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.clarity-pane:after{animation:none}}

@media(min-width:851px) and (max-width:1100px){
 .manifesto{padding-right:35%;padding-left:6%}
 .manifesto h2{font-size:clamp(40px,5.05vw,56px)}
 .clarity-glass{right:3%;transform:translateY(-50%) scale(.8);transform-origin:right center}
}

/* Phone layout: heading below navigation, compact handoff to the apps. */
@media(max-width:850px){
 .scroll-hero .cinema-hero{min-height:0!important}
 .scroll-hero .cinema-copy{padding-top:155px;padding-bottom:20px}
 .scroll-hero .cinema-copy>p{margin-top:80px;margin-bottom:18px}
 .cinema-hero .mobile-pinned-intro{padding-bottom:0}
 .mobile-pinned-intro .manifesto-bottom>a{display:none}
 .apps-showcase .film-sticky{padding-top:28px}
 .apps-showcase .film-index{display:none}
}
@media(min-width:551px) and (max-width:850px){
 .scroll-hero .cinema-copy>p{margin-top:clamp(80px,18vw,150px)}
}

/* Give the mobile introduction its own quiet space between the two chapters. */
@media(max-width:850px){
 .cinema-hero .mobile-pinned-intro{width:86%;margin:22px auto 0;padding:34px 0 36px;background:none;text-align:center}
 .cinema-hero .mobile-pinned-intro:before,.cinema-hero .mobile-pinned-intro:after{content:"";display:block;position:absolute;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,#d5e9ec40 35%,#edc4ac55 55%,transparent);pointer-events:none}
 .cinema-hero .mobile-pinned-intro:before{top:0}
 .cinema-hero .mobile-pinned-intro:after{bottom:0}
 .mobile-pinned-intro h2{font-size:clamp(25px,6.8vw,32px);line-height:1.22}
 .mobile-pinned-intro .manifesto-bottom{margin-top:18px}
 .mobile-pinned-intro .manifesto-bottom p{max-width:340px;margin-inline:auto;line-height:1.75}
 .apps-showcase .film-sticky{padding-top:42px}
}

/* Keep the collection title generous on every phone width. */
@media(max-width:850px){
 .apps-showcase .film-story-copy{width:100%;max-width:none}
 .apps-showcase .film-story-copy h2{width:100%;max-width:none;font-size:clamp(46px,15vw,84px);line-height:1.06;letter-spacing:-.055em}
 .apps-showcase .film-story-copy h2 .light-line{white-space:nowrap}
}