@font-face{font-family:Jost;src:url('../fonts/jost-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Jost;src:url('../fonts/jost-latin-ext.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-02FF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--yellow:#f6be19;--ink:#191b1c;--muted:#727574;--paper:#f5f5f1;--line:#dddfd9;--sample:#383e42;--container:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-family:Jost,sans-serif;color:var(--ink);font-size:17px;line-height:1.65;background:#fff}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a,button{touch-action:manipulation}button{color:inherit}img{max-width:100%;display:block;object-fit:cover}h1,h2,h3,p{margin:0}p+p{margin-top:18px}h1,h2,h3{font-weight:500;line-height:1.13}h2{font-size:clamp(34px,3.5vw,51px);letter-spacing:-1.5px}h3{font-size:25px;letter-spacing:-.5px}p{color:#646967}::selection{background:var(--yellow);color:var(--ink)}:focus-visible{outline:3px solid #bb8610;outline-offset:5px}.container{width:min(var(--container),calc(100% - 100px));margin:auto;position:relative}.section{padding:110px 0;position:relative;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;display:block;margin-bottom:22px;line-height:1.6}.eyebrow:before{content:'';display:inline-block;width:21px;height:2px;background:var(--yellow);vertical-align:middle;margin-right:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:56px;padding:15px 25px;border:1px solid transparent;font-size:15px;font-weight:500;transition:background .2s,color .2s,transform .2s}.button:hover{transform:translateY(-3px)}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#383b3b;color:var(--yellow)}.button .fa-solid{font-size:13px}.text-link{font-weight:500;font-size:16px;display:inline-flex;align-items:center;gap:28px;border-bottom:1px solid #bcbfb9;padding:10px 0;transition:gap .2s}.text-link:hover{gap:38px}.text-link i{font-size:13px}.skip-link{position:fixed;top:-100px;left:20px;z-index:300;background:var(--yellow);padding:14px}.skip-link:focus{top:10px}.topbar{background:#202322;color:#eee;font-size:12px;position:relative;z-index:51;backdrop-filter:blur(20px)}.topbar-inner{display:flex;justify-content:space-between;gap:24px;align-items:center;min-height:38px}.topbar i{color:var(--yellow);font-size:11px;margin-right:9px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(22px);border-bottom:1px solid #e9e9e2}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:94px;gap:28px}.brand{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.brand-mark{width:33px;height:34px;background:currentColor;clip-path:polygon(0 0,46% 0,78% 50%,46% 100%,0 100%,32% 50%);position:relative}.brand-word{font-size:39px;font-weight:700;letter-spacing:-2.5px;line-height:.9}.brand-word>span{display:block;font-size:9px;letter-spacing:3.2px;font-weight:500;margin-top:10px;margin-left:3px}.main-nav{display:flex;align-items:center;gap:31px;font-size:14px;font-weight:500}.main-nav>a:not(.button){position:relative;padding:30px 0}.main-nav>a:not(.button):after{position:absolute;bottom:19px;height:3px;left:0;right:100%;background:var(--yellow);content:'';transition:right .2s}.main-nav>a:hover:after,.main-nav>a[aria-current=page]:after{right:0}.nav-cta{min-height:45px;font-size:13px;padding:12px 20px;margin-left:15px;gap:23px}.menu-toggle{display:none;border:0;background:var(--yellow);width:44px;height:44px}.hero{background:var(--paper);position:relative;overflow:hidden;padding-top:65px}.hero-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:36px;align-items:center;padding-bottom:64px}.hero-copy{z-index:3;padding:20px 0}.hero .eyebrow:before{display:none}.hero .eyebrow{font-size:11px;letter-spacing:1.8px}.status-dot{display:inline-block;width:8px;height:8px;background:var(--yellow);border-radius:50%;margin-right:9px;box-shadow:0 0 0 5px #f6be1924;animation:pulse 3s infinite}.hero h1{font-size:clamp(62px,6.3vw,91px);letter-spacing:-4.5px;line-height:1.02;margin:31px 0}.marked{position:relative;display:inline-block;z-index:1}.marked:after{content:'';position:absolute;inset:auto -7px 1px -2px;height:32%;background:var(--yellow);z-index:-1;transform:skew(-13deg)}.hero-copy>p{max-width:450px;font-size:17px;line-height:1.8}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:34px;flex-wrap:wrap}.hero-call{display:flex;gap:12px;align-items:center;font-size:17px;font-weight:500}.hero-call small{display:block;font-size:9px;letter-spacing:1.4px;color:var(--muted);font-weight:500}.circle-icon{width:39px;height:39px;border:1px solid #d3d6cf;border-radius:50%;display:grid;place-items:center;font-size:13px}.hero-location{font-size:12px;margin-top:50px;display:flex;gap:8px;align-items:center}.hero-location i{color:#96998f}.hero-location span{border-left:1px solid #d3d6cf;margin-left:6px;padding-left:14px;color:var(--muted)}.hero-visual{height:510px;position:relative;margin:0 0 0 12px;z-index:2}.hero-photo{width:100%;height:100%;object-position:53% center;clip-path:polygon(10% 0,100% 0,100% 90%,90% 100%,0 100%,0 10%);filter:saturate(.63) contrast(1.06)}.image-bracket{position:absolute;inset:-22px -20px 24px 42%;background:var(--yellow);clip-path:polygon(0 0,100% 0,100% 100%,88% 100%,88% 9%,0 9%)}.hero-stamp{position:absolute;top:27px;right:23px;display:flex;align-items:center;gap:24px;color:#fff;font-size:11px;font-weight:600;letter-spacing:1.8px;text-shadow:0 2px 8px #000}.hero-stamp i{font-size:23px}.hero-image-label{position:absolute;bottom:0;left:0;right:10%;padding:24px;background:#1b1e1beb;backdrop-filter:blur(15px);color:white;display:flex;align-items:center;gap:18px}.hero-image-label small{font-size:9px;letter-spacing:1.5px;color:#caccc6;display:block}.hero-image-label strong{font-weight:500;font-size:19px}.small-cross{font-size:42px;line-height:1;color:var(--yellow);font-weight:300}.image-index{margin-left:auto;font-size:10px;color:#aaa;white-space:nowrap}.hero-bottom{border-top:1px solid #dbddd6;padding:20px 0;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;letter-spacing:1.5px}.hero-bottom a{letter-spacing:0;font-size:12px;color:#787e77}.hero-bottom i{margin-left:16px}.process-strip{background:var(--yellow);position:relative}.process-strip>.container{display:grid;grid-template-columns:repeat(4,1fr)}.process-strip a{display:flex;align-items:center;gap:14px;padding:27px 22px;border-right:1px solid #201f1b26}.process-strip a:first-child{padding-left:0}.process-strip a:last-child{border:0}.process-strip a>span{font-size:12px;color:#63510b}.process-strip strong{font-size:15px;font-weight:500;line-height:1.3}.process-strip i{font-size:12px;margin-left:auto;transition:transform .2s}.process-strip a:hover i{transform:translateX(5px)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.intro-images{position:relative;min-height:485px;padding:0 70px 35px 20px}.intro-main{width:100%;height:425px;object-position:45%;filter:saturate(.7)}.intro-inset{position:absolute;right:0;bottom:0;width:49%;height:240px;border:10px solid white}.intro-inset img{height:100%;width:100%}.image-tag{position:absolute;left:0;bottom:65px;background:var(--yellow);padding:17px 20px;font-size:10px;font-weight:600;letter-spacing:1.7px}.vertical-label{position:absolute;right:19px;top:5px;writing-mode:vertical-rl;font-size:11px;letter-spacing:4px}.intro-copy>h2{margin-bottom:25px}.lead{font-size:21px;color:#383d39;line-height:1.55;margin:24px 0 18px}.value-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}.value-pair>div{display:flex;flex-direction:column;gap:6px;padding-right:16px}.value-pair>div+div{border-left:1px solid var(--line);padding-left:25px}.value-pair i{font-size:22px;color:#bc8b06;margin-bottom:6px}.value-pair strong{font-size:16px;font-weight:500}.value-pair span{font-size:13px;color:var(--muted)}.process-section{background:var(--paper)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:50px}.muted{color:#7c807a}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.process-image{height:260px;position:relative;display:block;overflow:hidden}.process-image img{width:100%;height:100%;filter:saturate(.65);transition:transform .7s,filter .7s}.process-card:hover img{transform:scale(1.05);filter:saturate(1)}.step-num{position:absolute;top:14px;left:15px;background:white;font-size:13px;min-width:34px;min-height:34px;display:grid;place-items:center}.step-icon{position:absolute;bottom:0;right:0;width:49px;height:49px;background:var(--yellow);display:grid;place-items:center}.process-card h3{font-size:23px;margin:23px 0 14px;min-height:53px}.process-card p{font-size:15px;line-height:1.65;min-height:54px;max-width:245px}.small-link{display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding-top:16px;border-top:1px solid #d4d7cf;font-size:13px;font-weight:500}.small-link i{font-size:11px}.stock-note{font-size:11px;color:#777e75;margin-top:30px;line-height:1.6}.video-section{height:435px;position:relative;overflow:hidden;background:#181c1b;color:#fff}.video-section>img{width:100%;height:100%;object-position:center 48%;filter:saturate(.35)}.video-shade{position:absolute;inset:0;background:linear-gradient(90deg,#111815eb,#10171260)}.video-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;gap:30px}.video-content h2{font-size:52px}.video-content p{color:#bdc1bc;margin-top:23px}.video-placeholder,.video-trigger{display:flex;align-items:center;gap:23px;font-size:12px;letter-spacing:2px;margin-right:50px}.video-trigger{border:0;background:none;color:white}.film-icon,.video-trigger>span{height:85px;width:85px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;font-size:22px;position:relative}.film-icon:after{content:'';position:absolute;inset:-10px;border:1px solid #ffffff20;border-radius:50%;animation:pulse 4s infinite}.video-placeholder small{display:block;color:#c0c5be;letter-spacing:0;font-size:15px;margin-top:6px}.video-corner{position:absolute;right:0;bottom:0;width:160px;height:160px;background:var(--yellow);clip-path:polygon(100% 0,100% 100%,0 100%)}.heading-note{font-size:16px;margin-bottom:15px}.application-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.application-card{height:410px;position:relative;overflow:hidden;color:white}.application-card>img{width:100%;height:100%;transition:transform .7s;filter:saturate(.5)}.application-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#141b16e8,transparent 75%)}.application-card:hover>img{transform:scale(1.055)}.application-card>div{position:absolute;z-index:1;bottom:30px;left:28px;right:28px}.application-card small{font-size:10px;color:#e1e3db;letter-spacing:1.8px}.application-card h3{font-size:26px;max-width:225px;margin-top:10px}.application-card>div>span{position:absolute;bottom:3px;right:0;font-size:15px;color:var(--yellow)}.finish-section{padding:100px 0;background:var(--paper);position:relative;overflow:hidden}.finish-grid{display:grid;grid-template-columns:1fr 1fr;gap:130px;align-items:center}.finish-grid h2{font-size:58px}.finish-grid h2>span{color:#888d84}.finish-grid p{margin:24px 0 30px;max-width:435px}.metal-sample{height:300px;display:flex;justify-content:center;align-items:center;gap:14px;transform:rotate(-17deg);padding:25px}.metal-sample>span{height:100%;width:53px;background:linear-gradient(90deg,color-mix(in srgb,var(--sample) 75%,black),var(--sample) 55%,color-mix(in srgb,var(--sample) 80%,white));box-shadow:12px 15px 15px #0002,inset -3px 0 #ffffff30;border-radius:2px;transition:background .35s;animation:floatSlat 7s ease-in-out infinite}.metal-sample>span:nth-child(2n){animation-delay:-2s}.metal-sample>span:nth-child(3n){animation-delay:-4s}.sample-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d3d6ce;padding-top:26px;margin-top:25px}.sample-bottom>span{font-size:18px}.swatches{display:flex;gap:12px}.swatch{width:27px;height:27px;padding:0;background:var(--swatch);border-radius:50%;border:1px solid #0002}.swatch.active{outline:1px solid var(--ink);outline-offset:4px}.finish-grid .sample-note{font-size:11px;margin:15px 0 0;max-width:none}.contact-ribbon{background:var(--yellow);padding:53px 0;position:relative}.contact-ribbon>.container{display:flex;justify-content:space-between;align-items:center;gap:25px}.contact-ribbon .eyebrow{font-size:10px;margin-bottom:12px}.contact-ribbon .eyebrow:before{background:var(--ink)}.contact-ribbon h2{font-size:42px}.site-footer{background:#1b1e1c;color:#ebeee7;padding:75px 0 20px;position:relative;overflow:hidden}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr 1.15fr 1.1fr;gap:42px}.footer-grid h3{font-size:15px;margin-bottom:23px;letter-spacing:0;color:#fff}.footer-grid>div>a:not(.brand){display:block;font-size:13px;margin-bottom:11px;color:#aeb6ac}.footer-grid>div>a:hover{color:var(--yellow)}.footer-grid p{font-size:13px;color:#aeb6ac;margin:23px 0 15px;line-height:1.8}.footer-grid .footer-brand>p{font-size:17px}.footer-grid .footer-parent{font-size:11px!important}.footer-parent i{margin-left:8px}.footer-num{color:#777f74;font-size:10px;margin-right:6px}.footer-grid .footer-phone{font-size:23px!important;color:white!important}.footer-grid .text-link{display:inline-flex!important;padding-top:0;color:#d3d8ce!important;border-color:#66705f}.footer-bottom{border-top:1px solid #ffffff17;margin-top:55px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#909a8d;font-size:11px}.whatsapp-float{position:fixed;right:25px;bottom:25px;z-index:45;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#222825;color:var(--yellow);font-size:27px;border:1px solid #ffffff40;box-shadow:0 5px 25px #0002;transition:transform .25s}.whatsapp-float:hover{transform:translateY(-4px);background:#344738}.back-top{position:fixed;right:32px;bottom:92px;width:40px;height:40px;z-index:44;background:#fff;border:1px solid var(--line);opacity:0;visibility:hidden;transition:opacity .2s;font-size:12px}.back-top.visible{opacity:1;visibility:visible}.ambient{position:absolute;inset:0;pointer-events:none;overflow:hidden}.ambient .shape{position:absolute;display:block;opacity:.28}.shape-ring{width:160px;height:160px;border:1px solid #c5c9bd;border-radius:50%;right:-80px;top:10%;animation:orbit 24s linear infinite}.shape-ring:after{content:'';position:absolute;width:9px;height:9px;top:17px;left:17px;border:1px solid #b99323;background:var(--yellow);border-radius:50%}.shape-angle{width:65px;height:75px;background:#b3bba91a;clip-path:polygon(0 0,50% 0,100% 50%,50% 100%,0 100%,50% 50%);left:2%;bottom:10%;animation:drift 9s ease-in-out infinite}.shape-dots{width:100px;height:100px;background-image:radial-gradient(#b79a32 1.4px,transparent 1.4px);background-size:12px 12px;right:5%;bottom:7%;animation:drift 12s ease-in-out infinite reverse}.shape-line{width:1px;height:110px;background:#b2b9aa;top:20%;left:2%;transform:rotate(35deg);animation:drift 15s ease-in-out infinite}.hero .shape-ring{width:400px;height:400px;left:-310px;top:17%;opacity:.5}.hero .shape-dots{left:40%;bottom:30%}.powder-cloud{position:absolute;inset:0;overflow:hidden;pointer-events:none;clip-path:polygon(10% 0,100% 0,100% 90%,90% 100%,0 100%,0 10%)}.powder-cloud span{position:absolute;left:20%;top:var(--y);width:var(--size);height:var(--size);background:#f8e2a0;border-radius:50%;animation:spray var(--duration) linear infinite;animation-delay:var(--delay);opacity:0}.page-intro{background:var(--paper);padding:38px 0 70px;position:relative;overflow:hidden}.breadcrumbs{display:flex;gap:14px;font-size:12px;color:#858a80;margin-bottom:40px}.breadcrumbs a{color:#41473d}.page-intro h1{font-size:clamp(44px,5vw,70px);letter-spacing:-2.5px;max-width:1050px;line-height:1.12}.page-intro h1>span{color:#777f72}.page-intro>.container>p{max-width:640px;margin-top:28px;font-size:18px}.page-intro .eyebrow{text-transform:uppercase}.step-navigation{background:var(--yellow)}.step-navigation>.container{display:grid;grid-template-columns:repeat(4,1fr)}.step-navigation a{display:flex;gap:13px;align-items:center;padding:24px 20px;border-right:1px solid #0002;font-size:15px;line-height:1.35}.step-navigation span{font-size:12px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.detail-image{height:420px;position:relative}.detail-image>img{width:100%;height:100%;filter:saturate(.7)}.detail-number{position:absolute;left:-20px;bottom:-15px;font-size:84px;font-weight:500;background:var(--yellow);width:140px;height:120px;display:grid;place-items:center;letter-spacing:-5px}.detail-grid h2{font-size:46px}.detail-note{border-left:3px solid var(--yellow);padding:15px 18px;margin:25px 0;font-weight:500;font-size:16px;background:var(--paper)}.detail-note>i{margin-right:15px}.process-detail.alternate{background:var(--paper)}.alternate .detail-grid>div:first-child{order:2}.alternate .detail-note{background:white}.values-section{background:var(--paper)}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.values-grid article{border-top:1px solid var(--line);padding-top:32px}.values-grid i{font-size:27px;color:#ad7e00;display:block;margin-bottom:22px}.values-grid h3{margin-bottom:18px}.values-grid p{font-size:16px}.faq-section{background:#f4f5f1}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-grid h2{margin-bottom:24px}.faq-list details{border-bottom:1px solid #cfd4c8;padding:22px 0}.faq-list details:first-child{border-top:1px solid #cfd4c8}.faq-list summary{font-size:18px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary i{font-size:12px;transition:transform .2s}.faq-list details[open] summary i{transform:rotate(45deg)}.faq-list details p{font-size:16px;margin:18px 25px 0 0}.area-row{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;padding-bottom:75px;margin-bottom:75px;border-bottom:1px solid var(--line);scroll-margin-top:120px}.area-row h2{margin-bottom:25px}.area-row p{margin-bottom:25px}.area-row:nth-child(2)>.gallery-button{order:2}.gallery-button{border:0;padding:0;position:relative;display:block;width:100%;height:390px;background:#eee}.gallery-button img{height:100%;width:100%}.gallery-button>span{position:absolute;bottom:0;right:0;background:var(--yellow);height:50px;width:50px;display:grid;place-items:center}.lightbox{border:0;padding:30px;background:#191e1b;color:white;max-width:90vw;max-height:90vh;overflow:auto}.lightbox::backdrop{background:#0c120fee;backdrop-filter:blur(6px)}.lightbox>img{max-height:73vh;width:auto;margin:auto;object-fit:contain}.lightbox p{margin-top:15px;font-size:14px;color:#e5e8e0}.lightbox-close{position:absolute;right:8px;top:8px;border:0;background:var(--yellow);width:42px;height:42px;z-index:2}.lightbox video{width:min(1100px,80vw);max-height:75vh}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:start}.contact-phone{font-size:34px;letter-spacing:-1px;display:block;margin:27px 0 38px;font-weight:500}.contact-phone i{font-size:17px;margin-left:14px}.address-block{display:flex;gap:20px;padding-top:30px;border-top:1px solid var(--line)}.address-block>i{color:#b48603;margin-top:6px;font-size:22px}.address-block h3{font-size:21px}.address-block p{font-size:16px;margin:14px 0}.contact-help{margin-top:45px;background:var(--paper);padding:25px;display:grid;grid-template-columns:28px 1fr;gap:12px}.contact-help>i{font-size:28px;color:#466941}.contact-help p{font-size:15px}.contact-help a{grid-column:2;font-size:14px;font-weight:500}.contact-help a i{margin-left:20px;font-size:12px}.quote-panel{padding:45px;background:var(--paper);border-top:3px solid var(--yellow);scroll-margin-top:115px}.quote-panel h2{font-size:36px}.quote-panel>p{font-size:15px;margin:15px 0 30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}form label{display:block;font-size:14px;font-weight:500;margin-bottom:20px}form label>span{color:#966c00}input,textarea,select{width:100%;margin-top:8px;border:1px solid #d5d9cf;border-radius:0;padding:12px 14px;background:#fff;color:var(--ink);font-size:16px;min-height:48px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#92988c;font-size:14px}.form-note{font-size:12px;line-height:1.7;margin:0 0 22px}.quote-panel .button{width:100%;gap:18px}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-feedback{padding:20px;margin-bottom:25px;border:1px solid #bc624d;background:#fff4ee;font-size:15px}.form-feedback ul{padding-left:20px}.form-feedback.success{border-color:#96a788;background:#eff5e7}.form-feedback h3{font-size:24px}.form-feedback p{margin:12px 0 20px}.form-feedback .button{font-size:14px}.reveal-ready{opacity:0;transform:translateY(23px);transition:opacity .7s ease,transform .7s ease}.reveal-ready.is-visible{opacity:1;transform:none}
@keyframes drift{0%,100%{translate:0 0}50%{translate:10px -20px}}@keyframes orbit{to{rotate:360deg}}@keyframes floatSlat{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes pulse{0%,100%{opacity:.8}50%{opacity:.35}}@keyframes spray{0%{transform:translate(0,0);opacity:0}20%{opacity:.55}100%{transform:translate(350px,-90px);opacity:0}}
@media(min-width:1600px){.hero-grid{gap:70px}.hero-visual{height:570px}.hero{padding-top:75px}.hero h1{font-size:96px}}
@media(max-width:1150px){.container{width:calc(100% - 64px)}.main-nav{gap:20px;font-size:13px}.nav-cta{margin-left:0}.hero h1{font-size:74px}.hero-visual{height:480px}.hero-actions{gap:17px}.hero-call{font-size:16px}.hero-location{margin-top:28px}.intro-grid,.detail-grid,.contact-grid{gap:55px}.finish-grid{gap:70px}.process-grid{gap:18px}.process-image{height:225px}.process-card h3{font-size:21px}.footer-grid{gap:25px}.intro-images{padding-right:45px}.application-card{height:350px}.application-card h3{font-size:23px;max-width:190px}.quote-panel{padding:30px}.process-strip a{padding:25px 12px}.process-strip strong{font-size:13px}.area-row{gap:50px}}
@media(max-width:900px){.container{width:calc(100% - 44px)}.header-inner{min-height:80px}.brand-word{font-size:34px}.brand-mark{width:29px;height:31px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:-22px;right:-22px;top:80px;background:#fff;box-shadow:0 15px 25px #0002;padding:18px 25px 30px;max-height:calc(100dvh - 95px);overflow:auto;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav>a:not(.button){padding:14px 0;font-size:18px;border-bottom:1px solid #eee}.main-nav>a:not(.button):after{display:none}.main-nav>a[aria-current=page]{color:#9b7100}.nav-cta{margin-top:20px;align-self:flex-start}.hero{padding-top:44px}.hero-grid{gap:26px}.hero h1{font-size:62px;letter-spacing:-3px}.hero .eyebrow{font-size:10px}.hero-copy>p{font-size:15px}.hero-visual{height:480px;margin-left:0}.hero-actions>.button{font-size:14px;gap:15px}.hero-call{font-size:15px}.hero-location{font-size:10px;flex-wrap:wrap}.hero-image-label{padding:17px;gap:10px}.hero-image-label strong{font-size:16px}.hero-image-label small{font-size:8px}.image-index{display:none}.hero-stamp{right:16px;gap:15px;font-size:9px}.process-strip strong{font-size:12px}.process-strip a{gap:9px}.process-strip i{display:none}.section{padding:80px 0}.intro-grid{gap:40px}.intro-images{min-height:420px;padding:0 30px 30px 0}.intro-main{height:370px}.intro-inset{height:190px;width:58%}.intro-copy h2{font-size:38px}.intro-copy p{font-size:15px}.intro-copy .lead{font-size:18px}.value-pair{gap:12px}.value-pair strong{font-size:14px}.value-pair span{font-size:12px}.value-pair>div+div{padding-left:14px}.process-grid{grid-template-columns:repeat(2,1fr);gap:35px 24px}.process-image{height:300px}.process-card h3{min-height:0;font-size:25px}.process-card p{max-width:none;min-height:0}.video-content h2{font-size:44px}.video-placeholder{margin-right:0}.film-icon{width:65px;height:65px}.video-placeholder{gap:16px;font-size:10px}.video-placeholder small{font-size:13px}.video-corner{width:90px;height:90px}.application-grid{gap:16px}.application-card{height:330px}.application-card>div{left:18px;right:18px;bottom:22px}.application-card h3{font-size:22px;max-width:160px}.application-card>div>span{display:none}.finish-grid{gap:40px}.finish-grid h2{font-size:46px}.finish-section{padding:80px 0}.metal-sample{height:250px;gap:10px}.swatches{gap:10px}.footer-grid{grid-template-columns:1.2fr 1fr;gap:45px}.detail-grid{gap:45px}.detail-grid h2{font-size:37px}.detail-image{height:350px}.step-navigation a{font-size:13px;padding:20px 10px;gap:10px}.contact-grid{gap:35px}.contact-phone{font-size:29px}.quote-panel{padding:25px}.form-row{grid-template-columns:1fr;gap:0}.quote-panel h2{font-size:31px}.area-row{gap:35px}.area-row h2{font-size:36px}.faq-grid{gap:40px}.values-grid{gap:25px}.values-grid h3{font-size:23px}}
@media(max-width:640px){body{font-size:16px}.container{width:calc(100% - 40px)}h2{font-size:35px;letter-spacing:-1.2px}.topbar-inner{min-height:33px;justify-content:space-between;gap:8px;font-size:10px}.top-address{font-size:0}.top-address:after{content:'Toybelen Sanayi · Samsun';font-size:10px}.topbar i{font-size:9px;margin-right:5px}.header-inner{min-height:73px}.brand-word{font-size:33px}.brand-word>span{font-size:8px;letter-spacing:2.8px;margin-top:8px}.brand-mark{height:28px;width:27px}.main-nav{top:73px;left:-20px;right:-20px}.hero{padding-top:24px}.hero-grid{grid-template-columns:1fr;gap:25px;padding-bottom:29px}.hero-copy{padding:9px 0 0}.hero .eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:15px}.hero h1{font-size:64px;letter-spacing:-3px;margin:22px 0}.hero-copy>p{font-size:16px;line-height:1.7;max-width:460px}.hero-actions{gap:18px;margin-top:25px}.hero-actions .button{min-height:50px;padding:13px 17px;gap:17px}.hero-call{gap:9px;font-size:15px}.hero-call small{font-size:8px;letter-spacing:.7px}.hero-call .circle-icon{display:none}.hero-location{margin-top:25px;font-size:11px;gap:7px}.hero-location span{padding-left:10px;margin-left:0}.hero-visual{height:330px;margin:17px 0 0 0}.image-bracket{inset:-15px -10px 16px 45%}.hero-photo{object-position:center 50%}.hero-image-label{padding:18px 20px}.hero-image-label strong{font-size:18px}.hero-image-label small{font-size:9px}.image-index{display:block;font-size:9px}.hero-stamp{top:20px;right:20px}.hero-bottom{padding:14px 0;gap:10px}.hero-bottom>span{font-size:8px;letter-spacing:1px}.hero-bottom>span:last-child{display:none}.hero-bottom>a{font-size:10px}.hero-bottom i{margin-left:8px}.process-strip>.container{grid-template-columns:1fr 1fr}.process-strip a{padding:20px 13px;border-bottom:1px solid #201f1b26;gap:12px}.process-strip a:nth-child(odd){padding-left:0}.process-strip a:nth-child(even){border-right:0}.process-strip a:nth-child(3){border-bottom:0}.process-strip strong{font-size:13px}.process-strip a>span{font-size:11px}.section{padding:65px 0}.intro-grid{grid-template-columns:1fr;gap:42px}.intro-images{min-height:390px;max-width:480px;padding-right:55px}.intro-main{height:340px}.intro-inset{height:180px;width:48%}.vertical-label{right:22px}.image-tag{bottom:60px;font-size:9px;padding:13px 17px}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:17px}.intro-copy h2{font-size:37px}.intro-copy p{font-size:16px}.intro-copy .lead{font-size:20px}.value-pair{gap:20px;margin:25px 0}.value-pair strong{font-size:16px}.value-pair span{font-size:13px}.value-pair>div+div{padding-left:20px}.section-heading{display:block;margin-bottom:30px}.section-heading>.text-link{margin-top:15px}.section-heading h2{font-size:34px}.section-heading>div+div{margin-top:20px}.heading-note{font-size:15px}.process-grid{gap:34px 16px}.process-image{height:200px}.step-icon{width:39px;height:39px;font-size:14px}.step-num{font-size:11px;min-width:28px;min-height:28px;top:10px;left:10px}.process-card h3{font-size:21px;line-height:1.15;min-height:72px;margin:18px 0 10px}.process-card p{font-size:14px;min-height:70px;line-height:1.6}.small-link{font-size:11px;margin-top:18px;gap:5px}.small-link i{font-size:10px}.stock-note{font-size:10px}.video-section{height:420px}.video-content{flex-direction:column;align-items:flex-start;justify-content:center;gap:32px}.video-content h2{font-size:40px}.video-content p{font-size:14px;margin-top:15px}.video-placeholder{gap:20px}.film-icon{width:53px;height:53px;font-size:18px}.film-icon:after{inset:-6px}.video-corner{height:65px;width:65px}.application-grid{grid-template-columns:1fr;gap:20px}.application-card{height:350px}.application-card>div{left:25px;right:25px;bottom:25px}.application-card h3{font-size:28px;max-width:260px}.application-card>div>span{display:block}.finish-section{padding:65px 0}.finish-grid{grid-template-columns:1fr;gap:38px}.finish-grid h2{font-size:44px}.finish-grid p{font-size:16px}.color-experience{padding:0 10px}.metal-sample{height:260px;padding:20px 30px}.sample-bottom{margin-top:20px}.finish-grid .sample-note{font-size:10px}.contact-ribbon{padding:38px 0}.contact-ribbon>.container{display:block}.contact-ribbon h2{font-size:34px}.contact-ribbon .button{margin-top:25px}.site-footer{padding-top:52px}.footer-grid{grid-template-columns:1fr 1fr;gap:38px 24px}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.footer-grid h3{font-size:14px;margin-bottom:17px}.footer-grid>div>a:not(.brand){font-size:12px}.footer-grid p{margin-top:15px}.footer-grid .footer-brand>p{font-size:16px}.footer-bottom{margin-top:30px;font-size:10px;display:block;padding-right:45px}.footer-bottom>span{display:block;margin-bottom:6px}.whatsapp-float{height:48px;width:48px;right:16px;bottom:16px;font-size:25px}.back-top{right:20px;bottom:76px}.page-intro{padding:25px 0 48px}.breadcrumbs{font-size:11px;margin-bottom:26px;gap:10px}.page-intro h1{font-size:43px;letter-spacing:-1.6px}.page-intro>.container>p{font-size:16px;margin-top:23px}.step-navigation>.container{grid-template-columns:1fr 1fr}.step-navigation a{font-size:12px;padding:18px 10px;border-bottom:1px solid #0002}.step-navigation a:nth-child(2n){border-right:0}.detail-grid{grid-template-columns:1fr;gap:45px}.detail-image{height:290px;margin-left:10px}.detail-number{width:95px;height:85px;left:-10px;font-size:60px;letter-spacing:-3px}.detail-grid h2{font-size:36px}.alternate .detail-grid>div:first-child{order:0}.lead{font-size:20px}.detail-note{font-size:14px;padding:13px}.values-grid{grid-template-columns:1fr;gap:35px;margin-top:35px}.values-grid h3{font-size:26px}.faq-grid{grid-template-columns:1fr;gap:25px}.faq-list summary{font-size:17px}.faq-list details{padding:19px 0}.faq-list details p{font-size:15px}.area-row{grid-template-columns:1fr;gap:30px;padding-bottom:45px;margin-bottom:45px}.area-row:nth-child(2)>.gallery-button{order:0}.gallery-button{height:310px}.area-row h2{font-size:34px}.area-row .text-link{font-size:14px}.contact-grid{grid-template-columns:1fr;gap:45px}.contact-phone{font-size:33px}.quote-panel{padding:26px 20px}.quote-panel h2{font-size:32px}.form-row{grid-template-columns:1fr}.form-note{font-size:11px}.lightbox{padding:15px}.lightbox p{font-size:12px;padding-right:8px}}
@media(max-width:360px){.hero h1{font-size:56px}.hero-actions{gap:15px}.hero-call{font-size:14px}.hero-actions .button{font-size:13px;padding:13px 15px}.hero-visual{height:290px}.process-image{height:180px}.process-card h3{font-size:19px}.swatches{gap:9px}.swatch{width:23px;height:23px}.hero-location span{font-size:10px}}
[hidden]{display:none!important}.ambient .shape-workpiece{right:2%;top:45%;height:60px;width:27px;border:1px solid #9ba18f;border-radius:2px;background:linear-gradient(90deg,transparent 45%,#c9ad5126 50%);transform-origin:50% -18px;animation:workpieceSwing 9s ease-in-out infinite;opacity:.22}.shape-workpiece:before{content:'';position:absolute;height:20px;width:9px;border:1px solid #9ba18f;border-bottom:0;border-radius:6px 6px 0 0;top:-21px;left:8px}.ambient .shape-spray{left:2%;top:64%;width:20px;height:9px;border:1px solid #9ba18f;opacity:.22;animation:drift 10s ease-in-out infinite}.shape-spray:before{content:'';position:absolute;left:7px;top:8px;height:13px;width:5px;border:1px solid #9ba18f;transform:rotate(12deg)}.shape-spray:after{content:'';position:absolute;left:23px;top:-12px;width:52px;height:30px;background-image:radial-gradient(#bc981c 1.2px,transparent 1.2px);background-size:7px 7px;clip-path:polygon(0 45%,100% 0,100% 100%);animation:sprayDust 3s linear infinite}@keyframes workpieceSwing{0%,100%{rotate:-7deg}50%{rotate:7deg}}@keyframes sprayDust{0%{opacity:.1;translate:-4px 0}50%{opacity:1}100%{opacity:.1;translate:7px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}
/* V2: replaceable logo, full-screen mobile navigation and powder coating motifs. */
.brand-logo{display:block;width:200px;height:57px;object-fit:contain;object-position:left center}.site-footer .brand:has(.brand-logo){background:#fff;padding:11px 17px}.site-footer .brand-logo{width:200px;height:49px}.mobile-menu{position:fixed;inset:0;margin:0;padding:0;border:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;background:#f6f5ef;color:var(--ink);overflow:auto;overscroll-behavior:contain;transform:translateX(-105%);transition:transform .38s cubic-bezier(.22,.75,.25,1);outline:none}.mobile-menu[open]{display:flex;flex-direction:column}.mobile-menu.is-open{transform:translateX(0)}.mobile-menu::backdrop{background:#171d19a8;backdrop-filter:blur(8px)}.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:calc(22px + env(safe-area-inset-top)) 30px 22px;border-bottom:1px solid #dce0d5;background:#fff;flex-shrink:0}.mobile-menu-close{border:0;background:var(--yellow);width:48px;height:48px;display:grid;place-items:center;font-size:20px}.mobile-menu-body{padding:35px 32px 30px;position:relative;flex:1}.mobile-menu-body:after{content:'';position:absolute;top:40px;right:15px;width:150px;height:290px;background:linear-gradient(160deg,#f6be191b,transparent);clip-path:polygon(0 0,40% 0,100% 50%,40% 100%,0 100%,60% 50%);pointer-events:none;z-index:0}.mobile-menu-body>*{position:relative;z-index:1}.mobile-menu-body>.eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:18px}.mobile-menu-body nav{display:flex;flex-direction:column}.mobile-menu-body nav>a{display:flex;align-items:center;gap:19px;min-height:74px;border-bottom:1px solid #d6dbcf;transition:color .2s;padding:14px 0;font-size:30px;line-height:1.2;font-weight:500;letter-spacing:-.8px}.mobile-menu-body nav>a[aria-current=page]{color:#8c6700}.mobile-link-num{font-size:10px;letter-spacing:1px;color:#868e80;flex-shrink:0}.mobile-menu-body nav i{font-size:13px;margin-left:auto;color:#959c8e}.mobile-menu-body nav>a[aria-current=page] i{color:#ac7d00}.mobile-offer{margin-top:28px;width:100%;gap:20px;font-size:14px}.mobile-menu-contact{padding:25px 32px calc(24px + env(safe-area-inset-bottom));background:var(--yellow);flex-shrink:0;position:relative;overflow:hidden}.mobile-menu-contact:after{content:'+';font-size:150px;font-weight:300;position:absolute;right:16px;bottom:-36px;line-height:1;color:#00000009;pointer-events:none}.mobile-menu-phone{font-size:26px;font-weight:500;letter-spacing:-.5px;display:flex;align-items:center;gap:15px}.mobile-menu-phone i{font-size:16px}.mobile-menu-contact p{font-size:12px;line-height:1.7;color:#494220;margin:12px 0 17px}.mobile-menu-contact>span{font-size:9px;letter-spacing:1.3px;color:#6d5b23}.paint-shapes{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1;color:#a89549}.paint-gun{position:absolute;width:180px;height:auto;left:2%;top:14%;opacity:.3;rotate:-16deg;animation:paintGunFloat 9s ease-in-out infinite}.paint-hangers{position:absolute;width:145px;height:auto;right:1.3%;top:24%;opacity:.26}.hanging-panel{transform-origin:38px 18px;animation:panelSway 7s ease-in-out infinite}.hanging-panel.second{transform-origin:97px 18px;animation-delay:-2s}.hanging-panel.third{transform-origin:156px 18px;animation-delay:-4s}.coating-fill{fill:var(--yellow);opacity:.15;animation:coatBloom 6s ease-in-out infinite}.spray-stream{animation:powderFlow 2.5s linear infinite}.paint-orbit{position:absolute;width:165px;height:165px;left:41%;top:11%;border:1px dashed #baa45538;border-radius:50%;animation:orbit 40s linear infinite}.paint-orbit span{position:absolute;font-size:20px;font-weight:300;color:#b39b42;opacity:.42}.paint-orbit span:nth-child(1){left:10%;top:9%}.paint-orbit span:nth-child(2){right:7%;top:10%}.paint-orbit span:nth-child(3){right:-6px;top:45%}.paint-orbit span:nth-child(4){right:10%;bottom:0}.paint-orbit span:nth-child(5){left:13%;bottom:0}.paint-orbit span:nth-child(6){left:-6px;top:45%}.paint-dust{position:absolute;width:240px;height:140px;left:34%;bottom:19%;background-image:radial-gradient(#c2a232 1.4px,transparent 1.8px);background-size:13px 13px;mask-image:radial-gradient(ellipse,black,transparent 70%);opacity:.42;animation:paintGunFloat 13s ease-in-out infinite reverse}.paint-panel{position:absolute;left:5%;bottom:14%;display:flex;gap:8px;rotate:-20deg;opacity:.24}.paint-panel span{height:78px;width:17px;border:1px solid #b39c49;background:linear-gradient(90deg,transparent,#f6be192a);animation:floatSlat 6s ease-in-out infinite}.paint-panel span:nth-child(2){animation-delay:-2s}.paint-panel span:nth-child(3){animation-delay:-4s}.hero .shape-spray,.hero .shape-workpiece{display:none}.hero-bottom{z-index:2}.hero-copy{position:relative}.hero .ambient{z-index:0}@keyframes paintGunFloat{0%,100%{translate:0 0}50%{translate:7px -14px}}@keyframes panelSway{0%,100%{rotate:-5deg}50%{rotate:5deg}}@keyframes coatBloom{0%,100%{opacity:.08}50%{opacity:.42}}@keyframes powderFlow{0%{opacity:.1;translate:-6px 0}50%{opacity:1}100%{opacity:0;translate:14px 0}}
@media(min-width:901px){.mobile-menu[open]{display:none}}
@media(max-width:1600px){.paint-gun{width:130px;left:0;top:2%;opacity:.23}.paint-hangers{right:-26px;width:100px;top:34%}.paint-panel{left:1%;bottom:9%;opacity:.18}.paint-orbit{width:110px;height:110px;left:41%;top:13%;opacity:.7}}
@media(max-width:900px){.site-header .main-nav{display:none!important}.brand-logo{width:151px;height:50px}.paint-gun{top:0;left:auto;right:3%;width:140px}.paint-hangers{right:-12px;top:25%;width:100px}.paint-panel{left:0;bottom:7%}.paint-orbit{left:38%;top:6%}}
@media(max-width:640px){.brand-logo{width:148px;height:48px}.mobile-menu-top{padding:calc(17px + env(safe-area-inset-top)) 22px 17px}.mobile-menu-body{padding:26px 23px 25px}.mobile-menu-body nav>a{font-size:27px;min-height:65px;gap:15px;letter-spacing:-.65px}.mobile-menu-contact{padding:23px 24px calc(22px + env(safe-area-inset-bottom))}.mobile-menu-close{width:43px;height:43px}.mobile-offer{margin-top:23px;min-height:53px;font-size:13px;padding:14px 15px}.paint-gun{top:19px;right:7px;width:100px;opacity:.26;rotate:-10deg}.paint-hangers{top:36%;right:-3px;width:85px;opacity:.24}.paint-orbit{left:-39px;top:25%;width:95px;height:95px;opacity:.5}.paint-panel{left:1%;bottom:9%;scale:.7}.paint-dust{width:145px;height:110px;left:auto;right:3%;bottom:auto;top:45%;opacity:.3}}
@media(max-width:360px){.mobile-menu-body nav>a{font-size:23px;gap:12px}.mobile-menu-body{padding:22px 20px}.mobile-menu-contact{padding:20px}.mobile-menu-phone{font-size:24px}}
@media(prefers-reduced-motion:reduce){.mobile-menu{transition:none}.paint-shapes *{animation:none!important}}
/* V6 — hero slideshow and video dialog; original supplied CSS preserved above. */
.hero-slides{position:absolute;inset:0;overflow:hidden;clip-path:polygon(10% 0,100% 0,100% 90%,90% 100%,0 100%,0 10%);background:#242a26}.hero-slides .hero-slide{position:absolute;inset:0;width:100%;height:100%;clip-path:none;opacity:0;filter:blur(16px) saturate(.72);transform:scale(1.07);transition:opacity 1.25s ease,filter 1.4s ease,transform 5.8s ease;pointer-events:none}.hero-slides .hero-slide.is-active{opacity:1;filter:blur(0) saturate(.72);transform:scale(1);z-index:1}.hero-stamp,.hero-image-label,.powder-cloud{z-index:2}.hero-slider-controls{position:absolute;z-index:4;right:22px;bottom:110px;display:flex;gap:7px}.hero-slider-controls button{width:39px;height:39px;display:grid;place-items:center;border:1px solid #ffffff65;background:#17201b99;color:#fff;backdrop-filter:blur(10px);font-size:12px;border-radius:50%;transition:background .2s,color .2s}.hero-slider-controls button:hover{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.hero-slider-controls button:focus-visible{outline:3px solid var(--yellow)}.hero-image-label .image-index{display:block!important;flex-shrink:0}.slider-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.video-trigger{letter-spacing:1.5px;isolation:isolate}.video-trigger>.video-play-circle{width:94px;height:94px;background:#f6be19;color:#1b211b;border:0;box-shadow:0 0 0 10px #ffffff0b;transition:transform .25s,box-shadow .25s}.video-play-circle:after{content:'';position:absolute;inset:-12px;border:1px solid #ffffff60;border-radius:50%;animation:filmPulse 3s ease-in-out infinite}.video-trigger:hover>.video-play-circle{transform:scale(1.07);box-shadow:0 0 0 17px #ffffff12}.video-trigger>.video-button-label{display:block;width:auto;height:auto;border:0;border-radius:0;font-size:12px;text-align:left;letter-spacing:2px}.video-button-label small{display:block;font-size:15px;letter-spacing:0;font-weight:400;color:#dee3db;margin-top:9px}.film-dialog{padding:0;border:1px solid #ffffff25;border-radius:14px;background:#141a17;color:white;width:min(1080px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;overflow:auto;box-shadow:0 35px 120px #0009}.film-dialog::backdrop{background:#07100cca;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.film-dialog[open]{animation:filmEnter .35s ease-out}.film-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;gap:24px;border-bottom:1px solid #ffffff15}.film-dialog-header span{font-size:10px;letter-spacing:2px;color:var(--yellow)}.film-dialog-header h2{font-size:22px;letter-spacing:-.4px;margin-top:5px}.film-close{flex-shrink:0;width:43px;height:43px;border:1px solid #ffffff40;border-radius:50%;background:transparent;color:#fff;display:grid;place-items:center}.film-close:hover{background:var(--yellow);color:#171c18}.film-stage{position:relative;background:#080c09;aspect-ratio:16/9;max-height:calc(100dvh - 200px);min-height:170px}.film-stage video{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}.film-status{position:absolute;inset:0;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(#131d16c9,#131d16ee),url('../img/detail.jpg') center/cover}.film-status-icon{height:56px;width:56px;border:1px solid #f6be1980;border-radius:50%;display:grid;place-items:center;color:var(--yellow);font-size:20px;margin-bottom:18px}.film-status h3{font-size:25px;color:#fff}.film-status p{font-size:15px;color:#c1cabf;margin-top:14px;max-width:430px}.film-dialog-footer{padding:15px 25px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1.4px;color:#a4b09f}.film-dialog-footer i{color:var(--yellow);margin-right:7px}body.film-open{overflow:hidden}@keyframes filmPulse{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:.2;transform:scale(1.12)}}@keyframes filmEnter{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:900px){.hero-slider-controls{right:16px;bottom:100px}.hero-slider-controls button{width:36px;height:36px}.hero-image-label .image-index{font-size:9px;margin-left:auto}.hero-image-label strong{font-size:15px}.video-trigger>.video-play-circle{width:74px;height:74px}.video-button-label small{font-size:13px}}
@media(max-width:640px){.hero-slider-controls{bottom:92px;right:14px}.hero-slider-controls button{width:35px;height:35px}.hero-image-label{gap:10px;padding-left:15px;padding-right:12px}.hero-image-label strong{font-size:15px}.hero-image-label small{font-size:8px}.hero-image-label .small-cross{font-size:32px}.video-trigger{margin-right:0;gap:24px;padding:10px 0}.video-trigger>.video-play-circle{width:63px;height:63px}.video-trigger>.video-button-label{font-size:11px}.film-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:11px}.film-dialog-header{padding:16px;gap:12px}.film-dialog-header span{font-size:9px}.film-dialog-header h2{font-size:18px;line-height:1.25}.film-close{width:37px;height:37px}.film-stage{aspect-ratio:16/10;min-height:205px;max-height:calc(100dvh - 170px)}.film-dialog-footer{padding:13px 16px;font-size:8px;letter-spacing:.8px}.film-dialog-footer>span:last-child{display:none}.film-status{padding:20px}.film-status-icon{width:42px;height:42px;font-size:16px;margin-bottom:12px}.film-status h3{font-size:21px}.film-status p{font-size:13px;margin-top:10px}}
@media(prefers-reduced-motion:reduce){.hero-slides .hero-slide{transition:none;transform:none}.film-dialog[open],.video-play-circle:after{animation:none}}