:root{--background:oklch(7.5% .006 60);--card:oklch(11.5% .008 60);--popover:oklch(11.5% .008 60);--secondary:oklch(15.5% .009 60);--muted:oklch(14.5% .008 60);--graphite:oklch(10.5% .007 60);--border:oklch(100% 0 0/.1)}body{background:radial-gradient(1100px 650px at 14% -12%, color-mix(in oklab, var(--color-primary) 6%, transparent), transparent 58%), radial-gradient(900px 620px at 100% 22%, #ffffff05, transparent 64%), #0b0a09}.site-progress-rail{z-index:10050;pointer-events:none;background:#ffffff06;height:2px;position:fixed;inset:0 0 auto}.site-progress-rail>span{transform-origin:0;background:linear-gradient(90deg, color-mix(in oklab, var(--color-primary) 60%, transparent), var(--color-gold-soft), color-mix(in oklab, var(--color-primary) 55%, white));width:100%;height:100%;box-shadow:0 0 18px color-mix(in oklab, var(--color-primary) 42%, transparent);transition:transform .12s linear;display:block}.site-ambient-grid{z-index:0;pointer-events:none;opacity:.09;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:92px 92px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 34%,#000 0,#0000 68%);mask-image:radial-gradient(circle at 50% 34%,#000 0,#0000 68%)}.site-pointer-glow{z-index:1;pointer-events:none;opacity:.48;background:radial-gradient(460px circle at var(--pointer-x,50%) var(--pointer-y,30%), color-mix(in oklab, var(--color-primary) 6.5%, transparent), transparent 70%);mix-blend-mode:screen;transition:opacity .35s;position:fixed;inset:0}body>div:not(.site-progress-rail):not(.site-ambient-grid):not(.site-pointer-glow),body>script{z-index:2;position:relative}html{scrollbar-color:color-mix(in oklab, var(--color-primary) 45%, #34312d) #0b0a09;scrollbar-width:thin}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:#0b0a09}::-webkit-scrollbar-thumb{background:linear-gradient(var(--color-primary), color-mix(in oklab, var(--color-primary) 58%, #30291e));border:2px solid #0b0a09;border-radius:999px}header{transition:background-color .4s,border-color .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s,transform .4s}header nav a{position:relative}header nav a:after{content:"";background:var(--color-primary);height:1px;transition:right .35s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-9px;left:0;right:100%}header nav a:hover:after{right:0}main>section:not(#top){border-top-color:#ffffff13!important}main>section:not(#top):after{content:"";pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--color-primary) 34%,transparent),transparent);opacity:.72;width:min(560px,72vw);height:1px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}main>section:nth-of-type(2n):not(#top){background-image:linear-gradient(#ffffff02,#0000 26% 78%,#ffffff01)}main>section h2:after{content:"";background:linear-gradient(90deg,var(--color-primary),transparent);opacity:.7;width:46px;height:1px;margin-top:20px;display:block}main>section [class*="tracking-[0.28em]"]{align-items:center;gap:10px;display:inline-flex}main>section [class*="tracking-[0.28em]"]:before{content:"";opacity:.65;background:currentColor;flex:none;width:20px;height:1px}figure.group img,.group img{filter:saturate(.86)contrast(1.04)brightness(.93)}figure.group:hover img,.group:hover img{filter:saturate()contrast(1.055)brightness(1.015)}[class*=bg-card]{-webkit-backdrop-filter:blur(12px)}#services,#portfolio,#production,#process,#pricing,#lead,#contacts{position:relative}#services:before,#portfolio:before,#production:before{content:"PROSTROY";z-index:0;pointer-events:none;letter-spacing:-.06em;color:#0000;-webkit-text-stroke:1px #ffffff08;opacity:.85;white-space:nowrap;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(5rem,14vw,13rem);line-height:.7;position:absolute;top:3.2rem;right:3vw}#services>.container-x,#portfolio>.container-x,#production>.container-x{z-index:1;position:relative}#services h2,#portfolio h2,#production h2,#pricing h2,#process h2,#lead h2{letter-spacing:-.042em;max-width:12ch;font-size:clamp(2.7rem,5.4vw,5.9rem);line-height:.9}#services .grid{counter-reset:service-card}#services .grid>.group>a{background:#10100f;border-color:#ffffff1a;border-radius:2px;min-height:520px}#services .grid>.group>a:before{content:"0" counter(service-card);counter-increment:service-card;z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.24em;color:#ffffffb8;background:#08080857;border:1px solid #ffffff29;padding:.45rem .65rem;font-size:10px;position:absolute;top:1.25rem;left:1.25rem}#services .grid>.group>a img{filter:saturate(.72)contrast(1.1)brightness(.8)}#services .grid>.group>a:hover img{filter:saturate(.98)contrast(1.05)brightness(.97)}#services .grid>.group>a>div:last-child{padding:2rem}#services .grid h3{font-size:clamp(1.55rem,2.2vw,2.2rem);line-height:.96}#portfolio{background:linear-gradient(180deg,#0b0a09,color-mix(in oklab,var(--color-graphite) 92%,black))}#portfolio figure.group{background:#0d0d0c;border-color:#ffffff18;border-radius:2px}#portfolio figure.group img{filter:saturate(.72)contrast(1.1)brightness(.8)}#portfolio figure.group:hover img{filter:saturate(.98)contrast(1.05)brightness(.97)}#portfolio figure.group:before{content:"VIEW PROJECT";z-index:4;opacity:0;letter-spacing:.22em;color:var(--color-primary);font-size:9px;transition:opacity .4s,transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:1rem;right:1rem;transform:translateY(-7px)}#portfolio figure.group:hover:before{opacity:1;transform:translateY(0)}#portfolio figcaption{background:linear-gradient(#0000,#070707e6);padding-top:3.5rem!important}#production .grid{gap:clamp(2.5rem,7vw,8rem)}#production .group.relative{border-color:#ffffff1a;border-radius:2px;transform:rotate(-1.15deg);box-shadow:0 40px 110px #0000006b}#production .group.relative:before{content:"OWN PRODUCTION / QUALITY CONTROL";z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.2em;color:#ffffffc2;background:#08080861;border:1px solid #ffffff29;padding:.5rem .7rem;font-size:9px;position:absolute;top:1.25rem;left:1.25rem}#production ul li{border-left-width:1px;border-color:color-mix(in oklab,var(--color-primary) 55%,transparent);background:linear-gradient(90deg,color-mix(in oklab,var(--color-primary) 5%,transparent),transparent 72%);padding-block:.7rem;min-height:52px;padding-right:.5rem}#process .grid>.group{background:linear-gradient(145deg,#ffffff04,#0000 62%);border-top:0;border-left:1px solid #ffffff17;padding:2rem 1.4rem 2.2rem;position:relative}#process .grid>.group:before{content:"";background:var(--color-primary);width:34%;height:1px;transition:width .55s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0}#process .grid>.group:hover:before{width:100%}#pricing .grid.lg\:grid-cols-3>.group{border-radius:2px}#pricing .grid.lg\:grid-cols-3>.group:first-child{box-shadow:0 34px 90px #0000006b,0 0 0 1px color-mix(in oklab,var(--color-primary) 34%,transparent);transform:translateY(-1rem)}#lead{background:radial-gradient(650px 360px at 10% 70%,color-mix(in oklab,var(--color-primary) 8%,transparent),transparent 70%), #0d0c0b}#lead .rounded-lg.border.bg-card{border-color:#ffffff21;border-radius:2px;position:relative;box-shadow:0 38px 110px #0006}#lead .rounded-lg.border.bg-card:after{content:"PRIVATE ESTIMATE";background:var(--color-card);color:var(--color-primary);letter-spacing:.22em;padding:0 .6rem;font-size:9px;position:absolute;top:-10px;right:1.25rem}#lead a[href^=tel\:],#lead a[href^="https://wa.me"],#lead a[href^="https://t.me"]{border-radius:2px}#lead a:hover{transform:translate(4px)}#contacts a.font-serif{text-underline-offset:7px;text-decoration-thickness:1px}footer{position:relative;overflow:hidden}footer:before{content:"PROSTROY";pointer-events:none;font-family:var(--font-serif);letter-spacing:-.05em;color:#ffffff04;font-size:clamp(5rem,15vw,14rem);line-height:.8;position:absolute;bottom:-4.5vw;right:-1vw}footer:after{content:"LANDSCAPE / CONSTRUCTION / INFRASTRUCTURE";pointer-events:none;letter-spacing:.34em;color:#ffffff24;white-space:nowrap;font-size:9px;position:absolute;bottom:1.2rem;left:50%;transform:translate(-50%)}@keyframes cinematicSectionIn{0%{opacity:.18;filter:blur(10px);transform:translateY(90px)scale(.975)}45%{opacity:1;filter:blur()}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes cinematicHeadingIn{0%{opacity:.08;letter-spacing:-.07em;filter:blur(8px);transform:translateY(70px)}to{opacity:1;letter-spacing:-.042em;filter:blur();transform:none}}@keyframes cinematicMediaDrift{0%{transform:scale(1.13)translateY(5%)}to{transform:scale(1.02)translateY(-2%)}}@keyframes cinematicGoldLine{0%{opacity:.18;transform:scaleX(.05)}to{opacity:.9;transform:scaleX(1)}}@keyframes watermarkTravel{0%{opacity:.22;transform:translate(8vw,4vh)}to{opacity:.85;transform:translate(-5vw,-2vh)}}@supports (animation-timeline:view()){main>section:not(#top)>.container-x{animation:linear both cinematicSectionIn;animation-timeline:view();animation-range:entry cover 28%}#services h2,#portfolio h2,#production h2,#pricing h2,#process h2,#lead h2{animation:linear both cinematicHeadingIn;animation-timeline:view();animation-range:entry 5% cover 30%}#services:before,#portfolio:before,#production:before{animation:linear both watermarkTravel;animation-timeline:view();animation-range:entry exit 0%}#services .grid>.group img,#portfolio figure.group img,#production .group.relative img{animation:linear both cinematicMediaDrift;animation-timeline:view();animation-range:entry exit 0%}#process .grid>.group:before{transform-origin:0;animation:linear both cinematicGoldLine;animation-timeline:view();animation-range:entry 10% cover 35%}}@media (width>=1200px){#services .container-x>div:first-child,#portfolio .container-x>div:first-child,#production .container-x>div:first-child{position:relative}#portfolio .grid.grid-cols-2{perspective:1400px}#portfolio figure.group:nth-child(2n){transform-origin:0}#portfolio figure.group:nth-child(odd){transform-origin:100%}#production .grid>div:last-child{align-self:start;position:sticky;top:9.5rem}#services .grid>.group:nth-child(2),#services .grid>.group:nth-child(5){margin-top:5.5rem}}@media (hover:hover) and (pointer:fine){a:not([class*=bg-primary]):not([class*=rounded]){text-underline-offset:5px}main>section [class*=rounded-lg],main>section [class*=rounded-xl]{will-change:transform}#services .grid>.group:first-child>a,#services .grid>.group:nth-child(4)>a{transform:translateY(2.25rem)}#portfolio figure.group{transition:transform .75s cubic-bezier(.16,1,.3,1),border-color .45s,box-shadow .6s}#portfolio figure.group:hover{transform:translateY(-8px)scale(1.008);box-shadow:0 44px 120px -36px #000000e6}}@media (width>=1024px){#services{padding-top:9rem;padding-bottom:10rem}#portfolio{padding-top:10rem;padding-bottom:10rem}#production{padding-top:10rem;padding-bottom:11rem}#portfolio .grid.grid-cols-2>figure:first-child,#portfolio .grid.grid-cols-2>figure:nth-child(4){transform:translateY(1.8rem)}#portfolio .grid.grid-cols-2>figure:nth-child(3),#portfolio .grid.grid-cols-2>figure:nth-child(7){transform:translateY(-1rem)}}@media (width<=1023px){#pricing .grid.lg\:grid-cols-3>.group:first-child,#production .group.relative{transform:none}#services .grid>.group>a{min-height:460px}}@media (width<=900px){.site-ambient-grid{opacity:.055;background-size:64px 64px}.site-pointer-glow{display:none}#services:before,#portfolio:before,#production:before{opacity:.38;font-size:28vw;top:2rem;right:-6vw}#services h2,#portfolio h2,#production h2,#pricing h2,#process h2,#lead h2{font-size:clamp(2.4rem,11vw,4.1rem);line-height:.92}#services .grid>.group>a{min-height:390px}#portfolio figure.group:before,footer:after{display:none}}@media (width<=640px){#services .grid>.group>a{min-height:360px}#services .grid>.group>a>div:last-child{padding:1.35rem}#process .grid>.group{padding:1.45rem 1rem 1.7rem}main>section h2:after{margin-top:15px}}@media (prefers-reduced-motion:reduce){.site-progress-rail>span{transition:none}.site-pointer-glow{display:none}main>section:not(#top)>.container-x,#services h2,#portfolio h2,#production h2,#pricing h2,#process h2,#lead h2,#services:before,#portfolio:before,#production:before,#services .grid>.group img,#portfolio figure.group img,#production .group.relative img{filter:none!important;opacity:1!important;animation:none!important;transform:none!important}}