/* Nazarov Digital home: monochrome entrance and horizontal chapters. */
:root{--disp:"Inter",Arial,sans-serif;--font:"Inter",Arial,sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{font-family:var(--font);background:#050505}
.mobile-scene-backdrop{display:none}
.noise,.scroll-progress{display:none!important}
.nav,.nav.solid{padding:20px 0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.nav.solid{background:#050505}
.nav .wrap{width:calc(100% - 42px);max-width:none}
.nav-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.nav .brand{justify-self:start;gap:0;font-size:0}
.nav .brand img,.nav.solid .brand img{width:85px;height:48px;object-fit:contain}
.nav .brand span{display:none}
.nav-links{justify-content:center;gap:54px}
.nav-links a{font:800 13px/1 var(--font);letter-spacing:-.02em;text-transform:uppercase;color:#fff}
.nav-links a:hover{color:#d0d0d0}
.nav-right{justify-self:end}
.nav-right .btn{min-height:auto;padding:0;border:0!important;background:none!important;color:#fff!important;font:800 13px/1 var(--font);letter-spacing:-.02em}
.nav-right .btn::before{content:"";display:inline-block;vertical-align:middle;width:12px;height:12px;margin-right:11px;border-radius:50%;background:#fff}
.nav-right .btn:hover{text-decoration:underline}
.nav .menu-toggle{border:0;background:transparent;color:#fff}

/* A separate opening frame, before the actual home page is revealed. */
.brand-intro{display:none;position:fixed;inset:0;z-index:10000;align-items:center;justify-content:center;background:#050505;color:#fff;overflow:hidden;transform:translate3d(0,0,0);transition:transform .85s cubic-bezier(.76,0,.24,1)}
.brand-intro[hidden]{display:none!important}
html.brand-intro-active{overflow:hidden}
html.brand-intro-active .brand-intro{display:flex!important}
.brand-intro:focus{outline:none}
.brand-intro-mark{width:100%;padding:30px 24px;text-align:center}
.brand-intro-word{display:block;font:600 clamp(48px,16vw,280px)/.9 var(--font);letter-spacing:-.075em;animation:brandWordIn .6s cubic-bezier(.22,1,.36,1) both}
.brand-intro-caption{display:block;margin-top:30px;padding-left:.5em;font:500 clamp(12px,1.3vw,19px)/1.2 var(--font);letter-spacing:.5em}
.brand-intro-skip{position:absolute;right:28px;bottom:24px;display:flex;align-items:center;gap:20px;min-height:44px;padding:10px 12px;border:0;background:none;color:#aaa;cursor:pointer;font:500 13px/1.2 var(--font)}
.brand-intro-skip:hover{color:#fff}
.brand-intro-skip:focus-visible{outline:2px solid #fff;outline-offset:4px}
html.brand-intro-active .hero-copy{opacity:0;translate:0 24px}
html.brand-intro-active .nav{opacity:0}
html.brand-intro-leaving .brand-intro{transform:translate3d(0,-101%,0);pointer-events:none}
html.brand-intro-leaving .hero-copy{opacity:1;translate:0 0;transition:opacity .75s .12s,translate .9s .12s cubic-bezier(.22,1,.36,1)}
html.brand-intro-leaving .nav{opacity:1;transition:opacity .6s .3s}
@keyframes brandWordIn{from{opacity:.2;transform:translate3d(0,18px,0) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:620px){.brand-intro-caption{margin-top:20px}.brand-intro-skip{right:12px;bottom:16px}}
@media(prefers-reduced-motion:reduce){.brand-intro{display:none!important}.brand-intro-word{animation:none!important}html.brand-intro-active .hero-copy,html.brand-intro-active .nav{opacity:1;translate:none}}

.hero{display:block;position:relative;min-height:100svh;padding:0!important;background:#050505!important;overflow:clip;isolation:isolate}
.hero .hero-blob,.hero .hero-light{display:none!important}
.hero .wrap{display:block!important;position:relative;z-index:1;width:100%;max-width:none;min-height:0!important}
.hero-layout{display:block!important;position:relative;isolation:isolate}
.hero-copy{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:100svh;padding:140px 22px 50px!important;position:relative;z-index:2;text-align:left}
.hero h1{max-width:1360px;width:100%;margin:0;padding:0;font:600 clamp(80px,9.5vw,150px)/.94 var(--font);letter-spacing:-.075em;text-transform:none;text-wrap:balance;color:#fff;animation:none!important;filter:none!important;opacity:1!important;transform:none!important}
.hero-h .ln{display:block;overflow:visible}
.hero-h .ln>span{display:block;transform:none}
body.loaded .hero-h .ln>span{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}
.hero-intro{width:auto;margin:35px 0 0;animation:none!important;opacity:1!important;filter:none!important;transform:none!important}
.hero-intro-link{display:inline-flex;align-items:center;justify-content:center;gap:40px;min-height:48px;min-width:230px;margin:0;padding:12px 0;border:0;border-bottom:1px solid #fff;border-radius:0;background:transparent;color:#fff;font:500 15px/1.2 var(--font);transition:color .2s}
.hero-intro-link:hover{background:#fff;color:#050505}
.hero-overview{position:relative;z-index:2;background:linear-gradient(#696969,#242424 65%,#050505);color:#fff;padding:80px 0 95px}
.hero-overview>.wrap{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:70px 6vw;width:calc(100% - 44px);max-width:1440px;margin:auto}
.hero-sub{grid-column:2;max-width:28ch!important;margin:0!important;font:600 clamp(25px,3.4vw,48px)/1.05 var(--font);letter-spacing:-.06em;color:#fff!important}
.hero-directory{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:6vw;width:100%;margin:0;animation:none!important;opacity:1!important;filter:none!important;transform:none!important}
.hero-directory-services a{display:block;width:max-content;max-width:100%;color:#fff;font:800 clamp(23px,2.4vw,36px)/1.05 var(--font);letter-spacing:-.045em}
.hero-directory-services a:hover{text-decoration:underline}
.hero-directory-markets{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding-top:5px;color:#fff}
.hero-directory-markets span{margin-bottom:7px;font:600 11px/1.2 var(--font);text-transform:uppercase}
.hero-directory-markets strong{font:800 clamp(16px,1.6vw,22px)/1 var(--font)}
.hero-transform{display:none!important}
.hero .hero-art{display:block!important;position:absolute;inset:0;z-index:0;width:100%;height:100%;margin:0;overflow:hidden;border:0;background:linear-gradient(#050505 18%,#1c1c1c 47%,#454545 76%,#696969);pointer-events:none}
.hero .hero-art::before{content:none}
.hero-horizon{display:block;position:absolute;inset:15% -30% -35%;background:radial-gradient(ellipse at 65% 85%,#b7b7b7 0%,transparent 60%);opacity:.35;translate:var(--hero-x,0px) var(--hero-y,0px);transition:translate .5s ease-out}
html:not(.home-js) .hero-h,html:not(.home-js) .hero-directory{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}
html:not(.home-js) #services .scard :is(h3,.ghost,.cat,.scene-panel,.scene-stat){opacity:1!important;transform:none!important}

#services.hsec{z-index:2;margin-top:0;padding:0!important;background:#050505}
#services .hs-head{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
#services .hs-viewport{overflow:visible!important}
#services .hs-track{display:block!important;width:100%!important;max-width:none!important;gap:0!important;transform:none!important}
#services .scard{display:block!important;position:relative!important;top:auto;min-height:max(620px,calc(100svh - 88px))!important;height:calc(100svh - 88px);max-height:none;padding:0!important;overflow:hidden;border:0!important;border-radius:0!important;background:#101010!important;color:#fff!important;box-shadow:none!important;isolation:isolate;opacity:1!important;transform:none!important;transition:none!important;scroll-margin-top:0}
#services .scard.rv,#services .scard.rv.in{opacity:1!important;transform:none!important;transition:none!important}
#services .scard:nth-child(1){z-index:1}
#services .scard:nth-child(2){z-index:2}
#services .scard:nth-child(3){z-index:3}
#services .scard:nth-child(4){z-index:4}
#services .scard:nth-child(5){z-index:5}
#services .scard::before{inset:-3%!important;z-index:-2!important;background:var(--scene) center / cover no-repeat!important;filter:grayscale(1) contrast(1.08) brightness(.88);transform:scale(1.1)!important;transition:transform 1.3s cubic-bezier(.19,1,.22,1)!important}
#services .scard.in::before{transform:scale(1)!important}
#services .scard::after{inset:0!important;z-index:-1!important;background:linear-gradient(90deg,rgba(0,0,0,.44) 0%,rgba(0,0,0,.18) 60%,rgba(0,0,0,.32) 100%),linear-gradient(0deg,rgba(0,0,0,.18),transparent 55%)!important}
#services .scard[data-project="site"]::before{background-position:50% 50%!important}
#services .scard[data-project="bot"]::before{background-position:50% 48%!important}
#services .scard[data-project="ai"]::before{background-position:50% 44%!important}
#services .scard[data-project="auto"]::before{background-position:50% 48%!important}
#services .scard[data-project="game"]::before{background-position:50% 48%!important}
#services .scard .ghost{display:block!important;left:2.2vw;right:auto;top:51%;margin:0;color:#fff!important;-webkit-text-stroke:0!important;font:800 12px/1 var(--font);letter-spacing:0;transform:none}
#services .scard .cat{display:block!important;left:29%;top:51%;margin:0;color:#fff!important;font:800 12px/1 var(--font);letter-spacing:0;text-transform:uppercase}
#services .scard h3,#services .scard[data-project="site"] h3,#services .scard:not([data-project="site"]) h3{position:absolute;left:2.1vw;right:2vw;top:31%;max-width:none;margin:0;color:#fff;font:800 clamp(64px,8.4vw,138px)/.93 var(--font);letter-spacing:-.075em;text-transform:none;text-wrap:balance;overflow-wrap:normal}
#services .scard[data-project="bot"] h3{font-size:clamp(62px,7.9vw,128px)}
#services .scard[data-project="auto"] h3{font-size:clamp(62px,7.8vw,128px)}
#services .scard[data-project="ai"] h3{font-size:clamp(60px,7.8vw,128px)}
#services .scard .scene-panel{position:absolute;left:1vw;bottom:1.3vw;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-rows:1fr auto;gap:18px 24px;width:min(720px,54vw);min-height:260px;height:auto;padding:24px 27px 18px;border-radius:8px;background:#fff;color:#050505;box-shadow:none}
#services .scard .scene-panel p{grid-column:1;grid-row:1;max-width:none;margin:0!important;color:#050505!important;font:800 clamp(19px,1.85vw,28px)/1.1 var(--font);letter-spacing:-.045em}
#services .scard .scene-features{grid-column:2;grid-row:1;position:static;margin:0;padding:0;list-style:none;counter-reset:features}
#services .scard .scene-features li{counter-increment:features;display:grid;grid-template-columns:24px 1fr;gap:4px;color:#050505;font:700 15px/1.12 var(--font);letter-spacing:-.025em}
#services .scard .scene-features li::before{content:counter(features);font-size:12px}
#services .scard .scene-panel-foot{grid-column:1/-1;grid-row:2;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-top:0}
#services .scard .scene-panel-foot>a{color:#050505;font:800 15px/1.1 var(--font);text-decoration:underline;text-underline-offset:4px}
#services .scard .scene-panel .card-select{align-self:auto;flex:0 0 auto;width:auto!important;min-height:40px!important;margin:0!important;padding:9px 13px!important;border:1px solid #050505!important;border-radius:2px;background:#050505!important;color:#fff!important;font:750 11px/1 var(--font);text-transform:none;letter-spacing:0}
#services .scard .scene-panel .card-select:hover,#services .scard .scene-panel .card-select:focus-visible{background:#fff!important;color:#050505!important}
#services .scard .scene-stat{position:absolute;right:1vw;top:22px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:min(22vw,280px);height:clamp(230px,29vh,310px);padding:22px;border-radius:8px;background:#fff;color:#050505}
#services .scard .scene-stat span{font:800 13px/1.04 var(--font);text-transform:uppercase;letter-spacing:-.025em}
#services .scard .scene-stat strong{font:800 clamp(58px,7vw,106px)/.8 var(--font);letter-spacing:-.09em;white-space:nowrap}
#services .scard h3,#services .scard .ghost,#services .scard .cat,#services .scard .scene-panel,#services .scard .scene-stat{opacity:0;transform:translate3d(0,34px,0);transition:opacity .75s cubic-bezier(.19,1,.22,1),transform .75s cubic-bezier(.19,1,.22,1)}
#services .scard.in h3,#services .scard.in .ghost,#services .scard.in .cat,#services .scard.in .scene-panel,#services .scard.in .scene-stat{opacity:1;transform:none}
#services .scard .scene-panel,#services .scard .scene-stat{transition-delay:.13s}

/* JS enables the sideward stage only after measuring it. Without it, all
   chapters remain readable in a regular vertical document. */
.scene-controls{display:none}
#services.is-horizontal .scene-controls{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;height:58px;padding:6px 22px;background:#050505;color:#fff}
.scene-controls-title{display:flex;align-items:center;gap:28px;font:700 13px/1.2 var(--font)}
.scene-scroll-hint{color:#b5b5b5;font:500 11px/1.2 var(--font)}
.scene-navigation{display:flex;align-items:center;gap:8px}
.scene-position{min-width:80px;margin-right:12px;font:500 12px/1 var(--font);font-variant-numeric:tabular-nums}
.scene-navigation button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:1px solid #777;border-radius:999px;background:transparent;color:#fff;font:500 23px/1 var(--font);cursor:pointer}
.scene-navigation button:hover:not(:disabled){background:#fff;color:#050505}
.scene-navigation button:disabled{opacity:.3;cursor:default}
.scene-skip{padding:10px 0 10px 20px;color:#fff;font:500 12px/1.2 var(--font)}
.scene-navigation :focus-visible{outline:2px solid #fff;outline-offset:3px}
.scene-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#333;overflow:hidden}
.scene-progress i{display:block;width:100%;height:100%;background:#fff;transform:scaleX(var(--scene-progress,0));transform-origin:left}
#services.is-pinned{height:var(--stage-height)!important}
#services.is-pinned .hs-pin{position:sticky!important;top:88px!important;height:calc(100svh - 88px)!important;overflow:clip!important}
#services.is-horizontal .hs-viewport{margin:0!important;overflow:hidden!important}
#services.is-pinned .hs-viewport{height:calc(100% - 58px);overflow:clip!important}
#services.is-horizontal .hs-track{display:flex!important;flex-wrap:nowrap!important;flex-direction:row!important;width:max-content!important;max-width:none!important;height:100%;margin:0!important;padding:0!important;gap:0!important;transform:translate3d(var(--scene-offset,0px),0,0)!important;will-change:transform}
#services.is-horizontal .scard{flex:0 0 var(--scene-width,50vw);width:var(--scene-width,50vw)!important;min-width:0!important;position:relative!important;top:auto!important;height:100%;min-height:0!important;margin:0!important}
#services.is-horizontal .scard :is(h3,.ghost,.cat,.scene-panel,.scene-stat){opacity:1;transform:none;transition:none}
#services.is-pinned .scard::before{transform:none!important}
#services.is-pinned .scard h3,#services.is-pinned .scard[data-project] h3{left:22px;right:22px;top:43%;font-size:clamp(42px,4.35vw,76px);line-height:.96;letter-spacing:-.06em;text-wrap:balance}
#services.is-pinned .scard .ghost{left:24px;top:calc(43% + 85px)}
#services.is-pinned .scard .cat{left:80px;top:calc(43% + 85px)}
#services.is-pinned .scard .scene-panel{left:12px;bottom:12px;width:calc(100% - 24px);min-height:245px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-rows:1fr auto;gap:18px;padding:20px 20px 16px}
#services.is-pinned .scard .scene-panel p{font-size:clamp(19px,1.65vw,28px)}
#services.is-pinned .scard .scene-features{display:block;grid-column:2;grid-row:1}
#services.is-pinned .scard .scene-features li{grid-template-columns:20px 1fr;font-size:13px;line-height:1.18}
#services.is-pinned .scard .scene-panel-foot{grid-row:2;align-items:center;gap:12px}
#services.is-pinned .scard .scene-panel-foot>a{font-size:13px}
#services.is-pinned .scard .scene-stat{top:18px;right:12px;width:150px;height:118px;padding:14px}
#services.is-pinned .scard .scene-stat span{font-size:9px}
#services.is-pinned .scard .scene-stat strong{font-size:52px}
#services.is-swipe{--swipe-chrome:146px}
#services.is-swipe .hs-pin{position:relative!important;top:auto!important;height:auto!important;overflow:hidden!important}
#services.is-swipe .hs-viewport{overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#bbb #111}
#services.is-swipe .hs-track{transform:none!important;will-change:auto}
#services.is-swipe .scard{height:max(700px,calc(100svh - var(--swipe-chrome)));scroll-snap-align:start}
#services.is-swipe .scard[data-project="site"]{background:#101010!important}
#services.is-swipe .scard[data-project="site"]::before{display:block!important}
@media(min-width:901px) and (max-width:1180px){
 #services.is-pinned .scard .scene-panel{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:10px;min-height:255px;padding:17px}
 #services.is-pinned .scard .scene-panel p{font-size:20px}
 #services.is-pinned .scard .scene-features{display:grid;grid-column:1;grid-row:2;grid-template-columns:1fr 1fr;gap:5px 8px}
 #services.is-pinned .scard .scene-panel-foot{grid-row:3}
 #services.is-pinned .scard .scene-panel-foot>a{font-size:11px}
 #services.is-pinned .scard .scene-panel .card-select{max-width:155px;font-size:10px;line-height:1.1}
 #services.is-pinned .scard .ghost,#services.is-pinned .scard .cat{top:calc(43% + 62px)}
}
@media(min-width:901px) and (max-height:760px){
 #services.is-pinned .scard h3,#services.is-pinned .scard[data-project] h3{top:32%}
 #services.is-pinned .scard .ghost,#services.is-pinned .scard .cat{top:calc(32% + clamp(42px,4.35vw,76px) + 16px)}
 #services.is-pinned .scard .scene-panel{min-height:220px}
}

.section .sec-title,.compiler-section .sec-title,#process .sec-title,#calc .sec-title,#playground .sec-title,#contact .sec-title{font-family:var(--font);font-weight:800;letter-spacing:-.055em;text-transform:none;line-height:1.02}
.c-info h2{font-family:var(--font);font-weight:800;letter-spacing:-.055em;line-height:1.02;text-transform:none}
.pstep h3{font-family:var(--font);font-weight:700;line-height:1.08;text-transform:none;letter-spacing:-.04em}
.compiler-form>label{font-family:var(--font);font-size:clamp(30px,3.4vw,48px);font-weight:700;line-height:1.08;text-transform:none;letter-spacing:-.045em}
.compiler-examples{gap:8px;margin-block:12px 18px;flex-wrap:wrap;overflow:visible}
.compiler-examples button{border-radius:999px;padding:10px 14px;font:600 11px/1.2 var(--font)}
.compiler-run,.compiler-actions .btn,.form-card .btn,.calc-out .btn{font-family:var(--font);letter-spacing:0;text-transform:none;border-radius:8px}
.compiler-empty p b,.compiler-result h3{font-family:var(--font);line-height:1.12;text-transform:none}
#contact .check-list,#contact .check-list li{color:#555}
#contact .form-row label,#contact .consent{color:#555}
#contact .form-row input,#contact .form-row textarea{border-radius:8px}
.form-row input,.form-row textarea,.compiler-form textarea{font-size:16px}
.faq-q .fq{text-transform:none;font-family:var(--font);font-weight:700;line-height:1.08}
.hero-intro-link:focus-visible,.hero-directory a:focus-visible{outline:2px solid #fff;outline-offset:5px}
#services .scene-panel :focus-visible{outline:2px solid #050505;outline-offset:4px}
.compiler-section :focus-visible,#contact :focus-visible{outline-color:#050505}
.compiler-section,#playground,#calc,#process,#faq,#contact{scroll-margin-top:0}
.compiler-section,.studio-facts{background:#f4f4f4;color:#050505}
.compiler-shell,.demo-stage,.calc-panel,.calc-out,.form-card,.brief-context{border-radius:6px!important}
.journal-section{padding:clamp(100px,11vw,180px) 0;background:#f4f4f4;color:#050505}
.journal-section .wrap{width:calc(100% - 42px);max-width:none}
.journal-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:clamp(45px,6vw,90px)}
.journal-head h2{font:800 clamp(64px,11vw,170px)/.8 var(--font);letter-spacing:-.075em}
.journal-head a{padding-bottom:8px;color:#050505;font:800 15px/1 var(--font);text-transform:uppercase}
.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #050505}
.journal-grid a{display:flex;flex-direction:column;min-height:300px;padding:26px;border-right:1px solid #050505;color:#050505;transition:background .3s,color .3s}
.journal-grid a:first-child{padding-left:0}
.journal-grid a:last-child{border-right:0}
.journal-grid a:hover{background:#050505;color:#fff}
.journal-grid span,.journal-grid small{font:800 12px/1.2 var(--font);text-transform:uppercase}
.journal-grid strong{max-width:16ch;margin:auto 0;font:800 clamp(28px,2.5vw,42px)/.98 var(--font);letter-spacing:-.06em}
.foot{background:#050505;padding-top:clamp(100px,11vw,170px)}
.foot::before{content:"NAZAROV DIGITAL";display:block;width:calc(100% - 42px);max-width:1440px;margin:0 auto 90px;color:#f4f4f4;font:800 clamp(55px,9.3vw,154px)/.78 var(--font);letter-spacing:-.075em;text-transform:uppercase;overflow-wrap:anywhere}
.foot .brand img{width:54px;height:32px;object-fit:contain}

@media(max-width:980px){
 .nav-row{display:flex;justify-content:space-between}
 .nav-right .btn{display:none!important}
 .nav .menu-toggle{display:block!important;width:42px;height:42px;padding:0;font-size:0}
 .nav .menu-toggle::before,.nav .menu-toggle::after{content:"";display:block;width:29px;height:2px;margin:7px auto;background:#fff}
 .nav .brand img,.nav.solid .brand img{width:73px;height:42px}
 .nav-links{display:none!important}
 .mobile-menu{background:#050505;box-shadow:none}
 .hero h1{font-size:clamp(68px,10.5vw,106px)}
 .hero-overview>.wrap{gap:5vw;width:calc(100% - 48px)}
 .hero-directory{gap:24px}
 #services .scard h3,#services .scard[data-project="site"] h3,#services .scard:not([data-project="site"]) h3{font-size:clamp(58px,8vw,100px)}
 #services .scard .scene-panel{width:58vw}
 #services .scard .scene-stat{width:27vw}
}
@media(min-width:621px) and (max-width:1180px){
 #services .scard .scene-panel{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:12px;align-content:space-between}
 #services .scard .scene-panel p{max-width:none}
 #services .scard .scene-features{grid-column:1;grid-row:2;position:static;display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin:0}
 #services .scard .scene-features li{grid-template-columns:18px 1fr;font-size:13px}
 #services .scard .scene-panel-foot{grid-row:3}
}
@media(max-width:620px){
 html{scroll-padding-top:72px}
 .nav,.nav.solid{padding:15px 0}
 .nav .wrap{width:calc(100% - 32px)}
 .mobile-scene-backdrop{display:block;position:fixed;inset:0;z-index:0;pointer-events:none;background:url('/assets/scene-site-v1.webp') center / cover no-repeat;filter:grayscale(1) contrast(1.08) brightness(.88)}
 .hero{min-height:100svh;padding:0!important;background:#050505!important}
 #services.hsec{margin-top:0;background:transparent}
 .hero .wrap{width:100%}
 .hero-copy{padding:110px 16px 60px!important}
 .hero h1{max-width:none;padding:0;font-size:clamp(43px,13vw,80px);line-height:.98;letter-spacing:-.06em}
 .hero-h .ln:nth-child(2)>span{font-size:inherit;letter-spacing:inherit}
 .hero-intro{width:auto;margin:32px 0 0}
 .hero-intro-link{min-height:54px;min-width:215px;font-size:15px}
 .hero .hero-art{inset:0;width:100%;height:100%;opacity:1}
 .hero-overview{padding:56px 0 64px}
 .hero-overview>.wrap{grid-template-columns:1fr;gap:40px;width:calc(100% - 32px)}
 .hero-sub{grid-column:1}
 .hero-sub{font-size:clamp(24px,6.5vw,31px);line-height:1.25}
 .hero-directory{grid-template-columns:1fr 100px;gap:15px;width:100%;margin:0}
 .hero-directory-services a{font-size:24px}
 .hero-directory-markets span{font-size:10px}
 .hero-directory-markets strong{font-size:15px}
 #services.is-horizontal .scene-controls{height:60px;padding:7px 12px;gap:8px}
 #services.is-swipe{--swipe-chrome:132px}
 .scene-controls-title{font-size:11px}
 .scene-scroll-hint{display:none}
 .scene-position{min-width:45px;margin-right:2px;font-size:10px}
 .scene-navigation{gap:5px}
 .scene-skip{padding-left:7px;font-size:10px}
 #services .scard{height:auto;min-height:max(700px,calc(100svh - 74px))!important;scroll-margin-top:0}
 #services .scard[data-project="site"]{background:transparent!important}
 #services .scard[data-project="site"]::before{display:none!important}
 #services .scard::before{inset:-5%!important;background-position:56% center!important}
 #services .scard::after{background:linear-gradient(0deg,rgba(0,0,0,.18),rgba(0,0,0,.2)),linear-gradient(90deg,rgba(0,0,0,.15),transparent 85%)!important}
 #services .scard h3,#services .scard[data-project="site"] h3,#services .scard:not([data-project="site"]) h3{left:16px;right:16px;top:31%;font-size:clamp(48px,12.1vw,76px);line-height:.93;letter-spacing:-.075em;overflow-wrap:anywhere}
 #services .scard[data-project="bot"] h3,#services .scard[data-project="auto"] h3,#services .scard[data-project="ai"] h3{font-size:clamp(43px,10.5vw,68px)}
 #services .scard .ghost{left:16px;top:43%;font-size:11px}
 #services .scard .cat{left:65px;top:43%;font-size:11px}
 #services .scard .scene-panel{left:10px;right:10px;bottom:10px;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:14px;align-content:space-between;width:auto;height:auto;min-height:240px;padding:19px 18px 14px;border-radius:8px}
 #services .scard .scene-panel p{max-width:100%;padding-right:0;font-size:clamp(19px,5.3vw,25px)}
 #services .scard .scene-features{grid-column:1;grid-row:2;position:static;display:grid;grid-template-columns:1fr 1fr;gap:5px 10px;margin:0}
 #services .scard .scene-features li{grid-template-columns:16px 1fr;font-size:12px}
 #services .scard .scene-features li::before{font-size:10px}
 #services .scard .scene-panel-foot{grid-row:3;align-items:center;gap:8px;margin-top:0}
 #services .scard .scene-panel-foot>a{font-size:12px}
 #services .scard .scene-panel .card-select{max-width:145px;min-height:38px!important;padding:7px 8px!important;font-size:10px;line-height:1.1}
 #services .scard .scene-stat{top:72px;right:10px;width:137px;height:105px;padding:11px;border-radius:4px}
 #services .scard .scene-stat span{font-size:9px}
 #services .scard .scene-stat strong{font-size:44px}
 .journal-section .wrap{width:calc(100% - 32px)}
 .journal-head{align-items:start;gap:15px}
 .journal-head h2{font-size:68px}
 .journal-head a{font-size:10px}
 .journal-grid{display:block}
 .journal-grid a,.journal-grid a:first-child{min-height:180px;padding:22px 0;border:0;border-bottom:1px solid #050505}
 .journal-grid strong{margin:25px 0;font-size:32px}
 .foot::before{width:calc(100% - 32px);font-size:14vw;margin-bottom:65px}
 .compiler-form>label{font-size:31px}
 .compiler-examples button{font-size:10px;padding:9px 11px}
}
@media(max-width:980px){
 html:not(.home-js) .nav{position:relative}
 html:not(.home-js) .nav-row{flex-wrap:wrap}
 html:not(.home-js) .nav-links{display:flex!important;flex-wrap:wrap;gap:20px}
 html:not(.home-js) .nav-right .btn{display:inline-flex!important}
 html:not(.home-js) .menu-toggle{display:none!important}
}
@media(max-width:620px) and (max-height:650px){
 #services .scard h3,#services .scard[data-project="site"] h3,#services .scard:not([data-project="site"]) h3{top:27%;font-size:clamp(40px,11vw,58px)}
 #services .scard .ghost,#services .scard .cat{top:39%}
 #services .scard .scene-panel{min-height:220px;padding:15px}
 #services .scard .scene-panel p{font-size:18px}
 #services .scard .scene-features{margin-top:8px;gap:3px 8px}
 #services .scard .scene-panel-foot{margin-top:8px}
 #services .scard .scene-stat{top:68px;height:91px;width:112px}
 #services .scard .scene-stat strong{font-size:36px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .hero-h{animation:none!important;filter:none!important;opacity:1!important;transform:none!important}
 .hero .hero-blob::before,.hero .hero-blob::after,.hero-intro,.hero-directory{animation:none!important;filter:none!important;opacity:1!important;transform:none!important}
 .hero .hero-light{display:none!important}
 .hero .hero-art{translate:none!important;rotate:none!important;transition:none!important}
 .hero-horizon{translate:none!important;transition:none!important}
 #services .scard{position:relative!important;top:auto!important;margin-bottom:0!important}
 #services .scard::before,#services .scard.in::before{transform:none!important;transition:none!important}
 #services .scard h3,#services .scard .ghost,#services .scard .cat,#services .scard .scene-panel,#services .scard .scene-stat{opacity:1!important;transform:none!important;transition:none!important}
}