:root{--ink:#19052e;--purple:#230a40;--deep:#12041f;--pink:#ff3ba9;--yellow:#ffe34d;--mint:#5df7e6;--white:#faf7ff;--page-progress:0%}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--deep);color:var(--white);font:400 16px/1.6 'DM Sans',sans-serif;overflow-x:hidden}body,button,input,textarea{font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}::selection{background:var(--pink);color:#fff}.wrap{width:min(1440px,calc(100% - 104px));margin-inline:auto}.grain{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.reading-progress{position:fixed;top:0;left:0;width:var(--page-progress);height:3px;background:var(--mint);z-index:120;box-shadow:0 0 12px var(--mint)}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#18072be8;backdrop-filter:blur(18px);border-bottom:1px solid #c449bf55}.header-inner{max-width:1540px;width:calc(100% - 96px);margin:auto;min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}.brand-mark{font:900 37px/.9 Oxanium,sans-serif;letter-spacing:-.15em;color:#fff}.brand-mark span{color:var(--pink);font:700 19px Oxanium;vertical-align:top;margin-left:3px}.brand-caption{font:800 10px/1.35 Oxanium,sans-serif;letter-spacing:.15em}.site-nav{display:flex;align-items:center;gap:clamp(14px,2vw,36px)}.site-nav>a{font:700 clamp(10px,.8vw,12px) Oxanium,sans-serif;letter-spacing:.02em;white-space:nowrap;transition:color .2s}.site-nav>a:hover{color:var(--mint)}.site-nav .nav-contact{background:var(--yellow);color:var(--ink);padding:16px 18px;box-shadow:5px 5px 0 var(--pink)}.site-nav .nav-contact:hover{background:var(--mint);color:var(--ink)}.site-nav .nav-contact span{margin-left:9px}.menu-toggle{display:none}.hero{min-height:800px;min-height:100svh;position:relative;display:flex;align-items:center;overflow:hidden;background:#17082b}.hero-video,.hero-shade,.hero-grid{position:absolute;inset:0;width:100%;height:100%}.hero-video{object-fit:cover;opacity:.78}.hero-shade{background:linear-gradient(90deg,#12041ff2 0%,#12041fc7 35%,#1305278a 70%,#14041f5c 100%),linear-gradient(0deg,#12041f 0%,transparent 35%)}.hero-grid{opacity:.16;background-image:linear-gradient(#dd83ff55 1px,transparent 1px),linear-gradient(90deg,#dd83ff55 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,black,transparent)}.hero-content{position:relative;z-index:2;padding-top:125px;padding-bottom:85px}.hero-topline{display:flex;align-items:center;gap:14px;color:#f9dbff;font:700 11px Oxanium,sans-serif;letter-spacing:.18em}.hero-topline-end{margin-left:auto;color:#ffe34d}.live-dot,.record-dot{color:var(--mint)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 18px var(--mint);animation:blink 2s infinite}@keyframes blink{50%{opacity:.25}}.hero-heading{position:relative;padding:55px 0 40px}.hero h1{font:900 clamp(58px,7.8vw,136px)/.99 Oxanium,sans-serif;letter-spacing:-.075em;margin:0;text-transform:uppercase;text-shadow:7px 7px 0 #f1008e60}.hero h1 span{color:var(--pink)}.hero h1 em{font-style:normal;color:var(--yellow)}.hero-vertical{position:absolute;right:0;top:42%;writing-mode:vertical-rl;letter-spacing:.32em;font:700 10px Oxanium,sans-serif;color:#f5a7e9}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.hero-bottom p{max-width:470px;margin:0;color:#e5d5ec;font-size:clamp(16px,1.3vw,21px)}.hero-bottom strong{color:#fff}.hero-actions{display:flex;gap:15px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:58px;padding:17px 22px;font:800 12px Oxanium,sans-serif;letter-spacing:.02em;transition:transform .2s,background .2s,box-shadow .2s;border:1px solid transparent}.btn span{font-size:18px}.btn-primary{background:var(--pink);color:#160625;box-shadow:7px 7px 0 var(--yellow)}.btn-primary:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--yellow)}.btn-outline{border-color:#f3b2ff99;background:#12041f88}.btn-outline:hover{background:#ffffff20}.hero-rail{position:absolute;z-index:2;bottom:17px;left:0;right:0;display:flex;justify-content:space-between;padding:0 4%;font:700 10px Oxanium,sans-serif;letter-spacing:.15em;color:#e8d5e7}.marquee{overflow:hidden;background:var(--yellow);color:var(--ink);border-block:3px solid var(--ink);transform:rotate(-1.2deg) scale(1.03);position:relative;z-index:3}.marquee-track{display:flex;width:max-content;animation:marquee 35s linear infinite}.marquee-track>span{white-space:nowrap;font:900 clamp(17px,2vw,29px) Oxanium,sans-serif;letter-spacing:-.03em;padding:17px 0}.marquee-track i{font-style:normal;color:#fa259e;padding:0 26px}@keyframes marquee{to{transform:translateX(-50%)}}.section-pad{padding:clamp(90px,11vw,170px) 0}.eyebrow{font:800 11px Oxanium,sans-serif;letter-spacing:.12em}.eyebrow .index{color:var(--pink);margin-right:14px}.display{font:900 clamp(42px,5.4vw,92px)/1.09 Oxanium,sans-serif;letter-spacing:-.07em;margin:24px 0;overflow-wrap:normal}.display em{font-style:normal;color:var(--pink)}.display span{color:var(--yellow)}.intro{background:#22093c;position:relative;overflow:hidden}.intro-grid{display:grid;grid-template-columns:1fr 3fr;gap:50px}.intro-grid>.eyebrow{padding-top:35px}.intro .display{font-size:clamp(45px,6vw,105px)}.intro .display span{color:#fff}.intro .display em{color:var(--pink)}.intro-bottom{display:flex;gap:50px;align-items:flex-end;justify-content:space-between;margin-top:40px}.intro-bottom p{max-width:600px;font-size:clamp(18px,1.6vw,23px);color:#dfcde8}.text-link{white-space:nowrap;font:800 12px Oxanium,sans-serif;border-bottom:2px solid var(--mint);padding-bottom:12px}.text-link span{color:var(--mint);margin-left:20px}.intro-outline{position:absolute;bottom:-.4em;right:-.03em;font:900 clamp(100px,13vw,240px) Oxanium,sans-serif;letter-spacing:-.09em;color:#ffffff08;white-space:nowrap;pointer-events:none}.services{background:#f7eddf;color:var(--ink)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:70px}.section-heading .display{margin-bottom:0}.section-heading .display span{color:#f5299c}.section-heading>p{max-width:280px;font-size:17px}.service-row{display:grid;grid-template-columns:60px minmax(0,1fr) 60px;column-gap:28px;position:relative;padding:35px 0;border-top:2px solid #241135;transition:padding .3s,background .3s}.service-row:last-child{border-bottom:2px solid #241135}.service-num{font:800 12px Oxanium,sans-serif;color:#f5299c;padding-top:15px}.service-row h3{font:900 clamp(23px,3vw,49px)/1.2 Oxanium,sans-serif;letter-spacing:-.06em;margin:0 0 12px}.service-row p{max-width:680px;font-size:17px;color:#5b5060;margin:0}.service-icon{font:400 43px Oxanium,sans-serif;text-align:right;color:#f5299c}.service-tags{grid-column:2/-1;display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}.service-tags span{font:800 10px Oxanium,sans-serif;border:1px solid #97899c;padding:6px 9px}.service-row:hover{padding-left:16px;background:#ffdeed}.showreel{position:relative;height:clamp(520px,62vw,780px);background:#051b20;overflow:hidden}.showreel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.showreel-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#091c28e9,#081d2c60),linear-gradient(0deg,#081b28e8,transparent 60%);display:flex;align-items:center}.showreel-overlay>.wrap{width:min(1440px,calc(100% - 104px))}.showreel h2{font:900 clamp(43px,6.5vw,110px)/1.08 Oxanium,sans-serif;letter-spacing:-.07em;text-shadow:6px 6px 0 #1c67ac80}.showreel h2 em{font-style:normal;color:var(--mint)}.showreel-bottom{display:flex;justify-content:space-between;gap:20px;font:700 11px Oxanium,sans-serif;letter-spacing:.13em;border-top:1px solid #ffffff88;padding-top:25px}.process{background:#1a0733}.process-heading{max-width:1050px}.process-heading .display span{color:var(--mint)}.process-heading>p{max-width:510px;color:#dcc8e8;font-size:19px}.process-stage{position:relative;margin-top:80px}.process-track{position:absolute;top:50px;left:0;right:0;height:3px;background:#ffffff38}.process-track-fill{width:var(--process-progress,0%);height:100%;background:var(--pink);box-shadow:0 0 16px var(--pink);transition:width .08s linear}.process-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.process-steps article{position:relative;min-width:0;opacity:.48;transition:opacity .35s,transform .35s}.process-steps article.active{opacity:1;transform:translateY(-8px)}.step-no{display:inline-block;background:#1a0733;position:relative;z-index:1;padding-right:13px;font:800 11px Oxanium,sans-serif;color:var(--mint)}.step-glyph{margin-top:65px;display:grid;place-items:center;width:95px;height:95px;border:2px solid #a85fa5;background:#34114e;font:500 49px Oxanium,sans-serif;color:var(--pink);box-shadow:8px 8px 0 #4b2168}.process-steps h3{font:800 clamp(17px,1.7vw,26px) Oxanium,sans-serif;letter-spacing:-.04em;margin:32px 0 10px}.process-steps p{max-width:280px;color:#dbcde5}.companies{position:relative;background:#0b071c;overflow:hidden}.companies-bg{position:absolute;inset:0}.companies-bg video{width:100%;height:100%;object-fit:cover;opacity:.36}.companies-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#100620 4%,#100620e6 45%,#10062030 100%),linear-gradient(0deg,#100620,transparent 20%,transparent 80%,#100620)}.companies-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:8%;min-height:710px}.companies .display{font-size:clamp(48px,6vw,100px)}.companies .display span{color:#fff}.companies .display em{color:var(--yellow)}.companies-copy p{max-width:570px;font-size:19px;color:#e8d6f2}.companies-cta{margin:25px 0 25px}.companies-copy>small{display:block;font:700 10px Oxanium,sans-serif;color:#d9a4e0;letter-spacing:.05em}.era-stack{position:relative;min-height:510px;transform:rotate(-4deg)}.era-ticket{display:flex;align-items:center;justify-content:space-between;gap:12px;position:absolute;left:var(--x);top:var(--y);width:min(100%,490px);padding:23px 25px;border:2px solid #230838;box-shadow:9px 9px 0 #0d051a;transform:rotate(var(--r));transition:transform .3s,box-shadow .3s}.era-ticket:hover{transform:rotate(0deg) translate(12px,-12px);box-shadow:15px 15px 0 #000}.era-ticket span,.era-ticket i{font:700 10px Oxanium,sans-serif;font-style:normal}.era-ticket strong{font:900 clamp(16px,2vw,25px) Oxanium,sans-serif;letter-spacing:-.06em}.era-one{--x:0%;--y:0px;--r:-7deg;background:#cba875;color:#322012}.era-two{--x:7%;--y:92px;--r:5deg;background:#cfaf7b;color:#332011}.era-three{--x:2%;--y:185px;--r:-3deg;background:#ff3ba9;color:#220832}.era-four{--x:10%;--y:278px;--r:4deg;background:#e9eedf;color:#294532}.era-five{--x:0%;--y:371px;--r:-4deg;background:#05e9d8;color:#031927}.studio{background:var(--yellow);color:var(--ink)}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.studio .display em{color:#f42b9d}.studio-copy p{max-width:570px;font-size:20px}.studio-stamps{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px}.studio-stamps span{border:2px solid var(--ink);padding:12px;font:800 11px Oxanium,sans-serif}.studio-media{position:relative;aspect-ratio:4/4.5;overflow:hidden;transform:rotate(3deg);box-shadow:18px 18px 0 #f532a1;background:#210b36}.studio-media video{width:100%;height:100%;object-fit:cover}.studio-media-label{position:absolute;bottom:20px;left:20px;background:#19052ee5;color:#fff;padding:10px;font:700 10px Oxanium,sans-serif}.contact{background:radial-gradient(circle at 85% 20%,#421262,#160625 60%)}.contact-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.contact .display{font-size:clamp(46px,6vw,100px)}.contact .display span{color:var(--yellow)}.contact .display em{color:var(--pink)}.contact-heading p{max-width:570px;color:#dbc7e6;font-size:19px}.contact-email{display:inline-block;margin-top:20px;font:800 clamp(16px,2vw,27px) Oxanium,sans-serif;color:var(--mint);border-bottom:2px solid var(--mint);overflow-wrap:anywhere}.contact-decor{font:400 clamp(120px,22vw,350px) Oxanium,sans-serif;color:#ff3ba920;animation:slowspin 24s linear infinite}@keyframes slowspin{to{transform:rotate(360deg)}}.contact-form{margin-top:70px;max-width:1000px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:28px}.contact-form label{display:block;font:800 11px Oxanium,sans-serif;letter-spacing:.08em;color:#e6d1f3;margin-bottom:30px}.contact-form input:not(.honeypot),.contact-form textarea{display:block;width:100%;margin-top:14px;background:#ffffff0b;border:1px solid #8d61a5;color:#fff;outline:0;padding:18px 20px;font:500 17px 'DM Sans',sans-serif;border-radius:0;transition:border-color .2s,background .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--mint);background:#ffffff14}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#ad8dbd}.contact-form textarea{resize:vertical;min-height:155px}.honeypot{position:absolute;left:-9999px;opacity:0}.form-end{display:flex;align-items:center;justify-content:space-between;gap:20px}.form-end>span{font:700 10px Oxanium,sans-serif;letter-spacing:.07em;color:#bea7d1}.form-end button{border:0}.form-feedback{margin-top:25px;padding:16px 20px;border:1px solid #e1adf7}.form-feedback.success{border-color:var(--mint);color:var(--mint)}.form-feedback.error{border-color:var(--pink);color:#ffc0df}.footer{background:#10031d;padding:55px 0 25px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff33;padding-bottom:50px}.footer-logo{font:900 70px Oxanium,sans-serif;letter-spacing:-.13em}.footer-logo span{font-size:30px;color:var(--pink);vertical-align:top}.footer-main p{font:700 12px Oxanium,sans-serif;letter-spacing:.1em}.footer-main>a:last-child{font:700 11px Oxanium,sans-serif;color:var(--mint)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:24px;font:700 10px Oxanium,sans-serif;color:#b7a2c5;letter-spacing:.05em}.footer-bottom a{color:var(--mint)}[data-reveal]{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}[data-reveal].visible{opacity:1;transform:none}
@media(max-width:1180px){.header-inner{width:calc(100% - 56px)}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;background:transparent;border:1px solid #a979bc;color:white;width:52px;height:48px;padding:12px;z-index:2}.menu-toggle span{height:2px;width:100%;background:#fff}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#1b092f;padding:28px;flex-direction:column;align-items:stretch;border-bottom:2px solid var(--pink);box-shadow:0 20px 40px #0009}.site-nav.open{display:flex}.site-nav a{font-size:12px;padding:12px 4px}.site-nav .nav-contact{align-self:start;padding:15px}.hero h1{font-size:clamp(53px,8.5vw,100px)}.hero-vertical{display:none}.hero-bottom{align-items:flex-start;flex-direction:column}.intro-grid{grid-template-columns:1fr 3fr;gap:20px}.intro-bottom{flex-direction:column;align-items:flex-start}.companies-inner{gap:4%}.era-ticket{padding:19px 16px}.era-ticket strong{font-size:17px}}
@media(max-width:850px){.wrap{width:calc(100% - 48px)}.hero-content{padding-top:130px}.hero-topline-end{display:none}.hero h1{font-size:clamp(41px,8.6vw,78px);line-height:1.13}.hero-heading{padding:55px 0 30px}.intro-grid{grid-template-columns:1fr}.intro-grid>.eyebrow{padding:0}.intro .display{font-size:clamp(40px,8vw,75px)}.section-heading{flex-direction:column;align-items:flex-start;gap:15px}.section-heading>p{max-width:550px}.process-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 25px}.process-track{display:none}.step-glyph{margin-top:28px}.companies-inner{grid-template-columns:1fr;gap:55px}.companies-copy{max-width:650px}.era-stack{width:min(100%,520px);min-height:500px;margin:auto}.studio-grid{grid-template-columns:1fr;gap:60px}.studio-media{max-width:600px;margin:auto;width:100%;aspect-ratio:5/4}.contact-decor{display:none}.contact-heading{display:block}.footer-main{flex-wrap:wrap}.footer-logo{font-size:50px}}
@media(max-width:540px){html{scroll-padding-top:75px}.wrap{width:calc(100% - 36px)}.header-inner{width:calc(100% - 36px);min-height:74px}.brand-mark{font-size:28px}.brand-caption{font-size:8px}.hero{min-height:720px;min-height:100svh}.hero-content{padding-top:100px;padding-bottom:80px}.hero-topline{font-size:9px;letter-spacing:.08em}.hero h1{font-size:clamp(34px,8.6vw,54px);letter-spacing:-.085em;text-shadow:3px 3px 0 #f1008e60}.hero-bottom p{font-size:16px}.hero-actions{width:100%}.hero-actions .btn{width:100%;min-height:53px}.hero-rail{font-size:8px}.section-pad{padding:75px 0}.display{font-size:clamp(34px,8.3vw,50px)}.intro .display{font-size:clamp(34px,8.3vw,50px)}.intro-bottom p{font-size:17px}.text-link{white-space:normal;font-size:10px}.service-row{grid-template-columns:28px minmax(0,1fr) 24px;column-gap:12px;padding:26px 0}.service-row h3{font-size:clamp(19px,5.6vw,29px)}.service-row p{font-size:15px}.service-icon{font-size:27px}.service-tags{gap:5px}.service-tags span{font-size:8px}.showreel{height:490px}.showreel-overlay>.wrap{width:calc(100% - 36px)}.showreel h2{font-size:clamp(35px,9vw,56px)}.showreel-bottom{font-size:8px;flex-wrap:wrap}.process-steps{grid-template-columns:1fr;gap:30px}.process-steps article{padding:10px 0 20px 22px;border-left:2px solid var(--pink)}.step-glyph{margin-top:22px;width:75px;height:75px;font-size:38px}.process-steps h3{margin-top:24px}.companies .display{font-size:clamp(37px,10vw,57px)}.companies-copy p{font-size:16px}.companies-cta{width:100%;font-size:10px}.era-stack{min-height:400px}.era-ticket{width:95%;padding:14px 12px}.era-ticket strong{font-size:clamp(13px,4vw,19px)}.era-ticket span,.era-ticket i{font-size:8px}.era-one{--y:0px}.era-two{--y:73px}.era-three{--y:146px}.era-four{--y:219px}.era-five{--y:292px}.studio-copy p{font-size:17px}.studio-media{aspect-ratio:1}.contact .display{font-size:clamp(34px,8.5vw,55px)}.contact-heading p{font-size:16px}.contact-email{font-size:clamp(13px,4.5vw,20px)}.form-row{grid-template-columns:1fr;gap:0}.form-end{flex-direction:column;align-items:stretch}.form-end>span{font-size:9px}.form-end button{width:100%}.footer-main{align-items:flex-start;flex-direction:column}.footer-bottom{flex-direction:column;gap:10px}.footer-logo{font-size:47px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}
/* V2 — interactive studio, practical copy, tactile controls */
.hero h1{font-size:clamp(50px,7.2vw,122px)}
.workbench{background:#130720;color:#f9f4ff;position:relative;overflow:hidden}
.workbench:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 95% 20%,#fa259b20,transparent 40%),linear-gradient(90deg,#d673ff09 1px,transparent 1px),linear-gradient(#d673ff09 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}
.workbench>.wrap{position:relative}
.workbench-header{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);align-items:end;gap:40px;margin-bottom:52px}
.workbench-header .display{margin-bottom:0}.workbench-header .display span{color:var(--pink)}
.workbench-header>p{color:#d6c2e5;font-size:18px;max-width:430px}
.workbench-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);border:1px solid #7b428b;min-height:580px;background:#210c36;box-shadow:16px 16px 0 #fc2fa02e}
.workbench-controls{padding:clamp(22px,3.4vw,48px);border-right:1px solid #7b428b;min-width:0}
.workbench-step-label{font:800 11px Oxanium,sans-serif;letter-spacing:.07em;color:var(--mint);margin-bottom:20px}
.wb-second-label{margin-top:38px}
.workbench-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wb-type{min-height:83px;display:flex;align-items:center;gap:13px;background:#351548;border:1px solid #855a93;color:#e9d8f4;text-align:left;padding:12px;font:800 clamp(9px,.82vw,12px) Oxanium,sans-serif;transition:background .2s,transform .2s,border-color .2s}
.wb-type>span{font:400 25px Oxanium,sans-serif;color:var(--pink)}
.wb-type:hover,.wb-type:focus-visible{border-color:var(--mint);transform:translateY(-2px)}
.wb-type.active{background:var(--yellow);color:#1b072c;border-color:var(--yellow);box-shadow:4px 4px 0 var(--pink)}.wb-type.active>span{color:#280b3b}
.workbench-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.wb-feature{display:flex;align-items:center;gap:10px;border:1px solid #845b94;padding:11px;min-height:52px;font:600 12px 'DM Sans',sans-serif;cursor:pointer;background:#291039;color:#f5eafa}
.wb-feature input{width:18px;height:18px;flex-shrink:0;accent-color:var(--pink);cursor:pointer}
.wb-feature:has(input:checked){border-color:var(--pink);background:#5b194d}
.wb-summary{margin:35px 0 22px;border-left:3px solid var(--mint);padding-left:18px}
.wb-summary>span{display:block;font:800 10px Oxanium,sans-serif;color:var(--mint);margin-bottom:9px}
.wb-summary strong{display:block;font:800 19px Oxanium,sans-serif;line-height:1.35}.wb-summary p{color:#d4c0df;font-size:14px;margin:8px 0 0}
.wb-send{width:100%;border:0}
.workbench-preview{min-width:0;display:flex;flex-direction:column;background:#160a29}
.wb-preview-top,.wb-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 22px;font:800 10px Oxanium,sans-serif;color:#b5a1cb;letter-spacing:.04em}
.wb-preview-top{border-bottom:1px solid #663578}.wb-preview-top>span{white-space:nowrap}.wb-led{display:inline-block;width:7px;height:7px;background:var(--mint);border-radius:50%;margin-right:8px;box-shadow:0 0 10px var(--mint)}
.wb-device{display:flex;border:1px solid #78418a}.wb-device button{background:transparent;color:#c5a6d2;border:0;padding:9px;font:700 9px Oxanium,sans-serif}.wb-device button.active{background:var(--mint);color:#130722}
.wb-stage{flex:1;display:grid;place-items:center;padding:clamp(16px,3vw,38px);min-height:380px;overflow:hidden;background:radial-gradient(circle,#57206060,transparent 75%)}
.wb-browser{width:100%;max-width:580px;background:#faf1e4;color:#1c0a2c;box-shadow:12px 12px 0 #f52b9a,0 24px 40px #0007;transition:width .4s ease,transform .4s ease}
.wb-stage.mobile .wb-browser{width:min(270px,100%);transform:translateY(0)}
.wb-browser-bar{height:35px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#211032;color:#d5b5e0;padding:0 13px;font:700 10px Oxanium,sans-serif}.wb-browser-bar>span:first-child{color:#ff4aa6;letter-spacing:2px}
.wb-demo{min-height:320px;padding:23px 26px;transition:background .3s,color .3s;background:#ffdf4b;color:#230c38}
.wb-demo-nav{display:flex;justify-content:space-between;align-items:center;font:800 11px Oxanium,sans-serif;gap:8px}.wb-demo-nav b span{color:#f535a1;margin-left:5px}.wb-demo-nav>span{font-size:9px}
.wb-demo-body{padding:38px 0 27px}.wb-demo-body>span:first-child{font:800 9px Oxanium,sans-serif;letter-spacing:.1em}
.wb-demo h3{font:900 clamp(21px,2.4vw,38px)/1.1 Oxanium,sans-serif;letter-spacing:-.07em;margin:14px 0}.wb-demo h3 em{font-style:normal;color:#ec248c}.wb-demo-body p{font-size:13px;max-width:330px}.wb-demo-cta{display:inline-block;margin-top:9px;border:2px solid currentColor;padding:8px 12px;font:800 9px Oxanium,sans-serif}
.wb-demo-blocks{display:flex;gap:8px}.wb-demo-blocks span{height:35px;flex:1;background:#230b3933}
.wb-demo[data-type="shop"]{background:#f5e2e8;color:#30133c}.wb-demo[data-type="shop"] .wb-demo-blocks span{background:#ed3f9b;border-radius:40% 40% 4px 4px;height:57px}
.wb-demo[data-type="system"]{background:#041e28;color:#9ff8e7}.wb-demo[data-type="system"] .wb-demo-blocks span{background:repeating-linear-gradient(90deg,#00f0d4 0 3px,transparent 3px 9px);height:43px}.wb-demo[data-type="system"] h3 em{color:#09ead0}
.wb-demo[data-type="care"]{background:#291d31;color:#f8e5bc}.wb-demo[data-type="care"] .wb-demo-blocks span{background:#f6b54b}.wb-demo[data-type="care"] h3 em{color:#f6b54b}
.wb-stage.mobile .wb-demo{min-height:365px;padding:14px}.wb-stage.mobile .wb-demo-body{padding:36px 0 30px}.wb-stage.mobile .wb-demo h3{font-size:21px}
.wb-preview-footer{border-top:1px solid #663578;flex-wrap:wrap;font-size:9px}.wb-preview-footer #wbStatus{color:var(--mint)}
.debug-lab{background:#ffe14a;color:#19082d}
.debug-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(35px,6vw,100px);align-items:center}
.debug-copy .display{font-size:clamp(40px,4.7vw,78px)}.debug-copy .display span{color:#f1279a}.debug-copy p{max-width:540px;font-size:18px}
.debug-picks{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.debug-choice{border:2px solid #230b3b;background:transparent;color:#230b3b;padding:12px 15px;font:800 10px Oxanium,sans-serif;text-align:left}
.debug-choice.active{background:#230b3b;color:#ffe14a;box-shadow:4px 4px 0 #fa319f}
.debug-terminal{background:#0c1220;color:#d0f4e9;border:2px solid #271338;box-shadow:14px 14px 0 #fc299a;min-width:0}
.debug-terminal-top,.debug-terminal-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 20px;font:800 10px Oxanium,sans-serif;letter-spacing:.03em}
.debug-terminal-top{background:#1b2331;border-bottom:1px solid #53606e;color:#8cf2dc}.debug-terminal-top span:first-child{color:#fc57ad}
.debug-console{height:280px;overflow:auto;padding:18px 22px;font:500 13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;scrollbar-color:#4dbaaa #0c1220}
.debug-console p{margin:0 0 10px;overflow-wrap:anywhere}.debug-console p span{color:#f94da6;margin-right:9px}.debug-console .ok{color:#72f4c9}.debug-console .warn{color:#f5d16c}
.debug-terminal-bottom{border-top:1px solid #53606e;flex-wrap:wrap}.debug-terminal-bottom button{border:0;background:#66f5d7;color:#051927;padding:12px 13px;font:800 10px Oxanium,sans-serif}.debug-terminal-bottom button:disabled{opacity:.6;cursor:wait}
.debug-disclaimer{padding:0 20px 14px;margin:0;color:#95aab2;font-size:11px}
.service-row{cursor:default}.service-row h3{font-size:clamp(23px,2.7vw,45px)}
@media(max-width:1050px){.workbench-grid{grid-template-columns:1fr}.workbench-controls{border-right:0;border-bottom:1px solid #7b428b}.workbench-preview{min-height:550px}.debug-grid{grid-template-columns:1fr}.debug-terminal{max-width:760px}.workbench-header{grid-template-columns:1fr}.workbench-header>p{max-width:720px}}
@media(max-width:650px){.workbench-choices{grid-template-columns:1fr 1fr}.wb-type{min-height:68px;font-size:9px}.workbench-features{grid-template-columns:1fr}.wb-preview-top,.wb-preview-footer{padding:12px;flex-wrap:wrap}.wb-stage{min-height:390px}.wb-browser{max-width:100%}.wb-demo{padding:16px}.wb-demo h3{font-size:clamp(21px,5vw,31px)}.wb-demo-body{padding:27px 0}.workbench-grid{box-shadow:6px 6px 0 #fc2fa02e}.debug-terminal{box-shadow:6px 6px 0 #fc299a}.debug-terminal-top,.debug-terminal-bottom{font-size:9px}.debug-terminal-top{flex-wrap:wrap}.debug-choice{font-size:9px}.hero h1{font-size:clamp(34px,8vw,55px)}}
@media(prefers-reduced-motion:reduce){.wb-browser{transition:none}}

/* V3 — expanding service controls, scroll-pinned process and separate brass ticket */
.service-list{border-top:1px solid #ffffff45}
.service-row{cursor:pointer!important;position:relative;overflow:hidden;transition:background .35s,border-color .35s,padding .35s;outline-offset:4px}
.service-row:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ff3ba91c,transparent 70%);opacity:0;transition:opacity .35s;pointer-events:none}
.service-row:hover:before,.service-row.is-open:before{opacity:1}
.service-row.is-open{background:#ffffff0b;padding-inline:clamp(8px,2vw,26px)}
.service-row .service-icon{transition:transform .45s,color .3s}
.service-row.is-open .service-icon{transform:rotate(45deg) scale(1.15);color:var(--mint)}
.service-row .service-tags{max-height:0;opacity:0;overflow:hidden;transform:translateY(-12px);transition:max-height .5s cubic-bezier(.2,.8,.2,1),opacity .3s,transform .5s;pointer-events:none}
.service-row.is-open .service-tags{max-height:180px;opacity:1;transform:translateY(0);pointer-events:auto}
.service-row p{max-height:0;opacity:0;margin:0!important;overflow:hidden;transform:translateY(-10px);transition:max-height .5s cubic-bezier(.2,.8,.2,1),opacity .35s,transform .4s}
.service-row.is-open p{max-height:240px;opacity:1;transform:none;margin-top:12px!important}
.service-row h3{transition:color .25s,transform .3s}
.service-row.is-open h3{color:var(--mint);transform:translateX(5px)}
.service-row:focus-visible{outline:3px solid var(--mint)}
.process{--process-progress:0%;position:relative;padding-bottom:0!important}
.process>.wrap{position:relative}
.process-heading{margin-bottom:20px}
.process-stage{position:relative;margin-top:32px;min-height:330px}
.process-status{display:flex;justify-content:space-between;gap:20px;margin-bottom:35px;color:var(--mint);font:700 11px Oxanium,sans-serif;letter-spacing:.09em}
.process.is-pinned{min-height:380vh;padding:0!important}
.process.is-pinned>.wrap{position:sticky;top:0;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-block:clamp(60px,9vh,120px);box-sizing:border-box}
.process.is-pinned .process-heading h2{font-size:clamp(34px,4.7vw,77px)}
.process.is-pinned .process-stage{min-height:260px}
.process.is-pinned .process-steps article{opacity:.24;transform:translateY(15px) scale(.96);transition:opacity .45s,transform .45s,filter .45s;filter:grayscale(.8)}
.process.is-pinned .process-steps article.active{opacity:1;transform:translateY(-7px) scale(1);filter:none}
.process.is-pinned .step-glyph{margin-top:32px}
.era-two{background:#274f63!important;color:#f6e4b6!important;border-color:#d1ac69!important;box-shadow:9px 9px 0 #071a29!important}
.era-two:hover{box-shadow:15px 15px 0 #071a29!important}
@media(max-width:850px){.process.is-pinned{min-height:400svh}.process.is-pinned>.wrap{padding-block:70px}.process.is-pinned .process-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.process.is-pinned .process-steps article{padding:8px}.process.is-pinned .process-steps article h3{margin:12px 0 5px;font-size:clamp(13px,2vw,20px)}.process.is-pinned .process-steps article p{font-size:12px;line-height:1.4}.process.is-pinned .step-glyph{width:55px;height:55px;font-size:28px;margin-top:12px}.process.is-pinned .process-heading{margin-bottom:0}.process.is-pinned .process-stage{margin-top:15px}}
@media(max-width:540px){.process.is-pinned{min-height:420svh}.process.is-pinned>.wrap{padding-block:85px 25px}.process.is-pinned .process-heading h2{font-size:clamp(28px,8vw,45px)}.process.is-pinned .process-heading p{font-size:13px}.process.is-pinned .process-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.process.is-pinned .process-steps article{border:1px solid #ffffff25;padding:9px!important}.process.is-pinned .process-steps article h3{font-size:12px}.process.is-pinned .process-steps article p{font-size:11px}.process.is-pinned .step-glyph{width:40px;height:40px;font-size:22px}.process-status{font-size:9px;margin-bottom:12px}.service-row .service-tags{grid-column:2/-1}}
@media(prefers-reduced-motion:reduce){.service-row,.service-row *{transition:none!important}.process.is-pinned{min-height:auto}.process.is-pinned>.wrap{position:relative;min-height:auto}.process.is-pinned .process-steps article{opacity:1;transform:none;filter:none}}
/* V4 — time-travel portfolio spotlight, secret radio, branded loader */
.companies{padding-bottom:115px}.companies-inner{row-gap:50px}.company-spotlight{grid-column:1/-1;position:relative;z-index:2;background:#120a26e8;border:1px solid #f738a5;box-shadow:12px 12px 0 #ff36a340;overflow:hidden}.spotlight-top{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:17px 22px;border-bottom:1px solid #ffffff35;color:#ffe032;font:800 10px Oxanium,sans-serif;letter-spacing:.09em}.spotlight-led{display:inline-block;background:#00eedb;width:9px;height:9px;box-shadow:0 0 12px #00eedb;animation:spotBlink 1.8s infinite}.spotlight-right{margin-left:auto;color:#a8f5ef}.spotlight-body{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:35px;padding:38px 30px}.spotlight-index{font:800 12px Oxanium,sans-serif;color:#ffde30;align-self:start}.spotlight-body strong{font:900 clamp(25px,3.3vw,54px)/1.12 Oxanium,sans-serif;color:#fff;letter-spacing:-.055em;display:block;transition:color .2s}.spotlight-body p{color:#dacfe8;max-width:680px;margin:13px 0 0;font-size:16px}.spotlight-link{background:#ff35a5;color:#180725;padding:18px 22px;font:900 11px Oxanium,sans-serif;white-space:nowrap;transition:transform .2s,background .2s}.spotlight-link:hover{background:#ffe032;transform:translateY(-4px)}.spotlight-selector{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #ffffff40}.spotlight-selector button{border:0;border-right:1px solid #ffffff35;background:#ffffff07;color:#d7bbdf;font:800 11px Oxanium,sans-serif;padding:20px 8px;cursor:pointer;transition:background .2s,color .2s}.spotlight-selector button:hover,.spotlight-selector button.active{background:#ffe032;color:#1c0b2c}.companies .era-ticket:focus-visible{outline:3px solid #ffe032;outline-offset:6px}.era-two{background:#274b62;color:#ffdf9c;border-color:#dbac68}.era-stack{filter:drop-shadow(0 12px 25px #f42aa42e)}

@media(max-width:850px){.company-spotlight{grid-column:1}.spotlight-body{grid-template-columns:1fr;gap:15px}.spotlight-link{justify-self:start}.companies-inner{row-gap:35px}}@media(max-width:540px){.companies{padding-bottom:75px}.spotlight-body{padding:24px 18px}.spotlight-body strong{font-size:clamp(24px,7vw,34px)}.spotlight-selector button{font-size:8px;padding:16px 2px}.spotlight-top{font-size:8px;padding:13px}.spotlight-right{display:none}.secret-radio{left:12px;bottom:12px}.radio-trigger span{font-size:8px}.loader-word{font-size:8px}}
@media(prefers-reduced-motion:reduce){.fk-loader *,.spotlight-led,.radio-trigger.is-playing{animation:none!important}}

/* V5 / editorial content, photography and scroll-driven white statement */
.about-more{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(30px,6vw,100px);align-items:center;margin-top:clamp(65px,10vw,150px);position:relative;z-index:2}.about-photo{position:relative;min-height:450px;aspect-ratio:4/4.2;overflow:hidden;border:1px solid #ff42b4}.about-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s}.about-photo:hover img{transform:scale(1.07)}.about-photo span{position:absolute;bottom:20px;left:20px;background:#ffdc32;color:#17082a;padding:12px 15px;font:800 10px Oxanium,sans-serif}.about-story h3,.service-after h3{font:900 clamp(28px,3.5vw,55px)/1.13 Oxanium,sans-serif;letter-spacing:-.05em;margin:22px 0;color:#fff}.about-story h3 em,.service-after h3 em{color:#ff39ad;font-style:normal}.about-story p,.service-after p{font-size:clamp(15px,1.2vw,18px);line-height:1.85;color:#d8cde6;margin:0 0 17px}.about-points{display:grid;gap:12px;margin-top:32px;border-top:1px solid #ffffff4a;padding-top:23px}.about-points span{font:700 11px Oxanium,sans-serif;color:#ffe135;letter-spacing:.03em}.intro{overflow:hidden}.intro-outline{pointer-events:none}
.service-after{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center;margin-top:clamp(60px,9vw,125px);padding-top:clamp(30px,5vw,70px);border-top:2px solid #1a0b2b}.service-after h3{color:#210c35}.service-after h3 em{color:#ff269c}.service-after p{color:#453750}.service-after-visual{position:relative;aspect-ratio:4/4.4;overflow:hidden;background:#210b3b}.service-after-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s}.service-after-visual:hover img{transform:scale(1.06)}.service-after-label{position:absolute;bottom:22px;right:22px;background:#ffe034;padding:17px 20px;font:900 14px/1.4 Oxanium,sans-serif;color:#200b31;transform:rotate(-3deg)}
.smoke-section{position:relative;isolation:isolate;background:#fff;color:#b81938;min-height:clamp(750px,105vh,1150px);display:flex;align-items:center;overflow:hidden;--smoke-scroll:0;--smoke-offset:0px}.smoke-picture{position:absolute;inset:0;z-index:-2;overflow:hidden}.smoke-picture img{width:100%;height:100%;object-fit:cover;object-position:center 47%;display:block;transform:scale(1.1) translate3d(0,var(--smoke-offset),0);will-change:transform}.smoke-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fffffff0 0%,#ffffffd6 34%,#ffffff6b 64%,#ffffff16 100%),linear-gradient(0deg,#fff 0%,transparent 25%,transparent 80%,#fff 100%)}.smoke-inner{width:100%;padding-top:120px;padding-bottom:150px}.smoke-eyebrow{font:900 12px Oxanium,sans-serif;letter-spacing:.14em;color:#c71c41}.smoke-heading{display:flex;gap:clamp(20px,5vw,90px);align-items:flex-start;margin:40px 0}.smoke-counter{font:800 10px/2.2 Oxanium,sans-serif;color:#bb2144;min-width:155px;border-left:4px solid #d81b47;padding-left:15px}.smoke-heading h2{font:900 clamp(55px,9.5vw,160px)/.94 Oxanium,sans-serif;letter-spacing:-.095em;color:#a71534;margin:0;max-width:1100px;transform:translate3d(calc(var(--smoke-scroll)*-18px),0,0);transition:transform .1s linear}.smoke-heading h2 em{font-style:normal;color:#e11f52;text-shadow:4px 4px 0 #ffb7c6}.smoke-lead{font-size:clamp(18px,2.2vw,29px);line-height:1.5;max-width:650px;font-weight:700;color:#9f1b36;background:#ffffffb0;padding:12px 0}.smoke-bottom{display:flex;align-items:end;gap:35px;flex-wrap:wrap;margin-top:65px}.smoke-bottom>div{display:grid;gap:9px;max-width:200px}.smoke-bottom strong{font:900 13px Oxanium,sans-serif}.smoke-bottom span{font-size:14px;color:#6e3b4a}.smoke-button{display:flex;gap:25px;align-items:center;padding:19px 23px;background:#c9143c;color:#fff;font:800 11px Oxanium,sans-serif;transition:background .2s,transform .2s}.smoke-button:hover{background:#80102c;transform:translateY(-5px)}.smoke-button span{color:#fff}.smoke-ticker{position:absolute;bottom:0;left:0;right:0;background:#d91c49;color:#fff;padding:15px 0;text-align:center;font:900 clamp(10px,1.1vw,15px) Oxanium,sans-serif;letter-spacing:.09em;white-space:nowrap;overflow:hidden}
.visual-editorial{background:#140826;padding:65px 0 0}.visual-editorial-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:35px}.visual-editorial-heading p{color:#f9d8ee;font-size:17px}.visual-editorial-grid{display:grid;grid-template-columns:1.2fr .9fr .7fr;gap:8px}.visual-editorial-grid figure{position:relative;min-width:0;margin:0;height:clamp(280px,39vw,560px);overflow:hidden;background:#250d42}.visual-editorial-grid img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s ease,filter .8s}.visual-editorial-grid figure:hover img{transform:scale(1.09);filter:saturate(1.25)}.visual-editorial-grid figcaption{position:absolute;bottom:18px;left:18px;padding:10px 13px;background:#160625d9;color:#fff;font:800 10px Oxanium,sans-serif}.visual-editorial-grid figure:nth-child(2){margin-top:38px;height:calc(clamp(280px,39vw,560px) - 38px)}.visual-editorial-grid figure:nth-child(3){margin-top:76px;height:calc(clamp(280px,39vw,560px) - 76px)}
@media(max-width:900px){.about-more,.service-after{grid-template-columns:1fr}.about-photo{min-height:0;aspect-ratio:16/10}.service-after-visual{aspect-ratio:16/9}.smoke-heading{display:block}.smoke-counter{display:block;margin-bottom:22px}.smoke-heading h2{font-size:clamp(46px,10vw,92px)}.smoke-overlay{background:linear-gradient(90deg,#ffffffef 0%,#ffffffc4 65%,#ffffff78 100%)}}@media(max-width:620px){.smoke-section{min-height:740px}.smoke-inner{padding-top:80px;padding-bottom:90px}.smoke-heading h2{font-size:clamp(37px,11vw,66px);letter-spacing:-.09em}.smoke-bottom{gap:25px;margin-top:35px}.smoke-bottom>div{max-width:100%;width:100%}.smoke-lead{font-size:17px}.visual-editorial-heading{display:block}.visual-editorial-grid{grid-template-columns:1fr 1fr}.visual-editorial-grid figure{height:250px}.visual-editorial-grid figure:nth-child(2){height:250px;margin:0}.visual-editorial-grid figure:nth-child(3){grid-column:1/-1;margin:0;height:180px}.visual-editorial-grid figcaption{font-size:8px}.about-photo span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.smoke-heading h2,.smoke-picture img{transform:none!important;transition:none!important}}

/* V6: editorial smoke panel and richer text layouts */
.intro-bottom p{max-width:760px;line-height:1.65}.intro-bottom{align-items:flex-end}.about-story p{line-height:1.8}.section-heading>p{max-width:350px;line-height:1.65}.service-row.is-open p{max-height:360px}.service-row h3{overflow-wrap:normal;word-break:normal}
.smoke-section.smoke-v6{min-height:850px;min-height:100svh;display:block;background:#fff;color:#a20d32;overflow:hidden;isolation:isolate}
.smoke-v6 .smoke-picture{z-index:-2;inset:0 0 0 42%;overflow:hidden}.smoke-v6 .smoke-picture img{width:100%;height:100%;object-fit:cover;object-position:48% 52%;filter:saturate(1.08);transform:scale(1.06) translate3d(0,var(--smoke-offset),0)}
.smoke-v6 .smoke-overlay{z-index:-1;background:linear-gradient(90deg,#fff 0%,#fff 32%,#ffffffef 44%,#ffffff88 61%,#ffffff00 84%),linear-gradient(0deg,#fff 0%,transparent 20%,transparent 85%,#fff 100%)}
.smoke-v6 .smoke-inner{padding-top:clamp(110px,11vw,160px);padding-bottom:125px;position:relative}.smoke-v6 .smoke-topline{display:flex;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid #a20d3250;font:800 10px/1.5 Oxanium,sans-serif;letter-spacing:.13em;max-width:100%}.smoke-v6 .smoke-topline span:last-child{color:#b35c70}
.smoke-v6 .smoke-content{width:min(760px,63%);margin-top:clamp(48px,7vw,95px)}.smoke-v6 .smoke-kicker{display:block;font:800 11px/1.7 Oxanium,sans-serif;letter-spacing:.11em;color:#d31b4e;margin-bottom:24px}
.smoke-v6 h2{font:900 clamp(47px,6.1vw,106px)/1.03 Oxanium,sans-serif;letter-spacing:-.075em;margin:0 0 38px;transform:translate3d(calc(var(--smoke-scroll)*-9px),0,0);transition:transform .1s linear;overflow-wrap:normal;word-break:normal}.smoke-v6 h2>span,.smoke-v6 h2>em{display:block;white-space:nowrap}.smoke-v6 h2 em{font-style:normal;color:#ef275a;text-shadow:3px 3px 0 #ffbdcd}.smoke-v6 .smoke-dot{color:#f22c5c}
.smoke-v6 .smoke-lead{font:700 clamp(21px,2.1vw,30px)/1.35 'DM Sans',sans-serif;max-width:590px;padding:0;background:none;color:#941632;margin:0 0 20px}.smoke-v6 .smoke-detail{font-size:clamp(15px,1.15vw,18px);line-height:1.7;color:#57343d;max-width:550px;margin:0 0 30px}.smoke-v6 .smoke-button{display:inline-flex;box-shadow:5px 5px 0 #f7a7b9}
.smoke-v6 .smoke-footer{display:flex;gap:24px;justify-content:space-between;margin-top:clamp(55px,8vw,125px);padding:20px 0;border-top:1px solid #a20d3250;font:800 10px/1.5 Oxanium,sans-serif;letter-spacing:.07em}.smoke-v6 .smoke-footer span:before{content:'✳';color:#ef275a;margin-right:12px}
.smoke-v6 .smoke-ticker{position:relative;bottom:auto;text-align:left;padding:13px 0;white-space:nowrap;overflow:hidden}.smoke-v6 .smoke-ticker span{display:inline-block;min-width:max-content;animation:marquee 24s linear infinite}
@media(max-width:1050px){.smoke-v6 .smoke-content{width:min(690px,77%)}.smoke-v6 .smoke-picture{left:30%}.smoke-v6 .smoke-overlay{background:linear-gradient(90deg,#fff 0%,#fffffff0 42%,#ffffff8a 78%,#ffffff30 100%)}.smoke-v6 h2{font-size:clamp(43px,7vw,78px)}}
@media(max-width:700px){.smoke-section.smoke-v6{min-height:0}.smoke-v6 .smoke-inner{padding-top:90px;padding-bottom:55px}.smoke-v6 .smoke-topline{font-size:8px}.smoke-v6 .smoke-topline span:last-child{display:none}.smoke-v6 .smoke-picture{inset:0 0 30% 5%;opacity:.45}.smoke-v6 .smoke-overlay{background:linear-gradient(180deg,#ffffffd9 0%,#fffffff2 58%,#fff 86%)}.smoke-v6 .smoke-content{width:100%;margin-top:80px}.smoke-v6 h2{font-size:clamp(34px,8.6vw,66px);letter-spacing:-.085em}.smoke-v6 .smoke-kicker{font-size:9px}.smoke-v6 .smoke-lead{font-size:21px}.smoke-v6 .smoke-footer{flex-wrap:wrap;gap:14px;margin-top:65px;font-size:8px}.smoke-v6 .smoke-footer span{flex:1 1 40%}.intro-bottom{flex-wrap:wrap}.section-heading>p{max-width:100%}}
@media(max-width:390px){.smoke-v6 h2{font-size:clamp(29px,8.2vw,38px)}}
@media(prefers-reduced-motion:reduce){.smoke-v6 h2,.smoke-v6 .smoke-picture img{transform:none!important}.smoke-v6 .smoke-ticker span{animation:none}}

/* V7: consistent section gutters and a real, type-specific live demo */
.smoke-v6 .smoke-inner.wrap{width:min(1440px,calc(100% - 104px));margin-inline:auto}
.smoke-v6 .smoke-content{width:min(760px,64%);max-width:100%}
.smoke-v6 h2{font-size:clamp(42px,5.2vw,88px);letter-spacing:-.075em}
.wb-demo-visual{margin:12px 0 15px;min-height:125px}
.wb-demo-selected{border-top:1px solid currentColor;padding-top:10px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.wb-demo-selected>strong{width:100%;font:800 9px Oxanium,sans-serif;letter-spacing:.08em;margin-bottom:4px}
.demo-chip{font:700 9px/1.3 'DM Sans',sans-serif;border:1px solid currentColor;padding:5px 7px;background:#ffffff24}
.demo-empty{font-size:11px;opacity:.75}
.demo-pop{animation:demo-appear .32s ease-out}@keyframes demo-appear{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}
.demo-website{display:grid;grid-template-columns:40% 1fr;gap:12px;border-top:2px solid currentColor;padding-top:10px}
.demo-website-picture{background:linear-gradient(135deg,#f72d9a,#4b1a73);min-height:105px;display:grid;place-items:center;color:#fff;font-size:60px}
.demo-website-copy{min-width:0}.demo-website-copy strong{font:800 13px Oxanium,sans-serif}.demo-website-copy p{font-size:10px;line-height:1.5;margin:7px 0}
.demo-form{padding:8px;background:#fff7;font-size:9px;margin-top:6px}.demo-lang{font:800 10px Oxanium,sans-serif}
.demo-shop{display:grid;gap:12px}.demo-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.demo-product{min-width:0}.demo-product-photo{display:grid;place-items:center;background:#ff6bae;color:#fff;height:67px;font-size:35px}.demo-product:nth-child(2) .demo-product-photo{background:#ffbf5e}.demo-product:nth-child(3) .demo-product-photo{background:#ab78cf}
.demo-product b,.demo-product small{display:block;font-size:9px;margin-top:4px}.demo-checkout{display:flex;gap:7px;flex-wrap:wrap;align-items:center;border-top:1px solid #aa8295;padding-top:8px;font-size:9px}.demo-checkout strong{width:100%;font:800 10px Oxanium,sans-serif}.demo-checkout span{padding:4px 6px;background:#fff9}.demo-checkout>b{margin-left:auto;background:#291135;color:#fff;padding:7px}
.demo-system{font-family:ui-monospace,monospace}.demo-system-header{border-bottom:1px solid #4cf6da;padding:7px 0;font-size:10px}.demo-system-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0}.demo-system-stats>div{border:1px solid #47d4bf;padding:8px;min-width:0}.demo-system-stats small,.demo-system-stats strong{display:block;font-size:9px;overflow-wrap:anywhere}.demo-system-stats strong{font-size:21px;color:#57fbe2}.demo-system-feed{display:grid;gap:5px;border:1px solid #47d4bf;padding:9px;font-size:10px}.demo-system-feed b{color:#4ff9dd}
.demo-care{display:grid;grid-template-columns:115px 1fr;gap:12px;align-items:center}.demo-care-head{grid-column:1/-1;border-bottom:1px solid currentColor;padding-bottom:7px;font:800 10px Oxanium,sans-serif}.demo-care-ring{height:108px;width:108px;display:grid;place-items:center;border:9px solid #f9ba4a;border-left-color:#645076;border-radius:50%;font:900 24px Oxanium,sans-serif}.demo-care-checks{display:grid;gap:8px;font:700 10px/1.5 ui-monospace,monospace}
.debug-result{display:none;padding:18px 15px;background:#62f6d7;color:#0a1621;font:900 clamp(20px,2.6vw,34px)/1.25 Oxanium,sans-serif;text-align:center;letter-spacing:-.04em;box-shadow:inset 0 0 0 3px #0b1723}
.debug-result.visible{display:block;animation:demo-appear .45s ease-out}
@media(max-width:700px){.smoke-v6 .smoke-inner.wrap{width:calc(100% - 40px)}.smoke-v6 .smoke-content{width:100%}.smoke-v6 h2{font-size:clamp(29px,7.7vw,54px)}.wb-demo-visual{min-height:100px}.demo-care{grid-template-columns:100px 1fr}.demo-care-ring{height:95px;width:95px}}
@media(max-width:390px){.smoke-v6 h2{font-size:clamp(27px,7.4vw,34px)}.demo-website{grid-template-columns:1fr}.demo-website-picture{min-height:70px}.demo-care{grid-template-columns:1fr}.demo-care-ring{margin:auto}}
@media(prefers-reduced-motion:reduce){.demo-pop,.debug-result.visible{animation:none}}

/* V8 / ABOUT: same measured gutter as all other sections */
.intro>.about-more.wrap{width:min(1440px,calc(100% - 104px));margin-inline:auto;grid-column:auto;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(28px,5vw,86px)}
.intro>.about-more.wrap>*{min-width:0}
.intro>.about-more.wrap .about-photo{width:100%;min-width:0}
.intro>.about-more.wrap .about-story{min-width:0;overflow-wrap:break-word}
.intro>.about-more.wrap .about-story h3{font-size:clamp(27px,3vw,49px);overflow-wrap:normal}
@media(max-width:900px){.intro>.about-more.wrap{grid-template-columns:minmax(0,1fr)}}
@media(max-width:850px){.intro>.about-more.wrap{width:calc(100% - 48px)}}
@media(max-width:540px){.intro>.about-more.wrap{width:calc(100% - 36px)}}
/* V8 / SMOKE: interactive ink reveal, floating editorial stamps and diagonal light sweep */
.smoke-v8{--ink-x:75%;--ink-y:42%;--smoke-active:0;--stamp-turn:0deg}
.smoke-v8 .smoke-spotlight{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:var(--smoke-active);background:radial-gradient(circle 200px at var(--ink-x) var(--ink-y),rgba(239,22,69,.24) 0%,rgba(239,22,69,.10) 42%,transparent 74%);mix-blend-mode:multiply;transition:opacity .45s}
.smoke-v8 .smoke-picture:after{content:'';position:absolute;inset:0;background:linear-gradient(118deg,transparent 38%,rgba(255,255,255,.34) 49%,transparent 61%);transform:translateX(-125%);animation:smoke-light-sweep 12s ease-in-out infinite;pointer-events:none}
@keyframes smoke-light-sweep{0%,20%{transform:translateX(-125%)}50%,100%{transform:translateX(130%)}}
.smoke-v8 .smoke-stamps{position:absolute;right:max(5%,calc((100% - 1440px)/2));top:25%;width:clamp(160px,19vw,340px);height:clamp(160px,19vw,340px);z-index:1;pointer-events:none;transform:rotate(var(--stamp-turn));transition:transform .18s linear}
.smoke-v8 .smoke-stamp{position:absolute;display:grid;place-items:center;text-align:center;color:#fff;background:#d81344;border:2px solid #fff;box-shadow:6px 6px 0 #a80d32;font:900 12px/1.4 Oxanium,sans-serif;letter-spacing:.08em}
.smoke-v8 .smoke-stamp-a{width:84px;height:84px;border-radius:50%;font-size:42px;top:4%;right:4%;animation:smoke-stamp-spin 15s linear infinite}
.smoke-v8 .smoke-stamp-b{bottom:3%;left:0;width:110px;height:50px;transform:rotate(-13deg);animation:smoke-stamp-float 4s ease-in-out infinite}
.smoke-v8 .smoke-stamp-c{top:32%;left:14%;width:150px;height:90px;transform:rotate(10deg);background:#fff;color:#ba123b;border:3px solid #d81344;box-shadow:7px 7px 0 #d81344;animation:smoke-stamp-float 5s ease-in-out -2s infinite}
@keyframes smoke-stamp-spin{to{transform:rotate(360deg)}}
@keyframes smoke-stamp-float{0%,100%{translate:0 0}50%{translate:0 -18px}}
.smoke-v8 .smoke-content{position:relative;z-index:2}
.smoke-v8 .smoke-kicker{display:inline-block;border-left:4px solid #e72c56;padding:7px 0 7px 13px}
.smoke-v8 h2 em{position:relative;display:block;width:max-content;max-width:100%}
.smoke-v8 h2 em:after{content:'';position:absolute;left:0;bottom:-5px;height:7px;width:100%;background:#f12857;transform:scaleX(.03);transform-origin:left;transition:transform 1.1s cubic-bezier(.19,1,.22,1)}
.smoke-v8.smoke-in-view h2 em:after{transform:scaleX(1)}
.smoke-v8 .smoke-topline{position:relative;z-index:2}
.smoke-v8 .smoke-footer{position:relative;z-index:2}
@media(max-width:1050px){.smoke-v8 .smoke-stamps{right:3%;top:12%;transform:scale(.7) rotate(var(--stamp-turn));transform-origin:top right;opacity:.75}}
@media(max-width:700px){.smoke-v8 .smoke-stamps{top:50px;right:20px;transform:scale(.5) rotate(var(--stamp-turn));opacity:.6}.smoke-v8 .smoke-spotlight{display:none}.smoke-v8 .smoke-picture:after{animation:none}.smoke-v8 .smoke-stamp-a{animation-duration:25s}}
@media(prefers-reduced-motion:reduce){.smoke-v8 .smoke-stamp,.smoke-v8 .smoke-picture:after{animation:none!important}.smoke-v8 h2 em:after{transform:scaleX(1)}}

/* V9: centered ticker, single-message marquee with breathing room */
.smoke-v6 .smoke-ticker{display:flex;align-items:center;justify-content:center;min-height:58px;text-align:center;padding:12px 24px}
.smoke-v6 .smoke-ticker span{display:block;min-width:0;max-width:100%;white-space:normal;text-align:center;animation:none!important;transform:none!important;line-height:1.6;font-size:clamp(10px,1.05vw,15px);letter-spacing:.045em}
/* Behind the screens: editorial engineering cards */
.showreel-overlay>.wrap{position:relative;z-index:2}
.showreel h2{margin:25px 0 32px}
.showreel-proof{max-width:900px;margin:0 0 32px;padding:22px 25px;background:rgba(5,15,28,.65);border:1px solid rgba(93,247,230,.42);backdrop-filter:blur(9px);box-shadow:9px 9px 0 rgba(93,247,230,.15)}
.showreel-proof-heading{font:800 clamp(11px,1vw,15px) Oxanium,sans-serif;letter-spacing:.07em;margin-bottom:17px}
.showreel-proof-heading span{color:var(--mint)}
.showreel-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.showreel-proof-grid>div{border-left:2px solid var(--mint);padding:3px 0 0 15px}
.showreel-proof-grid b{display:block;color:var(--mint);font:800 9px Oxanium,sans-serif}
.showreel-proof-grid strong{display:block;font:900 clamp(23px,2.4vw,36px) Oxanium,sans-serif;margin:8px 0}
.showreel-proof-grid p{font-size:13px;line-height:1.5;color:#dcebf0;margin:0}
/* Studio: magazine-like feature ledger */
.studio-extras{margin-top:38px;max-width:590px;border-top:2px solid var(--ink)}
.studio-extras-label{font:800 11px Oxanium,sans-serif;letter-spacing:.06em;padding:15px 0 9px}
.studio-extra{display:grid;grid-template-columns:30px minmax(0,1fr) 25px;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #200d3566;transition:padding .2s,background .2s}
.studio-extra:hover{padding-left:10px;background:#ffffff40}
.studio-extra>span{font:900 11px Oxanium,sans-serif;color:#e32290}
.studio-extra strong{display:block;font:900 clamp(12px,1.15vw,16px) Oxanium,sans-serif}
.studio-extra small{display:block;font-size:13px;line-height:1.5;margin-top:5px}
.studio-extra i{font-style:normal;font-size:20px;color:#e32290}
@media(max-width:850px){.showreel{height:auto;min-height:660px}.showreel-overlay{position:relative;min-height:660px;padding:80px 0 65px}.showreel video{height:100%}.showreel-proof-grid{gap:12px}}
@media(max-width:540px){.showreel{min-height:770px}.showreel-overlay{min-height:770px;padding:65px 0}.showreel h2{font-size:clamp(33px,8.5vw,49px)}.showreel-proof{padding:18px}.showreel-proof-grid{grid-template-columns:1fr;gap:15px}.showreel-proof-grid>div{padding-left:12px}.showreel-proof-grid strong{font-size:21px;margin:3px 0}.showreel-proof-grid p{font-size:12px}.showreel-bottom{margin-top:22px}.studio-extra strong{font-size:12px}.studio-extra small{font-size:12px}.smoke-v6 .smoke-ticker{padding:12px 15px}}

/* V10: no floating stickers; slim editorial progress rail follows section entry */
.smoke-v8 .smoke-stamps{display:none!important}
.smoke-v8 .smoke-edge{position:absolute;right:clamp(22px,3.2vw,65px);top:26%;bottom:23%;display:flex;flex-direction:column;align-items:center;gap:18px;z-index:1;pointer-events:none;color:#a8123d;opacity:0;transform:translateY(22px);transition:opacity .8s,transform .8s}
.smoke-v8.smoke-in-view .smoke-edge{opacity:1;transform:translateY(0)}
.smoke-edge-label{writing-mode:vertical-rl;font:900 10px/1.4 Oxanium,sans-serif;letter-spacing:.17em;text-shadow:0 1px 12px #fff}
.smoke-edge-track{display:block;flex:1;min-height:70px;width:2px;background:rgba(168,18,61,.22);overflow:hidden}
.smoke-edge-track i{display:block;width:100%;height:35%;background:#ec275a;animation:smoke-rail 3.8s ease-in-out infinite alternate}
.smoke-edge-num{font:900 10px Oxanium,sans-serif;white-space:nowrap}
@keyframes smoke-rail{from{transform:translateY(-100%)}to{transform:translateY(290%)}}
@media(max-width:700px){.smoke-v8 .smoke-edge{right:12px;top:16%;bottom:40%;opacity:.5}.smoke-edge-label{font-size:7px}.smoke-edge-num{font-size:7px}}
@media(prefers-reduced-motion:reduce){.smoke-v8 .smoke-edge{opacity:1;transform:none}.smoke-edge-track i{animation:none}}


/* V11 — egységes, karakteres hover az aláhúzott szöveges CTA-kon */
a.text-link, a.contact-email, .service-after a:not(.btn) {
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:.45em;
  width:max-content;
  max-width:100%;
  isolation:isolate;
  transition:color .28s ease, transform .28s ease;
}
a.text-link::before, a.contact-email::before, .service-after a:not(.btn)::before {
  content:"";
  position:absolute;
  z-index:-1;
  left:-7px;
  right:-7px;
  bottom:-3px;
  height:0;
  background:var(--mint);
  transition:height .28s cubic-bezier(.2,.8,.2,1);
}
a.text-link::after, a.contact-email::after, .service-after a:not(.btn)::after {
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  width:100%;
  height:2px;
  background:var(--mint);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .3s ease;
}
a.text-link:hover, a.text-link:focus-visible,
a.contact-email:hover, a.contact-email:focus-visible,
.service-after a:not(.btn):hover, .service-after a:not(.btn):focus-visible {
  color:var(--ink);
  transform:translateY(-3px);
}
a.text-link:hover::before, a.text-link:focus-visible::before,
a.contact-email:hover::before, a.contact-email:focus-visible::before,
.service-after a:not(.btn):hover::before, .service-after a:not(.btn):focus-visible::before {height:calc(100% + 10px)}
a.text-link:hover::after, a.text-link:focus-visible::after,
a.contact-email:hover::after, a.contact-email:focus-visible::after,
.service-after a:not(.btn):hover::after, .service-after a:not(.btn):focus-visible::after {transform:scaleX(1)}
a.text-link span {display:inline-block;transition:transform .28s ease,color .28s ease}
a.text-link:hover span, a.text-link:focus-visible span {transform:translate(5px,-3px);color:var(--ink)}
a.text-link:focus-visible, a.contact-email:focus-visible {outline:2px dashed var(--pink);outline-offset:8px}
@media(hover:none){a.text-link:hover, a.contact-email:hover, .service-after a:not(.btn):hover{transform:none}}
@media(prefers-reduced-motion:reduce){a.text-link, a.text-link::before, a.text-link::after, a.text-link span, a.contact-email, a.contact-email::before, a.contact-email::after,.service-after a:not(.btn),.service-after a:not(.btn)::before,.service-after a:not(.btn)::after{transition:none!important}}

/* V12: az összes műhely-opció láthatóan változtatja a preview-t */
.demo-system-feed .demo-module-on,.demo-system-feed .demo-module-off{display:block;padding:5px 8px;border-left:2px solid transparent;transition:background .2s,color .2s}
.demo-system-feed .demo-module-on{color:#70ffe6;background:rgba(65,255,218,.09);border-left-color:#70ffe6}
.demo-system-feed .demo-module-off{opacity:.5}
.demo-care-ring{background:conic-gradient(#56f4dc var(--care-progress,0%),rgba(255,255,255,.13) 0)!important;border-radius:50%;color:#fff}
.demo-care-checks .demo-care-active,.demo-care-checks .demo-care-inactive{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.demo-care-checks .demo-care-active{color:#8cfce6}
.demo-care-checks .demo-care-inactive{opacity:.5}
.demo-care-checks strong{font-size:inherit}
@media(max-width:560px){.demo-care-checks .demo-care-active,.demo-care-checks .demo-care-inactive{gap:3px}}

/* V13 / Footer location and contact */
.footer-contact{display:flex;flex-direction:column;gap:7px;font:700 11px/1.7 Oxanium,sans-serif;letter-spacing:.035em;color:#d7c2e4}
.footer-contact a{color:var(--mint);overflow-wrap:anywhere;transition:color .25s,transform .25s}
.footer-contact a:hover{color:var(--pink);transform:translateX(5px)}
.footer-main{flex-wrap:wrap}
@media(max-width:600px){.footer-contact{font-size:10px}}
/* V13 / Glitch origami mail transmission */
.fk-mail-locked{overflow:hidden!important}
.fk-mail-overlay{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px;background:rgba(13,3,28,.96);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;isolation:isolate}
.fk-mail-overlay.is-open{opacity:1;visibility:visible}
.fk-mail-overlay:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 42%,#5d125c66,transparent 58%),repeating-linear-gradient(0deg,transparent 0 4px,#ffffff05 5px 6px);pointer-events:none}
.fk-mail-noise{position:absolute;inset:0;pointer-events:none;opacity:.18;background:repeating-linear-gradient(90deg,transparent 0 48px,#ff3ba912 49px 50px)}
.fk-mail-stage{width:min(100%,640px);text-align:center;position:relative}
.fk-mail-kicker{font:700 clamp(8px,1.4vw,11px) Oxanium,sans-serif;letter-spacing:.14em;color:var(--mint)}
.fk-mail-art{position:relative;height:270px;margin:25px auto 12px;perspective:900px;filter:drop-shadow(0 15px 40px #f436a633)}
.fk-mail-letter{position:absolute;z-index:3;left:50%;top:12px;width:218px;height:140px;margin-left:-109px;padding:17px;text-align:left;color:#210734;background:#f8f3ff;border:2px solid var(--mint);box-shadow:5px 5px 0 var(--pink);display:flex;flex-direction:column;justify-content:space-between;transform:translateY(-35px) rotate(-7deg)}
.fk-mail-letter>span{font:900 32px Oxanium,sans-serif}.fk-mail-star{color:#f52c9d}
.fk-mail-letter i,.fk-mail-letter b{font:700 10px Oxanium,sans-serif;font-style:normal}
.fk-mail-envelope{position:absolute;left:50%;top:88px;width:270px;height:166px;transform:translateX(-50%);z-index:4}
.fk-mail-envelope-back{position:absolute;inset:0;background:#ff39a4;border:2px solid #ffe64d;box-shadow:9px 9px 0 #5cf9eb}
.fk-mail-envelope-fold{position:absolute;inset:0;z-index:2;clip-path:polygon(0 0,50% 56%,100% 0,100% 100%,0 100%);background:linear-gradient(155deg,#ff60c2,#ee1387);border-bottom:2px solid #ffe64d}
.fk-mail-envelope-flap{position:absolute;z-index:5;inset:0;clip-path:polygon(0 0,100% 0,50% 58%);background:#ffdf49;transform-origin:50% 0;transform:rotateX(170deg);backface-visibility:visible}
.fk-mail-envelope-mark{position:absolute;z-index:6;top:111px;left:0;right:0;color:#290735;font:900 18px Oxanium,sans-serif}
.fk-mail-result-symbol{position:absolute;z-index:9;top:96px;left:50%;width:112px;height:112px;margin-left:-56px;display:grid;place-items:center;border-radius:50%;background:#1c0930;border:4px solid var(--mint);font:900 72px Oxanium,sans-serif;opacity:0;transform:scale(.25)}
.fk-mail-progress{height:3px;width:min(340px,80%);margin:0 auto 26px;background:#ffffff29;overflow:hidden}
.fk-mail-progress i{display:block;height:100%;width:0;background:var(--mint)}
.fk-mail-title{margin:0;font:900 clamp(24px,5vw,39px)/1.2 Oxanium,sans-serif;letter-spacing:-.06em;color:#fff}
.fk-mail-caption{margin:14px auto 0;max-width:510px;font-size:16px;color:#d7bde8}
.fk-mail-close{margin-top:26px;padding:13px 24px;border:2px solid var(--mint);background:transparent;color:var(--mint);font:800 11px Oxanium,sans-serif}
.fk-mail-close:hover{background:var(--mint);color:#1b062e}
.fk-mail-overlay.is-folding .fk-mail-letter{animation:fk-letter-fold .95s .15s cubic-bezier(.4,0,.2,1) forwards}
.fk-mail-overlay.is-folding .fk-mail-envelope-flap{animation:fk-flap-close .5s .85s ease-in forwards}
.fk-mail-overlay.is-folding .fk-mail-envelope{animation:fk-glitch-mail 1.15s 1.28s ease-in-out infinite}
.fk-mail-overlay.is-folding .fk-mail-progress i{animation:fk-mail-loading 1.8s ease-out forwards}
.fk-mail-overlay.is-success .fk-mail-envelope{animation:fk-mail-launch .65s cubic-bezier(.4,0,.7,1) forwards}
.fk-mail-overlay.is-error .fk-mail-envelope{animation:fk-mail-bounce .7s cubic-bezier(.3,.7,.2,1.3) forwards}
.fk-mail-overlay.is-success .fk-mail-letter,.fk-mail-overlay.is-error .fk-mail-letter{opacity:0}
.fk-mail-overlay.is-success .fk-mail-envelope-flap,.fk-mail-overlay.is-error .fk-mail-envelope-flap{transform:rotateX(0deg)}
.fk-mail-overlay.is-success .fk-mail-result-symbol,.fk-mail-overlay.is-error .fk-mail-result-symbol{animation:fk-mail-stamp .5s .45s cubic-bezier(.15,1.7,.4,1) forwards}
.fk-mail-overlay.is-success .fk-mail-result-symbol:after{content:"✓";color:var(--mint)}
.fk-mail-overlay.is-error .fk-mail-result-symbol{border-color:var(--pink)}
.fk-mail-overlay.is-error .fk-mail-result-symbol:after{content:"×";color:var(--pink)}
.fk-mail-overlay.is-success .fk-mail-title{color:var(--mint)}
.fk-mail-overlay.is-error .fk-mail-title{color:var(--pink)}
.fk-mail-overlay.is-success .fk-mail-progress i,.fk-mail-overlay.is-error .fk-mail-progress i{width:100%}
@keyframes fk-letter-fold{0%{transform:translateY(-35px) rotate(-7deg) scale(1)}55%{transform:translateY(40px) rotate(0) scale(.85,.65)}100%{transform:translateY(100px) scale(.7,.35);opacity:0}}
@keyframes fk-flap-close{to{transform:rotateX(0deg)}}
@keyframes fk-glitch-mail{0%,100%{transform:translateX(-50%)}15%{transform:translateX(calc(-50% + 4px)) skewX(-3deg);filter:hue-rotate(90deg)}18%{transform:translateX(calc(-50% - 4px)) skewX(3deg)}22%,75%{transform:translateX(-50%);filter:none}78%{transform:translateX(calc(-50% + 3px))}}
@keyframes fk-mail-loading{to{width:95%}}
@keyframes fk-mail-launch{0%{transform:translateX(-50%) scale(1)}35%{transform:translateX(-50%) translateY(-20px) rotate(-8deg)}100%{transform:translateX(130vw) translateY(-220px) rotate(20deg) scale(.5);opacity:0}}
@keyframes fk-mail-bounce{0%{transform:translateX(-50%) translateY(-55px) scale(.85)}45%{transform:translateX(-50%) translateY(18px) scale(1.07)}70%{transform:translateX(-50%) translateY(-9px)}100%{transform:translateX(-50%) translateY(0)}}
@keyframes fk-mail-stamp{to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.fk-mail-overlay *{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:480px){.fk-mail-art{height:245px}.fk-mail-envelope{transform:translateX(-50%) scale(.85);transform-origin:top center}.fk-mail-title{font-size:23px}.fk-mail-caption{font-size:14px}}

/* Restored original branded loading animation, without skip control */
.fk-loader{position:fixed;inset:0;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#160527;color:white;transition:opacity .5s,visibility .5s;overflow:hidden}.fk-loader:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,#ffffff06 6px 7px),radial-gradient(circle at 50% 50%,#66125d 0%,transparent 60%);pointer-events:none}.fk-loader.is-done{opacity:0;visibility:hidden;pointer-events:none}.loader-glitch{font:900 clamp(75px,16vw,185px)/1 Oxanium,sans-serif;letter-spacing:-.12em;text-shadow:6px 5px 0 #ff32a3,-5px -3px 0 #00efdd;animation:fkGlitch .5s steps(2,end) infinite;position:relative}.loader-glitch span{color:#ff3ba9;font-size:.35em;vertical-align:top;text-shadow:none}.loader-word{font:800 11px Oxanium,sans-serif;letter-spacing:.18em;position:relative;margin:22px 0}.loader-word b{color:#00eddb}.loader-meter{height:6px;width:min(350px,70vw);background:#ffffff27;position:relative;overflow:hidden}.loader-meter i{display:block;width:0%;height:100%;background:#ffe032;box-shadow:0 0 15px #ffe032;transition:width .09s linear}.loader-count{font:800 12px Oxanium,sans-serif;margin-top:13px;color:#00f0dc}@keyframes fkGlitch{0%,75%,100%{transform:translate(0)}78%{transform:translate(3px,-2px)}83%{transform:translate(-2px,2px)}}

/* V16 — before/after, live editor, time travel timeline, restrained pointer glow */
.fk-site-mock{width:86%;max-width:850px;min-height:70%;padding:24px;display:flex;flex-direction:column;gap:22px;box-shadow:0 12px 30px #0002}.fk-site-mock.old{background:#fff;border:6px ridge #aaa;align-items:center;text-align:center}.fk-site-mock.old header{font-size:clamp(15px,2vw,28px);font-weight:bold;color:#843a22}.fk-site-mock.old nav{background:#bbb;padding:10px;font-size:12px;color:#222}.fk-site-mock.old h3{font-family:Georgia,serif;font-size:clamp(24px,4vw,53px);color:#743b3b;margin:0}.fk-site-mock.old p{color:#555}.fk-site-mock.old .fk-mock-button{background:#aaa;color:#111;border:2px outset #ddd}
.fk-site-mock.new{background:#230b37;border:1px solid #ff3ca3;box-shadow:10px 10px 0 #fa2e9a}.fk-site-mock.new header{display:flex;justify-content:space-between;color:#5df6e4;font:700 12px Oxanium,sans-serif}.fk-site-mock.new h3{font:900 clamp(25px,4.5vw,65px)/1.05 Oxanium,sans-serif;color:#fff;max-width:720px;letter-spacing:-.055em;margin:10px 0}.fk-site-mock.new h3 span{color:#f932a2}.fk-site-mock.new p{color:#f3cce9;max-width:460px}.fk-mock-button{display:inline-block;padding:13px 20px;background:#f932a2;color:#fff;align-self:flex-start;font:700 11px Oxanium,sans-serif}.fk-site-mock.old .fk-mock-button{align-self:center}
.fk-live-editor{padding:18px 22px;border-top:1px solid #5d4070;background:#180b27}.fk-live-editor-heading{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:#60ffe5;font:700 10px Oxanium,sans-serif}.fk-live-editor-heading span{color:#dbb9e7}.fk-live-editor-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.fk-live-editor-options label{display:grid;gap:8px;color:#eee;font:700 9px Oxanium,sans-serif}.fk-live-editor-options select{width:100%;min-width:0;padding:11px 8px;background:#2a153e;color:#fff;border:1px solid #76538c;font-size:12px}.fk-live-toggle{display:flex;align-items:center;gap:9px;margin-top:14px;color:#fff;font:700 10px Oxanium,sans-serif}
#wbDemo[data-fk-palette=mint]{--fk-custom-primary:#39e6c7;--fk-custom-bg:#072f33}#wbDemo[data-fk-palette=sunset]{--fk-custom-primary:#ffb44e;--fk-custom-bg:#552345}#wbDemo[data-fk-palette=mono]{--fk-custom-primary:#eaeaea;--fk-custom-bg:#222}#wbDemo[data-fk-palette=neon]{--fk-custom-primary:#ff39a3;--fk-custom-bg:#220b37}
#wbDemo[data-fk-palette]{background:var(--fk-custom-bg)!important;color:#fff!important;transition:background .35s}#wbDemo[data-fk-palette] .wb-demo-cta{background:var(--fk-custom-primary)!important;color:#130a20!important}#wbDemo[data-fk-palette] .wb-demo-body em,#wbDemo[data-fk-palette] .wb-demo-nav b span{color:var(--fk-custom-primary)!important}
#wbDemo[data-fk-layout=center] .wb-demo-body{text-align:center;align-items:center;margin-inline:auto}#wbDemo[data-fk-layout=center] .wb-demo-body h3{margin-inline:auto}#wbDemo[data-fk-layout=center] .wb-demo-visual{opacity:.65}
#wbDemo[data-fk-layout=editorial] .wb-demo-body{transform:rotate(-2deg);border-left:5px solid var(--fk-custom-primary);padding-left:20px}
#wbDemo[data-fk-motion=on] .wb-demo-cta{animation:fk-live-pulse 2s ease-in-out infinite}@keyframes fk-live-pulse{50%{box-shadow:0 0 22px var(--fk-custom-primary);transform:translateY(-3px)}}
#wbDemo[data-fk-cta=off] .wb-demo-cta{display:none!important}
.fk-era-timeline{--fk-era-bg:#4b3026;--fk-era-accent:#efcc9a;background:radial-gradient(circle at 75% 40%,color-mix(in srgb,var(--fk-era-accent) 22%,transparent),transparent 50%),var(--fk-era-bg);color:#fff;transition:background .65s;overflow:hidden}
.fk-era-timeline[data-active-era=medieval]{--fk-era-bg:#34251a;--fk-era-accent:#e4b95e}.fk-era-timeline[data-active-era=retro]{--fk-era-bg:#270a37;--fk-era-accent:#ff3ea7}.fk-era-timeline[data-active-era=present]{--fk-era-bg:#234c3e;--fk-era-accent:#c6f2bc}.fk-era-timeline[data-active-era=cyber]{--fk-era-bg:#031b2b;--fk-era-accent:#42ffe6}
.fk-era-timeline .display{font-size:clamp(42px,7vw,100px)}.fk-era-timeline .display em{color:var(--fk-era-accent);font-style:normal}.fk-timeline-intro{max-width:560px;line-height:1.8}
.fk-timeline-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative;gap:12px;margin:55px 0 25px;padding-top:35px}
.fk-timeline-track:before{content:"";position:absolute;top:16px;left:0;right:0;height:2px;background:#ffffff55}.fk-timeline-progress{position:absolute;top:16px;left:0;width:0;height:3px;background:var(--fk-era-accent);transition:width .35s}
.fk-timeline-era{position:relative;min-height:180px;padding:22px 12px;border:1px solid #ffffff55;background:#ffffff09;color:white;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;gap:15px;transition:background .3s,transform .3s,border-color .3s}.fk-timeline-era:before{content:"";position:absolute;top:-26px;left:50%;width:14px;height:14px;border-radius:50%;transform:translateX(-50%);background:#fff;border:3px solid var(--fk-era-bg)}.fk-timeline-era.active,.fk-timeline-era:hover{border-color:var(--fk-era-accent);background:#ffffff24;transform:translateY(-8px)}.fk-timeline-era.active:before{background:var(--fk-era-accent);box-shadow:0 0 20px var(--fk-era-accent)}
.fk-timeline-era small{font:700 10px Oxanium,sans-serif;color:var(--fk-era-accent)}.fk-timeline-era strong{font:800 clamp(12px,1.4vw,20px)/1.3 Oxanium,sans-serif;overflow-wrap:anywhere}.fk-timeline-era span{font:700 10px Oxanium,sans-serif}.fk-timeline-readout{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid #ffffff55;padding-top:20px;color:var(--fk-era-accent);font:700 12px Oxanium,sans-serif}
.fk-pointer-glow{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:0;background:radial-gradient(350px circle at var(--fk-x,50%) var(--fk-y,50%),#ff36a52c,transparent 80%);transition:opacity .3s}.fk-glow-host{position:relative;isolation:isolate}.fk-glow-host:hover .fk-pointer-glow{opacity:1}.fk-glow-host>.wrap{position:relative;z-index:2}
@media(max-width:760px){.fk-timeline-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:18px}.fk-timeline-era{flex:0 0 190px;scroll-snap-align:center}.fk-live-editor-options{grid-template-columns:1fr}.fk-compare-frame{height:380px}.fk-site-mock{width:95%;padding:12px;gap:12px}.fk-site-mock.new h3{font-size:clamp(20px,5vw,36px)}.fk-site-mock p{font-size:12px}.fk-compare-label{font-size:8px;padding:6px}}
@media(prefers-reduced-motion:reduce){#wbDemo[data-fk-motion=on] .wb-demo-cta{animation:none}.fk-timeline-era{transition:none}}

/* FK V19 / Invisible work */
.fk-underhood{background:radial-gradient(ellipse at 76% 45%,#341049 0%,#170a29 55%,#10091d 100%);color:#fff;overflow:hidden;position:relative}.fk-underhood:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 97%,#ffffff08 98%),linear-gradient(0deg,transparent 97%,#ffffff08 98%);background-size:48px 48px;pointer-events:none}.fk-underhood .wrap{position:relative}.fk-uh-heading{max-width:950px;margin-bottom:45px}.fk-uh-heading h2{font-size:clamp(36px,6vw,92px);line-height:1.05;margin:20px 0}.fk-uh-heading h2 em{color:#ff32a0;font-style:normal}.fk-uh-heading p{max-width:680px;font-size:clamp(16px,1.5vw,20px);line-height:1.6;color:#e3d7e8}.fk-uh-stage{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.45fr);gap:22px;align-items:stretch}.fk-uh-store,.fk-uh-engine{border:1px solid #89527f;background:#180e28;box-shadow:10px 10px 0 #ff2d9c16;min-width:0}.fk-uh-browser,.fk-uh-engine-head{padding:14px 18px;display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid #89527f;color:#50ffe1;font:700 11px monospace;letter-spacing:.08em}.fk-uh-product{padding:30px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.fk-uh-product-icon{width:100%;min-height:145px;background:radial-gradient(circle at 50% 50%,#e94bac55,transparent 65%),#281536;display:grid;place-items:center;color:#ffdd49;font-size:95px}.fk-uh-product small{color:#50ffe1;font:700 11px monospace}.fk-uh-product strong{font-size:clamp(20px,2vw,30px);line-height:1.2}.fk-uh-product>span:not(.fk-uh-product-icon){font-size:20px}.fk-uh-product button{cursor:pointer;background:#ffde35;color:#210c2b;border:0;padding:18px 24px;font-weight:900;letter-spacing:.06em;box-shadow:5px 5px 0 #ff2d9c;transition:transform .2s,box-shadow .2s}.fk-uh-product button:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 #ff2d9c}.fk-uh-product button:disabled{opacity:.65;cursor:wait}.fk-uh-store-hint{padding:0 24px 20px;color:#d8bdd8;font-size:13px}.fk-uh-engine-head #fkUhStatus{color:#ffde35}.fk-uh-network{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:26px;position:relative;isolation:isolate}.fk-uh-network:before{content:"";position:absolute;inset:12% 14%;z-index:-1;background:repeating-linear-gradient(90deg,transparent 0 24%,#50ffe130 24.2% 24.5%,transparent 24.8% 49%),repeating-linear-gradient(0deg,transparent 0 32%,#50ffe130 32.2% 32.5%,transparent 32.8% 65%);opacity:.7}.fk-uh-hub{grid-column:1/-1;justify-self:center;min-width:120px;text-align:center;background:#2e1640;border:1px solid #50ffe1;padding:14px;box-shadow:0 0 25px #50ffe12b}.fk-uh-hub span{display:block;font-size:32px;font-weight:900;color:#ffde35}.fk-uh-hub small{font:10px monospace;color:#50ffe1}.fk-uh-node{min-height:118px;display:flex;flex-direction:column;gap:8px;padding:16px 12px;border:1px solid #725077;background:#21132f;opacity:.42;transform:translateY(7px);transition:opacity .35s,transform .35s,border-color .35s,background .35s,box-shadow .35s}.fk-uh-node span{font:700 11px monospace;color:#ffde35}.fk-uh-node b{font-size:clamp(12px,1.15vw,17px)}.fk-uh-node small{font-size:11px;color:#d4c5dc;line-height:1.4}.fk-uh-node.is-active{opacity:1;transform:none;border-color:#50ffe1;background:#17353c;box-shadow:0 0 24px #50ffe13b}.fk-uh-node.is-done{opacity:1;transform:none;border-color:#ff2d9c}.fk-uh-node.is-done:after{content:"✓";position:absolute;right:10px;top:8px;color:#50ffe1}.fk-uh-terminal{border-top:1px solid #89527f;padding:18px 22px;min-height:92px;font:13px/1.5 monospace}.fk-uh-terminal span{color:#ffde35}.fk-uh-terminal p{margin:8px 0 0;color:#50ffe1}.fk-uh-bottom{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:28px}.fk-uh-bottom p{flex:1 1 420px;color:#d9c9de;line-height:1.6}.fk-uh-bottom p strong{color:#fff}.fk-uh-replay,.fk-uh-link{border:1px solid #50ffe1;background:transparent;color:#50ffe1;padding:14px 16px;font:700 12px monospace;text-decoration:none;cursor:pointer;transition:background .2s,color .2s}.fk-uh-replay:hover,.fk-uh-link:hover{background:#50ffe1;color:#160c24}.fk-uh-stage.is-complete .fk-uh-hub{animation:fkUhPulse 1.2s ease-in-out 2}@keyframes fkUhPulse{50%{box-shadow:0 0 55px #50ffe1aa}}@media(max-width:850px){.fk-uh-stage{grid-template-columns:1fr}.fk-uh-product-icon{min-height:100px}.fk-uh-product{padding:20px}.fk-uh-network{padding:18px}}@media(max-width:480px){.fk-uh-network{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px}.fk-uh-node{min-height:105px;padding:11px 8px}.fk-uh-heading h2{overflow-wrap:anywhere}.fk-uh-browser,.fk-uh-engine-head{font-size:9px;padding:12px}.fk-uh-bottom{align-items:stretch}.fk-uh-replay,.fk-uh-link{text-align:center}}@media(prefers-reduced-motion:reduce){.fk-uh-node,.fk-uh-product button{transition:none}.fk-uh-stage.is-complete .fk-uh-hub{animation:none}}


/* V27 – reduced-friction workshop and linear order journey */
.fk-simple-workbench{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);border-color:#5e426d;background:#1a0d29;box-shadow:none;border-radius:12px;overflow:hidden}
.fk-simple-workbench .workbench-controls{padding:clamp(22px,3vw,38px)}
.fk-simple-workbench .workbench-choices{gap:8px}
.fk-simple-workbench .wb-type{min-height:58px;border-radius:6px;letter-spacing:0;font-size:11px}
.fk-simple-workbench .workbench-features{gap:7px}
.fk-simple-workbench .wb-feature{border-radius:6px}
.fk-simple-workbench .wb-summary{border-radius:8px}
.fk-simple-workbench .workbench-step-label small{font:500 10px sans-serif;color:#a9a0b4}
.fk-simple-workbench .wb-preview-top,.fk-simple-workbench .wb-preview-footer{border-color:#4a365a}
.fk-simple-workbench .workbench-preview{background:#160b24}
.fk-uh-stage-v27{grid-template-columns:minmax(230px,.75fr) minmax(0,1.25fr);gap:18px}
.fk-uh-stage-v27 .fk-uh-store,.fk-uh-stage-v27 .fk-uh-engine{border-radius:10px;overflow:hidden;box-shadow:none}
.fk-uh-stage-v27 .fk-uh-product-icon{min-height:115px;border-radius:8px;font-size:70px}
.fk-uh-stage-v27 .fk-uh-network.fk-uh-timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:20px;background:none}
.fk-uh-stage-v27 .fk-uh-timeline:before{display:none}
.fk-uh-stage-v27 .fk-uh-hub{grid-column:1/-1;width:100%;box-shadow:none;justify-self:stretch;text-align:left;border:0;border-bottom:1px solid #4d3a58;background:none;padding:0 0 14px}
.fk-uh-stage-v27 .fk-uh-hub span{font-size:20px;color:#50ffe1}
.fk-uh-stage-v27 .fk-uh-node{min-height:92px;display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;align-content:center;column-gap:10px;gap:3px;padding:12px;border-radius:7px;transform:none}
.fk-uh-stage-v27 .fk-uh-node>span{grid-row:1/3;font-size:16px;align-self:center}
.fk-uh-stage-v27 .fk-uh-node b{font-size:13px}
.fk-uh-stage-v27 .fk-uh-node small{font-size:11px}
.fk-uh-stage-v27 .fk-uh-node.is-active{transform:translateX(3px)}
@media(max-width:1050px){.fk-simple-workbench,.fk-uh-stage-v27{grid-template-columns:1fr}}
@media(max-width:520px){.fk-simple-workbench .workbench-choices{grid-template-columns:1fr 1fr}.fk-simple-workbench .wb-type{font-size:9px}.fk-uh-stage-v27 .fk-uh-network.fk-uh-timeline{grid-template-columns:1fr}.fk-uh-stage-v27 .fk-uh-node{min-height:70px}}

/* V27 – személyes Rólunk / Filep Károly */
.fk-personal-about{align-items:start!important}
.fk-personal-photo{margin:0!important;aspect-ratio:1/1.1!important;min-height:0!important;border:1px solid rgba(255,57,173,.6)!important;background:#140720;box-shadow:18px 18px 0 rgba(255,57,173,.11)}
.fk-personal-photo img{object-position:center center}
.fk-personal-photo figcaption{position:absolute;left:18px;bottom:18px;right:18px;z-index:2}
.fk-personal-photo figcaption span{position:static;display:inline-block;background:#ffe135;color:#18072d;font:800 10px Oxanium,sans-serif;padding:12px 15px;letter-spacing:.04em}
.fk-personal-story strong{color:#fff;font-weight:800}
.fk-personal-story .eyebrow{color:#ffe135}
.fk-about-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:30px 0 8px}
.fk-about-stats>div{border-top:2px solid #ff39ad;padding-top:15px;min-width:0}
.fk-about-stats strong{display:block;font:900 clamp(25px,3vw,42px)/1 Oxanium,sans-serif;color:#ff39ad}
.fk-about-stats span{display:block;margin-top:10px;color:#d8cde6;font:700 9px/1.65 Oxanium,sans-serif;letter-spacing:.04em}
.fk-personal-contact{display:inline-flex;margin-top:24px}
@media(max-width:900px){.fk-personal-photo{max-width:650px;aspect-ratio:1/1!important}}
@media(max-width:520px){.fk-about-stats{gap:9px}.fk-about-stats strong{font-size:25px}.fk-about-stats span{font-size:8px}.fk-personal-photo figcaption span{font-size:8px}}

/* FK marketing — editorial video + interactive measurement dashboard */
.fk-marketing{background:#f5f0e8;color:#210b32;position:relative;overflow:hidden}
.fk-marketing::before{content:"";position:absolute;top:-150px;right:-150px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,#ff38a91b,transparent 70%);pointer-events:none}
.fk-marketing .eyebrow{color:#b3146b}.fk-marketing .index{color:#ff2795}
.fk-mkt-top{display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:clamp(25px,6vw,90px);margin-bottom:clamp(28px,4vw,65px)}
.fk-mkt-top h2{color:#210b32;font-size:clamp(42px,6.4vw,105px);line-height:.99;margin:22px 0 0;letter-spacing:-.06em}
.fk-mkt-top h2 em,.fk-mkt-bottom h3 em{font-style:normal;color:#f02d94}
.fk-mkt-lead{max-width:450px;padding-bottom:5px}.fk-mkt-lead p{font-size:clamp(15px,1.3vw,19px);line-height:1.65;color:#45334e;margin:0 0 14px}.fk-mkt-lead strong{color:#230c36}.fk-mkt-orbit{display:grid;place-items:center;width:58px;height:58px;border:1px solid #f02d94;border-radius:50%;font-size:29px;color:#f02d94;margin-bottom:24px;transition:transform .3s,background .3s}.fk-mkt-top:hover .fk-mkt-orbit{transform:rotate(45deg);background:#ffe1ee}
.fk-mkt-layout{display:grid;grid-template-columns:1fr 1fr;min-height:550px;gap:0;box-shadow:18px 18px 0 #ff32a520}
.fk-mkt-video{position:relative;overflow:hidden;min-height:550px;background:#130a23}.fk-mkt-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.15) contrast(1.06)}.fk-mkt-video-shade{position:absolute;inset:0;background:linear-gradient(180deg,#10041d18 30%,#10041dcb 100%),linear-gradient(130deg,#f3299430,transparent 55%)}
.fk-mkt-video-caption{position:absolute;bottom:30px;left:30px;right:30px;color:#fff;display:grid;gap:13px}.fk-mkt-video-caption span{font:700 10px Oxanium,sans-serif;letter-spacing:.1em;color:#5efce9}.fk-mkt-video-caption strong{font:800 clamp(15px,2vw,26px)/1.25 Oxanium,sans-serif}
.fk-mkt-console{background:#1a0b2c;color:#fff;border:1px solid #56315d;min-width:0;display:flex;flex-direction:column}.fk-mkt-console-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px 24px;border-bottom:1px solid #56315d;font:700 10px Oxanium,sans-serif;color:#64f8e3}.fk-mkt-console-head span:last-child{color:#ffe44d}.fk-mkt-console-head i{display:inline-block;width:7px;height:7px;background:#64f8e3;border-radius:50%;box-shadow:0 0 12px #64f8e3;margin-right:5px}
.fk-mkt-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #56315d}.fk-mkt-tabs button{appearance:none;background:transparent;color:#bda9c9;border:0;border-right:1px solid #56315d;padding:18px 7px;cursor:pointer;font:700 clamp(8px,.85vw,11px) Oxanium,sans-serif;transition:background .2s,color .2s}.fk-mkt-tabs button:last-child{border-right:0}.fk-mkt-tabs button:hover,.fk-mkt-tabs button:focus-visible{color:#fff;background:#4c215c}.fk-mkt-tabs button.is-active{color:#180a2b;background:#64f8e3}
.fk-mkt-screen{padding:clamp(20px,2.5vw,38px);flex:1}.fk-mkt-screen-title{display:grid;gap:12px}.fk-mkt-screen-title span{font:700 10px Oxanium,sans-serif;color:#ffe44d}.fk-mkt-screen-title strong{font:800 clamp(17px,2vw,26px)/1.3 Oxanium,sans-serif;max-width:480px}.fk-mkt-chart{display:flex;align-items:end;gap:8px;height:130px;margin:26px 0 20px;padding-bottom:7px;border-bottom:1px solid #745478;background:repeating-linear-gradient(0deg,transparent 0 31px,#ffffff12 32px)}.fk-mkt-chart span{flex:1;height:var(--h);min-width:0;background:linear-gradient(0deg,#ff2996,#63f8e4);opacity:.85;transform-origin:bottom;animation:fkMktBar .6s both}.fk-mkt-chart span:nth-child(2n){animation-delay:.07s}.fk-mkt-chart span:nth-child(3n){animation-delay:.15s}@keyframes fkMktBar{from{transform:scaleY(.1);opacity:.25}to{transform:scaleY(1);opacity:.85}}
.fk-mkt-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fk-mkt-metrics>div{border-top:1px solid #7b4679;padding-top:13px;min-width:0}.fk-mkt-metrics small{display:block;color:#a99bb8;font:700 9px Oxanium,sans-serif;margin-bottom:9px}.fk-mkt-metrics strong{font:800 clamp(13px,1.5vw,18px)/1.3 Oxanium,sans-serif;color:#64f8e3;overflow-wrap:anywhere}.fk-mkt-screen>p{color:#d6c9de;line-height:1.6;font-size:14px;margin:24px 0 0}.fk-mkt-disclaimer{padding:12px 24px;color:#a998b8;font:700 9px Oxanium,sans-serif;border-top:1px solid #56315d}
.fk-mkt-bottom{display:grid;grid-template-columns:.8fr 1.7fr;gap:45px;margin-top:clamp(55px,7vw,110px);align-items:start}.fk-mkt-bottom h3{font:900 clamp(28px,3.5vw,54px)/1.12 Oxanium,sans-serif;letter-spacing:-.055em;margin:20px 0}.fk-mkt-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.fk-mkt-benefits article{border-top:2px solid #f02d94;padding-top:20px}.fk-mkt-benefits article>span{font:800 11px Oxanium,sans-serif;color:#e12688}.fk-mkt-benefits h4{font:800 clamp(13px,1.25vw,18px)/1.3 Oxanium,sans-serif;margin:17px 0 12px}.fk-mkt-benefits p{font-size:14px;line-height:1.7;color:#514457;margin:0}
.fk-mkt-cta{border-top:1px solid #cdb9c5;margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap}.fk-mkt-cta p{margin:0;line-height:1.6;color:#4b3954}.fk-mkt-cta p strong{color:#230c36}.fk-mkt-cta .text-link{color:#210b32;border-color:#e6268c}
@media(max-width:1050px){.fk-mkt-top,.fk-mkt-bottom{grid-template-columns:1fr}.fk-mkt-lead{max-width:750px}.fk-mkt-layout{grid-template-columns:1fr}.fk-mkt-video{min-height:420px}.fk-mkt-bottom{gap:18px}}
@media(max-width:650px){.fk-mkt-top h2{font-size:clamp(35px,9vw,60px)}.fk-mkt-video{min-height:320px}.fk-mkt-video-caption{left:20px;right:20px;bottom:20px}.fk-mkt-console-head{padding:14px}.fk-mkt-tabs button{font-size:8px;padding:15px 4px}.fk-mkt-benefits{grid-template-columns:1fr;gap:25px}.fk-mkt-bottom h3{font-size:clamp(26px,7vw,40px)}.fk-mkt-cta{align-items:flex-start}.fk-mkt-screen{padding:18px}.fk-mkt-chart{height:100px}}
@media(prefers-reduced-motion:reduce){.fk-mkt-chart span{animation:none}.fk-mkt-orbit{transition:none}}

/* Marketing live preview: all three views keep identical dimensions. */
.fk-mkt-tabs{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.fk-mkt-tabs button{width:100%;min-width:0;min-height:54px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.45}
.fk-mkt-screen{min-height:420px;display:flex;flex-direction:column}
.fk-mkt-screen-title{min-height:94px;align-content:start}
.fk-mkt-chart{flex:none}
.fk-mkt-metrics{min-height:85px}
@media(max-width:650px){.fk-mkt-tabs button{min-height:54px}.fk-mkt-screen{min-height:400px}.fk-mkt-screen-title{min-height:92px}}
@media(max-width:380px){.fk-mkt-tabs button{font-size:7px;letter-spacing:0}}


/* FK unified palette — two section families:
   NIGHT: deep violet / magenta / cyan
   DAY: warm porcelain / violet / magenta
   Existing images, videos, and interactions remain untouched. */
:root {
  --fk-night:#180b2c;
  --fk-night-alt:#211039;
  --fk-day:#f6f0e8;
  --fk-day-ink:#241035;
}
/* Night sections: remove the competing blue, near-black and purple blocks. */
.hero,.workbench,.intro,.process,.companies,.visual-editorial,
.fk-underhood,.contact,.showreel {
  background-color:var(--fk-night);
}
.intro,.process,.visual-editorial {background-color:var(--fk-night-alt)}
.companies-bg:after {
  background:linear-gradient(90deg,#180b2c 4%,#180b2ce8 48%,#180b2c55 100%),
             linear-gradient(0deg,#180b2c,transparent 23%,transparent 80%,#180b2c);
}
.showreel-overlay {
  background:linear-gradient(90deg,#180b2cf0,#180b2c77),
             linear-gradient(0deg,#180b2ce8,transparent 60%);
}
.fk-underhood {
  background:radial-gradient(ellipse at 76% 45%,#302047 0%,var(--fk-night) 65%,var(--fk-night) 100%);
}
/* Day sections: yellow, beige and white now share one consistent canvas. */
.services,.debug-lab,.studio,.fk-marketing {
  background:var(--fk-day);
  color:var(--fk-day-ink);
}
.debug-lab .display,.debug-lab .eyebrow,.debug-lab .section-heading,
.studio .display,.studio .eyebrow {color:var(--fk-day-ink)}
.debug-choice {border-color:#3b2350;color:#241035}
.debug-choice.active {background:#241035;color:#fff}
.service-row:hover {background:#fbe2ed}
/* Preserve the red-smoke photograph but make its surroundings match the day palette. */
.smoke-section,.smoke-section.smoke-v6 {
  background:var(--fk-day);
}
.smoke-overlay {
  background:linear-gradient(90deg,#f6f0e8f5 0%,#f6f0e8d6 34%,#f6f0e86b 64%,#f6f0e816 100%),
             linear-gradient(0deg,#f6f0e8 0%,transparent 25%,transparent 80%,#f6f0e8 100%);
}
/* Keep the existing editorial video and the bright accent buttons, not extra color themes. */
.marquee {background:var(--fk-day)}
@media(prefers-reduced-motion:reduce) {
  .companies-bg:after,.showreel-overlay,.smoke-overlay {transition:none}
}
/* Full-body portrait in the personal introduction */
.fk-personal-about .fk-personal-photo img { width:100%; height:100%; object-fit:cover; object-position:center top; }
@media (min-width: 800px) { .fk-personal-about .fk-personal-photo { align-self:stretch; min-height:560px; } }
@media (max-width: 799px) { .fk-personal-about .fk-personal-photo img { aspect-ratio:2/3; height:auto; } }

/* Square portrait: keep the supplied image intact, no round crop or overlays. */
.fk-personal-photo{aspect-ratio:1/1!important;min-height:0!important;max-width:650px;overflow:hidden;border-radius:0!important}
.fk-personal-photo img{display:block;width:100%!important;height:100%!important;aspect-ratio:1/1!important;object-fit:cover!important;object-position:center center!important;border-radius:0!important}

/* Egyesített interaktív műhely és projektkonfigurátor */
.fk-cfg-sizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 20px}
.fk-cfg-sizes button{min-width:0;padding:12px 6px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.04);color:#fff;font:inherit;font-size:11px;font-weight:800;letter-spacing:.06em;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.fk-cfg-sizes button:hover,.fk-cfg-sizes button.active{background:#f92ca7;color:#170d29;border-color:#f92ca7}
.fk-cfg-extras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 24px}
.fk-cfg-extras label{display:flex;align-items:center;gap:10px;padding:14px 12px;border:1px solid rgba(255,255,255,.22);font-size:11px;font-weight:700;cursor:pointer;line-height:1.5}
.fk-cfg-extras input{accent-color:#fa2ca5;width:17px;height:17px;flex:none}
.fk-cfg-estimate{margin:20px 0;padding:22px;border:1px solid rgba(71,247,218,.45);background:linear-gradient(125deg,rgba(20,10,43,.9),rgba(31,15,62,.75));color:#fff}
.fk-cfg-estimate>span,.fk-cfg-time span{display:block;color:#4ff9dc;font-size:10px;font-weight:800;letter-spacing:.11em}
.fk-cfg-estimate>strong{display:block;margin:12px 0 16px;color:#fff;font-size:clamp(20px,2.2vw,31px);line-height:1.25;overflow-wrap:anywhere}
.fk-cfg-time{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid rgba(255,255,255,.18)}
.fk-cfg-time b{white-space:nowrap;font-size:17px}
.fk-cfg-estimate small{display:block;opacity:.75;line-height:1.6;font-size:11px}
#wbDemoVisual.cfg-integrated::after{content:"↔ API CONNECTED";display:inline-block;margin:8px 0;padding:6px 9px;border:1px solid #42ebd7;color:#42ebd7;font-size:10px;font-weight:800}
#wbDemoVisual.cfg-animated .demo-website-picture,#wbDemoVisual.cfg-animated .demo-product-photo,#wbDemoVisual.cfg-animated .demo-system-stats strong{animation:fkCfgFloat 2.6s ease-in-out infinite alternate}
@keyframes fkCfgFloat{from{transform:translateY(0)}to{transform:translateY(-7px)}}
@media(max-width:620px){.fk-cfg-extras{grid-template-columns:1fr}.fk-cfg-estimate{padding:17px}.fk-cfg-sizes button{font-size:10px}}
@media(prefers-reduced-motion:reduce){#wbDemoVisual.cfg-animated *{animation:none!important}}

.fk-cfg-scope{margin:-9px 0 22px;color:#b8acd0;font-size:12px;line-height:1.5}

/* FK VHS → CRT cinematic preloader */
.fk-vhs-loader{background:radial-gradient(ellipse at 50% 38%,#34144c 0%,#10091d 58%,#08050e 100%);isolation:isolate;perspective:1100px}
.fk-vhs-loader:before{z-index:5;opacity:.3;background:repeating-linear-gradient(0deg,transparent 0 3px,#0004 4px 5px);pointer-events:none}
.fk-vhs-loader:after{content:'';position:absolute;inset:0;z-index:6;pointer-events:none;background:linear-gradient(90deg,transparent 0 48%,#fff1 49%,transparent 51%);opacity:.12;animation:vhsFlicker .2s steps(2) infinite}
.vhs-stage{width:min(670px,90vw);height:min(520px,65vh);min-height:310px;position:relative;transform-style:preserve-3d;animation:vhsCamera 3.3s cubic-bezier(.22,.6,.18,1) both}
.vhs-tv{position:absolute;width:69%;height:66%;left:15%;top:0;filter:drop-shadow(0 22px 22px #0008)}
.vhs-tv-frame{height:91%;padding:4.5%;border:12px solid #2d2935;border-radius:30px;background:linear-gradient(125deg,#625b69,#17131c 60%,#433748);box-shadow:inset 0 0 0 3px #a1a0a330,0 0 50px #fd2caa22}
.vhs-tv-screen{height:100%;border-radius:35% / 17%;overflow:hidden;border:6px solid #09090c;background:#070a12;position:relative;box-shadow:inset 0 0 40px #000}
.vhs-tv-screen:after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0 3px,#0006 4px 5px),radial-gradient(ellipse at center,transparent 25%,#000b 100%)}
.vhs-tv-picture{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:linear-gradient(145deg,#160a33,#5a0b64 55%,#e72b93);opacity:0;animation:vhsScreen 3.3s steps(1,end) both}
.vhs-tv-logo{font:900 clamp(54px,11vw,125px)/1 Oxanium,sans-serif;letter-spacing:-.12em;color:#fff;text-shadow:4px 0 #00f2e5,-4px 0 #ff329b}.vhs-tv-logo span{font-size:.3em;vertical-align:top;color:#ffed4a}
.vhs-tv-picture small{font:800 clamp(8px,1.5vw,15px) Oxanium,sans-serif;letter-spacing:.22em;color:#fff}.vhs-tv-picture em{position:absolute;top:13%;left:9%;font:700 10px monospace;color:#55ffe4;font-style:normal}
.vhs-tv-stand{position:absolute;width:26%;height:8%;left:37%;bottom:0;background:linear-gradient(#39343d,#131019);clip-path:polygon(30% 0,70% 0,85% 100%,15% 100%)}
.vhs-deck{position:absolute;top:67%;left:12%;width:76%;height:20%;border:5px solid #48414c;border-radius:10px;background:linear-gradient(#29252f,#0d0d15);box-shadow:0 15px 24px #0009;z-index:2;padding:12px 17px}
.vhs-deck-label{display:flex;justify-content:space-between;color:#bcb6c4;font:700 10px monospace;letter-spacing:.1em}.vhs-deck-label span{color:#fa397f}
.vhs-deck-slot{position:absolute;top:37%;left:19%;width:62%;height:36%;background:#050509;border:3px solid #44404c;box-shadow:inset 0 4px 8px #000;border-radius:4px}.vhs-slot-inner{height:100%;background:linear-gradient(180deg,#090911,#272332);opacity:.7}
.vhs-deck-controls{position:absolute;bottom:8%;left:5%;right:5%;display:flex;gap:8px;align-items:center}.vhs-deck-controls i{width:10px;height:6px;background:#706b77;border-radius:1px}.vhs-deck-controls span{margin-left:auto;color:#a49fac;font:8px monospace}
.vhs-cassette{position:absolute;z-index:4;left:29%;top:77%;width:42%;height:15%;border-radius:6px;border:5px solid #0b0b12;background:linear-gradient(135deg,#292331,#100e16);box-shadow:0 8px 25px #000c,0 0 0 2px #625a6b;transform-origin:center;animation:vhsInsert 3.3s cubic-bezier(.55,.05,.22,1) both}
.vhs-cassette-face{height:100%;display:flex;align-items:center;gap:10px;padding:6px 12px}.vhs-cassette-label{width:68%;background:#f5eff8;color:#241027;padding:5px 7px;font:900 clamp(7px,1.25vw,12px) Oxanium,sans-serif;line-height:1.3}.vhs-cassette-label small{display:block;font:700 7px monospace;color:#ce2289}.vhs-reels{display:flex;gap:8px}.vhs-reels i{display:block;width:24px;height:24px;border:5px dotted #8c8493;border-radius:50%;background:#111}
.vhs-loader-caption{position:absolute;z-index:7;bottom:5%;left:50%;transform:translateX(-50%);width:min(350px,75vw);text-align:center;font:700 10px Oxanium,sans-serif;letter-spacing:.12em;color:#e7e0f1}.vhs-loader-caption .loader-meter{width:100%;margin:14px 0 0}.vhs-loader-caption .loader-count{margin-top:8px}
@keyframes vhsInsert{0%,17%{transform:translateY(120px) rotate(-13deg) scale(1.15);opacity:0}25%{opacity:1}43%{transform:translateY(20px) rotate(0) scale(1)}56%,100%{transform:translateY(-32px) rotate(0) scale(.6);opacity:0}}
@keyframes vhsScreen{0%,54%{opacity:0}56%,63%{opacity:1;filter:grayscale(1) brightness(2)}65%,100%{opacity:1;filter:none}}
@keyframes vhsCamera{0%,52%{transform:translateZ(0)}68%{transform:translateZ(0)}100%{transform:translateZ(680px)}}
@keyframes vhsFlicker{50%{opacity:.06}}
.fk-vhs-loader.vhs-complete .vhs-tv-screen{box-shadow:0 0 80px #fff9,inset 0 0 30px #fff7}
@media(max-width:600px){.vhs-stage{height:360px;min-height:0;width:96vw}.vhs-tv{width:88%;left:6%;height:67%}.vhs-deck{width:92%;left:4%;top:68%;height:22%}.vhs-cassette{left:22%;width:56%;top:79%;height:16%}.vhs-tv-frame{border-width:7px;padding:3%}.vhs-tv-screen{border-width:4px}.vhs-deck-label{font-size:8px}.vhs-cassette-label{font-size:8px}.vhs-reels i{width:16px;height:16px;border-width:3px}}
@media(prefers-reduced-motion:reduce){.vhs-stage,.vhs-cassette,.vhs-tv-picture,.fk-vhs-loader:after{animation:none!important}.vhs-tv-picture{opacity:1}.vhs-cassette{display:none}}

/* V2 / cinematic analog opening — physical cassette, CRT power-on, camera push-in */
.fk-cinema{background:#07040e!important;overflow:hidden;perspective:1600px;isolation:isolate;display:flex;align-items:center;justify-content:center}
.fk-cinema:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.12) 4px 5px);opacity:.38}
.fk-cinema:after{content:"";position:absolute;inset:-30%;z-index:5;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 12%,#040209 72%);opacity:.6}
.cinema-ambient{position:absolute;inset:-15%;background:radial-gradient(ellipse at 28% 60%,rgba(248,19,134,.22),transparent 39%),radial-gradient(ellipse at 78% 25%,rgba(0,220,255,.16),transparent 42%),linear-gradient(160deg,#13081e,#05030b 80%);animation:ambientShift 4.2s ease-in-out both}
.cinema-ambient:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.03) 50%,transparent 50.2%)}
.cinema-topline,.cinema-bottomline{position:absolute;left:clamp(18px,5vw,90px);right:clamp(18px,5vw,90px);display:flex;justify-content:space-between;gap:20px;color:#b9a7cc;font:700 10px/1.5 monospace;letter-spacing:.18em;z-index:8;opacity:.75}
.cinema-topline{top:clamp(20px,4vh,45px)}.cinema-bottomline{bottom:clamp(20px,4vh,45px)}
.fk-cinema .vhs-stage{position:relative;width:min(750px,86vw);height:min(580px,72vh);min-height:370px;transform-origin:50% 29%;animation:cinemaPush 4.2s cubic-bezier(.65,0,.2,1) both;z-index:3;filter:drop-shadow(0 35px 70px #000b)}
.fk-cinema .vhs-tv{left:14%;top:1%;width:72%;height:67%;filter:drop-shadow(0 0 55px #fa2a8c18)}
.fk-cinema .vhs-tv-frame{position:relative;height:93%;padding:5%;border:13px solid #211e26;border-radius:30px 30px 38px 38px;background:linear-gradient(130deg,#5b5560,#201d27 27%,#100f15 64%,#39333e);box-shadow:inset 3px 3px 3px #ffffff25,inset -6px -8px 13px #000b,0 0 0 2px #08060b,0 25px 55px #000a}
.fk-cinema .vhs-tv-frame:after{content:"FK / TRINITRON     ●";position:absolute;bottom:1.4%;left:8%;color:#a69baa;font:700 8px monospace;letter-spacing:.13em}
.fk-cinema .vhs-tv-screen{border:8px solid #09090d;border-radius:26% / 17%;background:#020206;box-shadow:inset 0 0 30px #000,0 0 0 2px #7d738622;isolation:isolate}
.fk-cinema .vhs-tv-screen:after{background:radial-gradient(ellipse at 50% 45%,transparent 36%,#0009 100%),repeating-linear-gradient(0deg,transparent 0 3px,#0005 4px 5px);z-index:8;opacity:.65}
.fk-cinema .vhs-tv-picture{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(155deg,#12081e 10%,#2a0b42 48%,#d91775 100%);opacity:0;animation:cinemaSignal 4.2s steps(1,end) both;overflow:hidden}
.fk-cinema .vhs-tv-picture:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 30% 70%,#ed288955,transparent 40%),repeating-linear-gradient(125deg,transparent 0 60px,#01d7f812 62px 63px);animation:signalDrift 4s linear infinite}
.fk-cinema .vhs-tv-logo{position:relative;font:900 clamp(58px,11vw,132px)/.95 Oxanium,sans-serif;letter-spacing:-.14em;text-shadow:4px 0 #00e8f4,-4px 0 #fd258c,0 0 32px #e933b888}
.fk-cinema .vhs-tv-picture small{position:relative;font-size:clamp(8px,1.5vw,15px);letter-spacing:.25em}
.crt-signal{position:absolute;top:12%;left:9%;right:9%;display:flex;justify-content:space-between;color:#60ffda;font:800 10px monospace;letter-spacing:.05em;z-index:2}.crt-signal i{font-style:normal;color:#eee;margin-left:10px}
.crt-tag{position:absolute;bottom:12%;color:#e7d6ed;font:700 8px Oxanium,sans-serif;letter-spacing:.16em}
.fk-cinema .vhs-tv-picture em{display:none}
.crt-snow{position:absolute;inset:0;z-index:4;background:repeating-linear-gradient(90deg,#fff7 0 1px,#000 2px 5px,#aaa8 7px 9px),repeating-linear-gradient(0deg,#0000 0 3px,#fff7 4px 5px);background-blend-mode:difference;opacity:0;animation:cinemaSnow 4.2s steps(8,end) both}
.crt-scan{position:absolute;left:0;right:0;top:0;height:14%;z-index:6;background:linear-gradient(transparent,#e7faff44,transparent);opacity:0;animation:cinemaTracking 4.2s linear both}
.crt-glare{position:absolute;inset:0;z-index:7;pointer-events:none;background:linear-gradient(115deg,#fff2 0%,transparent 29%,transparent 72%,#fff1 100%)}
.fk-cinema .vhs-tv-stand{bottom:-2%;height:8%;background:linear-gradient(#403a43,#111018)}
.vhs-tv-base{position:absolute;bottom:-4%;left:31%;width:38%;height:3%;border-radius:50%;background:linear-gradient(#4d4651,#0d0a12);box-shadow:0 5px 15px #0009}
.fk-cinema .vhs-deck{z-index:2;top:69%;left:12%;width:76%;height:19%;border:3px solid #39323d;border-radius:6px;background:linear-gradient(180deg,#39343c 0%,#19161e 30%,#0b0b0e 100%);box-shadow:inset 0 2px 2px #ffffff25,0 18px 28px #000d;padding:13px 19px}
.fk-cinema .vhs-deck-label{font:700 10px monospace;letter-spacing:.1em;color:#bfb6c3}.fk-cinema .vhs-deck-label b{color:#f4eaf4;font-size:13px}.fk-cinema .vhs-deck-label span{color:#bbb}.fk-cinema .vhs-deck-label span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff327e;box-shadow:0 0 10px #ff327e;margin-left:4px;animation:deckPower 4.2s steps(1) both}
.fk-cinema .vhs-deck-slot{top:36%;height:33%;left:18%;width:64%;border:3px solid #09090d;border-radius:3px;background:#020204;box-shadow:0 1px 0 #79717d,inset 0 8px 14px #000}
.fk-cinema .vhs-slot-inner{height:100%;background:linear-gradient(#030306,#1e1b25);animation:slotClose 4.2s steps(1) both}
.fk-cinema .vhs-deck-controls{bottom:9%}.fk-cinema .vhs-deck-controls i{width:16px;height:5px;background:#77707d;box-shadow:0 1px #000}
.fk-cinema .vhs-cassette{z-index:4;left:30%;top:72%;width:40%;height:17%;border:5px solid #050508;border-radius:6px;background:linear-gradient(145deg,#38333d,#0b0a10);box-shadow:inset 0 0 0 2px #6c6571,0 15px 30px #000e;transform-origin:50% 50%;animation:cinemaCassette 4.2s cubic-bezier(.35,0,.2,1) both}
.fk-cinema .vhs-cassette-face{position:relative;flex-direction:column;align-items:stretch;justify-content:center;gap:7px;padding:7px 12px}
.fk-cinema .vhs-cassette-label{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;background:linear-gradient(90deg,#eee7ec 0 70%,#e92482 70%);font:900 clamp(7px,1.1vw,11px) Oxanium,sans-serif;color:#201327;line-height:1.1}
.fk-cinema .vhs-cassette-label small{font:700 6px monospace;letter-spacing:.05em;color:#37182d}
.fk-cinema .vhs-reels{justify-content:space-around;gap:0}.fk-cinema .vhs-reels i{width:24px;height:24px;border:5px dashed #b4abb8;background:#08070c;animation:reelSpin 1.1s linear infinite}
.cassette-bottom{position:absolute;bottom:0;left:20%;width:60%;height:4px;background:#000}
.cinema-flash{position:absolute;inset:-150%;background:#fff;opacity:0;pointer-events:none;z-index:20;animation:cinemaWhiteout 4.2s steps(1) both}
.fk-cinema .vhs-loader-caption{bottom:8%;z-index:9;width:min(370px,76vw);font:700 10px Oxanium,sans-serif;letter-spacing:.16em;animation:captionOut 4.2s both}
.fk-cinema .vhs-loader-caption .loader-meter{height:2px;background:#ffffff2a;margin:15px 0 0}.fk-cinema .vhs-loader-caption .loader-meter i{background:linear-gradient(90deg,#ff2a9d,#60ffe2);box-shadow:0 0 12px #ff2a9d}
.fk-cinema.vhs-complete .vhs-tv-screen{box-shadow:0 0 50px #fff6}
@keyframes cinemaCassette{0%{transform:translate3d(0,200px,130px) rotateX(-25deg) rotateZ(-7deg) scale(1.3);opacity:0}12%{opacity:1}23%{transform:translate3d(0,60px,100px) rotateX(-15deg) rotateZ(0) scale(1.15);opacity:1}35%{transform:translate3d(0,-8px,0) rotateX(0) scale(.94);opacity:1}46%{transform:translate3d(0,-29px,-45px) scale(.68);opacity:1}52%,100%{transform:translate3d(0,-34px,-80px) scale(.5);opacity:0}}
@keyframes cinemaPush{0%,62%{transform:translate3d(0,0,0) scale(1)}76%{transform:translate3d(0,5%,0) scale(1.06)}100%{transform:translate3d(0,34%,0) scale(5.7)}}
@keyframes cinemaSignal{0%,50%{opacity:0}51%{opacity:1;filter:brightness(6) grayscale(1)}53%{opacity:0}55%{opacity:1;filter:brightness(2) grayscale(1)}60%,100%{opacity:1;filter:none}}
@keyframes cinemaSnow{0%,49%{opacity:0}50%,55%{opacity:.9}56%,60%{opacity:.32}61%,100%{opacity:0}}
@keyframes cinemaTracking{0%,55%{opacity:0;transform:translateY(-80%)}56%{opacity:.8}69%{opacity:.3;transform:translateY(850%)}70%,100%{opacity:0}}
@keyframes cinemaWhiteout{0%,94%{opacity:0}96%{opacity:.85}100%{opacity:0}}
@keyframes deckPower{0%,37%{background:#666;box-shadow:none}38%,100%{background:#ff327e;box-shadow:0 0 12px #ff327e}}
@keyframes slotClose{0%,48%{opacity:.8}49%,100%{opacity:.15}}
@keyframes reelSpin{to{transform:rotate(360deg)}}
@keyframes ambientShift{0%{transform:scale(1.1)}100%{transform:scale(1)}}
@keyframes signalDrift{to{transform:translateX(10%)}}
@keyframes captionOut{0%,76%{opacity:1}90%,100%{opacity:0}}
@media(max-width:650px){.fk-cinema .vhs-stage{width:95vw;height:370px;min-height:0;transform-origin:50% 28%}.fk-cinema .vhs-tv{width:86%;left:7%;height:66%}.fk-cinema .vhs-deck{width:94%;left:3%;top:69%;height:20%;padding:9px 12px}.fk-cinema .vhs-cassette{width:58%;left:21%;top:73%;height:17%}.fk-cinema .vhs-tv-frame{border-width:8px;padding:4%}.fk-cinema .vhs-tv-screen{border-width:4px}.fk-cinema .vhs-cassette-label{font-size:7px;padding:5px}.fk-cinema .vhs-cassette-label small{font-size:5px}.fk-cinema .vhs-loader-caption{bottom:15%}.cinema-topline,.cinema-bottomline{font-size:8px;letter-spacing:.07em}.fk-cinema .vhs-tv-logo{font-size:clamp(60px,17vw,100px)}}
@media(prefers-reduced-motion:reduce){.fk-cinema .vhs-stage,.fk-cinema .vhs-cassette,.fk-cinema .vhs-tv-picture,.fk-cinema .crt-snow,.fk-cinema .crt-scan,.fk-cinema .cinema-flash,.fk-cinema .vhs-loader-caption{animation:none!important}.fk-cinema .vhs-tv-picture{opacity:1}.fk-cinema .vhs-cassette{display:none}}

/* VHS / CINEMATIC CUT V3 — physical insertion, 2.85 s */
.fk-cinema{background:radial-gradient(ellipse at 50% 44%,#30152f 0%,#0b0613 56%,#030206 100%)!important}
.fk-cinema .vhs-stage{animation:fkV3Camera 2.85s cubic-bezier(.68,.02,.25,1) both;transform-origin:50% 31%}
.fk-cinema .vhs-cassette{top:75%;left:26%;width:48%;height:15%;z-index:7;transform-origin:50% 0;animation:fkV3Tape 2.85s cubic-bezier(.36,.02,.23,1) both;backface-visibility:hidden;filter:drop-shadow(0 15px 12px #000a)}
.fk-cinema .vhs-cassette-face{background:linear-gradient(165deg,#403644 0%,#0a090f 58%,#28202d 100%);border-top:2px solid #726579}
.fk-cinema .vhs-cassette:before{content:'';position:absolute;top:-7px;left:6%;width:88%;height:9px;background:linear-gradient(90deg,#0a0910,#5a5360 15%,#16131a 85%,#08070c);transform:skewX(-20deg)}
.fk-cinema .vhs-deck-slot{z-index:8;overflow:visible;perspective:700px;box-shadow:inset 0 8px 14px #000,0 0 0 1px #6b5c6c}
.fk-cinema .vhs-deck-slot:before{content:'';position:absolute;z-index:9;inset:0;background:linear-gradient(180deg,#19121f,#050408 55%,#1d1723);border-bottom:2px solid #77707d;transform-origin:top center;animation:fkV3Door 2.85s steps(1,end) both}
.fk-cinema .vhs-deck-slot:after{content:'';position:absolute;z-index:10;left:3%;right:3%;bottom:-5px;height:9px;background:linear-gradient(#403747,#110e17);box-shadow:0 2px 4px #000}
.fk-cinema .vhs-slot-inner{animation:none;opacity:1;background:linear-gradient(#030204,#0b0710)}
.fk-cinema .vhs-tv-picture{animation:fkV3Signal 2.85s steps(1,end) both}
.fk-cinema .crt-snow{animation:fkV3Noise 2.85s steps(1,end) both}
.fk-cinema .crt-scan{animation:cinemaTracking 2.85s both}
.fk-cinema .vhs-loader-caption{animation:fkV3Caption 2.85s both}
.fk-cinema .vhs-deck-label span i{animation:fkV3Led 2.85s steps(1,end) both}
.fk-cinema .cinema-flash{animation:cinemaWhiteout 2.85s both}
.fk-cinema .vhs-reels i{animation:reelSpin .65s linear infinite}
@keyframes fkV3Tape{
  0%{opacity:0;transform:translate3d(0,145px,190px) rotateX(-33deg) rotateZ(-4deg) scale(1.35)}
  9%{opacity:1}
  19%{transform:translate3d(0,62px,105px) rotateX(-20deg) rotateZ(-2deg) scale(1.16)}
  30%{transform:translate3d(0,3px,36px) rotateX(-7deg) rotateZ(0) scale(1.03)}
  38%{transform:translate3d(0,-3px,8px) rotateX(0) scale(1)}
  46%{transform:translate3d(0,-7px,-16px) rotateX(3deg) scale(.95);opacity:1}
  55%{transform:translate3d(0,-9px,-125px) rotateX(8deg) scale(.66);opacity:0}
  100%{transform:translate3d(0,-9px,-125px) scale(.66);opacity:0}
}
@keyframes fkV3Door{0%,26%{transform:rotateX(0deg)}27%,51%{transform:rotateX(-70deg)}52%,100%{transform:rotateX(0deg)}}
@keyframes fkV3Camera{0%,53%{transform:translate3d(0,0,0) scale(1)}65%{transform:translate3d(0,2%,0) scale(1.09)}100%{transform:translate3d(0,34%,0) scale(7)}}
@keyframes fkV3Signal{0%,52%{opacity:0}53%{opacity:1;filter:brightness(8) grayscale(1)}55%{opacity:0}57%{opacity:1;filter:brightness(2) hue-rotate(80deg)}62%,100%{opacity:1;filter:none}}
@keyframes fkV3Noise{0%,52%{opacity:0}53%,59%{opacity:.95}60%,66%{opacity:.3}67%,100%{opacity:0}}
@keyframes fkV3Led{0%,45%{background:#555;box-shadow:none}46%,100%{background:#ff2a91;box-shadow:0 0 12px #ff2a91}}
@keyframes fkV3Caption{0%,76%{opacity:1}90%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.fk-cinema .vhs-deck-slot:before,.fk-cinema .vhs-cassette{animation:none!important}.fk-cinema .vhs-cassette{display:none}.fk-cinema .vhs-deck-slot:before{transform:none}}

/* SIGNAL BOOT — compact cyberpunk/synthwave intro, replaces VHS */
.fk-signal-loader{background:radial-gradient(ellipse at 50% 55%,#3c164f,#0a0517 75%);isolation:isolate}
.fk-signal-loader:before{background:repeating-linear-gradient(0deg,transparent 0 4px,#0003 5px 6px);opacity:.5;z-index:5;pointer-events:none}
.signal-sun{position:absolute;width:min(450px,60vw);aspect-ratio:1;top:48%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:repeating-linear-gradient(180deg,transparent 0 17px,#15061c 18px 23px),linear-gradient(#ffb65b,#ff318e 60%,#712eac);box-shadow:0 0 100px #ff299755;opacity:.62;animation:signalAppear 1.4s ease-out both}
.signal-grid{position:absolute;bottom:-40%;width:150%;height:95%;background:linear-gradient(#fb33904d 1px,transparent 1px),linear-gradient(90deg,#fb33904d 1px,transparent 1px);background-size:8% 8%;transform:perspective(360px) rotateX(70deg);animation:signalGrid 1s linear infinite;mask-image:linear-gradient(transparent,#000 35%,#000 80%,transparent)}
.signal-frame{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;width:min(900px,90vw);height:min(600px,82vh);padding:clamp(18px,3vw,36px);border:1px solid #ffffff3a;background:#16092066;box-shadow:0 30px 100px #0007;backdrop-filter:blur(3px)}
.signal-top,.signal-row,.signal-bottom small{font:700 clamp(9px,1vw,12px) Oxanium,sans-serif;letter-spacing:.12em;color:#68ffe5;display:flex;justify-content:space-between;gap:15px}
.signal-top span:last-child{color:#ffa6d6}
.signal-center{text-align:center;animation:signalAppear .9s cubic-bezier(.2,.8,.2,1) both}
.signal-kicker{display:block;font:700 clamp(9px,1.2vw,12px) Oxanium,sans-serif;letter-spacing:.16em;color:white;margin-bottom:25px}
.signal-logo{font:900 clamp(110px,19vw,235px)/.9 Oxanium,sans-serif;letter-spacing:-.13em;padding-right:.13em;color:white;text-shadow:6px 0 #ff2fa6,-6px 0 #3bffe7,0 0 50px #f638a580;animation:signalGlitch 1.95s steps(1,end) both}
.signal-logo span{font-size:.25em;vertical-align:top;color:#ff2fa6;letter-spacing:0;text-shadow:none}
.signal-center strong{display:block;margin-top:20px;font:900 clamp(16px,3vw,32px) Oxanium,sans-serif;letter-spacing:.17em}
.signal-center strong em{font-style:normal;color:#ff35a9}
.signal-center p{margin:25px 0 0;font:700 clamp(10px,1.4vw,14px) Oxanium,sans-serif}
.signal-center p span{color:#63ffe8}
.signal-row{margin-bottom:12px}
.fk-signal-loader .loader-meter{width:100%;height:4px;background:#ffffff2a}
.fk-signal-loader .loader-meter i{background:linear-gradient(90deg,#ff2b9e,#4ffff0);box-shadow:0 0 18px #ff2b9e}
.signal-bottom small{display:block;margin-top:14px;text-align:right;opacity:.7;font-size:9px}
.signal-flash{position:absolute;z-index:4;inset:0;background:#f9e8ff;opacity:0;pointer-events:none}
.fk-signal-loader.signal-exit .signal-flash{animation:signalFlash .32s ease-out}
.fk-signal-loader.signal-exit .signal-frame{animation:signalOut .32s ease-in both}
@keyframes signalAppear{from{opacity:0;filter:blur(15px);transform:translateY(15px)}to{opacity:1;filter:none;transform:none}}
@keyframes signalGrid{to{background-position:0 30px,0 0}}
@keyframes signalGlitch{0%,30%,37%,70%,77%,100%{transform:none}33%{transform:translate(7px,-2px)}35%{transform:translate(-6px,3px)}73%{transform:translate(4px,0)}75%{transform:translate(-4px,0)}}
@keyframes signalFlash{45%{opacity:.9}100%{opacity:0}}
@keyframes signalOut{to{opacity:0;transform:scale(1.06);filter:blur(12px)}}
@media(max-width:600px){.signal-frame{width:92vw;height:min(510px,75vh);padding:17px}.signal-top{font-size:8px;letter-spacing:0}.signal-kicker{letter-spacing:.05em}.signal-center strong{letter-spacing:.06em}.signal-sun{width:80vw}}
@media(prefers-reduced-motion:reduce){.fk-signal-loader *{animation:none!important;transition:none!important}}

/* SIGNAL BOOT V2 / cinematic calibration sequence */
.fk-signal-loader{--signal-progress:0}
.signal-frame{z-index:7;transition:box-shadow .4s ease,filter .3s ease}
.signal-orbit{position:absolute;z-index:2;top:49%;left:50%;width:min(72vw,680px);aspect-ratio:1;border:1px solid #50ffe72e;border-radius:50%;transform:translate(-50%,-50%) scale(.75);opacity:0;animation:signalOrbit 1.25s .25s ease-out forwards;pointer-events:none}
.signal-orbit:before,.signal-orbit:after{content:"";position:absolute;left:50%;top:-3px;width:6px;height:6px;background:#5affed;border-radius:50%;box-shadow:0 0 17px #5affed}
.signal-orbit:after{top:auto;bottom:-3px;left:28%;background:#ff38a8;box-shadow:0 0 17px #ff38a8}
.signal-orbit-b{width:min(90vw,880px);border-style:dashed;border-color:#ff38a82d;animation-delay:.5s;animation-duration:1.6s}
.signal-sweep{position:absolute;z-index:3;inset:0;pointer-events:none;opacity:0;background:linear-gradient(180deg,transparent 0%,#68ffe80a 45%,#67ffe85e 50%,#68ffe80a 55%,transparent 100%);background-size:100% 34%;background-repeat:no-repeat;animation:signalSweep 1.3s .7s linear 2}
.signal-crosshair{position:absolute;z-index:4;left:50%;top:50%;width:min(79vw,750px);height:min(68vh,490px);transform:translate(-50%,-50%);opacity:0;transition:opacity .22s}
.signal-crosshair i{position:absolute;width:29px;height:29px;border-color:#5affed;border-style:solid;filter:drop-shadow(0 0 8px #51ffe8)}
.signal-crosshair i:nth-child(1){left:0;top:0;border-width:2px 0 0 2px}
.signal-crosshair i:nth-child(2){right:0;top:0;border-width:2px 2px 0 0}
.signal-crosshair i:nth-child(3){left:0;bottom:0;border-width:0 0 2px 2px}
.signal-crosshair i:nth-child(4){right:0;bottom:0;border-width:0 2px 2px 0}
.fk-signal-loader[data-stage="1"] .signal-crosshair,.fk-signal-loader[data-stage="2"] .signal-crosshair{opacity:1}
.signal-coordinates{position:absolute;right:3vw;bottom:6vh;z-index:5;font:700 10px/1.9 Oxanium,sans-serif;color:#72ffe7;letter-spacing:.12em;opacity:0;animation:signalAppear .45s .6s both}
.signal-decode{font:700 clamp(8px,1vw,11px) Oxanium,sans-serif;color:#5affe7;letter-spacing:.1em;margin-bottom:18px;opacity:0;transform:translateY(12px);transition:opacity .35s,transform .35s}
.signal-decode b{color:#ff37a9;margin:0 9px}
.fk-signal-loader[data-stage="2"] .signal-decode,.fk-signal-loader[data-stage="3"] .signal-decode{opacity:1;transform:none}
.signal-particles{position:absolute;z-index:3;inset:0;pointer-events:none;overflow:hidden}
.signal-particles i{position:absolute;left:var(--px);top:var(--py);width:2px;height:2px;border-radius:50%;background:#7affed;box-shadow:0 0 12px 3px #64ffe7;opacity:0;animation:signalParticle 1.6s var(--delay) ease-out infinite}
.signal-particles i:nth-child(1){--px:12%;--py:18%;--delay:.1s}.signal-particles i:nth-child(2){--px:83%;--py:27%;--delay:.3s}.signal-particles i:nth-child(3){--px:24%;--py:71%;--delay:.7s}.signal-particles i:nth-child(4){--px:77%;--py:81%;--delay:.4s}.signal-particles i:nth-child(5){--px:44%;--py:13%;--delay:1.1s}.signal-particles i:nth-child(6){--px:62%;--py:67%;--delay:.9s}.signal-particles i:nth-child(7){--px:7%;--py:55%;--delay:1.3s}.signal-particles i:nth-child(8){--px:91%;--py:56%;--delay:.2s}.signal-particles i:nth-child(9){--px:34%;--py:87%;--delay:1.4s}.signal-particles i:nth-child(10){--px:65%;--py:14%;--delay:.6s}.signal-particles i:nth-child(11){--px:15%;--py:43%;--delay:.8s}.signal-particles i:nth-child(12){--px:87%;--py:43%;--delay:1.5s}
.signal-shutter{position:absolute;z-index:9;left:0;right:0;height:50.5%;background:#080416;pointer-events:none;transform:scaleY(0)}
.signal-shutter-top{top:0;transform-origin:top}
.signal-shutter-bottom{bottom:0;transform-origin:bottom}
.fk-signal-loader.signal-exit .signal-shutter-top,.fk-signal-loader.signal-exit .signal-shutter-bottom{animation:signalShutter .4s ease-in both}
.fk-signal-loader.signal-exit .signal-flash{z-index:10;animation:signalFlash .4s .14s ease-out both}
.fk-signal-loader.signal-exit .signal-frame{animation:signalOut .38s ease-in both}
.fk-signal-loader[data-stage="3"] .signal-frame{box-shadow:0 0 75px #fa2f9a35,0 0 0 1px #4ffff044,0 30px 100px #0007}
@keyframes signalOrbit{from{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(-35deg)}to{opacity:.65;transform:translate(-50%,-50%) scale(1) rotate(0)}}
@keyframes signalSweep{0%{opacity:0;background-position:0 -60vh}20%,85%{opacity:1}100%{opacity:0;background-position:0 115vh}}
@keyframes signalParticle{0%{opacity:0;transform:translateY(12px)}30%{opacity:.85}100%{opacity:0;transform:translateY(-22px)}}
@keyframes signalShutter{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media(max-width:600px){.signal-crosshair{width:89vw;height:68vh}.signal-coordinates{font-size:8px;bottom:3vh;right:5vw}.signal-decode{font-size:7px;letter-spacing:0}.signal-decode b{margin:0 3px}.signal-orbit{width:95vw}.signal-orbit-b{width:120vw}}
@media(prefers-reduced-motion:reduce){.signal-orbit,.signal-sweep,.signal-particles i,.signal-shutter{animation:none!important}}

/* FK NEON PULSE: rapid cyberpunk circuit ignition, 1.8s max */
.fk-pulse-loader{background:#070411;isolation:isolate;overflow:hidden;perspective:none}
.fk-pulse-loader::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff1 4px 5px);opacity:.2;pointer-events:none;z-index:8}
.fk-pulse-loader::after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,#f72e9710,transparent 45%,#45ffe918);pointer-events:none}
.pulse-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#67245970 0,#1a0929 34%,#070411 72%);animation:pulseAmbient 1.4s ease-in-out both}
.pulse-trails{position:absolute;inset:0;z-index:2;pointer-events:none}
.pulse-trails i{position:absolute;left:50%;top:50%;width:75vw;height:2px;background:linear-gradient(90deg,transparent,#42ffec,#f630a7,transparent);transform-origin:left center;opacity:0;filter:drop-shadow(0 0 9px #4ffff0);animation:pulseTrace .55s var(--delay) ease-out both}
.pulse-trails i:nth-child(1){--angle:0deg;--delay:.12s}
.pulse-trails i:nth-child(2){--angle:60deg;--delay:.2s}
.pulse-trails i:nth-child(3){--angle:120deg;--delay:.28s}
.pulse-trails i:nth-child(4){--angle:180deg;--delay:.36s}
.pulse-trails i:nth-child(5){--angle:240deg;--delay:.44s}
.pulse-trails i:nth-child(6){--angle:300deg;--delay:.52s}
.pulse-core{position:relative;z-index:4;width:min(460px,82vw);aspect-ratio:1;display:grid;place-items:center}
.pulse-ring{position:absolute;inset:0;border:2px solid #5ffff0;border-radius:50%;box-shadow:0 0 20px #53ffe855,inset 0 0 30px #ff2c9830;opacity:0;animation:pulseRing .8s .18s cubic-bezier(.2,.7,.2,1) both}
.pulse-ring-outer{border-style:dashed;border-color:#ff3fa4;animation-delay:.38s;inset:-9%;animation-duration:.85s}
.pulse-ring-inner{inset:15%;border-width:1px;animation-delay:.24s}
.pulse-mark{text-align:center;opacity:0;transform:scale(.75);animation:pulseMark .55s .5s cubic-bezier(.15,.9,.25,1.3) both}
.pulse-fk{display:block;font:900 clamp(100px,18vw,200px)/.95 Oxanium,sans-serif;letter-spacing:-.14em;padding-right:.13em;color:#fff;text-shadow:-6px 0 #55ffe9,6px 0 #ff2d9f,0 0 45px #fc2b9f9c}
.pulse-fk span{font-size:.26em;vertical-align:top;letter-spacing:0;color:#ff2d9f;text-shadow:none}
.pulse-studio{display:block;margin-top:13px;font:800 clamp(13px,2.3vw,23px)/1.3 Oxanium,sans-serif;letter-spacing:.2em;color:#e9e3ff}
.pulse-caption{position:absolute;z-index:5;left:clamp(20px,5vw,85px);right:clamp(20px,5vw,85px);bottom:clamp(28px,7vh,85px);display:flex;justify-content:space-between;gap:15px;font:700 clamp(9px,1vw,12px) Oxanium,sans-serif;letter-spacing:.12em;color:#63ffec}
.pulse-caption span:last-child{color:#ff6ab8}
.pulse-wipe{position:absolute;z-index:9;inset:0;pointer-events:none;background:#ffdcf4;opacity:0}
.fk-pulse-loader.pulse-ready .pulse-ring{filter:brightness(1.8)}
.fk-pulse-loader.pulse-exit .pulse-wipe{animation:pulseWipe .26s ease-out both}
@keyframes pulseTrace{0%{opacity:0;transform:rotate(var(--angle)) scaleX(0)}35%{opacity:1}100%{opacity:0;transform:rotate(var(--angle)) scaleX(1)}}
@keyframes pulseRing{0%{opacity:0;transform:scale(.4) rotate(-70deg)}65%{opacity:.95}100%{opacity:.5;transform:scale(1) rotate(0deg)}}
@keyframes pulseMark{0%{opacity:0;transform:scale(.75);filter:blur(12px)}70%{opacity:1;filter:none}100%{opacity:1;transform:scale(1);filter:none}}
@keyframes pulseAmbient{0%{opacity:.2}65%{opacity:1}100%{opacity:.8}}
@keyframes pulseWipe{0%{opacity:0}45%{opacity:.85}100%{opacity:0}}
@media(max-width:600px){.pulse-core{width:78vw}.pulse-caption{letter-spacing:0;font-size:9px}.pulse-fk{font-size:clamp(90px,24vw,150px)}.pulse-studio{letter-spacing:.07em}}
@media(prefers-reduced-motion:reduce){.fk-pulse-loader *{animation:none!important;transition:none!important}}

/* Continuous exit: pulse radiates into the page, no frozen hold */
.fk-pulse-loader{transition:opacity .42s cubic-bezier(.22,.7,.2,1),visibility .42s;will-change:opacity}
.fk-pulse-loader .pulse-core{transform:scale(1);opacity:1;transition:transform .74s cubic-bezier(.16,.75,.25,1),opacity .6s ease,filter .7s ease;will-change:transform,opacity,filter}
.fk-pulse-loader .pulse-vignette{transition:transform .76s ease,filter .76s ease,opacity .76s ease}
.fk-pulse-loader .pulse-caption{transition:opacity .24s ease,transform .35s ease}
.fk-pulse-loader .pulse-trails{transition:opacity .35s ease}
.fk-pulse-loader.pulse-exit .pulse-core{transform:scale(3.5);opacity:0;filter:blur(28px)}
.fk-pulse-loader.pulse-exit .pulse-vignette{transform:scale(1.7);filter:brightness(2.2) blur(20px);opacity:0}
.fk-pulse-loader.pulse-exit .pulse-caption{opacity:0;transform:translateY(16px)}
.fk-pulse-loader.pulse-exit .pulse-trails{opacity:0}
.fk-pulse-loader.pulse-exit .pulse-wipe{animation:pulseSmoothFlash .74s cubic-bezier(.22,.7,.2,1) both}
.fk-pulse-loader.pulse-exit .pulse-ring{animation:none;opacity:.8;transition:transform .7s ease-out,opacity .65s ease-out;transform:scale(3);opacity:0}
@keyframes pulseSmoothFlash{0%{opacity:0}40%{opacity:.42}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.fk-pulse-loader,.fk-pulse-loader .pulse-core,.fk-pulse-loader .pulse-vignette{transition:none!important}}

/* Neonwave-inspired cyber navigation hover — FK homepage */
.site-nav > a:not(.nav-contact){
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:8px 5px;
  isolation:isolate;
  transition:color .22s ease,text-shadow .22s ease,transform .22s ease;
}
.site-nav > a:not(.nav-contact)::before{
  content:"";
  position:absolute;
  inset:2px -7px;
  z-index:-1;
  background:linear-gradient(100deg,#00f7ff13,#ff35cf20 50%,#00f7ff13);
  border:1px solid #00f7ff70;
  box-shadow:inset 0 0 12px #00f7ff12,0 0 16px #00f7ff25;
  clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
  opacity:0;
  transform:scaleX(.87);
  transition:opacity .2s ease,transform .25s ease;
  pointer-events:none;
}
.site-nav > a:not(.nav-contact)::after{
  content:"";
  position:absolute;
  left:5px;right:100%;bottom:3px;
  height:2px;
  background:linear-gradient(90deg,#00f7ff,#ff35cf);
  box-shadow:0 0 12px #00f7ff;
  transition:right .25s ease;
  pointer-events:none;
}
@media(hover:hover){
  .site-nav > a:not(.nav-contact):hover{
    color:#aaffff;
    text-shadow:-1px 0 #ff35cf,1px 0 #00f7ff,0 0 12px #00f7ff80;
    transform:translateY(-2px);
    animation:fkNavCyberGlitch .3s steps(2,end) 1;
  }
  .site-nav > a:not(.nav-contact):hover::before{opacity:1;transform:scaleX(1)}
  .site-nav > a:not(.nav-contact):hover::after{right:5px}
  .site-nav > .nav-contact:hover{box-shadow:5px 5px 0 #ff35cf,0 0 20px #00f7ff77;transform:translateY(-2px)}
}
.site-nav > a:not(.nav-contact):focus-visible{outline:2px solid #00f7ff;outline-offset:5px;color:#aaffff}
@keyframes fkNavCyberGlitch{
  0%,100%{filter:none;clip-path:inset(0)}
  30%{filter:hue-rotate(35deg);clip-path:inset(0 0 12% 0)}
  55%{filter:none;clip-path:inset(12% 0 0 0)}
  75%{filter:hue-rotate(-20deg);clip-path:inset(0)}
}
@media(max-width:900px){
  .site-nav > a:not(.nav-contact){display:flex;min-height:44px;padding:10px 12px}
  .site-nav > a:not(.nav-contact)::before{inset:3px 0}
  .site-nav > a:not(.nav-contact)::after{left:12px}
}
@media(prefers-reduced-motion:reduce){
  .site-nav > a:not(.nav-contact),.site-nav > a:not(.nav-contact)::before,.site-nav > a:not(.nav-contact)::after{animation:none!important;transition:none!important}
}

/* FK / 5 SECTION ANIMATIONS — additive, respects existing layout */
/* Service accordion: mechanical edge rails and data-strip sweep */
#serviceAccordion .service-row{position:relative;isolation:isolate}
#serviceAccordion .service-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#53ffe9,#ff3baf);box-shadow:0 0 14px #ff36a890;transform:scaleY(0);transform-origin:top;transition:transform .36s cubic-bezier(.2,.8,.2,1);pointer-events:none}
#serviceAccordion .service-row:hover:before,#serviceAccordion .service-row.fk-panel-open:before{transform:scaleY(1)}
#serviceAccordion .service-row:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 15%,#5affeb12 48%,transparent 75%);transform:translateX(-120%);opacity:0;pointer-events:none}
#serviceAccordion .service-row.fk-panel-open:after{animation:fkPanelSweep .65s ease-out both}
#serviceAccordion .service-row.fk-panel-open .service-tags span{animation:fkTagReveal .36s ease-out both}
#serviceAccordion .service-row.fk-panel-open .service-tags span:nth-child(2){animation-delay:.07s}
#serviceAccordion .service-row.fk-panel-open .service-tags span:nth-child(3){animation-delay:.14s}
@keyframes fkPanelSweep{15%{opacity:1}100%{opacity:0;transform:translateX(120%)}}
@keyframes fkTagReveal{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:none}}
/* Era selector: a travelling energy spark and active era underline */
.spotlight-selector{position:relative;--fk-era:0}
.spotlight-selector:after{content:"";position:absolute;left:0;bottom:-5px;width:20%;height:2px;background:linear-gradient(90deg,#45ffe9,#ff39a6);box-shadow:0 0 13px #ff39a6;transform:translateX(calc(var(--fk-era) * 100%));transition:transform .5s cubic-bezier(.16,1,.3,1);pointer-events:none}
.spotlight-selector.fk-era-fired:before{content:"";position:absolute;top:50%;left:0;width:13px;height:2px;background:#7fffee;box-shadow:0 0 16px 5px #48ffe7;z-index:5;pointer-events:none;animation:fkEraSpark .52s ease-in-out both}
@keyframes fkEraSpark{0%{left:0;opacity:0}15%{opacity:1}90%{opacity:1}100%{left:calc(100% - 13px);opacity:0}}
/* Portrait corner lock-on: only border light, never distort the photo */
.fk-personal-photo{--fk-px:50%;--fk-py:50%;position:relative}
.fk-personal-photo:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at var(--fk-px) var(--fk-py),#58ffe91f,transparent 37%);opacity:0;transition:opacity .35s}
.fk-personal-photo:hover:after{opacity:1}
.fk-target-corners{position:absolute;z-index:3;inset:12px;pointer-events:none}
.fk-target-corners i{position:absolute;width:27px;height:27px;border:2px solid #4dffe7;filter:drop-shadow(0 0 7px #4dffe7);opacity:0;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .3s}
.fk-target-corners i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0;transform:translate(-17px,-17px)}
.fk-target-corners i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0;transform:translate(17px,-17px)}
.fk-target-corners i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0;transform:translate(-17px,17px)}
.fk-target-corners i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0;transform:translate(17px,17px)}
.fk-target-visible .fk-target-corners i{transform:none;opacity:.9}
.fk-personal-photo:hover .fk-target-corners i{border-color:#ff45b3;filter:drop-shadow(0 0 9px #ff45b3)}
/* Calculator: price rolls into view after genuine value changes */
#cfgPrice.fk-price-updated{animation:fkPriceChange .4s cubic-bezier(.2,.8,.2,1) both}
@keyframes fkPriceChange{0%{opacity:.55;transform:translateY(8px);filter:blur(3px)}100%{opacity:1;transform:none;filter:none}}
@media(prefers-reduced-motion:reduce){#serviceAccordion .service-row:after,#serviceAccordion .service-row.fk-panel-open .service-tags span,.spotlight-selector.fk-era-fired:before,#cfgPrice.fk-price-updated{animation:none!important}.fk-target-corners i,.spotlight-selector:after{transition:none!important}}

/* Service accordion: keep arrow fixed in its own grid column, including expanded state */
#serviceAccordion .service-row{grid-template-columns:60px minmax(0,1fr) 60px;column-gap:28px;padding-right:16px;min-width:0}
#serviceAccordion .service-row.is-open{padding-right:16px}
#serviceAccordion .service-row > div{min-width:0}
#serviceAccordion .service-row > .service-icon{grid-column:3;justify-self:end;align-self:start;width:48px;min-width:48px;text-align:center;line-height:1;transform-origin:center center;position:relative;z-index:2;overflow:visible}
#serviceAccordion .service-row.is-open > .service-icon{transform:rotate(45deg) scale(1.05)}
@media(max-width:650px){#serviceAccordion .service-row{grid-template-columns:28px minmax(0,1fr) 30px;column-gap:12px;padding-right:8px}#serviceAccordion .service-row.is-open{padding-right:8px}#serviceAccordion .service-row > .service-icon{width:28px;min-width:28px;font-size:27px}}

/* 2026-10: refined cyberpunk header navigation, no glitch or hover panels */
.site-nav > a:not(.nav-contact){
  position:relative;
  isolation:auto;
  transform:none;
  text-shadow:none;
  transition:color .22s ease;
}
.site-nav > a:not(.nav-contact)::before{content:none!important;display:none!important}
.site-nav > a:not(.nav-contact)::after{
  content:"";
  position:absolute;
  left:5px;
  right:5px;
  bottom:3px;
  height:2px;
  background:linear-gradient(90deg,#62f7e6,#f64db0);
  box-shadow:none;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .26s cubic-bezier(.2,.8,.2,1);
  pointer-events:none;
}
@media(hover:hover){
  .site-nav > a:not(.nav-contact):hover{
    color:#77ffe8;
    text-shadow:none;
    transform:none;
    animation:none!important;
    filter:none;
    clip-path:none;
  }
  .site-nav > a:not(.nav-contact):hover::after{right:5px;transform:scaleX(1)}
}
.site-nav > a:not(.nav-contact):focus-visible::after{right:5px;transform:scaleX(1)}
/* CTA: same offset-and-hard-shadow hover language as the quote request button */
.site-nav > .nav-contact{
  position:relative;
  background:var(--yellow);
  color:var(--ink);
  box-shadow:5px 5px 0 var(--pink);
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;
}
@media(hover:hover){
  .site-nav > .nav-contact:hover{
    background:var(--mint);
    color:var(--ink);
    transform:translate(-3px,-3px);
    box-shadow:8px 8px 0 var(--pink);
    text-shadow:none;
    animation:none;
  }
}
.site-nav > .nav-contact:focus-visible{outline:2px solid var(--mint);outline-offset:5px}
@media(max-width:900px){
  .site-nav > a:not(.nav-contact)::after{left:12px;right:12px;bottom:6px}
}
@media(prefers-reduced-motion:reduce){
  .site-nav > a:not(.nav-contact),.site-nav > a:not(.nav-contact)::after,.site-nav > .nav-contact{transition:none!important}
}

/* CONTACT / FK SIGNAL ROUTER: dynamic cyberpunk data transmission */
.contact-heading .contact-decor{display:none!important}
.fk-dataflow{position:relative;justify-self:stretch;align-self:center;width:100%;min-height:330px;max-width:590px;aspect-ratio:1.58;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 52% 50%,#12354a8a,transparent 63%),linear-gradient(135deg,#110a27,#0a1226);border:1px solid #7bfce63d;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));box-shadow:inset 0 0 48px #36e9de0a}
.fk-dataflow:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 27px,#65ffe70b 28px 29px),repeating-linear-gradient(90deg,transparent 0 27px,#65ffe70b 28px 29px)}
.fk-dataflow canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.fk-dataflow-head,.fk-dataflow-footer{position:absolute;z-index:2;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8afbea;font:700 9px Oxanium,sans-serif;letter-spacing:.09em;pointer-events:none}
.fk-dataflow-head{top:15px}.fk-dataflow-footer{bottom:15px;color:#b7a5d2}.fk-dataflow-footer b{color:#fff;font-variant-numeric:tabular-nums}.fk-dataflow-head i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#75ffe6;box-shadow:0 0 12px #75ffe6;margin-right:5px;animation:fkDataBlink 2s infinite}
.fk-dataflow-head>span:last-child{color:#ff80d1}
.fk-dataflow-node{position:absolute;z-index:3;display:flex;flex-direction:column;gap:4px;min-width:90px;padding:12px 14px;border:1px solid #71fce783;background:#0c1834e8;box-shadow:5px 5px 0 #f735a43b,0 0 22px #6fffe719;transform:translate(-50%,-50%);font:800 14px Oxanium,sans-serif;color:#fff;text-align:center;letter-spacing:.06em}
.fk-dataflow-node small{font:700 8px Oxanium,sans-serif;letter-spacing:.12em;color:#70ffed}.fk-dataflow-node-a{left:17%;top:50%}.fk-dataflow-node-b{left:50%;top:35%;border-color:#ff72ca9a;box-shadow:5px 5px 0 #6bffe73b,0 0 22px #ff3ba91a}.fk-dataflow-node-b small{color:#ff83ce}.fk-dataflow-node-c{left:83%;top:60%}
@keyframes fkDataBlink{50%{opacity:.2}}
@media(max-width:850px){.fk-dataflow{max-width:none;min-height:260px}.fk-dataflow-node{min-width:74px;padding:10px 8px;font-size:12px}}
@media(max-width:480px){.fk-dataflow{min-height:235px;aspect-ratio:1.35}.fk-dataflow-head,.fk-dataflow-footer{left:10px;right:10px;font-size:7px}.fk-dataflow-node{min-width:70px;padding:9px 5px;font-size:11px}.fk-dataflow-node small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.fk-dataflow-head i{animation:none}}

/* 2026-10: badge-hidden v3 with mandatory disclosure */
.grecaptcha-badge{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.fk-recaptcha-disclosure{font-size:11px!important;line-height:1.6;color:#b9a5c9;margin:14px 0 0;max-width:650px}
.fk-recaptcha-disclosure a{color:#76f8e6;text-decoration:underline;text-underline-offset:2px}
/* Mobile menu: animate opacity and slide, not display toggles */
@media(max-width:1180px){
 .site-nav{display:flex!important;flex-direction:column;align-items:stretch;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain;background:#1b092ff5;padding:20px 28px 26px;border-bottom:2px solid var(--pink);box-shadow:0 20px 40px #0009;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-16px);clip-path:inset(0 0 100% 0);transition:opacity .32s ease,transform .38s cubic-bezier(.2,.8,.2,1),clip-path .38s cubic-bezier(.2,.8,.2,1),visibility 0s linear .38s}
 .site-nav.open{display:flex!important;opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);clip-path:inset(0 0 0 0);transition:opacity .32s ease,transform .38s cubic-bezier(.2,.8,.2,1),clip-path .38s cubic-bezier(.2,.8,.2,1),visibility 0s}
 .site-nav>a{opacity:0;transform:translateY(-8px);transition:opacity .25s ease,transform .32s ease,color .2s ease}
 .site-nav.open>a{opacity:1;transform:translateY(0)}
 .site-nav.open>a:nth-child(2){transition-delay:35ms}.site-nav.open>a:nth-child(3){transition-delay:65ms}.site-nav.open>a:nth-child(4){transition-delay:95ms}.site-nav.open>a:nth-child(5){transition-delay:125ms}.site-nav.open>a:nth-child(6){transition-delay:155ms}
}
@media(max-width:767px){
 .process,.process.is-pinned{min-height:0!important;height:auto!important;padding-block:65px!important}
 .process>.wrap,.process.is-pinned>.wrap{position:relative!important;top:auto!important;min-height:0!important;height:auto!important;display:block!important;padding-block:0!important}
 .process-steps article,.process.is-pinned .process-steps article{opacity:1!important;transform:none!important;filter:none!important}
 .process-track-fill{width:100%!important}
 .process-status{display:none!important}
 .studio,.studio .wrap,.studio-grid,.studio-copy,.studio-extras,.studio-extra{max-width:100%;min-width:0;box-sizing:border-box}
 .studio-grid{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
 .studio .display{font-size:clamp(28px,9vw,49px)!important;overflow-wrap:anywhere}
 .studio-extra{grid-template-columns:26px minmax(0,1fr) 22px!important;gap:8px!important;overflow:hidden}
 .studio-extra strong,.studio-extra small{overflow-wrap:anywhere}
 .studio-extra i{font-size:17px}
 .studio-media{width:90%;min-width:0;max-width:90%}
}
@media(prefers-reduced-motion:reduce){.site-nav,.site-nav>a{transition:none!important}}

@media (max-width: 767px) {
    .marquee {
        width: 100%;
        max-width: 100%;
        transform: none;
        overflow: hidden;
    }

    .marquee-track {
        width: max-content;
        max-width: none;
    }
}