/* KA. — Kydyrbaev Azamat | Dark Premium */
:root{color-scheme:dark;--bg:#0c0d10;--bg2:#111216;--card:#17181c;--card2:#1d1e22;--line:#303238;--line-soft:rgba(255,255,255,.085);--text:#f5f6f7;--muted:#9da0aa;--muted2:#737782;--mint:#9ee9ca;--max:1230px;--header:83px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.55;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit}button{font:inherit}img{display:block;max-width:100%}svg{flex-shrink:0}::selection{background:#a9e9d0;color:#0c0d10}.container{width:min(calc(100% - 88px),var(--max));margin-inline:auto}.page-shell{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.page-shell main{flex:1;position:relative}.page-shell main::before{content:"";position:absolute;inset:0 0 auto;z-index:-1;height:700px;pointer-events:none;background:radial-gradient(ellipse at 78% 12%,rgba(95,110,125,.12),transparent 55%)}.cursor-glow{position:fixed;top:0;left:0;width:540px;height:540px;z-index:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(127,169,173,.10) 0%,rgba(75,97,107,.045) 32%,transparent 68%);transform:translate(-1000px,-1000px);will-change:transform}.skip-link{position:absolute;top:-100px;left:20px;z-index:9999;background:white;color:black;padding:12px 20px}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button{cursor:pointer}

/* Fixed-top visual treatment; sticky to viewport while scrolling */
.site-header{position:sticky;top:0;z-index:100;background:rgba(13,14,17,.80);border-bottom:1px solid rgba(255,255,255,.065);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);transition:background .3s,border-color .3s}.site-header.is-scrolled{background:rgba(9,10,12,.94);border-color:rgba(255,255,255,.12)}.header-inner{height:var(--header);display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-size:32px;line-height:1;font-weight:800;letter-spacing:-.095em;white-space:nowrap}.brand span{color:var(--mint)}.desktop-nav{display:flex;align-items:center;gap:clamp(14px,2.1vw,31px);margin-left:auto;margin-right:18px}.nav-link{white-space:nowrap;font-size:12px;font-weight:600;letter-spacing:-.01em;color:#aaaeb6;position:relative;transition:color .2s}.nav-link:hover,.nav-link.is-current{color:#fff}.nav-link.is-current:after{content:"";position:absolute;bottom:-12px;left:0;right:0;height:2px;background:var(--mint)}.header-controls{display:flex;align-items:center;gap:12px}.lang-switch{display:flex;gap:2px;border:1px solid #323439;border-radius:9px;background:#181a1e;padding:4px}.lang-button{font-weight:800;font-size:10px;letter-spacing:.06em;color:#9b9da3;border:0;background:transparent;padding:8px 10px;border-radius:6px;transition:background .2s,color .2s}.lang-button.active{background:#e8eceb;color:#101216}.lang-button:hover:not(.active){color:#fff}.menu-button{display:none;height:40px;width:42px;border:1px solid #33353b;border-radius:9px;background:#1b1d21;position:relative;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-button span{display:block;width:19px;height:1.5px;background:white;transition:transform .3s}.menu-button.is-open span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-button.is-open span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.mobile-nav{position:absolute;top:100%;left:0;right:0;padding:16px max(24px,calc((100vw - var(--max))/2));background:rgba(18,19,22,.98);border-bottom:1px solid #373940;box-shadow:0 35px 60px #0008}.mobile-nav[hidden]{display:none!important}.mobile-nav a{display:block;font-size:16px;padding:13px 10px;border-bottom:1px solid #ffffff12}.mobile-nav a:last-child{border:0}.mobile-nav a.is-current{color:var(--mint)}

/* Typography and UI foundations */
.section-kicker,.eyebrow-small,.card-kicker{font-size:11px;line-height:1.5;letter-spacing:.175em;text-transform:uppercase;font-weight:700;color:#9397a1;margin:0}.section-kicker{color:var(--mint)}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:54px;padding:15px 21px;border-radius:8px;font-size:12px;font-weight:750;white-space:nowrap;border:1px solid transparent;transition:transform .25s,background .25s,border .25s,box-shadow .25s}.button .icon,.inline-link .icon,.service-order .icon,.round-arrow .icon,.social-card>.icon{transition:transform .25s}.button:hover,.round-arrow:hover{transform:translateY(-3px)}.button:hover .icon,.inline-link:hover .icon,.service-order:hover .icon,.round-arrow:hover .icon,.social-card:hover>.icon{transform:translate(3px,-3px)}.button--light{background:#e8eae9;color:#101216}.button--light:hover{background:#fff;box-shadow:0 12px 40px #ffffff1c}.button--ghost{background:rgba(255,255,255,.025);border-color:#42444b;color:#fff}.button--ghost:hover{background:rgba(255,255,255,.07);border-color:#80848b}.short-line{display:inline-block;width:23px;height:1px;background:#696d73;vertical-align:middle;margin:0 7px}.fleck,.pill-dot{display:inline-block;background:var(--mint);width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 5px #9ee9ca14,0 0 20px #9ee9ca88}

/* Home */
.hero{min-height:min(790px,calc(100svh - var(--header)));display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:clamp(40px,5vw,90px);padding-block:78px 87px}.hero-copy{position:relative;z-index:2}.micro-label{display:inline-flex;align-items:center;gap:16px;border:1px solid #42454b;border-radius:30px;padding:10px 17px;color:#c7ccd2;font-size:9px;letter-spacing:.12em;font-weight:700;margin:0 0 58px}.hero-owner{font-size:10px;font-weight:750;letter-spacing:.19em;color:#9397a1;margin:0 0 26px}.hero h1{font-size:clamp(48px,5.2vw,85px);line-height:1.10;font-weight:760;letter-spacing:-.068em;margin:0 0 26px;max-width:810px}.hero-title-first{color:#fafafa}.line-break{display:block}.hero-title-second{color:#a9acad}.hero-description{font-size:14px;line-height:1.92;max-width:550px;color:#a8abb3;margin:0}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:34px}.hero-stats{margin-top:64px;display:flex;align-items:center;gap:38px}.hero-stats>div{display:flex;flex-direction:column}.hero-stats strong{font-size:37px;letter-spacing:-.06em;line-height:1.1;font-weight:750}.hero-stats strong span{color:var(--mint);font-size:.7em}.stats-caption{font-size:11px;color:#8f929a;margin-top:7px}.stat-divider{height:42px;width:1px;background:#35383c}.hero-art{height:min(600px,58vw);min-height:450px;position:relative;display:flex;align-items:center;justify-content:center}.portrait-frame{width:min(100%,455px);height:90%;max-height:590px;min-height:430px;border:1px solid #3d4148;border-radius:230px 230px 18px 18px;position:relative;overflow:hidden;background:#191b20;box-shadow:0 35px 85px #0009}.portrait-frame:after{content:"";inset:0;position:absolute;background:linear-gradient(180deg,transparent 65%,#0b0c1080);pointer-events:none}.portrait-frame img{width:100%;height:100%;object-fit:cover}.portrait-index{position:absolute;left:28px;bottom:26px;z-index:2;color:#b5bbc2;font-weight:700;font-size:10px;letter-spacing:.13em}.portrait-orbit{position:absolute;inset:3% -8% 0;border-radius:50%;border:1px solid #ffffff10;transform:rotate(-20deg)}.portrait-orbit:before{content:"";position:absolute;inset:8%;border-radius:50%;border:1px dashed #ffffff15}.floating-pill{position:absolute;top:21%;right:-17px;border:1px solid #474b53;background:rgba(33,36,42,.90);backdrop-filter:blur(13px);padding:13px 17px;border-radius:30px;display:flex;align-items:center;gap:11px;font-size:10px;white-space:nowrap;letter-spacing:.05em;box-shadow:0 17px 45px #0007;animation:float 6s ease-in-out infinite}.pill-dot{width:5px;height:5px}.hero-side-label{position:absolute;bottom:5%;right:-30px;color:#7c808a;font-size:10px;letter-spacing:.2em;writing-mode:vertical-rl}.home-bottom{border-top:1px solid #363840;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:38px 0 54px}.home-bottom h2{font-size:clamp(20px,2.2vw,28px);font-weight:600;letter-spacing:-.04em;margin:9px 0 0}.round-arrow{width:57px;height:57px;border:1px solid #74777e;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:#1d1f22;transition:transform .2s,background .2s}.round-arrow:hover{background:#2a2c30}.marquee-line{overflow:hidden;border-block:1px solid #ffffff12;background:#111217;height:43px;display:flex;align-items:center;margin-bottom:10px}.marquee-track{width:max-content;white-space:nowrap;font-size:10px;letter-spacing:.19em;font-weight:600;color:#5d626b;animation:marquee 36s linear infinite}

/* Common inner-page hero */
.page-intro{padding-top:96px;padding-bottom:66px}.page-intro>.section-kicker{margin-bottom:24px}.page-intro h1{font-size:clamp(66px,9vw,132px);line-height:1.0;letter-spacing:-.085em;font-weight:680;margin:0;max-width:1100px}.page-intro h1 em{font-style:normal;color:#92969e}.page-subtitle{font-size:15px;line-height:1.85;color:#adb0b7;max-width:640px;margin:26px 0 0}.intro-line{width:120px;height:1px;background:var(--mint);margin-top:46px}

/* About */
.about-main{display:grid;grid-template-columns:1.18fr .82fr;gap:clamp(30px,8vw,110px);padding:30px 0 104px}.about-feature{padding-top:12px}.about-feature h2{font-size:clamp(31px,3.9vw,52px);line-height:1.22;letter-spacing:-.06em;font-weight:680;max-width:690px;margin:26px 0 34px}.about-feature>p:not(.eyebrow-small){font-size:15px;line-height:2;color:#b2b4bb;max-width:640px;margin:0 0 23px}.about-signature{margin-top:52px;display:flex;align-items:center;gap:20px;font-size:31px;letter-spacing:-.08em;font-weight:800}.about-signature>span:first-child{color:var(--mint)}.signature-line{width:86px;height:1px;background:#41454a}.about-signature{color:#e5e6e7}.about-signature:after{content:""}.about-aside>.section-kicker{margin-bottom:18px}.stat-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.stat-card{min-height:195px;border:1px solid #34373e;background:linear-gradient(145deg,#202126,#141519);border-radius:13px;display:flex;flex-direction:column;justify-content:space-between;padding:26px}.stat-big{font-size:67px;line-height:1;font-weight:650;letter-spacing:-.09em}.stat-big>span{color:var(--mint);font-size:.65em}.stat-name{font-size:12px;color:#a8abb2}.stack-card{border:1px solid #34373e;background:#191a1e;margin-top:14px;border-radius:13px;padding:28px 26px}.tech-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.tech-tags span{font-size:12px;font-weight:650;padding:10px 16px;border:1px solid #484a50;border-radius:6px;background:#25272c;transition:transform .3s,background .3s}.tech-tags span:hover{transform:translateY(-3px);background:#35383f}

/* Portfolio */
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:25px;row-gap:47px;padding-bottom:22px}.project-card{position:relative;min-width:0;transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .22s ease-out}.project-visual{display:block;position:relative;aspect-ratio:1.43;background:#202025;border:1px solid #45464a;border-radius:12px;overflow:hidden}.project-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.55));opacity:.8}.project-visual img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.project-visual:hover img{transform:scale(1.05)}.preview-badge,.project-index{position:absolute;z-index:2;font-size:9px;letter-spacing:.055em;font-weight:600}.preview-badge{bottom:20px;left:20px;padding:8px 11px;background:#111116cf;border:1px solid #ffffff2c;border-radius:4px;color:#e2e3e5}.project-index{right:20px;top:20px;padding:9px 11px;background:#111116d4;border:1px solid #ffffff29;border-radius:4px}.project-info{padding:24px 3px 0;display:flex;flex-direction:column;min-height:217px;justify-content:space-between}.card-kicker{color:#9ee9ca;font-size:10px}.project-info h2{font-size:clamp(23px,2.6vw,34px);font-weight:660;letter-spacing:-.055em;line-height:1.3;margin:10px 0}.card-desc{max-width:495px;font-size:13px;line-height:1.75;color:#a3a6ae;margin:0}.project-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:23px}.inline-link{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#f5f5f5;border-bottom:1px solid #777c85;padding-bottom:6px;transition:color .2s}.inline-link--secondary{color:#a1a5ad;border-bottom-color:#484b51}.inline-link:hover{color:var(--mint)}.image-notice{font-size:11px;color:#7f838b;line-height:1.8;margin:8px 0 0}

/* Services */
.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.service-card{border:1px solid #33363c;background:linear-gradient(145deg,#1a1c21,#111317 80%);border-radius:13px;min-height:515px;padding:31px;display:flex;flex-direction:column;transition:border-color .3s,transform .3s,box-shadow .3s}.service-card:hover{border-color:#737b7c;transform:translateY(-6px);box-shadow:0 24px 50px #0005}.service-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.service-icon-wrap{width:59px;height:59px;border-radius:12px;display:grid;place-items:center;background:#22272a;border:1px solid #3c4548;color:var(--mint)}.service-count{font-size:12px;color:#737783;letter-spacing:.08em}.service-card h2{font-size:clamp(25px,2.7vw,34px);line-height:1.18;letter-spacing:-.05em;font-weight:700;margin:13px 0}.service-desc{font-size:13px;color:#abb0b7;line-height:1.85;margin:0}.service-points{padding:0;list-style:none;display:grid;gap:10px;margin:24px 0 30px}.service-points li{font-size:12px;color:#c0c3c9;display:flex;gap:10px;align-items:flex-start}.service-points li:before{content:"↗";color:var(--mint);font-size:12px}.service-footer{margin-top:auto;border-top:1px solid #3a3d44;padding-top:23px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px}.service-footer>div{display:flex;flex-direction:column;align-items:flex-start}.service-price-caption{font-size:10px;font-weight:650;letter-spacing:.15em;color:#868b94;margin-bottom:5px}.service-footer strong{font-size:clamp(26px,3vw,38px);line-height:1.1;letter-spacing:-.06em}.from{color:#aeb1b7;font-size:11px;margin-top:6px}.service-order{display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid #d4d5d5;font-size:12px;font-weight:700;white-space:nowrap;padding-bottom:6px;margin-bottom:3px}.service-order:hover{color:var(--mint)}.price-note{border:1px solid #3c3f46;background:#17191d;border-radius:12px;padding:25px 28px;display:flex;gap:19px;margin-top:24px}.note-asterisk{color:var(--mint);font-size:44px;line-height:1}.price-note h3{font-size:15px;margin:0 0 6px}.price-note p{font-size:12px;line-height:1.85;color:#aeb2b8;margin:0}

/* Contact */
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-bottom:100px}.contact-feature{border-radius:14px;min-height:500px;background:radial-gradient(ellipse at 90% 0%,#29433e,#192420 38%,#141817 85%);border:1px solid #42534e;padding:37px;display:flex;flex-direction:column}.contact-feature-top{display:flex;align-items:start;justify-content:space-between}.contact-feature-deco{font-size:65px;line-height:1;opacity:.5}.contact-feature h2{font-size:clamp(34px,3.6vw,52px);line-height:1.1;letter-spacing:-.065em;max-width:450px;margin:auto 0 25px}.contact-feature>p{font-size:13px;color:#b8c7c0;margin:0 0 32px;line-height:1.7}.contact-action-line{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-top:1px solid #ffffff2d;padding-top:25px}.contact-number{font-size:13px;font-weight:650;white-space:nowrap}.socials-section{padding:6px 0}.socials-section>.section-kicker{margin:0 0 21px}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.social-card{background:#181a1e;border:1px solid #33363e;border-radius:12px;min-height:141px;padding:23px 19px;display:grid;grid-template-columns:39px 1fr 17px;align-items:start;column-gap:10px;transition:transform .25s,border .25s,background .25s}.social-card:hover{transform:translateY(-4px);border-color:#7e8c88;background:#21242a}.social-mark{display:grid;place-items:center;border:1px solid #4c5159;border-radius:8px;background:#23272b;font-size:13px;font-weight:800;width:39px;height:39px;color:#d4d7dd}.social-info{display:flex;flex-direction:column;min-width:0;gap:7px;margin-top:2px}.social-info strong{font-size:13px}.social-info small{font-size:10px;color:#92969f;overflow-wrap:anywhere}.social-card>.icon{width:16px;margin-top:4px;color:#b4bac1}

/* Project-detail pages */
.case-intro{padding-top:52px;padding-bottom:60px}.case-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #34383e;padding-bottom:35px;margin-bottom:65px}.back-link{font-size:12px;color:#c3c5c9;font-weight:650;display:inline-flex;align-items:center;gap:12px}.back-link span{font-size:21px}.back-link:hover{color:var(--mint)}.case-number{font-size:11px;color:#858993;letter-spacing:.12em}.case-intro>.section-kicker{margin-bottom:25px}.case-intro h1{font-size:clamp(57px,8.5vw,120px);line-height:1.05;letter-spacing:-.08em;margin:0 0 25px;overflow-wrap:anywhere}.case-heading-dot{color:var(--mint)}.case-subtitle{font-size:16px;color:#b4b6bd;max-width:760px;line-height:1.9;margin:0}.case-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.case-visual{position:relative}.case-visual img,.case-gallery img{width:100%;height:auto;aspect-ratio:1200/840;object-fit:cover;border-radius:13px;border:1px solid #3a3c42;background:#1b1b1b}.case-visual-note{position:absolute;bottom:23px;left:23px;background:#0e0f13eb;border:1px solid #53555d;border-radius:5px;padding:9px 12px;font-size:11px;color:#e4e6e8}.case-detail-layout{display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(30px,9vw,120px);padding-top:99px;padding-bottom:100px}.case-story h2{font-size:clamp(32px,4vw,53px);line-height:1.12;letter-spacing:-.06em;margin:18px 0 23px}.case-story>p:not(.section-kicker){max-width:620px;color:#b1b5bc;font-size:15px;line-height:2}.case-technology{margin-top:48px}.case-features{border-top:1px solid #454950;padding-top:18px}.case-features ul{list-style:none;padding:0;margin:17px 0 0}.case-features li{border-bottom:1px solid #363940;padding:20px 0;display:flex;gap:24px;align-items:center;font-size:14px}.case-features li>span:first-child{color:var(--mint);font-size:11px;letter-spacing:.07em}.case-live-note{font-size:12px;color:#8d929a;line-height:1.7;margin-top:26px}.case-gallery{padding-bottom:50px}.case-gallery-heading{display:flex;justify-content:space-between;margin-bottom:27px}.case-gallery-heading h2{font-size:clamp(30px,3.6vw,48px);letter-spacing:-.06em;margin:12px 0}.case-gallery-heading p:not(.section-kicker){font-size:12px;color:#90949e;max-width:720px;line-height:1.8;margin:0}.case-next{border-block:1px solid #34383f;padding:30px 0;display:flex;justify-content:space-between;align-items:center;gap:30px}.case-next h2{font-size:clamp(29px,4vw,51px);line-height:1.15;letter-spacing:-.06em;margin:14px 0 0}

/* Shared conversion and footer */
.bottom-cta-wrap{padding-block:80px 100px}.callout{position:relative;overflow:hidden;border:1px solid #42494b;background:radial-gradient(ellipse at 92% 12%,rgba(137,194,171,.12),transparent 45%),linear-gradient(135deg,#1e2426,#131619 66%);padding:48px 55px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:30px}.callout-copy{position:relative;z-index:1}.callout h2{font-size:clamp(26px,3.6vw,44px);letter-spacing:-.065em;line-height:1.2;margin:14px 0}.callout p{font-size:13px;color:#a9afb5;line-height:1.8;max-width:530px;margin:0}.callout>.button{position:relative;z-index:1}.site-footer{border-top:1px solid #32353b;background:#0d0e11}.footer-inner{min-height:156px;display:flex;justify-content:space-between;align-items:center;gap:35px}.footer-brand p{font-size:11px;color:#898d98;margin:17px 0 0}.footer-right{text-align:right;display:flex;flex-direction:column;gap:12px}.footer-right>a{font-size:12px;font-weight:650}.footer-right>a:hover{color:var(--mint)}.footer-right small{font-size:10px;color:#7e838c}

/* Reveal elements: content remains visible without JS */
[data-reveal].will-reveal{opacity:0;transform:translateY(24px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.7,.2,1)}[data-reveal].will-reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes marquee{to{transform:translateX(-50%)}}

@media(max-width:1100px){.desktop-nav{gap:16px}.nav-link{font-size:11px}.hero{grid-template-columns:1.1fr .9fr;gap:35px}.hero h1{font-size:clamp(45px,5.9vw,71px)}.contact-layout{grid-template-columns:.95fr 1.05fr}.social-card{grid-template-columns:32px 1fr 17px;padding:20px 15px}.social-mark{width:32px;height:32px}}
@media(max-width:960px){:root{--header:73px}.container{width:min(calc(100% - 50px),var(--max))}.desktop-nav{display:none}.menu-button{display:flex}.hero{grid-template-columns:1fr 0.75fr}.hero h1{font-size:clamp(42px,6vw,62px)}.micro-label{margin-bottom:33px}.portrait-frame{min-height:330px}.hero-art{min-height:390px;height:460px}.about-main{gap:38px}.contact-layout{grid-template-columns:1fr;gap:45px}.contact-feature{min-height:400px}.social-card{min-height:105px}.socials-section{padding:0}.case-detail-layout{gap:40px}}
@media(max-width:760px){.container{width:min(calc(100% - 36px),var(--max))}.hero{min-height:auto;grid-template-columns:1fr;gap:54px;padding-block:70px 58px}.hero h1{font-size:clamp(44px,9.2vw,69px)}.hero-description{font-size:14px}.hero-art{height:480px;max-width:480px;width:calc(100% - 25px);min-height:0;margin:auto}.portrait-frame{height:100%;min-height:0;width:85%;max-width:370px}.floating-pill{right:-8px;top:20%}.hero-side-label{right:-10px}.hero-stats{margin-top:42px}.home-bottom{padding:35px 0 43px}.page-intro{padding-top:75px;padding-bottom:51px}.page-intro h1{font-size:clamp(56px,10vw,90px)}.page-subtitle{font-size:14px}.about-main{grid-template-columns:1fr;padding-block:0 50px}.about-feature h2{font-size:40px}.portfolio-grid,.services-grid{grid-template-columns:1fr;gap:29px}.project-info{min-height:180px;padding-bottom:10px}.service-card{min-height:465px}.case-topline{margin-bottom:45px}.case-intro{padding-top:34px}.case-intro h1{font-size:clamp(51px,10vw,82px)}.case-detail-layout{grid-template-columns:1fr;padding-block:70px}.case-gallery-heading h2{font-size:36px}.callout{flex-direction:column;align-items:flex-start;padding:35px 28px}.bottom-cta-wrap{padding-block:57px 76px}.footer-inner{padding-block:32px;min-height:0}}
@media(max-width:480px){.container{width:min(calc(100% - 34px),var(--max))}.header-inner{gap:10px}.brand{font-size:29px}.lang-button{padding:8px 9px}.hero{padding-top:54px}.hero-owner{font-size:9px;letter-spacing:.1em}.hero h1{font-size:clamp(42px,10.5vw,54px);letter-spacing:-.07em}.micro-label{font-size:8px;padding:9px 12px;gap:13px;margin-bottom:36px}.hero-actions{gap:9px}.button{min-height:50px;padding:13px 15px;gap:10px;font-size:11px}.hero-stats{gap:25px}.hero-art{height:390px}.portrait-frame{width:90%;min-height:0}.floating-pill{font-size:9px;padding:11px 13px}.hero-side-label{font-size:8px}.home-bottom h2{font-size:23px}.round-arrow{width:49px;height:49px}.page-intro h1{font-size:clamp(50px,11.7vw,72px)}.about-feature h2{font-size:34px}.about-feature>p:not(.eyebrow-small){font-size:14px}.stat-card{min-height:154px;padding:20px}.stat-big{font-size:54px}.stack-card{padding:22px}.project-visual{border-radius:9px}.preview-badge{left:10px;bottom:10px;font-size:7px;padding:7px 8px}.project-index{top:10px;right:10px}.project-info h2{font-size:27px}.project-actions{gap:15px}.service-card{padding:23px;min-height:485px}.service-footer strong{font-size:29px}.service-order{font-size:11px;gap:4px}.price-note{padding:20px}.contact-feature{padding:25px;min-height:380px}.contact-feature h2{font-size:38px}.social-grid{grid-template-columns:1fr}.social-card{min-height:91px;grid-template-columns:40px 1fr 17px;align-items:center}.social-mark{width:40px;height:40px}.case-intro h1{font-size:clamp(44px,11vw,61px)}.case-subtitle{font-size:14px}.case-visual-note{bottom:12px;left:12px;font-size:9px;padding:6px 8px}.case-detail-layout{padding-block:48px}.callout{padding:28px 23px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-right{text-align:left}.footer-right>a{overflow-wrap:anywhere}.case-gallery-heading h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important} [data-reveal].will-reveal{opacity:1!important;transform:none!important}.cursor-glow{display:none}}
/* Keep decorative portrait orbit and glow inside viewport */
.portrait-orbit{left:0;right:0}
/* The orbit is circular; rotating it caused avoidable mobile overflow. */
.portrait-orbit{transform:none}