/* Full-viewport narrative. Every scene also has a normal-flow reading layout. */
.cinema{--film-ink:#282d24;--film-red:#a33b2d;--film-paper:#f2eee3}
.film-stage{background:var(--film-paper);isolation:isolate}
.film-room{position:absolute;inset:0;z-index:-2;overflow:hidden}.film-room img{height:100%;width:100%;object-fit:cover;display:block;object-position:center;transform-origin:68% 65%}.film-room-shade{position:absolute;inset:0;background:linear-gradient(90deg,#f2eee3bf,transparent 76%)}
.film-kicker{font:11px var(--sans);letter-spacing:2.5px}.film-intro,.film-close{padding:70px 8%;position:relative}.film-intro h1{font:clamp(88px,12vw,190px)/1.02 var(--serif);letter-spacing:-.05em;margin:34px 0}.film-intro h1>span{display:block}.film-period{color:var(--film-red)}.film-intro-foot{display:flex;align-items:end;gap:45px}.film-intro-foot p{font:20px/1.8 var(--serif)}.film-intro-foot p>span{font:11px var(--sans);letter-spacing:.5px}.film-intro-note{position:absolute;right:8%;bottom:70px;font-size:9px;letter-spacing:1.5px;line-height:2;color:#514c40}.film-intro-foot .button{font-size:13px;padding:14px 22px}
.film-portal{position:relative;background:#f4f0e6;perspective:1800px;transform-origin:50% 50%}.film-paper{display:none;background:linear-gradient(110deg,#fbf8ed,#e9e0cc);box-shadow:0 0 0 1px #b6aa93,8px 9px 0 #e5dcc9,8px 10px 0 1px #c5b89e,30px 45px 80px #241b1545;padding:6% 8%;position:absolute;inset:0;overflow:hidden}.film-paper-head{display:flex;justify-content:space-between;font-size:14px;letter-spacing:4px;color:#6b6759}.film-paper>strong{font:clamp(60px,7vw,112px)/1.35 var(--serif);display:block;margin-top:5%}.film-paper-drawing{display:flex;align-items:center;gap:35px;position:absolute;right:8%;bottom:29%;font:24px var(--serif)}.film-paper-drawing span{border:1px solid #7c7b64;border-radius:50%;padding:30px}.film-paper-drawing i{width:50px;height:1px;background:#7c7b64}.film-paper>p{font:23px/2 var(--serif);margin-top:35px}.film-paper-sign{position:absolute;bottom:7%;left:8%;right:8%;display:flex;justify-content:space-between;padding-top:25px;border-top:1px solid #b3aa97;font:italic 34px Georgia}.film-paper-sign small{font:13px var(--sans);letter-spacing:2px}
.film-website{background:#f4f0e6;position:relative;overflow:hidden}.film-brand-nav{display:flex;justify-content:space-between;align-items:center;padding:24px 6%;border-bottom:1px solid #c8c1af;gap:18px}.film-brand-nav>span:first-child{font:34px var(--serif);letter-spacing:9px}.film-brand-nav>span:first-child small{font:10px Georgia;letter-spacing:3px;margin-left:15px}.film-brand-nav>span:nth-child(2){font-size:12px;letter-spacing:4px}.film-brand-nav>small{font-size:9px;color:#686859}.film-brand-body{display:grid;grid-template-columns:1fr 1fr;min-height:460px}.film-brand-copy{padding:55px 10% 45px 12%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.film-brand-copy h2{font-size:clamp(42px,5.2vw,82px);line-height:1.3;letter-spacing:0;margin:28px 0}.film-brand-description{font-size:14px;line-height:1.95;color:#626253}.film-brand-copy .text-link{margin-top:26px;font-size:13px}.film-brand-photo{position:relative;overflow:hidden;background:url('assets/studio-desk.jpg') 88% 50%/auto 100%}.film-brand-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#271f2040,transparent 65%)}.film-brand-photo>span{position:absolute;right:8%;bottom:10%;writing-mode:vertical-rl;color:#fff6e5;letter-spacing:10px;font:25px var(--serif);z-index:1}.film-brand-bottom{display:flex;padding:28px 6%;gap:6%;border-top:1px solid #c8c1af}.film-brand-bottom>div{flex:1;border-top:1px solid #b8b7a3;padding-top:14px}.film-brand-bottom span{font-size:9px;letter-spacing:1.5px;color:#6a6c5d}.film-brand-bottom strong{display:block;font:23px var(--serif);margin-top:8px}
.film-system{background:#20382e;color:#f1f0df;padding:55px 8%;position:relative;overflow:hidden}.film-system:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#4d6b4a40,transparent 65%)}.film-system-heading{position:relative}.film-system-heading h2{font-size:clamp(38px,4.8vw,76px);line-height:1.25;margin:20px 0 14px;letter-spacing:0}.film-system-heading h2 span{color:#c5cbb3}.film-system-heading>p:last-child{font-size:14px;color:#d0d8c7}.film-console{position:relative;background:#f3f1e6;color:#303b2f;border:1px solid #a8b59a;box-shadow:0 25px 70px #10201855;margin-top:35px;overflow:hidden}.film-console-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d1d6c6;background:#e4e9db;padding:15px 25px;font-size:12px}.film-console-bar>span:first-child{display:flex;align-items:center;gap:14px}.film-console-bar b{font:26px Georgia}.film-console-state{font-size:10px;color:#5b6b51}.film-console-body{display:grid;grid-template-columns:1.5fr 1fr}.film-record{padding:25px 32px}.film-record-top{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#6a7460}.film-record-top>span:last-child{color:#8e3829}.film-record h3{font:34px var(--serif);margin:18px 0 8px}.film-record>p{font-size:12px;color:#67735c}.film-pipeline{display:flex;align-items:center;margin:26px 0;gap:10px}.film-pipeline>div{display:grid;gap:7px;justify-items:center;flex-shrink:0;color:#6a755f}.film-pipeline b{font:18px Georgia;border:1px solid #b5beaa;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.film-pipeline span{font-size:10px}.film-pipeline>div[data-complete=true]{color:#375534}.film-pipeline>div[data-complete=true] b{background:#d3dfc4;border-color:#59754d}.film-pipeline>div[aria-current] b{background:#a23d2c;border-color:#a23d2c;color:#fff5e7}.film-pipeline>i{flex:1;height:1px;background:#bac5ad;margin-bottom:20px;position:relative}.film-pipeline>i:after{content:"";position:absolute;inset:0;background:#658453;transform-origin:left;transform:scaleX(var(--link-progress,0))}.film-record-next{display:flex;align-items:center;gap:16px;padding:17px 0 0;border-top:1px solid #d0d6c2}.film-record-next>span:first-child{font-size:10px;color:#6d7761}.film-record-next strong{font-size:13px;font-weight:500}.film-record-next>span:last-child{margin-left:auto}.film-activity{border-left:1px solid #ccd3c0;background:#e8edde;padding:24px 32px}.film-activity>span{font:22px var(--serif)}.film-activity ol{list-style:none;margin:18px 0 0;padding:0 0 0 15px;border-left:1px solid #aebea0}.film-activity li{position:relative;margin:0 0 16px}.film-activity li:before{content:"";position:absolute;left:-19px;top:6px;width:7px;height:7px;border-radius:50%;background:#748d63}.film-activity small{font-size:9px;color:#6a795b;display:block}.film-activity strong{font-size:12px;font-weight:500;display:block;margin-top:3px}.film-activity p{font-size:10px;margin-top:3px;color:#6c775f}.film-system-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;position:relative}.film-system-bottom>p{font-size:10px;color:#c0ccaf}.film-system-bottom .text-link{font-size:13px}
.film-close{background:#e7dfcf;overflow:hidden}.film-close .film-kicker,.film-close h2,.film-close-description,.film-close-actions{position:relative;z-index:1}.film-close h2{font-size:clamp(56px,7.7vw,128px);line-height:1.12;margin:40px 0 28px;letter-spacing:-.025em}.film-close h2 span{color:#a13d2d}.film-close-description{font-size:16px;line-height:1.9;color:#5f604f}.film-close-actions{display:flex;align-items:center;gap:30px;margin-top:35px}.film-close-actions .text-link{font-size:13px}.film-close-mark{position:absolute;right:2%;bottom:-10%;font:clamp(350px,46vw,740px)/1 Georgia;color:#d4c9b1;letter-spacing:-.11em;pointer-events:none}
.film-nav,.film-bottom,.film-progress{display:none}
/* Motion layout: the portal occupies the entire stage at the end of the camera move. */
.motion-on .cinema{height:var(--film-distance,470svh)}
.motion-on .film-stage{height:calc(100svh - var(--header));min-height:0;position:sticky;top:var(--header);overflow:clip;perspective:1800px}
.motion-on .film-intro,.motion-on .film-portal,.motion-on .film-system,.motion-on .film-close{position:absolute;inset:0}
.motion-on .film-intro{z-index:2;padding:7% 7% 0;pointer-events:none}.motion-on .film-intro a{pointer-events:auto}.motion-on .film-intro h1{font-size:clamp(100px,12.2vw,190px);margin:25px 0 0}.motion-on .film-intro-foot{position:absolute;left:7%;bottom:12%;gap:40px}.motion-on .film-intro-note{right:7%;bottom:12%}.motion-on .film-portal{z-index:3;transform:translate3d(27%,20%,0) rotateX(45deg) rotateY(-8deg) rotateZ(-9deg) scale(.36);pointer-events:none;will-change:transform}.motion-on .film-portal a{pointer-events:auto}.motion-on .film-paper{display:block}.motion-on .film-website{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0}.motion-on .film-brand-nav{flex-shrink:0;height:10%;min-height:55px;padding-top:0;padding-bottom:0}.motion-on .film-brand-body{flex:1;min-height:0}.motion-on .film-brand-copy{padding-top:20px;padding-bottom:20px}.motion-on .film-brand-bottom{height:21%;min-height:115px;flex-shrink:0;padding-bottom:65px;padding-top:22px}.motion-on .film-system{z-index:4;padding:5% 7% 0;opacity:0;transform:translateX(110%)}.motion-on .film-system-heading h2{font-size:clamp(42px,4.5vw,72px)}.motion-on .film-console{margin-top:24px;transform-origin:50% 65%}.motion-on .film-close{z-index:5;opacity:0;transform:translateY(100%);padding:7%}.motion-on .film-nav{display:flex;position:absolute;right:6%;bottom:24px;gap:5px;z-index:12}.film-nav button{display:flex;gap:7px;align-items:center;padding:9px 11px;border:1px solid #756b5a44;background:#f4efe4d9;font-size:10px;min-height:36px}.film-nav button>span{font:11px Georgia}.film-nav button[aria-current]{color:#fff7e8;background:#a33b2d;border-color:#a33b2d}.motion-on .film-bottom{position:absolute;left:6%;right:6%;bottom:30px;display:flex;gap:35px;align-items:center;font:11px var(--serif);letter-spacing:1px;z-index:11;pointer-events:none}.film-bottom a{pointer-events:auto;border-bottom:1px solid currentColor}.film-scroll-cue{opacity:.7}.motion-on .film-progress{display:block;position:absolute;bottom:0;left:0;right:0;height:2px;z-index:12;background:#e4d9c34d}.film-progress>span{display:block;height:100%;background:#b94832;transform:scaleX(var(--film-progress,0));transform-origin:left}.film-stage[data-tone=dark] .film-bottom{color:#e6ecda}.film-stage[data-tone=dark] .film-nav button:not([aria-current]){background:#2e4b3fe6;border-color:#93a38a66;color:#e9eddf}
@media(min-width:1450px) and (min-height:950px){.motion-on .film-intro h1{font-size:200px}.motion-on .film-console{margin-top:38px}.film-record{padding:32px 38px}.film-record h3{font-size:40px}.film-pipeline{margin:32px 0}.film-activity{padding:32px 38px}.film-activity li{margin-bottom:23px}.film-system-bottom{margin-top:28px}}
@media(max-width:1100px){.film-system-heading h2 span{display:block}.film-activity{padding:20px}.film-record{padding:22px}.film-brand-copy h2{font-size:50px}.film-brand-bottom strong{font-size:20px}.film-system-heading>p:last-child{font-size:12px}.film-intro-foot p{font-size:17px}.film-intro-foot p>span{font-size:9px}.motion-on .film-system{padding-top:4%}.motion-on .film-system-heading h2{font-size:43px;margin-top:15px}.film-pipeline{margin:20px 0}.film-record h3{font-size:30px}.film-console-bar{padding:11px 22px}.film-activity li{margin-bottom:12px}.film-activity p{font-size:9px}.film-bottom .film-scroll-cue{display:none}}
@media(max-width:800px){.film-kicker{font-size:9px;letter-spacing:1.8px}.film-intro,.film-close{padding:50px 7%}.film-intro h1{font-size:120px}.film-intro-foot{display:block}.film-intro-foot .button{margin-top:20px}.film-intro-note{display:none}.film-brand-nav{padding:20px 7%}.film-brand-nav>span:first-child{font-size:28px}.film-brand-nav>span:nth-child(2){font-size:10px;letter-spacing:2px}.film-brand-nav>small{font-size:8px}.film-brand-copy{padding:40px 9% 40px 12%}.film-brand-copy h2{font-size:40px}.film-brand-description{font-size:12px}.film-brand-bottom{padding:23px 7%;gap:20px}.film-brand-bottom strong{font-size:17px;line-height:1.4}.film-brand-bottom span{font-size:7px;letter-spacing:1px}.film-system{padding:45px 7%}.film-system-heading h2{font-size:44px}.film-record h3{font-size:29px}.film-activity>span{font-size:18px}.film-pipeline{gap:6px}.film-pipeline b{font-size:15px;width:28px;height:28px}.film-pipeline span{font-size:8px}.film-record-next{gap:10px}.film-record-next strong{font-size:11px}.film-close h2{font-size:70px}.film-close-description{font-size:13px}.film-close-mark{font-size:560px;right:-8%}.motion-on .film-intro{padding-top:12%}.motion-on .film-intro h1{font-size:clamp(110px,19vw,155px);margin-top:35px}.motion-on .film-intro-foot{bottom:15%}.motion-on .film-intro-foot p{font-size:18px}.motion-on .film-intro-foot .button{font-size:12px;padding:12px 18px}.motion-on .film-portal{transform:translate3d(22%,20%,0) rotateX(45deg) rotateZ(-9deg) scale(.36)}.motion-on .film-brand-copy h2{font-size:45px}.motion-on .film-brand-bottom{height:19%}.motion-on .film-system{padding:9% 7% 0}.motion-on .film-system-heading h2{font-size:50px}.motion-on .film-console{margin-top:30px}.motion-on .film-close{padding:13% 7%}.motion-on .film-close h2{font-size:clamp(60px,9vw,90px)}.motion-on .film-bottom{left:7%;right:7%;bottom:73px;font-size:10px;justify-content:space-between}.motion-on .film-nav{left:7%;right:auto;bottom:21px}.film-nav button{font-size:10px;padding:8px 12px;min-height:36px}.film-paper{padding:8%}.film-paper-head{font-size:11px;letter-spacing:2px}.film-paper>strong{font-size:66px;margin-top:16%}.film-paper-drawing{gap:15px;right:8%;bottom:29%;font-size:20px}.film-paper-drawing span{padding:23px}.film-paper-drawing i{width:24px}.film-paper>p{font-size:20px;line-height:2}.film-paper-sign{font-size:28px}}
@media(max-width:480px){.film-intro h1{font-size:100px}.film-intro-foot p{font-size:16px}.film-intro-foot p>span{font-size:8px}.film-brand-nav{padding:16px 6%;gap:8px}.film-brand-nav>span:first-child{font-size:24px;letter-spacing:4px}.film-brand-nav>span:first-child small{font-size:8px;margin-left:5px;letter-spacing:1px}.film-brand-nav>span:nth-child(2){display:none}.film-brand-body{grid-template-columns:1fr;min-height:540px}.film-brand-copy{padding:28px 7%}.film-brand-copy h2{font-size:40px;margin:16px 0}.film-brand-description{font-size:11px}.film-brand-copy .text-link{font-size:11px;margin-top:16px}.film-brand-photo{min-height:210px;background-position:80% center}.film-brand-photo>span{font-size:16px;letter-spacing:5px;bottom:15%;right:7%}.film-brand-bottom{padding:18px 7%;gap:12px}.film-brand-bottom strong{font-size:13px}.film-brand-bottom span{font-size:6px;letter-spacing:.3px}.film-system-heading h2{font-size:37px}.film-console-body{grid-template-columns:1fr}.film-record{padding:20px}.film-console-bar{padding:11px 17px;font-size:10px}.film-console-bar b{font-size:23px}.film-console-state{font-size:8px}.film-record h3{font-size:28px;margin:14px 0 6px}.film-record-top{font-size:8px;gap:9px}.film-record>p{font-size:10px}.film-pipeline{margin:20px 0;gap:5px}.film-pipeline b{font-size:14px;width:28px;height:28px}.film-pipeline span{font-size:8px}.film-activity{border-left:0;border-top:1px solid #ccd3c0;padding:16px 20px}.film-activity>span{font-size:16px}.film-activity ol{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;border:0;padding:0;margin-top:12px}.film-activity li{margin:0;border-top:2px solid #aebea0;padding-top:7px}.film-activity li:before{display:none}.film-activity small{font-size:7px}.film-activity strong{font-size:9px;line-height:1.5}.film-activity p{display:none}.film-system-bottom{display:block;margin-top:18px}.film-system-bottom>p{font-size:8px}.film-system-bottom .text-link{font-size:11px;margin-top:6px}.film-close h2{font-size:54px}.film-close-actions{display:block;margin-top:25px}.film-close-actions .button{font-size:12px;padding:13px 20px}.film-close-actions .text-link{display:flex;width:max-content;font-size:12px;margin-top:20px}.film-close-description{font-size:12px}.film-close-mark{font-size:400px;right:-5%;bottom:0}.motion-on .film-intro{padding:12% 7% 0}.motion-on .film-intro h1{font-size:clamp(100px,28vw,124px);margin-top:33px}.motion-on .film-intro-foot{bottom:17%;max-width:86%;z-index:3}.motion-on .film-intro-foot p{font-size:15px}.motion-on .film-intro-foot p>span{font-size:8px}.motion-on .film-intro-foot .button{margin-top:17px;font-size:11px;padding:11px 16px}.motion-on .film-brand-nav{height:8%;min-height:46px}.motion-on .film-brand-body{display:flex;flex-direction:column;min-height:0}.motion-on .film-brand-copy{padding:22px 7%;flex:0 0 auto;min-height:0}.motion-on .film-brand-copy h2{font-size:36px;line-height:1.2;margin:14px 0}.motion-on .film-brand-description{font-size:10px}.motion-on .film-brand-copy .text-link{margin-top:12px;padding:6px 0}.motion-on .film-brand-photo{flex:1;min-height:0;background-size:cover;background-position:80% 65%}.motion-on .film-brand-bottom{height:22%;min-height:120px;padding-top:13px;padding-bottom:105px}.motion-on .film-brand-bottom>div{padding-top:7px}.motion-on .film-brand-bottom strong{font-size:11px;margin-top:5px}.motion-on .film-brand-bottom span{font-size:5px}.motion-on .film-system{padding:8% 6% 0}.motion-on .film-system-heading h2{font-size:35px;line-height:1.25;margin:16px 0 12px}.motion-on .film-system-heading>p:last-child{font-size:10px}.motion-on .film-console{margin-top:22px}.motion-on .film-record{padding:18px}.motion-on .film-close{padding:15% 7% 0}.motion-on .film-close h2{font-size:clamp(47px,12.5vw,61px);margin:40px 0 26px}.film-paper>strong{font-size:51px;margin-top:32%}.film-paper-head{font-size:9px}.film-paper>p{font-size:21px;margin-top:30px}.film-paper-drawing{bottom:22%;font-size:17px;gap:9px;left:8%;right:8%}.film-paper-drawing span{padding:20px}.film-paper-drawing i{flex:1;min-width:12px}.film-paper-sign{font-size:24px;bottom:10%}.film-paper-sign small{font-size:8px;letter-spacing:1px}.motion-on .film-bottom{font-size:9px;bottom:70px}.film-nav button{padding:8px 10px;font-size:9px;gap:6px}.film-nav button>span{font-size:10px}}
@media(max-width:360px){.motion-on .film-intro h1{font-size:96px}.motion-on .film-intro-foot p{font-size:13px}.motion-on .film-intro-foot p>span{font-size:7px}.motion-on .film-brand-copy h2{font-size:31px}.motion-on .film-brand-copy{padding:17px 7%}.motion-on .film-brand-bottom strong{font-size:10px}.motion-on .film-system-heading h2{font-size:29px}.motion-on .film-console{margin-top:18px}.motion-on .film-record{padding:14px}.film-record-next strong{font-size:10px}.film-record h3{font-size:24px}.film-activity{padding:12px 14px}.film-activity>span{font-size:14px}.film-activity strong{font-size:8px}.film-system-bottom{margin-top:12px}.film-nav button{padding:8px 9px}.film-record-top{font-size:7px}.film-console-bar{padding:8px 14px}.film-record-next{padding-top:12px;gap:8px}.motion-on .film-close h2{font-size:43px}.film-close-description{font-size:11px}}
@media(max-height:800px) and (min-width:801px){.motion-on .film-intro{padding-top:4%}.motion-on .film-intro h1{font-size:clamp(100px,11vw,145px);margin-top:20px}.motion-on .film-intro-foot{bottom:13%}.motion-on .film-intro-foot p{font-size:15px}.motion-on .film-brand-copy h2{font-size:47px;margin:18px 0}.film-brand-description{font-size:12px}.motion-on .film-brand-bottom{min-height:115px;padding-top:14px}.film-brand-bottom strong{font-size:18px}.motion-on .film-system{padding-top:3%}.motion-on .film-system-heading h2{font-size:39px;line-height:1.18;margin:13px 0 10px}.motion-on .film-console{margin-top:18px}.film-console-bar{padding:10px 20px}.film-record{padding:18px 23px}.film-record h3{font-size:27px;margin:12px 0 7px}.film-pipeline{margin:18px 0}.film-activity{padding:18px 22px}.film-activity li{margin-bottom:11px}.film-activity>span{font-size:19px}.film-system-bottom{margin-top:12px}.motion-on .film-close{padding-top:5%}.motion-on .film-close h2{font-size:83px;margin:28px 0 22px}.film-close-description{font-size:14px}.film-close-actions{margin-top:23px}}
@media(max-height:540px){.film-intro,.film-close{padding:45px 7%}.film-intro h1{font-size:100px}.film-intro-foot{display:flex}.film-room{opacity:.2}.film-brand-body{min-height:400px}.film-system{padding:45px 7%}.film-close h2{font-size:60px}}
@media(prefers-reduced-motion:reduce){.film-portal{will-change:auto}}

@media(max-width:480px){.film-paper>strong{font-size:38px}.motion-on .film-record{padding:14px 18px}.film-activity{padding:12px 18px}.film-system-bottom{margin-top:12px}.film-pipeline{margin:18px 0}.motion-on .film-system-heading h2{font-size:32px}}
@media(max-width:480px) and (max-height:780px){.motion-on .film-system-heading h2{font-size:28px;line-height:1.2;margin:12px 0 9px}.motion-on .film-console{margin-top:16px}.motion-on .film-record{padding:12px 14px}.film-activity>span{display:none}.film-activity ol{margin-top:0}.film-activity{padding:12px 14px}.film-pipeline{margin:14px 0}.film-record-next{padding-top:10px}.film-system-bottom .text-link{margin-top:3px}.film-system-bottom{margin-top:10px}.film-paper>strong{font-size:32px}}

.film-close-break{display:none}
@media(max-width:480px){.film-close-break{display:block}}

@media(min-width:481px) and (max-width:800px){.motion-on .film-brand-copy h2{font-size:clamp(28px,5vw,40px)}}

/* Brand story continues across screens; desktop and phone share one visual language. */
.landing-devices.film-console{background:none;border:0;box-shadow:none;overflow:visible;height:390px;margin-top:32px}
.landing-desktop{width:86%;height:100%;background:#eee9dd;box-shadow:0 30px 65px #071c2460;transform-origin:left center;border:1px solid #c8c6ae;display:flex;flex-direction:column}
.landing-screen-bar{padding:12px 26px;border-bottom:1px solid #cdc5b4;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.landing-screen-bar>span:first-child{font:25px var(--serif);letter-spacing:3px}.landing-screen-bar small{font:8px Georgia;letter-spacing:2px;margin-left:8px}.landing-screen-bar>span:last-child{font-size:9px;letter-spacing:2px}
.landing-screen-body{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:0}.landing-screen-photo{background:url('assets/studio-desk.jpg') 85% 65%/cover}.landing-screen-copy{padding:25px 10%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.landing-screen-copy>small{font-size:8px;letter-spacing:1.5px}.landing-screen-copy h3{font:clamp(28px,3vw,46px)/1.3 var(--serif);margin:16px 0 12px}.landing-screen-copy p{font-size:11px;line-height:1.8;color:#626353}.landing-screen-copy a{background:#a43d2d;color:#fff2df;font-size:10px;padding:12px 14px;margin-top:18px;white-space:nowrap}.landing-screen-foot{padding:14px 26px;border-top:1px solid #cdc5b4;display:flex;justify-content:space-between;font-size:9px;color:#626353}.landing-screen-foot span{font-size:7px;letter-spacing:1px}
.landing-phone{position:absolute;right:1%;bottom:-5px;width:190px;height:380px;background:#f3eee2;border:6px solid #17291f;border-radius:28px;box-shadow:0 25px 45px #00130d88;overflow:hidden;transform-origin:50% 80%}.landing-phone-camera{width:52px;height:10px;background:#17291f;position:absolute;top:0;left:calc(50% - 26px);border-radius:0 0 8px 8px}.landing-phone-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 15px 10px;font:17px var(--serif)}.landing-phone-nav span{font:12px var(--sans)}.landing-phone-photo{height:100px;background:url('assets/studio-desk.jpg') 88% 65%/cover}.landing-phone-copy{padding:18px 15px}.landing-phone-copy small{font-size:5px;letter-spacing:1px;display:block}.landing-phone-copy strong{font:25px/1.25 var(--serif);display:block;margin:10px 0}.landing-phone-copy p{font-size:8px;line-height:1.7}.landing-phone-copy>span{display:block;background:#a43d2d;color:#fff2df;font-size:7px;padding:9px;margin-top:10px}.landing-phone-home{position:absolute;bottom:5px;width:48px;height:3px;background:#17291f;border-radius:3px;left:calc(50% - 24px)}
.motion-on .landing-devices{height:clamp(285px,44svh,480px);margin-top:28px}
.website-preview .preview-answer{padding-top:20px;border-top:1px solid #d2caba;margin-top:24px}
@media(min-width:1450px) and (min-height:950px){.landing-phone{width:225px;height:440px}.landing-phone-photo{height:135px}.landing-phone-copy strong{font-size:30px}.landing-phone-copy p{font-size:10px}.landing-phone-copy>span{font-size:9px}}
@media(min-width:801px) and (max-height:800px){.motion-on .landing-devices{height:clamp(250px,43svh,340px);margin-top:20px}.landing-phone{width:165px;height:330px}.landing-phone-photo{height:75px}.landing-phone-copy{padding:12px}.landing-phone-copy strong{font-size:23px}.landing-screen-copy{padding:16px 9%}.landing-screen-copy h3{font-size:30px;margin:10px 0}.landing-screen-copy a{margin-top:12px;padding:10px}.landing-screen-foot{padding:10px 20px}}
@media(min-width:481px) and (max-width:800px){.motion-on .landing-devices{height:40svh;max-height:440px;margin-top:32px}.landing-desktop{width:88%}.landing-phone{width:155px;height:320px;right:-2%;bottom:-32px}.landing-phone-photo{height:78px}.landing-phone-copy{padding:12px}.landing-phone-copy strong{font-size:22px}.landing-phone-copy p{font-size:7px}.landing-phone-copy>span{margin-top:8px}.landing-screen-body{grid-template-columns:.8fr 1fr}.landing-screen-copy{padding:20px 8%}.landing-screen-copy h3{font-size:30px}.landing-screen-copy>small{font-size:6px}.landing-screen-copy p{font-size:10px}.landing-screen-copy a{font-size:8px;padding:10px}.landing-screen-foot span{display:none}.film-system-bottom{margin-top:52px;display:block}.film-system-bottom .text-link{margin-top:10px}.film-system-bottom>p{font-size:10px}}
@media(max-width:480px){.landing-devices.film-console,.motion-on .landing-devices{height:330px;margin-top:22px}.landing-desktop{width:100%;transform:none!important}.landing-phone{display:none}.landing-screen-bar{padding:10px 17px}.landing-screen-bar>span:first-child{font-size:21px}.landing-screen-bar>span:last-child{font-size:7px;letter-spacing:1px}.landing-screen-body{grid-template-columns:1fr;grid-template-rows:95px 1fr}.landing-screen-copy{padding:14px 20px;display:grid;grid-template-columns:1fr auto;column-gap:12px;align-content:center;align-items:center}.landing-screen-copy>small{grid-column:1/-1;font-size:6px;letter-spacing:1px}.landing-screen-copy h3{font-size:26px;margin:10px 0}.landing-screen-copy p{font-size:8px;line-height:1.9}.landing-screen-copy a{grid-column:1/-1;margin-top:1px;font-size:9px;padding:10px;text-align:center}.landing-screen-foot{padding:10px 17px;font-size:8px}.landing-screen-foot span{display:none}.film-system-bottom{margin-top:18px}.film-system-bottom>p{font-size:9px}.film-system-bottom .text-link{font-size:11px;margin-top:8px}}
@media(max-width:480px) and (max-height:780px){.motion-on .landing-devices{height:285px;margin-top:17px}.landing-screen-body{grid-template-rows:70px 1fr}.landing-screen-copy{padding:10px 15px;column-gap:8px}.landing-screen-copy h3{font-size:23px;margin:8px 0}.landing-screen-copy p{font-size:7px}.film-system-bottom>p{font-size:8px}.film-system-bottom{margin-top:14px}.film-system-bottom .text-link{margin-top:6px}}
html:not(.motion-on) .landing-phone{transform:rotate(3deg)}