﻿/* Home-only kinetic editorial system. Shared header stays untouched. */
body[data-page=home] main{overflow:clip}body[data-page=home] h2{font-family:'Space Grotesk',sans-serif;font-weight:500;letter-spacing:-.04em;text-wrap:balance}body[data-page=home] h2 em{font-style:normal;color:var(--accent)}
.kinetic-hero{position:relative;min-height:890px;padding-top:170px;padding-bottom:45px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.kinetic-heading{position:relative;z-index:2}.kinetic-heading h1{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:clamp(65px,8vw,96px);line-height:.95;letter-spacing:-.04em;margin:0}.hero-letterline{display:block;transform:translateX(calc(var(--hero-p,0) * -45px));letter-spacing:-.04em}.hero-it{color:var(--accent);display:inline-block;margin-left:.18em;transform:translateY(calc(var(--hero-p,0) * 35px)) rotate(calc(var(--hero-p,0) * 8deg))}.hero-intro{padding-top:50px;max-width:620px}.hero-intro h2{font-size:clamp(36px,4vw,56px);line-height:1.08}.hero-intro p{font-size:16px;line-height:1.7;color:var(--muted);margin-top:22px}.hero-intro .hero-actions{justify-content:flex-start;align-items:center;margin-top:30px;gap:24px}.hero-intro .text-link{font-size:11px}.kinetic-object{position:absolute;width:54%;height:620px;right:-5%;top:190px;z-index:1;transform:translateY(calc(var(--hero-p,0) * -80px));perspective:800px}.hero-object-image{position:absolute;inset:13% 2%;display:grid;place-items:center;animation:object-drift 7s ease-in-out infinite alternate;transform:rotate(-8deg)}.hero-object-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten}.orbital-ring{position:absolute;inset:6%;border:1px solid #c2d83e66;border-radius:50%;transform-style:preserve-3d;animation:orbit-tumble 24s linear infinite}.orbital-ring:after{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:var(--accent);left:50%;top:-5px}.ring-two{inset:0 14%;animation-delay:-8s;border-color:#c2d83e30}.ring-three{inset:15% -3%;animation-delay:-16s;border-color:#ffffff25}.orbit-label{position:absolute;font-size:10px;letter-spacing:.12em;color:var(--accent);padding:9px 14px;border:1px solid #c2d83e55;background:#10120e;border-radius:30px}.label-design{top:12%;right:15%}.label-code{bottom:20%;right:3%}.label-brand{bottom:9%;left:18%}.hero-foot{display:flex;justify-content:space-between;gap:25px;position:relative;z-index:2;margin-top:80px;color:var(--muted);font-size:11px}.hero-foot a{display:flex;align-items:center;gap:20px;color:var(--text);font-size:10px;letter-spacing:.1em}.scroll-line{height:36px;width:1px;background:#ffffff33;position:relative;overflow:hidden}.scroll-line:after{content:'';position:absolute;width:1px;height:15px;background:var(--accent);animation:scroll-signal 1.8s ease-in-out infinite}
body[data-page=home] .discipline-strip{padding-block:28px;border-block:1px solid var(--line);transform:rotate(-2deg);margin:18px -2% 30px;background:#151711}body[data-page=home] .discipline-track span{font-size:24px;color:var(--text)}
.studio-statement{display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:start}.statement-side{font-size:14px;line-height:1.7;color:var(--muted);padding-top:12px}.scroll-words{font-size:clamp(30px,3.5vw,52px);line-height:1.25}.scroll-words span{color:#a1a793;transition:color .25s}.scroll-words span.lit{color:#f5f7ee}.studio-statement .text-link{margin-top:35px;font-size:12px}
body[data-page=home] .curved-showcase{padding-top:50px}body[data-page=home] .curved-showcase .center-heading{max-width:none;text-align:left;display:flex;justify-content:space-between;align-items:end;gap:50px}body[data-page=home] .curved-showcase h2{max-width:12ch;font-size:clamp(38px,5vw,64px)}body[data-page=home] .curved-showcase .center-heading p{max-width:30ch;margin:0;font-size:14px}body[data-page=home] .gallery-tools{padding-top:20px}
.motion-services{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start;border-top:1px solid var(--line)}.service-sticky{position:sticky;top:130px}.service-sticky h2{font-size:clamp(38px,4.8vw,64px);line-height:1.08}.service-art-stage{position:relative;height:330px;margin-top:25px;overflow:hidden}.motion-service-art{position:absolute;inset:0;opacity:0;transform:translateY(25px) scale(.95);transition:opacity .6s,transform .8s cubic-bezier(.16,1,.3,1)}.motion-service-art.active{opacity:1;transform:none}.motion-service-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten}.service-scan{position:absolute;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,#c2d83e,transparent);animation:service-scan 5s ease-in-out infinite;opacity:.5}.service-sticky .text-link{font-size:11px;margin-top:20px}.motion-service{display:grid;grid-template-columns:1fr 24px;gap:20px;align-content:center;min-height:290px;padding:45px 0;border-top:1px solid var(--line);position:relative;transition:color .3s}.motion-service:last-child{border-bottom:1px solid var(--line)}.motion-service h3{font-family:'Space Grotesk',sans-serif;font-size:clamp(26px,2.8vw,40px);line-height:1.12;letter-spacing:-.03em;font-weight:500;transition:translate .4s}.motion-service p{font-size:15px;color:var(--muted);margin-top:18px;line-height:1.6}.motion-service span{display:block;font-size:10px;color:var(--muted);margin-top:27px;text-transform:uppercase;letter-spacing:.05em}.motion-service>svg{width:24px;height:24px;color:var(--accent);transition:rotate .4s}.motion-service.current h3,.motion-service:hover h3{color:var(--accent);translate:8px}.motion-service.current>svg{rotate:45deg}.mobile-service-image{display:none}
.motion-process{background:#171b12;border-block:1px solid #c2d83e22}.process-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%}.process-heading{position:sticky;top:145px;align-self:start}.process-heading h2{font-size:clamp(38px,4.8vw,64px);line-height:1.1}.process-heading p{color:var(--muted);font-size:14px;margin-top:24px}.process-dial{height:160px;width:160px;position:relative;margin-top:50px;border:1px solid #c2d83e44;border-radius:50%;transform:rotate(calc(var(--journey-p,0)*300deg))}.process-dial:before,.process-dial:after{content:'';position:absolute;inset:15px;border:1px solid #c2d83e44;border-radius:50%}.process-dial:after{inset:45px;background:var(--accent)}.process-dial i{position:absolute;left:50%;top:-8px;width:16px;height:16px;background:var(--accent);border-radius:50%}.process-dial b{position:absolute;left:0;right:0;top:50%;height:1px;background:#c2d83e}.journey{position:relative}.journey:before{content:'';position:absolute;width:1px;top:0;bottom:0;left:0;background:#c2d83e33}.journey:after{content:'';position:absolute;width:2px;top:0;height:calc(var(--journey-p,0)*100%);left:0;background:var(--accent)}.journey-step{display:grid;grid-template-columns:40px 1fr 22px;gap:22px;align-items:start;padding:50px 0 50px 30px;border-bottom:1px solid var(--line);min-height:200px}.journey-number{font-size:14px;color:var(--accent);padding-top:8px}.journey-step h3{font-size:36px;font-weight:500;letter-spacing:-.03em}.journey-step p{font-size:14px;color:var(--muted);margin-top:12px}.journey-step svg{width:22px;height:22px;color:var(--accent)}
body[data-page=home] .home-offer{display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;align-items:center}body[data-page=home] .home-offer .center-heading{text-align:left;margin:0}body[data-page=home] .home-offer h2{font-size:clamp(36px,4vw,55px)}body[data-page=home] .offer-panel{display:block;background:var(--accent);color:#151b09;border:0;border-radius:14px;padding:40px;width:100%}body[data-page=home] .offer-price{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px}body[data-page=home] .offer-price strong{grid-column:2;grid-row:1/4;font-size:96px;margin:0}body[data-page=home] .offer-price>span,body[data-page=home] .offer-price>p,body[data-page=home] .offer-includes>p{color:#374118}body[data-page=home] .offer-price strong span,body[data-page=home] .offer-includes li svg{color:#151b09}body[data-page=home] .offer-price .button{grid-column:1/-1;background:#14190e;color:#f5f7ee;margin-top:20px}body[data-page=home] .offer-includes{margin-top:28px}body[data-page=home] .offer-includes>p{border-color:#151b0933}body[data-page=home] .offer-includes .text-link{color:#151b09}body[data-page=home] .home-faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:7%}body[data-page=home] .home-faq .center-heading{text-align:left;margin:0}body[data-page=home] .faq-list{width:100%}body[data-page=home] .contact-cta{border-top:1px solid var(--line)}body[data-page=home] .contact-cta h2{font-size:clamp(38px,5vw,68px)}
@keyframes orbit-tumble{from{transform:rotateZ(0deg) rotateY(58deg) rotateX(25deg)}to{transform:rotateZ(360deg) rotateY(58deg) rotateX(25deg)}}@keyframes object-drift{to{translate:0 -20px;rotate:5deg}}@keyframes scroll-signal{from{translate:0 -18px}to{translate:0 40px}}@keyframes service-scan{0%,100%{top:12%;opacity:0}50%{top:85%;opacity:.6}}
@media(max-width:1050px){.kinetic-hero{min-height:820px}.kinetic-object{width:49%;right:-4%;top:240px;height:500px}.hero-intro{max-width:52%}.hero-intro .hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.motion-services,.process-layout{gap:6%}.service-art-stage{height:270px}.journey-step{gap:12px;padding-left:20px}.journey-step h3{font-size:30px}}
@media(max-width:760px){.kinetic-hero{padding-top:145px;min-height:1040px;padding-bottom:30px}.kinetic-heading h1{font-size:clamp(49px,12.5vw,90px)}.hero-intro{max-width:none;padding-top:30px}.hero-intro h2{font-size:clamp(33px,7.8vw,50px)}.hero-intro p{font-size:14px}.hero-intro .hero-actions{flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap}.hero-intro .button{padding:15px;font-size:10px}.hero-intro .text-link{font-size:9px}.kinetic-object{width:100%;height:430px;right:0;top:535px;transform:translateY(calc(var(--hero-p,0)*-30px))}.hero-object-image{inset:10% 0}.orbit-label{font-size:9px}.hero-foot{font-size:10px;gap:18px}.hero-foot>span{max-width:16ch}.hero-foot a{font-size:8px;gap:12px}body[data-page=home] .discipline-track span{font-size:19px}.studio-statement{grid-template-columns:1fr;gap:25px}.statement-side{font-size:12px}.scroll-words{font-size:32px}body[data-page=home] .curved-showcase .center-heading{display:block}body[data-page=home] .curved-showcase h2{font-size:40px}body[data-page=home] .curved-showcase .center-heading p{margin-top:20px}.motion-services{display:block}.service-sticky{position:relative;top:0}.service-sticky h2{font-size:43px}.service-art-stage{display:none}.service-sticky .text-link{margin:25px 0 35px}.motion-service{min-height:0;padding:30px 0;gap:15px}.motion-service h3{font-size:30px}.motion-service p{font-size:14px;margin-top:12px}.motion-service span{font-size:9px;margin-top:18px}.mobile-service-image{display:block;grid-column:1/-1;height:230px;overflow:hidden}.mobile-service-image img{height:100%;width:100%;object-fit:contain;animation:object-drift 7s ease-in-out infinite alternate}.process-layout{display:block}.process-heading{position:relative;top:0}.process-heading h2{font-size:43px}.process-dial{height:90px;width:90px;margin:28px 0}.process-dial:after{inset:28px}.journey-step{min-height:170px;padding-block:35px;grid-template-columns:30px 1fr 20px}.journey-step h3{font-size:30px}body[data-page=home] .home-offer,body[data-page=home] .home-faq{grid-template-columns:1fr;gap:35px}body[data-page=home] .offer-panel{padding:27px}body[data-page=home] .offer-price strong{font-size:83px}body[data-page=home] .home-offer h2{font-size:40px}body[data-page=home] .home-faq h2{font-size:37px}}
@media(prefers-reduced-motion:reduce) and (hover:hover) and (pointer:fine){.hero-letterline,.hero-it,.kinetic-object,.process-dial{transform:none!important}.scroll-words span{color:var(--text)}.motion-service-art{transition:none}.hero-object-image,.mobile-service-image img{animation:none}}html[data-motion=off] .hero-letterline,html[data-motion=off] .hero-it,html[data-motion=off] .kinetic-object{transform:none}

/* Original Vernya mark, animated as one intact brand asset. */
.hero-object-image.hero-brand-icon{inset:17% 19%;animation:vernya-icon-float 8s ease-in-out infinite;transform:rotate(-7deg);transform-style:preserve-3d}.hero-brand-icon img{mix-blend-mode:normal;filter:drop-shadow(0 22px 28px #00000040)}
@keyframes vernya-icon-float{0%,100%{transform:translateY(8px) rotate(-7deg) rotateY(-12deg)}50%{transform:translateY(-18px) rotate(7deg) rotateY(12deg)}}
@media(max-width:760px){.hero-object-image.hero-brand-icon{inset:18% 18%}}
@media(prefers-reduced-motion:reduce) and (hover:hover) and (pointer:fine){.hero-object-image.hero-brand-icon{animation:none;transform:none}}
