/* Vernako Studio homepage — uses the existing Geist fonts and brand tokens. */
.studio-page{background:var(--background);color:var(--foreground)}
.studio-page .studio-gradient{color:transparent;background:linear-gradient(108deg,#f2f0e9 5%,#a6c89d 48%,#4b8d78 100%);-webkit-background-clip:text;background-clip:text}
.studio-eyebrow{color:#a3ac9f;font:500 10px/1.7 var(--font-geist-mono);letter-spacing:.16em;text-transform:uppercase}
.studio-header{background:#07090adc;border-bottom:1px solid #f2f0e910}
.studio-nav{height:82px}
.studio-logo{display:flex;align-items:center;min-width:44px;min-height:44px}
.studio-logo img{display:block;width:144px;height:auto}
.studio-links{gap:clamp(13px,2vw,29px)}
.studio-links a{min-height:44px;display:inline-flex;align-items:center;font-size:13px}
.studio-links a:after{content:"";position:absolute;inset:auto 100% 3px 0;height:1px;background:var(--accent);transition:right .25s var(--ease)}
.studio-links a:hover:after{right:0}
.studio-links .language-switch{padding-left:17px}
.studio-nav-cta{color:#0b100e;background:#dce8d7;min-height:44px;padding:11px 17px;font-size:12px;white-space:nowrap}
.studio-nav-cta:hover{background:#f2f0e9}
.studio-hero{min-height:min(950px,100svh);min-height:max(760px,100svh);padding:150px 0 105px;display:flex;align-items:center;position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid #f2f0e90c}
.studio-hero-content{max-width:1160px;position:relative;z-index:2;margin-top:12px}
.studio-hero-grid{pointer-events:none;position:absolute;inset:-15%;opacity:.25;transform:translate3d(0,var(--parallax,0px),0);background:repeating-linear-gradient(90deg,#f2f0e90a 0 1px,transparent 1px 84px),repeating-linear-gradient(0deg,#f2f0e908 0 1px,transparent 1px 84px);mask-image:radial-gradient(ellipse at 57% 45%,#000 0,transparent 73%)}
.studio-hero-glow{width:min(78vw,1040px);aspect-ratio:1;position:absolute;z-index:-1;top:-37%;left:50%;transform:translate3d(-50%,var(--parallax,0px),0);pointer-events:none;background:radial-gradient(circle,#155a4a38 0, #17564f12 39%, transparent 70%);filter:blur(12px)}
.studio-hero-kicker{display:flex;align-items:center;gap:10px;margin:0 0 30px;color:#b8c1b7}
.studio-pulse{display:inline-block;width:7px;height:7px;flex:none;border-radius:50%;background:#7fae86;box-shadow:0 0 14px #7fae8670;animation:studio-pulse 2.6s ease-in-out infinite}
.hero-kicker-divider{color:#e8b466;margin-inline:6px}
.studio-hero h1{max-width:1050px;margin:0;font-size:clamp(58px,8.25vw,112px);font-weight:480;letter-spacing:-.075em;line-height:.99;text-wrap:balance}
.studio-hero-copy{max-width:665px;margin:29px 0 0;color:#a7afa8;font-size:clamp(16px,1.45vw,19px);line-height:1.8}
.studio-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:13px;margin-top:34px}
.studio-button{min-height:54px;padding:14px 21px;display:inline-flex;align-items:center;justify-content:center;gap:26px;border-radius:999px;border:1px solid transparent;font-size:13px;font-weight:550;transition:transform .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease)}
.studio-button:hover{transform:translateY(-3px)}
.studio-button-primary{background:#e5eadf;color:#101411}
.studio-button-primary:hover{background:#fff}
.studio-button-quiet{border-color:#ffffff20;color:#e5e8e2;background:#ffffff04}
.studio-button-quiet:hover{border-color:#7fae8670;background:#7fae8610}
.studio-button span,.studio-text-link span,.studio-email-link span{transition:transform .25s var(--ease)}
.studio-button:hover span,.studio-text-link:hover span,.studio-email-link:hover span{transform:translate(3px,-2px)}
.studio-hero-foot{position:absolute;bottom:29px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;gap:16px;color:#78817a;font:9px/1.5 var(--font-geist-mono);letter-spacing:.13em}
.studio-hero-foot a{color:#b6beb5;display:flex;align-items:center;gap:9px;min-height:44px}
.studio-marquee{padding:40px 0 43px;border-bottom:1px solid #f2f0e910;overflow:hidden}
.studio-marquee>.studio-eyebrow{text-align:center;margin:0 0 23px;color:#858d87}
.studio-marquee .marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.studio-marquee .marquee-track{width:max-content;display:flex;animation:studio-marquee 34s linear infinite;will-change:transform}
.studio-marquee .marquee-group{display:flex;align-items:center;flex:none}
.studio-marquee .marquee-group>span{white-space:nowrap;color:#a9b0aa;font-size:clamp(20px,2.45vw,33px);font-weight:440;letter-spacing:-.045em;display:inline-flex;align-items:center}
.studio-marquee .marquee-group b{color:#89ad86;font-size:.6em;font-weight:400;margin:0 clamp(18px,3.2vw,42px)}
.studio-section{padding-block:clamp(76px,10vw,144px)}
.studio-section-intro{text-align:center;max-width:900px}
.studio-section-intro>.studio-eyebrow{margin:0 0 17px}
.studio-section-intro h2,.studio-section-heading h2,.studio-about-copy h2,.studio-contact-copy h2{margin:0;font-size:clamp(42px,5.6vw,76px);line-height:1.03;letter-spacing:-.065em;font-weight:470;text-wrap:balance}
.studio-section-intro>p:last-child{max-width:590px;margin:17px auto 0;color:#a1a9a2;font-size:15px;line-height:1.8}
.studio-muted{color:#8b938c}
.studio-showcase.build{height:auto;position:relative;border-block:1px solid #ffffff0a;background:radial-gradient(ellipse at 50% 10%,#144d4224,transparent 58%),#090c0d}
.studio-showcase-sticky{height:auto;min-height:0;padding:95px 0 34px;position:static;top:auto;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px}
.studio-browser-wrap{display:flex;justify-content:center}
.studio-browser{width:min(100%,1030px);border:1px solid #ffffff32;border-radius:12px;background:#0c1010;overflow:hidden;box-shadow:0 34px 90px #0009;container-type:inline-size}
.studio-browser-bar{height:44px;padding:0 16px;background:#e8e8e1;color:#555d58;display:flex;align-items:center;gap:15px}
.studio-window-dots{display:flex;gap:5px}
.studio-window-dots i{width:8px;height:8px;border-radius:50%;background:#bec3bd}
.studio-address{min-width:0;margin:auto;padding:5px 10px;border-radius:5px;background:#d9dbd4;color:#646b64;font:10px/1.3 var(--font-geist-mono);text-align:center;letter-spacing:.03em}
.studio-window-mark{font-size:12px}
.studio-demo{background:#edf1f3;color:#20243d}
.studio-demo-nav{min-height:67px;padding:13px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f8f9fa}
.studio-demo-nav img{width:112px;height:auto;object-fit:contain}
.studio-demo-nav>span{font-size:11px;color:#565f69}
.studio-demo-nav>b{padding:11px 14px;border-radius:4px;background:#20243d;color:#fff;font-size:10px;font-weight:500;white-space:nowrap}
.studio-demo-hero{min-height:350px;padding:20px 30px 18px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#e8eff5,#f3f4f1)}
.studio-demo-overline{position:relative;z-index:2;margin:0;text-align:center;color:#566072;font:9px/1.5 var(--font-geist-mono);letter-spacing:.12em}
.studio-demo-hero h3{position:relative;z-index:2;margin:5px 0 0;text-align:center;color:#20243d;font-size:clamp(29px,5cqw,58px);font-weight:760;letter-spacing:-.075em;line-height:.9}
.studio-demo-image{position:absolute;z-index:1;left:0;right:0;top:17%;width:100%;height:68%;object-fit:cover;object-position:center 54%;mix-blend-mode:multiply;mask-image:linear-gradient(to bottom,#000 75%,transparent 100%)}
.studio-demo-bottom{position:absolute;z-index:2;left:5%;right:5%;bottom:18px;display:flex;justify-content:space-between;gap:15px;color:#374353;font-size:clamp(9px,1.1cqw,13px);font-weight:550}
.studio-demo-features{padding:17px 23px;background:#fafbfc;display:flex;justify-content:center;flex-wrap:wrap;gap:10px 27px;color:#394554;font-size:clamp(9px,1cqw,12px)}
.studio-demo-features span:before{content:"✓";margin-right:6px;color:#438b6b}
.studio-progress{width:min(560px,calc(100% - 48px));display:flex;flex-direction:column;align-items:center;gap:11px}
.studio-progress-labels{width:100%;display:flex;justify-content:space-between;gap:12px;color:#89928b;font:9px/1.5 var(--font-geist-mono);letter-spacing:.04em;text-transform:uppercase}
.studio-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:50px}
.studio-project-card{min-width:0;padding:18px 18px 22px;border:1px solid #ffffff17;border-radius:13px;background:linear-gradient(145deg,#ffffff06,#0000);transition:border-color .35s var(--ease),transform .35s var(--ease),background .35s var(--ease)}
.studio-project-card:hover{transform:translateY(-5px);border-color:#e8b46666;background:linear-gradient(145deg,#e8b4660b,#0000)}
.studio-project-image{aspect-ratio:1.8;display:block;position:relative;overflow:hidden;border-radius:7px;background:#111716}
.studio-project-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease),filter .4s var(--ease)}
.studio-project-card:hover .studio-project-image img{transform:scale(1.035);filter:saturate(1.06)}
.studio-project-image-brand img{object-position:center}
.studio-image-arrow{position:absolute;right:14px;bottom:14px;width:37px;height:37px;display:grid;place-items:center;border:1px solid #ffffff80;border-radius:50%;background:#080a09a6;color:#fff;transition:transform .25s var(--ease),background .25s var(--ease)}
.studio-project-card:hover .studio-image-arrow{transform:translate(2px,-2px);background:#17564f}
.studio-project-meta{margin-top:21px;display:flex;justify-content:space-between;gap:12px;color:#929b92;font:9px/1.5 var(--font-geist-mono);letter-spacing:.12em}
.studio-project-card h3{margin:12px 0;font-size:clamp(22px,2.6vw,31px);font-weight:470;letter-spacing:-.045em}
.studio-project-card>p{max-width:620px;margin:0 0 16px;color:#9ca49d;font-size:14px;line-height:1.8}
.studio-text-link{min-height:44px;width:fit-content;display:inline-flex;align-items:center;gap:13px;color:#e8c58f;font-size:13px}
.studio-text-link:hover{color:#fff}
.studio-services{background:#0b1010;border-block:1px solid #ffffff0d}
.studio-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px}
.studio-section-heading .studio-eyebrow{margin:0 0 17px}
.studio-section-heading>p{max-width:410px;margin:0 0 5px;color:#9ba49c;font-size:15px;line-height:1.8}
.studio-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:48px}
.studio-service-card{min-height:325px;padding:27px 28px 23px;border:1px solid #ffffff15;border-radius:12px;background:linear-gradient(140deg,#ffffff05,#0000);display:flex;flex-direction:column;transition:transform .4s var(--ease),border-color .3s var(--ease),background .3s var(--ease)}
.studio-service-card:hover{transform:translateY(-4px);border-color:#88a17d70;background:linear-gradient(140deg,#7fae860b,#0000)}
.studio-service-card:nth-child(2){transition-delay:.04s}.studio-service-card:nth-child(3){transition-delay:.08s}.studio-service-card:nth-child(4){transition-delay:.12s}
.studio-service-featured{background:radial-gradient(ellipse at 92% 0,#e8b46612,transparent 40%),#ffffff04;border-color:#e8b46638}
.studio-card-top{display:flex;justify-content:space-between;color:#a3b098;font:11px/1.4 var(--font-geist-mono)}
.studio-card-top>span:last-child{color:#e8b466;font-size:16px}
.studio-card-kicker{margin:37px 0 9px;color:#a5ae9f;font:9px/1.5 var(--font-geist-mono);letter-spacing:.12em}
.studio-service-card h3{max-width:520px;margin:0 0 13px;font-size:clamp(22px,2.5vw,30px);font-weight:480;letter-spacing:-.045em;line-height:1.12}
.studio-service-card>p:not(.studio-card-kicker){max-width:630px;margin:0;color:#9da59e;font-size:14px;line-height:1.8}
.studio-service-card .studio-text-link{margin-top:auto;padding-top:18px}
.studio-offer-note{margin:14px 0 2px;padding:12px 13px;border-left:1px solid #e8b46685;background:#e8b46608;color:#9da59e;font-size:12px;line-height:1.75}
.studio-offer-note strong{color:#e1c591;font-weight:550}
.studio-service-note{max-width:920px;margin:24px auto 0;padding-top:17px;border-top:1px solid #ffffff14;color:#89928b;font-size:11px;line-height:1.8}
.studio-booking-link{display:flex;align-items:center;gap:8px;min-height:44px;max-width:430px;margin-top:13px;color:#c9d0c7;font-size:12px;line-height:1.5}
.studio-booking-link:hover{color:#fff}
.studio-booking-link span{color:#e8b466}
.studio-process{background:radial-gradient(ellipse at 100% 0,#14564a16,transparent 42%)}
.studio-process-list{margin:47px 0 0;border-top:1px solid #ffffff24;list-style:none;padding:0}
.studio-process-step{min-height:145px;padding:24px 0;display:grid;grid-template-columns:78px minmax(220px,1fr) minmax(210px,.8fr);align-items:center;gap:25px;border-bottom:1px solid #ffffff1c;transition:padding .35s var(--ease),background .35s var(--ease)}
.studio-process-step:hover{padding-inline:12px;background:linear-gradient(90deg,#7fae860a,transparent)}
.studio-step-index{display:flex;flex-direction:column;align-items:flex-start;gap:21px;color:#d7b77e;font:11px/1.4 var(--font-geist-mono)}
.studio-step-index i{display:block;width:31px;height:1px;background:#7fae86;transform-origin:left;transition:transform .4s var(--ease)}
.studio-process-step:hover .studio-step-index i{transform:scaleX(1.7)}
.studio-process-step h3{margin:0 0 8px;font-size:clamp(22px,3vw,34px);font-weight:460;letter-spacing:-.045em}
.studio-process-step p{max-width:520px;margin:0;color:#9ca49e;font-size:14px;line-height:1.8}
.studio-step-caption{color:#78837a;font:9px/1.7 var(--font-geist-mono);letter-spacing:.1em;text-align:right}
.studio-about{min-height:620px;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;padding:100px max(40px,calc((100vw - 1160px)/2));border-block:1px solid #ffffff12;background:#090d0d}
.studio-about-art{position:absolute;z-index:-1;inset:0 auto 0 0;width:49%;display:grid;place-items:center;overflow:hidden;transform:translate3d(0,var(--parallax,0px),0);background:radial-gradient(ellipse at 50% 50%,#17483c38,transparent 66%),repeating-linear-gradient(90deg,#ffffff09 0 1px,transparent 1px 76px),repeating-linear-gradient(0deg,#ffffff08 0 1px,transparent 1px 76px);mask-image:linear-gradient(90deg,#000,transparent 96%)}
.studio-orbit{position:absolute;display:block;border:1px solid #b4c49c30;border-radius:50%;aspect-ratio:1;transform:rotate(-24deg)}
.studio-orbit-one{width:min(39vw,510px)}.studio-orbit-two{width:min(30vw,390px);border-color:#e8b46630;transform:rotate(35deg) scaleX(.74)}
.studio-about-monogram{font-size:clamp(150px,23vw,320px);font-weight:300;letter-spacing:-.13em;line-height:1;color:#f2f0e90c;text-shadow:0 0 80px #7fae8615}
.studio-coordinate{position:absolute;bottom:13%;left:50%;transform:translateX(-50%);color:#b9c3b4;font:10px/1.5 var(--font-geist-mono);letter-spacing:.22em}.studio-coordinate i{color:#e8b466;font-style:normal;padding:0 9px}
.studio-about-copy{grid-column:2;max-width:610px;padding-block:35px}
.studio-about-copy .studio-eyebrow{margin:0 0 17px}
.studio-about-copy h2{margin-bottom:24px}
.studio-about-copy>p:not(.studio-eyebrow){margin:0 0 15px;color:#a3aaa3;font-size:15px;line-height:1.9}
.studio-about-copy .studio-text-link{margin-top:7px}
.studio-contact{position:relative;isolation:isolate;overflow:hidden;padding:clamp(80px,10vw,140px) 0;background:#0a1010;border-bottom:1px solid #ffffff12}
.studio-contact-orbit{position:absolute;z-index:-1;inset:-20%;pointer-events:none;transform:translate3d(0,var(--parallax,0px),0);background:radial-gradient(ellipse at 12% 75%,#16574728,transparent 42%),radial-gradient(ellipse at 100% 0,#b07b3620,transparent 38%)}
.studio-contact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(45px,8vw,118px);align-items:start}
.studio-contact-copy .studio-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 22px}
.studio-contact-copy h2{margin-bottom:22px}
.studio-contact-copy>p:not(.studio-eyebrow){max-width:420px;color:#a1a9a2;font-size:15px;line-height:1.9}
.studio-email-link{display:inline-flex;align-items:center;gap:14px;min-height:48px;margin-top:18px;border-bottom:1px solid #78917b;color:#e5e9e2;font-size:15px}
.studio-booking-card{min-width:0;align-self:stretch;padding:clamp(25px,4vw,42px);border:1px solid #ffffff19;border-radius:13px;background:radial-gradient(ellipse at 100% 0,#e8b46610,transparent 50%),#0d1313c7;backdrop-filter:blur(8px)}
.studio-booking-kicker{display:flex;align-items:center;gap:10px;margin:0 0 28px;color:#a5ae9f;font:9px/1.5 var(--font-geist-mono);letter-spacing:.13em;text-transform:uppercase}
.studio-booking-card h3{max-width:480px;margin:0 0 15px;font-size:clamp(25px,3.3vw,40px);font-weight:470;line-height:1.12;letter-spacing:-.05em}
.studio-booking-card>p:not(.studio-booking-kicker):not(.studio-booking-note){max-width:410px;margin:0;color:#9da59e;font-size:14px;line-height:1.8}
.studio-booking-cta{width:fit-content;margin-top:27px}
.studio-booking-note{margin:16px 0 0;color:#89928a;font:9px/1.6 var(--font-geist-mono);letter-spacing:.07em;text-transform:uppercase}
.studio-footer{position:relative;isolation:isolate;overflow:hidden;padding:43px 0 20px;border-top:1px solid #ffffff12;background-color:#07090a;background-image:linear-gradient(180deg,#07090a 0%,#07090aeb 52%,#07090a75 100%),url("/assets/vernako-stone-footer.jpg");background-position:center,center bottom;background-repeat:no-repeat,no-repeat;background-size:auto,100% auto}
.studio-footer-label{margin:0 auto 20px;padding-bottom:12px;border-bottom:1px solid #ffffff12;color:#758078;font-size:9px}
.studio-footer-main{display:grid;grid-template-columns:1.15fr 1fr 1fr 1.2fr;gap:28px;align-items:start;padding-bottom:38px}
.studio-footer-logo img{width:158px}
.studio-footer-main>p{margin:5px 0 0;color:#8e978f;font-size:13px;line-height:1.8}
.studio-footer-main nav,.studio-footer-contact{display:grid;gap:8px;justify-items:start}
.studio-footer-main nav a,.studio-footer-contact a{min-height:36px;display:inline-flex;align-items:center;color:#9ba39b;font-size:12px;transition:color .2s var(--ease)}
.studio-footer-main nav a:hover,.studio-footer-contact a:hover{color:#fff}
.studio-footer-social{color:var(--accent-soft)!important}.studio-footer-social:hover{transform:translateX(3px)}
.studio-footer-contact a:first-child{overflow-wrap:anywhere;color:#d4d9d2}
.studio-footer-bottom{padding-top:19px;border-top:1px solid #ffffff16;display:flex;justify-content:space-between;gap:20px;color:#747d75;font:9px/1.7 var(--font-geist-mono);letter-spacing:.1em}
/* Content remains visible without JavaScript; motion is progressively enabled after script setup. */
:where([data-reveal]){opacity:1;translate:none}
html.motion-ready :where([data-reveal]){opacity:0;translate:0 22px;transition:opacity .75s var(--ease),translate .75s var(--ease)}
html.motion-ready :where([data-reveal].is-in){opacity:1;translate:none}
html.motion-ready .studio-showcase.build{height:245svh}
html.motion-ready .studio-showcase-sticky{height:100svh;min-height:650px;position:sticky;top:0;padding:88px 0 18px;gap:clamp(12px,2svh,22px)}
html.motion-ready .studio-showcase .studio-browser{transition:transform .5s var(--ease)}
html.motion-ready .studio-showcase.scene-live .studio-browser{transform:translateY(calc((1 - var(--p0)) * 25px)) scale(calc(.972 + var(--p0) * .028))}
@keyframes studio-marquee{to{transform:translateX(-50%)}}
@keyframes studio-pulse{0%,100%{opacity:.55;box-shadow:0 0 6px #7fae8650}50%{opacity:1;box-shadow:0 0 16px #7fae86b0}}
@media(max-width:1050px){.studio-links{gap:12px}.studio-links a{font-size:12px}.studio-nav{gap:14px}.studio-nav-cta{padding-inline:12px;font-size:11px}.studio-process-step{grid-template-columns:55px 1fr .85fr;gap:18px}.studio-step-caption{font-size:8px}}
@media(max-width:820px){.studio-links,.studio-nav-cta{display:none}.studio-nav{height:74px}.menu-button{display:flex}.studio-logo img{width:132px}.studio-mobile-nav{position:fixed;z-index:55;inset:74px 0 0;max-height:calc(100svh - 74px);overflow:auto;padding:16px 25px 30px;background:#0b1010}.studio-mobile-nav:not([hidden]){display:block}.studio-mobile-nav a{min-height:52px;padding:14px 0;border-bottom:1px solid #ffffff16;display:flex;align-items:center;justify-content:space-between;color:#e5e9e2}.studio-hero{min-height:max(720px,100svh);padding:125px 0 105px}.studio-hero h1{font-size:clamp(54px,9.5vw,82px)}.studio-section-heading{display:block}.studio-section-heading>p{margin-top:20px}.studio-about{grid-template-columns:1fr;padding:86px 24px}.studio-about-art{width:100%;mask-image:linear-gradient(180deg,#000,transparent 94%)}.studio-about-copy{grid-column:1;margin:0 auto;max-width:680px;width:min(100%,680px);padding-top:200px}.studio-about-monogram{font-size:250px}.studio-orbit-one{width:min(65vw,420px)}.studio-orbit-two{width:min(49vw,320px)}.studio-contact-grid{grid-template-columns:1fr;gap:38px}.studio-contact-copy{max-width:680px}.studio-footer-main{grid-template-columns:1fr 1fr}.studio-footer-main>p{grid-column:2;grid-row:1}.studio-footer-main nav,.studio-footer-contact{padding-top:10px}}
@media(max-width:700px){.studio-hero{min-height:max(720px,100svh);padding:120px 0 105px}.studio-hero-content{width:calc(100% - 40px)}.studio-hero-kicker{font-size:8px;letter-spacing:.09em;gap:7px;flex-wrap:wrap}.studio-hero h1{font-size:clamp(46px,12vw,68px);line-height:1.02;letter-spacing:-.07em}.studio-hero-copy{font-size:15px;line-height:1.75;margin-top:21px}.studio-hero-actions{align-items:stretch;flex-direction:column;max-width:310px;margin-top:26px}.studio-button{min-height:52px}.studio-hero-foot{width:calc(100% - 40px);bottom:18px;justify-content:center}.studio-hero-foot>span:first-child,.studio-hero-foot>span:last-child{display:none}.studio-marquee{padding:31px 0}.studio-marquee>.studio-eyebrow{font-size:8px;margin-bottom:16px}.studio-marquee .marquee-group>span{font-size:22px}.studio-marquee .marquee-group b{margin-inline:19px}.studio-section{padding-block:72px}.studio-section-intro h2,.studio-section-heading h2,.studio-about-copy h2,.studio-contact-copy h2{font-size:clamp(39px,10vw,54px)}.studio-section-intro>p:last-child,.studio-section-heading>p{font-size:14px}.studio-showcase-sticky{padding:70px 0 28px;gap:19px}.studio-browser-wrap{width:calc(100% - 32px)}.studio-browser{border-radius:8px}.studio-browser-bar{height:34px;padding-inline:9px;gap:8px}.studio-window-dots{gap:4px}.studio-window-dots i{width:6px;height:6px}.studio-address{padding:4px 8px;font-size:8px}.studio-demo-nav{min-height:48px;padding:8px 11px;gap:7px}.studio-demo-nav img{width:72px}.studio-demo-nav>span{font-size:7px;white-space:nowrap}.studio-demo-nav>b{padding:8px 7px;font-size:7px}.studio-demo-hero{min-height:225px;padding:14px 12px 10px}.studio-demo-overline{font-size:7px}.studio-demo-hero h3{font-size:clamp(26px,7.5vw,37px)}.studio-demo-image{top:19%;height:65%}.studio-demo-bottom{left:4%;right:4%;bottom:10px;gap:7px;font-size:7px}.studio-demo-features{padding:10px 8px;gap:6px 10px;font-size:7px}.studio-progress{width:calc(100% - 48px);gap:8px}.studio-progress-labels{font-size:7px;gap:5px}.studio-showcase.build{height:auto}.studio-project-grid,.studio-service-grid{grid-template-columns:1fr;gap:14px;margin-top:31px}.studio-project-card{padding:13px 13px 17px}.studio-project-meta{font-size:8px;letter-spacing:.07em;flex-wrap:wrap}.studio-project-card>p{font-size:13px}.studio-service-card{min-height:0;padding:22px 21px}.studio-card-kicker{margin-top:27px}.studio-service-card>p:not(.studio-card-kicker){font-size:13px}.studio-service-card .studio-text-link{margin-top:10px;padding-top:15px}.studio-process-list{margin-top:29px}.studio-process-step{grid-template-columns:42px 1fr;gap:12px;min-height:0;padding:22px 0}.studio-process-step:hover{padding-inline:0}.studio-step-index{gap:12px}.studio-process-step h3{font-size:22px}.studio-process-step p{font-size:13px}.studio-step-caption{grid-column:2;text-align:left;font-size:8px}.studio-about{min-height:0;padding:65px 20px}.studio-about-copy{padding-top:160px}.studio-about-art{height:390px}.studio-about-monogram{font-size:200px}.studio-coordinate{bottom:10%;font-size:9px}.studio-contact{padding-block:70px}.studio-contact-grid{width:calc(100% - 40px);gap:27px}.studio-contact-copy h2{font-size:clamp(43px,12vw,58px)}.studio-form{padding:18px 15px}.studio-field-row{grid-template-columns:1fr;gap:0}.studio-form label{margin-bottom:14px}.studio-form input,.studio-form select,.studio-form textarea{font-size:16px}.studio-submit{font-size:12px;gap:12px}.studio-footer{padding-top:34px}.studio-footer-main{grid-template-columns:1fr 1fr;gap:18px}.studio-footer-main>p{font-size:11px}.studio-footer-main nav,.studio-footer-contact{gap:4px}.studio-footer-main nav a,.studio-footer-contact a{font-size:11px}.studio-footer-bottom{flex-direction:column;gap:5px;font-size:8px}.studio-hero-grid{background-size:56px 56px}.studio-hero-glow{width:120vw;top:-22%}}
@media(max-width:380px){.studio-hero h1{font-size:45px}.studio-hero-kicker{max-width:280px}.studio-progress-labels{letter-spacing:-.02em}.studio-demo-nav>span{display:none}}
@media(max-height:800px) and (min-width:701px){html.motion-ready .studio-showcase-sticky{padding:84px 0 10px;gap:10px}.studio-section-intro h2{font-size:clamp(34px,4.4vw,52px)}.studio-section-intro>p:last-child{margin-top:9px;font-size:12px;line-height:1.5}.studio-demo-nav{min-height:52px}.studio-demo-hero{min-height:230px}.studio-demo-features{padding:11px 16px}.studio-progress{gap:7px}}
@media(prefers-reduced-motion:reduce){.studio-page *, .studio-page *::before,.studio-page *::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.studio-page :where([data-reveal]){opacity:1!important;translate:none!important}.studio-page .studio-hero-grid,.studio-page .studio-hero-glow,.studio-page .studio-about-art,.studio-page .studio-contact-orbit{transform:none!important}.studio-page .studio-showcase.build{height:auto!important}.studio-page .studio-showcase-sticky{height:auto;min-height:0;position:static;padding-block:64px 32px}.studio-page .studio-demo-image{translate:none!important;opacity:1!important}}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){html.motion-ready .studio-page .studio-showcase.build{height:215svh}html.motion-ready .studio-page .studio-showcase-sticky{height:100svh;min-height:0;position:sticky;top:0;padding-block:76px 24px;gap:15px}}
@media(max-width:1000px){.studio-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.studio-project-grid{grid-template-columns:1fr}}
/* Clear, bounded plans with one comparison in each language. */
.studio-pricing{background:#090e0d;border-bottom:1px solid #ffffff10}
.studio-pricing-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:42px;margin-bottom:64px}
.studio-pricing-heading h2{margin:25px 0 0;font-size:clamp(42px,4.7vw,68px);font-weight:500;line-height:1.12;letter-spacing:-.065em}
.studio-pricing-heading>p{max-width:390px;margin:0 0 6px;color:#929c95;font-size:17px;line-height:1.8}
.studio-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.studio-plan{position:relative;display:flex;flex-direction:column;min-width:0;padding:32px 25px 26px;border:1px solid #ffffff1a;border-radius:20px;background:linear-gradient(145deg,#ffffff05,#0000),#0e1413;overflow:hidden}
.studio-plan-featured{border-color:#b3ad6266;background:radial-gradient(ellipse at 100% 0,#dbbe6d12,transparent 58%),linear-gradient(145deg,#1b2722,#0e1513 75%);transform:translateY(-14px)}
.studio-plan-badge{position:absolute;top:0;right:0;padding:11px 17px;border-bottom-left-radius:16px;background:linear-gradient(110deg,#e6c482,#84ae8e);color:#07100a;font:600 9px/1.2 var(--font-geist-mono);letter-spacing:.12em}
.studio-plan-top{display:flex;justify-content:space-between;gap:12px;min-height:42px;margin-bottom:27px;color:#a4aea6;font:10px/1.7 var(--font-geist-mono);letter-spacing:.1em}
.studio-plan-top span:last-child{text-align:right;color:#758179}
.studio-plan-featured .studio-plan-top{padding-top:10px}
.studio-plan h3{margin:0 0 17px;font-size:clamp(25px,2.4vw,33px);font-weight:500;line-height:1.2;letter-spacing:-.055em}
.studio-plan-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:0 0 30px;min-height:75px}
.studio-plan-price strong{font-size:clamp(50px,4.9vw,73px);font-weight:550;line-height:1;letter-spacing:-.07em;white-space:nowrap}
.studio-plan-price>span{font-size:13px;color:#929d94;letter-spacing:0}
.studio-plan-price-custom strong{font-size:clamp(40px,3.8vw,59px);letter-spacing:-.06em}
.studio-plan-description{min-height:123px;margin:0 0 23px;color:#a4aea6;font-size:15px;line-height:1.85}
.studio-plan ul{list-style:none;padding:18px 0 0;margin:0;border-top:1px solid #ffffff15}
.studio-plan li{position:relative;padding:10px 0 10px 21px;color:#d3d9d3;font-size:13px;line-height:1.75}
.studio-plan li::before{content:'✓';position:absolute;left:0;color:#a8bf99}
.studio-plan-note{margin:20px 0 25px;color:#869389;font-size:12px;line-height:1.8}
.studio-plan .studio-button{margin-top:auto;width:100%;min-height:51px;font-size:13px;justify-content:space-between}
.studio-pricing-terms{max-width:1000px;margin:31px auto 0;text-align:center;color:#7f8b82;font-size:12px;line-height:1.9}
.studio-project-image-pethersson img{object-position:top}
.studio-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1050px){.studio-pricing-heading{gap:28px}.studio-pricing-heading h2{font-size:48px}.studio-pricing-heading>p{font-size:15px;max-width:310px}.studio-plan{padding:28px 20px}.studio-plan-price strong{font-size:53px}.studio-plan-price-custom strong{font-size:43px}.studio-plan-top{font-size:8px;letter-spacing:.06em}.studio-plan-description{font-size:14px;min-height:150px}}
@media(max-width:820px){.studio-pricing-heading{display:block;margin-bottom:40px}.studio-pricing-heading>p{max-width:560px;margin-top:24px}.studio-pricing-grid{grid-template-columns:1fr;gap:22px;max-width:640px;margin-inline:auto}.studio-plan{padding:34px 28px}.studio-plan-featured{transform:none}.studio-plan-description{min-height:0}.studio-plan-top{font-size:10px;margin-bottom:24px}.studio-plan-price strong{font-size:68px}.studio-plan-price-custom strong{font-size:54px}.studio-plan li{font-size:14px}.studio-plan-note{font-size:13px}.studio-pricing-heading h2{font-size:clamp(39px,8vw,57px)}.studio-pricing-terms{text-align:left}}
@media(max-width:560px){.studio-project-grid{grid-template-columns:1fr}.studio-plan{padding:30px 23px}.studio-plan-top{font-size:9px}.studio-plan-price strong{font-size:61px}.studio-plan-price-custom strong{font-size:48px}.studio-pricing-heading h2{font-size:39px}.studio-plan h3{font-size:29px}}

.studio-pricing-heading>div{min-width:0;flex:1}
.studio-pricing-heading>p{flex:0 0 360px}
.studio-pricing-heading h2{font-size:clamp(42px,4.35vw,64px)}
.studio-pricing-heading h2>.studio-gradient{white-space:nowrap}
@media(max-width:1050px){.studio-pricing-heading>p{flex-basis:310px}.studio-pricing-heading h2{font-size:46px}}
@media(max-width:820px){.studio-pricing-heading h2{font-size:clamp(39px,7.5vw,57px)}.studio-pricing-heading h2>.studio-gradient{white-space:normal}}
@media(max-width:560px){.studio-pricing-heading h2{font-size:39px}}