:root{--wa:#1faa59;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
body[data-theme=home]{--bg:#0A0A0C;--pn:#15151a;--ink:#F4EFE8;--mu:#a9a49c;--ac:#D4956B;--a2:#F1C9A5;--ln:#2a2a30;--on:#1a0f08}
body[data-theme=about]{--bg:#1B0A10;--pn:#2a1219;--ink:#F6EDE3;--mu:#bfa9a6;--ac:#D9B26F;--a2:#F0D9A8;--ln:#41222b;--on:#1d1406}
body[data-theme=services]{--bg:#0B1626;--pn:#13233a;--ink:#EAF0F7;--mu:#9fb0c6;--ac:#9FB7D4;--a2:#D7E4F3;--ln:#223653;--on:#0b1626}
body[data-theme=projects]{--bg:#F1EDE6;--pn:#fff;--ink:#14130F;--mu:#5f5b53;--ac:#A4552F;--a2:#7a3c1e;--ln:#d8d1c4;--on:#fff}
body[data-theme=contact]{--bg:#170F24;--pn:#22173a;--ink:#F3EBF5;--mu:#b5a6c4;--ac:#E4B4A0;--a2:#F6D5C6;--ln:#38295a;--on:#2a140c}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--ink);font:300 17px/1.75 Mukta,system-ui,sans-serif;transition:background .5s,color .5s;animation:fi .7s}@keyframes fi{from{opacity:0}}
h1,h2,h3{font-family:"Playfair Display",Georgia,serif;font-weight:500;line-height:1.08;margin:0}em{color:var(--ac)}a{color:inherit}
h2{font-size:clamp(34px,5.4vw,60px);margin-bottom:18px}h3{font-size:clamp(24px,3vw,32px)}
.w{max-width:1180px;margin:0 auto;padding:0 24px}.s{padding:100px 0}.lead{color:var(--mu);max-width:58ch;margin:0 0 40px}
.dv{display:flex;align-items:center;gap:12px;color:var(--ac);margin-bottom:22px}.dv::before{content:"";width:46px;height:1px;background:var(--ac)}.dv::after{content:"\25C6";font-size:9px}
header{position:fixed;inset:0 0 auto 0;z-index:20;padding-top:env(safe-area-inset-top,0px);background:linear-gradient(var(--bg) 35%,transparent);color:var(--ink)}
.bar{display:flex;align-items:center;justify-content:space-between;height:82px}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand img{height:48px;width:auto}
.wm{font:800 22px/1 Cinzel,Georgia,serif;letter-spacing:.17em}.wm small{display:block;font:400 10px Mukta,sans-serif;letter-spacing:.46em;color:var(--ac);margin-top:7px}
nav{display:flex;gap:30px;align-items:center}nav a{text-decoration:none;font-size:15px;position:relative;padding:4px 0}
nav a.on::after,nav a:hover::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--ac)}
.menu{display:none;background:none;border:1px solid var(--ln);color:inherit;padding:8px 14px;font:inherit;cursor:pointer}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 30px;border:1px solid var(--ac);font:600 15px Mukta,sans-serif;text-decoration:none;cursor:pointer;transition:.25s;background:none;color:inherit}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--a2);outline-offset:3px}
.sol{background:var(--ac);color:var(--on)}.sol:hover{background:var(--a2)}.gh:hover{background:var(--ac);color:var(--on)}.wa{background:var(--wa);border-color:var(--wa);color:#fff}
.cta{display:flex;gap:14px;flex-wrap:wrap}
.hero{min-height:100vh;min-height:100svh;position:relative;display:flex;align-items:center;overflow:hidden;padding:130px 0 90px;color:#F4EFE8}
.slides,.slide{position:absolute;inset:0}.slide{background-size:cover;background-position:center 72%;opacity:0;transition:opacity 1s}.slide.on{opacity:1}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0A0A0C 0,rgba(10,10,12,.8) 46%,rgba(10,10,12,.2))}
.hero .w{position:relative;z-index:2}.hero h1{font-size:clamp(48px,9vw,118px);max-width:11ch}.hero .hi{font-size:21px;color:var(--a2);margin:24px 0 8px}.hero p{max-width:48ch;opacity:.88;margin:0 0 34px}
.dots{position:absolute;left:0;right:0;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:2;display:flex;gap:8px;justify-content:center}.dots button{width:30px;height:4px;border:0;padding:0;background:rgba(255,255,255,.3);cursor:pointer}.dots .on{background:var(--ac)}
.pb{padding:170px 0 70px;border-bottom:1px solid var(--ln)}.pb h1{font-size:clamp(46px,8.5vw,104px)}.pb .lead{margin:22px 0 0}
.mq{overflow:hidden;border-block:1px solid var(--ln);padding:20px 0;white-space:nowrap}.mq div{display:inline-block;animation:mq 40s linear infinite;font:500 clamp(20px,3vw,28px) "Playfair Display",serif;color:var(--a2)}.mq span{margin:0 26px;color:var(--ac)}@keyframes mq{to{transform:translateX(-50%)}}
.two{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.pn{background:var(--pn);border:1px solid var(--ln);padding:36px}
.fe{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px}.fe a{display:block;overflow:hidden;position:relative;aspect-ratio:3/4}.fe a:first-child{aspect-ratio:auto}.fe img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}.fe a:hover img{transform:scale(1.06)}
.pr{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ln)}.pr div{padding:26px 24px 10px 0}.pr b{font:500 60px/1 "Playfair Display",serif;color:var(--ac)}.pr h3{margin:12px 0 8px}.pr p{margin:0;color:var(--mu);font-size:16px}
.sv{display:grid;grid-template-columns:90px 1fr 1.2fr;gap:24px;padding:32px 0;border-bottom:1px solid var(--ln);align-items:baseline}.sv:first-child{border-top:1px solid var(--ln)}.sv b{font:500 42px "Playfair Display",serif;color:var(--ac)}.sv p{margin:0;color:var(--mu)}
.own img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 18%;display:block;outline:1px solid var(--ac);outline-offset:14px}
.own{padding:14px}dl{margin:26px 0 0}dl div{display:flex;gap:18px;padding:13px 0;border-bottom:1px solid var(--ln);flex-wrap:wrap}dt{min-width:110px;color:var(--ac)}dd{margin:0}
.vl{display:grid;grid-template-columns:repeat(2,1fr);gap:0 60px}.vl div{padding:26px 0;border-top:1px solid var(--ln)}.vl h3{color:var(--ac);margin-bottom:8px}.vl p{margin:0;color:var(--mu);font-size:16px}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 32px}.chips button{padding:10px 20px;border:1px solid var(--ln);background:none;color:inherit;font:inherit;cursor:pointer}.chips .on{background:var(--ac);color:var(--on);border-color:var(--ac)}
.mas{columns:3 300px;column-gap:14px}.mas figure{margin:0 0 14px;break-inside:avoid}.ph{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;overflow:hidden}.ph img{width:100%;display:block;transition:transform .6s}.ph:hover img{transform:scale(1.05)}
.stg{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stg figure{margin:0;background:var(--pn);border:1px solid var(--ln)}.stg img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}.stg figcaption{padding:14px 16px 18px;font-size:15px;color:var(--mu)}.stg b{display:block;font:500 24px "Playfair Display",serif;color:var(--ac)}
.cb{background:var(--ac);color:var(--on);text-align:center}.cb h2{max-width:16ch;margin:0 auto 26px}.cb .btn{border-color:var(--on)}.cb .sol{background:var(--on);color:var(--ac)}.cb .cta{justify-content:center}
.faq details{border-top:1px solid var(--ln);padding:6px 0}.faq{border-bottom:1px solid var(--ln);max-width:820px}.faq summary{cursor:pointer;list-style:none;font:500 clamp(21px,3vw,27px)/1.25 "Playfair Display",serif;padding:16px 36px 16px 0;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";position:absolute;right:4px;top:12px;font-size:30px;color:var(--ac)}.faq details[open] summary::after{content:"\2212"}.faq p{margin:0 0 18px;color:var(--mu);max-width:62ch}
.ct{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px}.rows{list-style:none;margin:0 0 24px;padding:0}.rows li{padding:15px 0;border-bottom:1px solid var(--ln);display:flex;gap:18px;flex-wrap:wrap}.rows span{min-width:96px;color:var(--ac)}.rows a{text-decoration:none;word-break:break-all}
.fm{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fm label{display:flex;flex-direction:column;gap:6px;font-size:15px}.fm .f{grid-column:1/-1}.fm input,.fm select,.fm textarea{font:inherit;padding:13px 14px;border:1px solid var(--ln);background:var(--bg);color:var(--ink);border-radius:0;width:100%}.fm input:focus,.fm select:focus,.fm textarea:focus{outline:2px solid var(--ac);outline-offset:1px}
footer{border-top:1px solid var(--ln);padding:50px 0 60px;font-size:15px;color:var(--mu)}footer .w{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}footer a{text-decoration:none;color:var(--ink)}footer .wm{color:var(--ink);margin-bottom:14px}
.fl{height:104px;width:auto;background:#fff;padding:8px 16px;border-radius:6px;display:block;margin-bottom:20px}
.fab{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:30;width:58px;height:58px;border-radius:50%;background:var(--wa);display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.4)}.fab svg{width:30px;height:30px;fill:#fff}.fab.c{bottom:calc(88px + env(safe-area-inset-bottom,0px));background:var(--ac)}.fab.c svg{fill:var(--on)}
#lb{position:fixed;inset:0;z-index:50;background:rgba(5,5,7,.95);display:grid;place-items:center;padding:16px}#lb[hidden]{display:none}#lb img{max-width:96vw;max-height:88vh;object-fit:contain}#lb button{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:16px;background:none;border:1px solid #fff8;color:#fff;width:44px;height:44px;font-size:26px;cursor:pointer}
.js .rv{opacity:0;transform:translateY(26px);transition:opacity .8s,transform .8s}.js .rv.in{opacity:1;transform:none}
@media (max-width:900px){.s{padding:70px 0}.menu{display:block}nav{display:none;position:absolute;left:0;right:0;top:calc(82px + env(safe-area-inset-top,0px));background:var(--bg);flex-direction:column;align-items:flex-start;padding:14px 24px 24px;gap:6px;border-bottom:1px solid var(--ln)}nav.open{display:flex}nav a{padding:10px 0}
.hero::before{background:linear-gradient(180deg,rgba(10,10,12,.9),rgba(10,10,12,.7) 60%,rgba(10,10,12,.5))}.two,.ct{grid-template-columns:1fr;gap:34px}.fe{grid-template-columns:1fr 1fr}.fe a:first-child{grid-column:1/-1;aspect-ratio:16/10}.pr,.stg{grid-template-columns:1fr 1fr}.sv{grid-template-columns:60px 1fr}.sv p{grid-column:2}.vl{grid-template-columns:1fr}.own{padding:0 14px 14px 0}}
@media (max-width:520px){.fm{grid-template-columns:1fr}.btn{width:100%}.pr,.stg{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}.slide{transition:none}.mq div{animation:none}body{animation:none}}

html{scroll-padding-top:110px}.bar{height:104px}.brand img{height:66px}.wm{font-size:clamp(26px,3.2vw,40px)}.wm small{font-size:11px;margin-top:8px}nav{gap:26px}
.btn{border-radius:50px;padding:15px 32px}.hero{padding-top:150px}.pb{padding:190px 0 70px}
.callpill{display:flex;align-items:center;gap:12px;text-decoration:none;border:1px solid var(--ac);border-radius:50px;padding:5px 22px 5px 5px;transition:.3s}.callpill:hover{background:var(--ac)}
.callpill i{width:42px;height:42px;border-radius:50%;background:var(--ac);display:grid;place-items:center;position:relative}.callpill i::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid var(--ac);animation:rg 2s infinite}@keyframes rg{from{transform:scale(.85);opacity:.9}to{transform:scale(1.4);opacity:0}}
.callpill svg{width:20px;height:20px;fill:var(--on)}.callpill span{display:block;line-height:1.1;font-size:12px;color:var(--mu)}.callpill b{display:block;font:600 16px Mukta,sans-serif;letter-spacing:.05em;color:var(--ink)}.callpill:hover span,.callpill:hover b{color:var(--on)}
.dock{display:grid;grid-template-columns:repeat(3,1fr);background:rgba(255,255,255,.07);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.2);max-width:800px}
.dock a{display:flex;align-items:center;gap:14px;padding:18px 20px;text-decoration:none;border-right:1px solid rgba(255,255,255,.16);transition:.3s;color:inherit;min-width:0}.dock a:last-child{border:0}.dock a:hover{background:var(--ac);color:var(--on)}
.dock i{flex:none;width:44px;height:44px;border-radius:50%;background:var(--ac);display:grid;place-items:center;transition:.3s}.dock a:hover i{background:var(--on)}
.dock svg{width:20px;height:20px;fill:var(--on)}.dock svg.st{fill:none;stroke:var(--on);stroke-width:2}.dock a:hover svg{fill:var(--ac)}.dock a:hover svg.st{fill:none;stroke:var(--ac)}
.dock small{display:block;font-size:12px;opacity:.75;line-height:1.2}.dock b{display:block;font:600 16px/1.3 Mukta,sans-serif}.dock a:nth-child(3) b{font-size:12.5px;word-break:break-all}.dock div{min-width:0}
.dock.v{grid-template-columns:1fr;max-width:none;background:var(--pn);border-color:var(--ln)}.dock.v a{border-right:0;border-bottom:1px solid var(--ln)}.dock.v a:last-child{border-bottom:0}.dock.v a:nth-child(3) b{font-size:15px}
.mbar{display:none}
.pr{border:0;position:relative}.pr::before{content:"";position:absolute;top:33px;left:33px;right:0;height:1px;background:var(--ln)}.pr div{padding:0 24px 10px 0}.pr b{width:66px;height:66px;border-radius:50%;border:1px solid var(--ac);background:var(--bg);display:grid;place-items:center;font:500 28px "Playfair Display",serif;color:var(--ac);position:relative}
.sg{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.sc{background:var(--pn);border:1px solid var(--ln);padding:34px;position:relative;transition:.35s;overflow:hidden}.sc::before{content:"";position:absolute;left:0;top:0;width:3px;height:0;background:var(--ac);transition:height .4s}.sc:hover::before{height:100%}.sc:hover{transform:translateY(-4px)}
.sc b{font:600 14px Mukta,sans-serif;color:var(--ac);letter-spacing:.3em}.sc h3{margin:12px 0 10px}.sc p{margin:0;color:var(--mu)}.sc.hl{grid-column:1/-1;background:linear-gradient(120deg,var(--ac),var(--a2));color:var(--on);border:0}.sc.hl b,.sc.hl p{color:var(--on)}.sc.hl h3{font-size:clamp(30px,4.4vw,48px)}
.stg figure{position:relative}.stg figure::after{content:attr(data-n);position:absolute;top:12px;left:12px;width:40px;height:40px;border-radius:50%;background:var(--ac);color:var(--on);display:grid;place-items:center;font:600 16px Mukta,sans-serif}
.vl{gap:16px}.vl div{background:var(--pn);border:1px solid var(--ln);border-top:2px solid var(--ac);padding:30px}
.own{position:relative}.own::after{content:"Owner & Engineer";position:absolute;left:-6px;bottom:38px;background:var(--ac);color:var(--on);padding:10px 20px;font:600 13px Mukta,sans-serif;letter-spacing:.14em;text-transform:uppercase}
dl{background:var(--pn);border:1px solid var(--ln);padding:6px 26px;margin:28px 0 0}.pq{font:italic 500 clamp(30px,5vw,64px)/1.15 "Playfair Display",serif;text-align:center;max-width:20ch;margin:0 auto}
.fm.pn{padding:34px}.fm input,.fm select,.fm textarea{border:0;border-bottom:1px solid var(--ln);background:transparent;padding:12px 2px}.faq details{padding-left:18px;border-left:2px solid transparent}.faq details[open]{border-left-color:var(--ac)}
.bigwm{font:800 clamp(38px,11vw,150px)/.9 Cinzel,Georgia,serif;letter-spacing:.06em;color:transparent;-webkit-text-stroke:1px var(--ac);opacity:.35;text-align:center;margin:46px 0 0;white-space:nowrap;overflow:hidden}
@media (max-width:1100px){.wm{font-size:26px}nav{gap:18px}}
@media (max-width:900px){html{scroll-padding-top:100px}.bar{height:92px}.brand img{height:54px}.wm{font-size:24px}nav{top:calc(92px + env(safe-area-inset-top,0px))}.hero{padding-top:130px}.pb{padding:160px 0 60px}
.fab{display:none}.mbar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--bg);border-top:1px solid var(--ln);padding-bottom:env(safe-area-inset-bottom,0px)}.mbar a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 0;text-decoration:none;font-size:12px}.mbar svg{width:22px;height:22px;fill:var(--ac)}.mbar svg.st{fill:none;stroke:var(--ac);stroke-width:2}body{padding-bottom:66px}
.pr{grid-template-columns:1fr}.pr::before{top:0;bottom:0;left:33px;right:auto;width:1px;height:auto}.pr div{padding:0 0 28px 92px;min-height:66px}.pr b{position:absolute;left:0;top:0}.sg{grid-template-columns:1fr}}
@media (max-width:700px){.dock{grid-template-columns:1fr}.dock a{border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.dock.v a{border-bottom-color:var(--ln)}.dock a:nth-child(3) b{font-size:14px}.callpill{align-self:flex-start}}

@property --bg{syntax:'<color>';inherits:true;initial-value:#0A0A0C}@property --pn{syntax:'<color>';inherits:true;initial-value:#15151a}@property --ac{syntax:'<color>';inherits:true;initial-value:#D4956B}@property --a2{syntax:'<color>';inherits:true;initial-value:#F1C9A5}
body{transition:--bg 1.2s ease,--pn 1.2s ease,--ac 1.8s ease,--a2 1.8s ease,color .5s}
.qc{margin-top:6px}.qb{display:inline-flex;align-items:center;gap:12px;padding:12px 14px 12px 26px;border-radius:50px;border:0;background:var(--ac);color:var(--on);font:600 15px Mukta,sans-serif;cursor:pointer}.qb i{width:26px;height:26px;border-radius:50%;background:var(--on);color:var(--ac);display:grid;place-items:center;font-style:normal;font-size:18px;line-height:1;transition:transform .3s}.qb[aria-expanded=true] i{transform:rotate(45deg)}
.qm{display:none;gap:10px;margin-top:14px;flex-wrap:wrap}.qm.open{display:flex;animation:fi .4s}.qm a{display:inline-flex;align-items:center;gap:9px;padding:10px 18px;border-radius:50px;border:1px solid var(--ac);background:rgba(10,10,12,.6);text-decoration:none;font-size:15px;color:#F4EFE8}.qm a:hover{background:var(--ac);color:var(--on)}.qm svg{width:16px;height:16px;fill:var(--ac)}.qm svg.st{fill:none;stroke:var(--ac);stroke-width:2}.qm a:hover svg{fill:var(--on)}.qm a:hover svg.st{fill:none;stroke:var(--on)}
h1,.pq{background:linear-gradient(100deg,var(--ink) 0%,var(--a2) 35%,var(--ink) 70%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sh 7s linear infinite}@keyframes sh{to{background-position:-220% 0}}h1 em,.pq em{-webkit-text-fill-color:var(--ac)}
@media (prefers-reduced-motion:reduce){h1,.pq{animation:none}}

#ld{position:fixed;inset:0;z-index:100;background:#0A0A0C;color:#F4EFE8;display:grid;place-items:center;animation:ldo .9s 1.8s forwards}#ld>div{display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}#ld img{height:96px;width:auto;animation:fi 1s}#ld .wm{font-size:clamp(28px,6vw,52px);animation:ls 1.7s ease both}@keyframes ls{from{letter-spacing:.7em;opacity:0}to{letter-spacing:.17em;opacity:1}}@keyframes ldo{to{opacity:0;visibility:hidden}}
.bld{height:560vh;position:relative}.bi{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center;max-width:1180px;margin:0 auto;padding:110px 24px 30px}
.bar2{height:2px;background:var(--ln);margin:0 0 26px}.bar2 i{display:block;height:100%;width:0;background:var(--ac)}
.bsx{position:relative;min-height:150px}.bst{position:absolute;inset:0;opacity:0;transform:translateY(12px);transition:.6s}.bst.on{opacity:1;transform:none}.bst b{font:500 clamp(28px,3.6vw,42px) "Playfair Display",serif;color:var(--ac)}.bst p{margin:8px 0 0;color:var(--mu)}
.bd{position:relative;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--ln);background:var(--pn)}.bd .bph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s;filter:saturate(.7)}.bd .bph img.on{opacity:.38}.bd svg{position:absolute;inset:0;width:100%;height:100%}
.ly{opacity:0;transform:translateY(14px);transition:opacity .9s,transform .9s}.ly.on{opacity:1;transform:none}
.ba{position:relative;aspect-ratio:4/3;max-width:900px;margin:0 auto;overflow:hidden;--p:50%;user-select:none;-webkit-user-select:none}.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ba .b{clip-path:inset(0 calc(100% - var(--p)) 0 0)}
.ba .hd{position:absolute;top:0;bottom:0;left:var(--p);width:2px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.25)}.ba .hd::after{content:"\2194";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;background:var(--ac);color:var(--on);display:grid;place-items:center;font-size:22px}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.ba .tg{position:absolute;bottom:14px;padding:6px 14px;background:rgba(0,0,0,.62);color:#fff;font-size:13px;letter-spacing:.1em;text-transform:uppercase;z-index:2}.ba .tg.l{left:14px}.ba .tg.r{right:14px}
.sc::after,.vl div::after{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--ac) 24%,transparent),transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}.sc:hover::after,.vl div:hover::after{opacity:1}.vl div{position:relative;overflow:hidden}
@media (max-width:900px){.bi{grid-template-columns:1fr;gap:16px;padding-top:100px;align-content:start}.bd{order:-1}.bsx{min-height:130px}}
.slide{transition:opacity 1s,transform 7s linear}.slide.on{transform:scale(1.12)}@media (prefers-reduced-motion:reduce){.slide.on{transform:none}}