/* Approved palette; a single cinematic scene, followed by quiet editorial space. */
:root{--orange:#ff5a08;--paper:#f3f1ea;--ink:#080808}
body{font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.preview-note{background:#111;color:#aaa;border-color:#282828;font-size:10px;padding:5px 12px;letter-spacing:.02em}
.research-banner{padding:10px 20px;background:var(--paper);text-align:center;font-size:11px;line-height:1.5;border-bottom:1px solid #d4d1c8}
.research-banner strong{margin-left:5px}
.header{max-width:none;margin:0;padding:24px max(3.4vw,22px);gap:32px;border-bottom:1px solid #303030}
.header .brand{font-size:33px;letter-spacing:-1px;gap:3px}.header .brand span{margin-left:1px;font-size:8px;letter-spacing:.42em}
.header nav{margin:0;gap:24px;font-size:11px;text-transform:none;letter-spacing:.01em}
.header-search{background:#202020;border:1px solid #3d3d3d;color:white;width:26%;max-width:300px;padding:7px 12px}.header-search input{color:white}.header-search input::placeholder{color:#aaa}
main,footer{max-width:none}.catalog,.editorial,.how{max-width:1560px;margin-left:auto;margin-right:auto}
.experience{height:260svh;min-height:1500px;background:#080808;color:var(--paper);position:relative}
.experience-stage{height:100svh;min-height:620px;max-height:1050px;position:sticky;top:0;overflow:hidden;isolation:isolate;contain:layout paint}
.stage-light{position:absolute;inset:0;background:radial-gradient(ellipse at 73% 48%,#ff550025 0,transparent 52%);opacity:.55;pointer-events:none}
.scene-word{font-family:var(--display);font-size:clamp(110px,20vw,340px);line-height:1;letter-spacing:-.045em;position:absolute;left:8%;top:27%;color:transparent;-webkit-text-stroke:1px #f3f1ea35;white-space:nowrap;opacity:.45;pointer-events:none;will-change:transform}
.scene-caption{position:absolute;left:4%;right:4%;top:30px;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.04em;color:#b4b1a9;z-index:5}
.scene-caption a{display:flex;gap:26px;align-items:center;border:1px solid #68665f;padding:10px 15px;color:var(--paper);font-size:12px;letter-spacing:0}
.scene-caption a:hover{background:var(--orange);color:#080808;filter:none;border-color:var(--orange)}
.scene-caption a span{font-size:20px;line-height:1}
.hero-copy{position:absolute;left:7%;top:26%;width:48%;z-index:3;will-change:transform,opacity}
.scene-kicker{color:#c4c1b8;font-size:13px;margin-bottom:23px}
.hero-copy h1,.hero-copy h2{font:400 clamp(46px,6.8vw,108px)/1.04 var(--display);letter-spacing:-.025em;margin:0}
.hero-copy-two h2{font-size:clamp(40px,5.3vw,84px)}
.hero-copy-three h2{font-size:clamp(48px,6.4vw,100px)}
.scene-description{font-size:14px;line-height:1.7;color:#bcb9b0;margin-top:26px;max-width:34ch}
.hero-copy-two,.hero-copy-three{opacity:0;pointer-events:none}
.hero-object{position:absolute;left:57%;top:13%;height:74%;max-height:740px;aspect-ratio:2/3;transform:rotate(12deg);transform-origin:50% 60%;z-index:2;will-change:transform,opacity}
.hero-object>img{width:100%;height:100%;object-fit:contain;display:block}
.hero-label{position:absolute;top:51%;left:22%;width:56%;color:#101010;display:flex;flex-direction:column;align-items:center;text-align:center;font-size:12px}
.hero-label>span{font-size:clamp(7px,.7vw,11px);letter-spacing:.02em;padding-bottom:8px}
.hero-label strong{font:bold clamp(27px,3.5vw,56px)/1.1 Arial,sans-serif;letter-spacing:-.055em;border-bottom:3px solid var(--orange);padding-bottom:7px;width:100%}
.hero-label>b{font-size:clamp(12px,1.3vw,20px);margin-top:8px}.hero-label small{font-size:clamp(6px,.6vw,10px);margin-top:12px;line-height:1.4}
.scene-orbit{position:absolute;left:75%;top:50%;width:48vw;height:48vw;max-width:740px;max-height:740px;border:1px solid #ff5a0830;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.scene-orbit:before,.scene-orbit:after{content:'';position:absolute;border:1px solid #ffffff0c;inset:10%;border-radius:50%}.scene-orbit:after{inset:26%;border-color:#ff5a0825}
.scene-measure{position:absolute;right:4%;top:31%;height:34%;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #ff5a0860;padding-right:12px;font-size:9px;color:#b7b1a6;writing-mode:vertical-rl;letter-spacing:.02em}
.scene-footer{position:absolute;bottom:28px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#a5a198;z-index:5}
.scroll-cue{display:flex;align-items:center;gap:22px}.scroll-cue>span{font-size:25px;color:var(--orange)}
.scene-steps{display:flex;gap:26px}.scene-steps span{padding-top:12px;border-top:1px solid #49463f;min-width:105px}.scene-steps .active{color:var(--paper);border-color:var(--orange)}
.render-note{font-size:9px}.scene-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#232323}.scene-progress span{display:block;width:100%;height:100%;background:var(--orange);transform:scaleX(0);transform-origin:left;will-change:transform}
.box-formation{position:absolute;left:51%;right:7%;top:22%;bottom:17%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));align-items:center;gap:2px;opacity:0;will-change:transform,opacity;z-index:2}
.formation-vial{position:relative;width:100%;aspect-ratio:2/3;will-change:transform}.formation-vial img{display:block;width:100%;height:auto}.formation-vial>span{position:absolute;top:53%;left:22%;width:56%;color:#111;text-align:center;font-size:clamp(7px,.9vw,13px);line-height:1.15}.formation-vial b{display:block;border-bottom:1px solid var(--orange);letter-spacing:-.03em;padding-bottom:4px}.formation-vial small{display:block;font-size:70%;margin-top:4px}
.editorial{padding:100px 5.5%;display:grid;grid-template-columns:1fr 1fr;gap:60px;scroll-margin-top:30px}
.editorial-heading>span{display:block;font-size:12px;color:var(--muted);margin-bottom:24px}.editorial h2{font:400 clamp(38px,4.5vw,72px)/1.08 var(--display);letter-spacing:-.02em}
.editorial-copy{padding-top:36px}.editorial-copy .lead{font-size:21px;color:var(--ink);line-height:1.5}.editorial-copy p{font-size:14px;line-height:1.8;color:var(--muted);max-width:60ch}.editorial-copy p+p{margin-top:22px}.text-link{display:inline-block;font-size:13px;font-weight:bold;border-bottom:1px solid var(--ink);padding-bottom:5px;margin-top:26px}
.research-restriction{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.5fr auto;gap:24px;align-items:center;border-top:1px solid #b9b5aa;border-bottom:1px solid #b9b5aa;padding:24px 0;font-size:13px}.research-restriction>strong{max-width:23ch}.research-restriction p{font-size:12px;color:#555249;max-width:64ch;line-height:1.7}.research-restriction button{font-size:11px;text-decoration:underline;text-underline-offset:4px}
.terms-strip{margin:0 4%;}.quantity-banner{margin:24px 4% 0;padding:28px 30px}.quantity-banner b{font-size:32px}.quantity-banner p{font-size:13px;line-height:1.7;margin-top:8px}.quantity-banner a{font-size:12px;border-bottom:1px solid #111;padding-bottom:4px;white-space:nowrap}
.catalog{padding:48px 4% 70px}.category-bar{background:transparent;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:6px 0;gap:6px}.category-bar button{color:var(--ink);border:0;padding:12px 16px}.category-bar button.active{background:var(--ink);color:#fff}.category-intro{padding-top:32px}.category-intro h2{font-size:36px}.catalog-toolbar{padding:24px 0}.card-top{padding:22px 20px 0}.product-name{font-size:clamp(28px,2.9vw,46px)}.card-description{font-size:12px;line-height:1.6;min-height:40px}.card-bottom{padding:18px 20px 20px}.card-unit b{font-size:10px;font-weight:normal;line-height:1.5}.card-cta{margin-top:16px;min-height:46px}.card-specs{padding:12px 20px}.product-grid{gap:20px}
.pricing-story{border-top:1px solid var(--line);align-items:center}.pricing-story .editorial-heading>p{font-size:14px;line-height:1.8;max-width:32ch;margin-top:26px;color:var(--muted)}
.price-receipt{background:#e8e5dc;padding:34px 38px;border-top:5px solid var(--orange)}.receipt-heading{padding-bottom:24px;border-bottom:1px solid #b8b4a9}.receipt-heading b{font-size:15px}.receipt-heading span{display:block;color:var(--muted);font-size:12px;margin-top:8px}.price-receipt dl{margin:20px 0}.price-receipt dl>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;font-size:14px}.price-receipt dd{margin:0;white-space:nowrap}.receipt-discount{color:#345624}.price-receipt .receipt-total{border-top:1px solid var(--ink);padding-top:20px;margin-top:14px;font-size:25px;font-weight:bold}.price-receipt>p{font-size:11px;line-height:1.7;color:var(--muted);max-width:48ch}
.brand-story{background:var(--orange);padding:60px 7% 72px}.brand-story-top{display:flex;justify-content:space-between;font-size:12px;border-bottom:1px solid #10101050;padding-bottom:22px}.brand-story h2{font:400 clamp(46px,7.5vw,118px)/1.05 var(--display);letter-spacing:-.025em;margin:45px 0}.brand-story-body{display:grid;grid-template-columns:1fr 1fr;gap:10%;}.brand-story-body>p{font-size:23px;line-height:1.55;max-width:38ch}.brand-story-body>div>p{font-size:14px;line-height:1.8;max-width:65ch}.brand-story-body p+p{margin-top:18px}.brand-story .outline{margin-top:28px;min-height:46px}
.how{margin-bottom:0;padding:85px 5.5%;border-top:0;gap:80px}.how h2{font-size:clamp(40px,4.5vw,70px)}.how li{padding:22px 0}.how p{line-height:1.75;font-size:14px}.how h3{font-size:17px}
.faq-section{padding-top:65px;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;padding:23px 32px 23px 0;font-size:15px;position:relative;font-weight:bold}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:0;top:17px;font-size:25px;font-weight:normal}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:13px;line-height:1.8;color:var(--muted);padding-bottom:22px;max-width:65ch}.faq-list button{font-size:12px;text-decoration:underline;margin-bottom:20px;padding:0}
.footer-top{padding:48px 5.5%}.footer-bottom{padding:25px 5.5%;font-size:11px}
.pdp-restriction{border-left:3px solid var(--orange);padding:10px 12px;background:#e7e3d7;font-size:12px;line-height:1.65;margin:20px 0}
.research-consent{display:flex;gap:12px;font-size:12px;line-height:1.65;border:1px solid var(--line);padding:14px;margin:20px 0}.research-consent input{width:18px;height:18px;flex-shrink:0;accent-color:var(--orange);margin:3px 0}.summary .quantity-saving{font-size:13px}.tier-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(min-width:1750px){.header{margin-top:0}.hero-copy{top:27%}}
@media(max-width:1150px){.header{margin:0;gap:22px}.header nav{gap:15px}.hero-object{left:54%}.hero-copy{left:5%;top:29%}.scene-measure{right:2%}.hero-copy h1{font-size:7.4vw}.hero-copy-two h2{font-size:5.7vw}.editorial{gap:40px}.research-restriction{grid-template-columns:1fr 1.7fr}.research-restriction button{grid-column:2;text-align:left;padding:0}.box-formation{left:48%;right:6%}}
@media(max-width:760px){
 .preview-note{font-size:8px;padding:6px 12px}.research-banner{padding:9px 16px;font-size:10px;text-align:left}.research-banner strong{display:block;margin:1px 0 0}
 .header{padding:18px 20px;gap:18px;margin:0}.header .brand{font-size:29px}.header .brand span{font-size:7px}.header-search{order:3;width:100%;max-width:none;padding:8px 11px}.header-search input{font-size:16px}.header-search span{font-size:23px}.cart-button{min-width:42px;min-height:42px}
 .experience{height:210svh;min-height:1200px}.experience-stage{height:100svh;min-height:600px;max-height:none}.scene-caption{left:6%;right:6%;top:22px;font-size:9px}.scene-caption>a{font-size:10px;padding:8px 10px;gap:14px;min-height:40px}
 .hero-copy{top:15%;left:7%;width:86%;z-index:3}.scene-kicker{font-size:11px;margin-bottom:14px}.hero-copy h1{font-size:clamp(38px,10.7vw,66px);line-height:1.02;max-width:80%}.hero-copy-two h2{font-size:clamp(32px,8.4vw,53px);line-height:1.08}.hero-copy-three h2{font-size:clamp(38px,10vw,62px)}
 .scene-description{font-size:11px;margin-top:16px;line-height:1.65;max-width:29ch}.hero-copy-one .scene-description{max-width:22ch}.hero-copy-two .scene-description{max-width:28ch}
 .hero-object{left:38%;top:40%;height:46%;max-height:none;z-index:2;transform-origin:50% 65%}.hero-label>span{font-size:6px;padding-bottom:4px}.hero-label strong{font-size:25px;border-width:2px;padding-bottom:4px}.hero-label>b{font-size:11px;margin-top:5px}.hero-label small{font-size:5px;margin-top:7px}
 .scene-word{font-size:38vw;left:5%;top:48%;opacity:.3}.scene-orbit{left:65%;top:64%;width:94vw;height:94vw}.scene-measure{display:none}.scene-footer{left:7%;right:7%;bottom:25px;gap:10px;flex-wrap:wrap;font-size:9px}.scene-steps{order:3;width:100%;gap:12px;margin-top:12px;justify-content:space-between}.scene-steps span{min-width:0;flex:1;padding-top:9px;font-size:9px}.scroll-cue{gap:14px}.scroll-cue>span{font-size:20px}.render-note{font-size:8px}
 .box-formation{top:45%;bottom:17%;left:9%;right:9%;gap:0;align-content:center;grid-template-rows:repeat(2,minmax(0,1fr))}.formation-vial{max-height:100%;width:auto;max-width:100%;justify-self:center}.formation-vial>span{font-size:8px}.formation-vial b{padding-bottom:2px}.formation-vial small{margin-top:2px}
 .editorial{padding:58px 7%;grid-template-columns:1fr;gap:28px}.editorial-heading>span{font-size:11px;margin-bottom:18px}.editorial h2{font-size:clamp(35px,9.2vw,57px)}.editorial-copy{padding-top:0}.editorial-copy .lead{font-size:18px}.editorial-copy p{font-size:13px;line-height:1.8}.editorial-copy p+p{margin-top:16px}.research-restriction{display:block;padding:22px 0;margin-top:12px}.research-restriction strong{font-size:14px}.research-restriction p{font-size:12px;margin:12px 0}.research-restriction button{font-size:12px;min-height:30px}
 .terms-strip{margin:0 5%}.terms-strip>span{font-size:10px;padding:12px 4px}.quantity-banner{margin:20px 5% 0;padding:22px 20px}.quantity-banner b{font-size:27px}.quantity-banner p{font-size:12px}.quantity-banner a{display:inline-block;font-size:12px;margin-top:16px}
 .catalog{padding:28px 5% 45px}.category-bar{margin:0 -5.55%;padding:6px 5.55%;scrollbar-width:none}.category-bar button{font-size:11px;padding:12px 14px;min-height:44px}.category-intro h2{font-size:28px}.category-intro p{line-height:1.7;font-size:12px}.catalog-toolbar{padding:18px 0;font-size:10px}.product-grid{gap:12px}.card-top{padding:15px 12px 0}.product-name{font-size:clamp(24px,6.6vw,40px)}.card-description{font-size:10px;min-height:48px}.vial-stage{height:165px}.card-bottom{padding:12px}.price{font-size:clamp(29px,8vw,44px)}.card-unit{font-size:10px;line-height:1.5}.card-unit b{font-size:9px;margin-top:6px}.card-specs{padding:10px 12px}.card-cta{min-height:44px;margin-top:12px;font-size:10px}.card-specs select{min-height:36px}
 .price-receipt{padding:26px 22px}.receipt-heading b{font-size:14px}.price-receipt dl>div{font-size:12px}.price-receipt .receipt-total{font-size:23px}.pricing-story .editorial-heading>p{margin-top:18px;font-size:13px}
 .brand-story{padding:35px 7% 45px}.brand-story-top{font-size:10px;gap:15px;align-items:baseline}.brand-story-top>span:last-child{max-width:16ch;text-align:right}.brand-story h2{font-size:clamp(36px,9.5vw,58px);margin:32px 0}.brand-story-body{grid-template-columns:1fr;gap:24px}.brand-story-body>p{font-size:20px}.brand-story-body>div>p{font-size:13px}.how{margin:0;padding:55px 7%;gap:30px}.how h2{font-size:42px}.how h3{font-size:15px}.how p{font-size:13px}.how li{padding:20px 0}.faq-list summary{font-size:14px;padding-top:20px;padding-bottom:20px}.faq-list p{font-size:13px}.footer-top{padding:35px 7%}.footer-bottom{padding:24px 7%;gap:18px}.footer-bottom div{flex-wrap:wrap;justify-content:flex-start;gap:16px}.footer-bottom button{padding:6px 0;min-height:32px}
 .research-consent{font-size:12px}.tier-grid b{font-size:10px}.summary .quantity-saving{font-size:12px}
}
@media(max-width:380px){.hero-object{left:40%;height:43%;top:43%}.hero-label strong{font-size:21px}.scene-description{max-width:25ch}.card-bottom{padding:10px}.card-top{padding:12px 10px 0}.vial-stage{height:140px}.product-grid{gap:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.experience{height:auto;min-height:0}.experience-stage{position:relative;height:780px;max-height:none;min-height:0}.hero-copy-two,.hero-copy-three,.box-formation,.scene-progress,.scene-steps,.scroll-cue{display:none}.hero-copy-one{opacity:1!important;transform:none!important}.hero-object{transform:none!important;opacity:1!important}.scene-footer{justify-content:flex-end}.hero-object,.hero-copy,.scene-word,.formation-vial{will-change:auto}}
@media(prefers-reduced-motion:reduce) and (max-width:760px){.experience-stage{height:720px}.hero-object{top:42%;height:43%}}
/* Centered studio scene: typography stays behind the three-dimensional object. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.experience{height:270svh;min-height:1400px;background:#080808}
.experience-stage{height:100svh;min-height:540px;max-height:none}
.stage-light{opacity:1;background:radial-gradient(ellipse at 50% 46%,#a5421228,transparent 58%)}
.scene-type{position:absolute;inset:0;z-index:0;pointer-events:none}
.backdrop-word{position:absolute;left:50%;top:46%;width:max-content;max-width:none;font:400 clamp(110px,19.7vw,370px)/1 var(--display);letter-spacing:-.035em;white-space:nowrap;transform:translate3d(-50%,-50%,0);color:var(--orange);will-change:transform,opacity;opacity:0}
.backdrop-word:first-child{opacity:1}.backdrop-word:last-child{font-size:clamp(100px,17.5vw,330px)}
.product-canvas{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .4s ease}
.product-canvas.ready{opacity:1}.product-canvas canvas{display:block;width:100%;height:100%}
.center-fallback{position:absolute;left:50%;top:46%;height:70%;aspect-ratio:2/3;transform:translate(-50%,-50%) rotate(-7deg);z-index:2;pointer-events:none;transition:opacity .3s ease}
.center-fallback img{display:block;width:100%;height:100%;object-fit:contain}.center-fallback.hidden-model{opacity:0;visibility:hidden}
.center-fallback .hero-label{top:53%}.center-fallback .hero-label strong{font-size:clamp(22px,3vw,42px)}
.scene-caption{top:28px;left:4%;right:4%}.scene-caption>span{text-transform:uppercase;letter-spacing:.14em;font-size:10px}
.scene-lines{position:absolute;left:20%;right:20%;bottom:17%;height:30px;text-align:center;z-index:4;pointer-events:none}
.scene-line{position:absolute;inset:0;font-size:14px;letter-spacing:.02em;line-height:1.6;color:#d3cfc5;opacity:0;will-change:transform,opacity}.scene-line:first-child{opacity:1}
.scene-footer{bottom:26px;left:4%;right:4%}.scene-steps span{min-width:98px;font-size:10px}
.browse-dock{position:fixed;z-index:15;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:0;background:#141414;color:#f3f1ea;border:1px solid #4c4b46;border-radius:40px;box-shadow:0 8px 32px #0003;padding:5px;font-size:12px}
.browse-dock[hidden]{display:none}.browse-dock a,.browse-dock button{display:block;white-space:nowrap;padding:12px 20px;border-radius:30px;min-height:44px}.browse-dock a:first-child{background:var(--orange);color:#111;font-weight:700}.browse-dock button span{display:inline-flex;justify-content:center;align-items:center;margin-left:9px;width:21px;height:21px;background:#343430;border-radius:50%;font-size:10px}
@media(max-width:760px){
 .experience{height:240svh;min-height:1200px}.experience-stage{height:100svh;min-height:570px}
 .backdrop-word{font-size:23vw;top:44%;letter-spacing:-.04em}.backdrop-word:last-child{font-size:20.8vw}
 .scene-caption{top:24px;left:6%;right:6%}.scene-caption>span{font-size:8px;max-width:15ch;line-height:1.6}.scene-caption>a{font-size:10px;gap:12px;padding:8px 12px}
 .scene-lines{left:7%;right:7%;bottom:22%;height:35px}.scene-line{font-size:12px}
 .center-fallback{height:57%;top:43%}.center-fallback .hero-label strong{font-size:28px}
 .scene-footer{left:7%;right:7%;bottom:28px}.scene-steps span{min-width:0;font-size:9px}
 .browse-dock{bottom:max(14px,env(safe-area-inset-bottom));font-size:11px}.browse-dock a,.browse-dock button{padding:10px 16px}
}
@media(prefers-reduced-motion:reduce){
 .experience{height:auto;min-height:0}.experience-stage{height:85svh;min-height:570px}.product-canvas{transition:none}.center-fallback{transition:none}.backdrop-word,.scene-line{will-change:auto}.scene-lines{bottom:14%}.scene-footer{justify-content:flex-end}
}
/* Brand film: native video decoding, portrait composition and an accessible still fallback. */
.experience.brand-film{height:auto;min-height:0;background:#080908;position:relative;color:#f3f1e8;overflow:hidden}
.film-stage{position:relative;width:min(100%,calc((100svh - 160px)*16/9));margin:auto;aspect-ratio:16/9;background:#080908;overflow:hidden}
.film-poster,.brand-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.film-poster img{display:block;width:100%;height:100%;object-fit:contain}
.brand-video{opacity:0;pointer-events:none}
.film-playing .brand-video{opacity:1}
.film-catalog-link{position:absolute;z-index:2;bottom:5%;left:32%;width:36%;height:10%;min-height:44px;border-radius:2px}
.film-catalog-link[hidden]{display:none}
.film-catalog-link:focus-visible{outline:2px solid #ff6000;outline-offset:3px;background:#ff600020}
.film-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 4%;border-top:1px solid #252722;font-size:11px;letter-spacing:.04em}
.film-toolbar small{display:inline-block;margin-left:18px;font-size:10px;color:#999d94}
.film-toggle{color:#f3f1e8;border:1px solid #54574d;background:#141610;padding:10px 16px;min-height:44px;min-width:128px;font-size:12px;cursor:pointer}
.film-toggle:hover{border-color:#ff6000}.film-toggle:focus-visible{outline:2px solid #ff6000;outline-offset:3px}
@media(max-width:760px){
 .film-stage{width:100%;aspect-ratio:3/4}
 .film-catalog-link{left:15%;width:70%;bottom:5%;height:9%}
 .film-toolbar{padding:8px 5%;gap:10px;letter-spacing:0}
 .film-toolbar>span{font-size:10px;line-height:1.6}
 .film-toolbar small{display:block;margin-left:0;font-size:9px}
 .film-toggle{font-size:11px;padding:10px 12px;min-width:113px;flex-shrink:0}
}