@font-face{font-family:Archivo;src:url('assets/archivo-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#090b10;--surface:#11151d;--raised:#1a202b;--ink:#f0f3f9;--muted:#a0a9ba;--soft:#818da2;--line:#272e3b;--accent:#a7bfff;--ease:cubic-bezier(.16,1,.3,1);font-family:Archivo,'PingFang SC','Microsoft YaHei',sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px;scrollbar-color:#455065 var(--bg)}body{margin:0}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{text-wrap:balance}a{color:inherit;text-decoration:none;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer;border:0}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;height:auto}svg{display:block;width:22px;height:22px}[hidden]{display:none!important}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:4px}.page-width{width:min(1216px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;z-index:30;top:12px;left:12px;padding:15px 22px;background:var(--ink);color:var(--bg);transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{height:108px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{font-size:38px;font-weight:600;letter-spacing:-.04em;line-height:1;min-width:140px}.brand>span:first-child{color:var(--accent)}.brand-surname{font-weight:400;font-size:25px;letter-spacing:-.03em}.site-header nav{display:flex;gap:5px;padding:4px;background:var(--surface);border-radius:30px}.site-header nav a{display:grid;place-items:center;min-height:42px;min-width:74px;font-size:13px;color:var(--muted);border-radius:22px;transition:background .2s,color .2s}.site-header nav a:hover{background:var(--raised);color:var(--ink)}.language-link{display:grid;place-items:center;min-width:45px;min-height:44px;font-size:13px;color:var(--muted);margin-left:95px}
.hero{display:grid;grid-template-columns:1.03fr 1fr;gap:0 24px;padding-top:76px;align-items:center;isolation:isolate}.hero-copy{padding-bottom:76px;position:relative;z-index:2}.hero h1{font-size:clamp(38px,4.2vw,62px);font-weight:600;letter-spacing:-.035em;line-height:1.35}.hero h1>span{display:block;color:var(--accent)}.hero-role{font-size:16px;margin-top:29px;display:flex;align-items:center;gap:10px}.hero-role>span{width:6px;height:6px;border-radius:50%;background:var(--accent)}.hero-intro{font-size:14px;line-height:1.95;color:var(--muted);margin-top:14px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:16px 23px;min-height:54px;border-radius:8px;font-size:14px;font-weight:550;transition:background .2s,transform .25s var(--ease)}.button-primary{color:#121c33;background:var(--accent)}.button-primary:hover{background:#c2d2ff;transform:translateY(-2px)}.button svg,.text-link svg{width:17px;height:17px}.text-link{display:flex;align-items:center;gap:13px;font-size:13px;min-height:44px;color:#ced5e2}.text-link svg{transition:transform .25s var(--ease)}.text-link:hover svg{transform:translate(3px,-3px)}
.hero-showcase{position:relative;height:425px;margin-top:-26px;min-width:0}.showcase-concept{position:absolute;inset:0 -5% 60px -5%;display:flex;align-items:center;justify-content:center}.showcase-concept>img{width:100%;height:100%;object-fit:contain;border-radius:14px;transition:transform .65s var(--ease)}.showcase-concept:hover>img{transform:translateY(-4px)}.showcase-caption{position:absolute;left:1%;bottom:10px;display:flex;flex-direction:column;gap:10px}.showcase-caption>span:first-child{color:#8793a8;font-size:9px;letter-spacing:.12em}.showcase-caption>span:last-child{font-size:19px;letter-spacing:-.025em;color:#c9d2e2}.hero-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:26px 0;color:var(--soft);font-size:11px}.hero-footer>span:nth-child(2){letter-spacing:.1em;font-size:10px}.hero-footer a{display:flex;align-items:center;gap:24px;color:var(--muted);min-height:30px}.hero-footer a>span{font-size:19px;color:var(--accent)}
.work-section{padding-block:74px 82px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px}.section-heading h2{font-size:39px;font-weight:550;letter-spacing:-.03em;line-height:1.4}.section-heading>p{font-size:13px;line-height:1.9;color:var(--muted);padding-bottom:5px;max-width:36em}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-block:29px 37px}.filters button{padding:10px 19px;min-height:44px;border-radius:7px;background:var(--surface);font-size:12px;color:var(--muted);transition:color .2s,background .2s}.filters button:hover{background:var(--raised);color:var(--ink)}.filters button[aria-pressed=true]{background:#e3e9f6;color:#1c263c}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:51px 30px}.project{min-width:0}.project-cover{width:100%;display:block;position:relative;aspect-ratio:1.6;overflow:hidden;border-radius:14px;padding:0;text-align:left;isolation:isolate;background:var(--raised);cursor:zoom-in}.media-stage{display:block;position:absolute;inset:0;transition:transform .65s var(--ease)}.project-cover:hover .media-stage{transform:scale(1.035)}.cover-brand{position:absolute;z-index:1;top:35px;left:33px;font-size:clamp(22px,2.5vw,38px);font-weight:550;letter-spacing:-.025em}.cover-brand small{display:block;font-size:9px;font-weight:400;letter-spacing:.1em;margin-top:12px;opacity:.7}.cover-zoom{position:absolute;bottom:16px;right:17px;z-index:3;display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#111824dc;color:#fff;transition:background .2s}.cover-zoom svg{width:16px;height:16px}.project-cover:hover .cover-zoom{background:#364563}.stage-illustration>img,.stage-concept>img{width:100%;height:100%;object-fit:cover}.stage-browser{inset:21% 7% auto;box-shadow:0 16px 36px #0004;border-radius:6px;overflow:hidden}.stage-browser>img{width:100%;height:auto}.cover-health{background:#193631;color:#d4e6d5}.cover-equipment{background:#193149;color:#d4e2f5}.cover-arc{background:#d0d6d3;color:#293934}.cover-arc .cover-brand{font-size:60px;top:32px}.cover-website{background:#293340;color:#e8eef7}.cover-gis{background:#1c3540;color:#d6eaf2}.cover-website .cover-brand,.cover-gis .cover-brand{font-size:13px;letter-spacing:.09em;left:25px;top:22px}.project-meta{display:flex;justify-content:space-between;align-items:baseline;gap:8px 18px;flex-wrap:wrap;margin:22px 0 11px;font-size:11px;line-height:1.7;color:var(--soft)}.project-meta>span:first-child{color:var(--accent)}.project h3{font-size:24px;font-weight:550;line-height:1.5;letter-spacing:-.02em}.project-line{color:#b7c7eb;font-size:14px;line-height:1.8;margin-top:6px}.project-summary{font-size:13px;line-height:1.9;color:var(--muted);margin-top:12px;max-width:54ch}.project-details{border-bottom:1px solid var(--line);margin-top:16px}.project-details summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:45px;cursor:pointer;list-style:none;font-size:12px;color:#ced6e6;padding:10px 0}.project-details summary::-webkit-details-marker{display:none}.project-details summary svg{width:18px;height:18px;color:var(--soft);transition:transform .3s var(--ease)}.project-details[open] summary svg{transform:rotate(45deg)}.project-details>div{font-size:13px;line-height:1.9;color:var(--muted);padding:8px 0 20px}.tech-line{font-size:11px;color:#a9bde7;margin-top:15px}.more-heading{display:flex;justify-content:space-between;align-items:baseline;gap:25px;margin-block:72px 28px}.more-heading h3{font-size:26px;font-weight:500;letter-spacing:-.025em}.more-heading p{color:var(--muted);font-size:12px}.project-grid:not(:has(>.project:not([hidden])))+.more-heading{margin-top:22px}.project-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 23px}.project-row{min-width:0}.project-row .project-cover{aspect-ratio:1.5}.project-type{display:block;font-size:10px;color:var(--soft);margin:18px 0 8px}.project-row h4{font-size:17px;font-weight:500;line-height:1.6;letter-spacing:-.02em}.project-row>p{font-size:12px;line-height:1.85;color:var(--muted);margin-top:10px}.filter-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
/* Real product screens, arranged like the approved Luna artwork. */
.cover-smarthome{background:radial-gradient(ellipse at 55% 38%,#756159,#403937 80%)}
.cover-battery{background:radial-gradient(ellipse at 48% 35%,#678574,#2c443c 85%)}
.cover-luna{background:#49342a}
.cover-miniapp{background:radial-gradient(ellipse at 60% 38%,#705039,#302319 85%)}
.cover-cad{background:radial-gradient(ellipse at 50% 38%,#858a7e,#474f45 85%)}
.cover-licensing{background:radial-gradient(ellipse at 60% 35%,#536c7b,#26333e 85%)}
.cover-website{background:radial-gradient(ellipse at 55% 38%,#6b8371,#344c43 85%)}
.cover-helper{background:radial-gradient(ellipse at 50% 38%,#788a9d,#3d4c60 85%)}
.cover-gis{background:radial-gradient(ellipse at 55% 40%,#527b79,#233d43 85%)}
.stage-product-artwork{inset:9% 7% auto}.stage-product-artwork>img{width:100%;height:auto}
.stage-program{background:#10171e}.stage-program>img{width:100%;height:100%;object-fit:contain}
.mockup-stage{inset:0}
.mockup-device{display:block;position:absolute;padding:1%;background:#171c20;border:1px solid #ffffff55;box-shadow:0 14px 25px #0005,0 2px 5px #0005;overflow:hidden}
.mockup-screen{display:block;position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit;background:#f5f6f7}
.mockup-screen>img,.mockup-detail>img{width:100%;max-width:none;height:auto}
.mockup-primary{z-index:2}.mockup-secondary{z-index:1}
.mockup-detail{display:block;position:absolute;z-index:3;overflow:hidden;background:#f5f6f7;border:1px solid #ffffff70;border-radius:7px;box-shadow:0 12px 24px #0004,0 2px 6px #0002}
.mockup-phone .mockup-device{width:45%;aspect-ratio:390/842;border-radius:10% / 4.7%;padding:1.05%}
.mockup-phone .mockup-primary{left:16%;top:9%;transform:rotate(-3deg)}
.mockup-phone .mockup-secondary{width:36%;right:5%;top:27%;transform:rotate(5deg)}
.mockup-phone .mockup-detail{left:5%;bottom:12%;width:49%;height:19%;transform:rotate(-3deg)}
.cover-smarthome .mockup-device .mockup-screen>img{width:168%;transform:translate(-20.3%,-2.7%)}
.cover-smarthome .mockup-detail>img{width:157%;transform:translate(-20.3%,-52.5%)}
.cover-battery .mockup-secondary .mockup-screen>img{transform:translateY(-28%)}
.cover-battery .mockup-detail{height:30%;bottom:9%}
.cover-battery .mockup-detail>img{width:115.4%;transform:translate(-5%,-10.9%)}
.cover-miniapp .mockup-screen{background:#15130e}
.cover-miniapp .mockup-secondary .mockup-screen>img{transform:translateY(-42%)}
.cover-miniapp .mockup-detail{background:#15130e;border-color:#b38d5270;height:16%;bottom:14%}
.cover-miniapp .mockup-detail>img{width:114%;transform:translate(-6.2%,-38.4%)}
.mockup-tablet .mockup-device{border-radius:8% / 4%;padding:1.2%;aspect-ratio:598/1114}
.mockup-tablet .mockup-primary{width:48%;left:17%;top:8%;transform:rotate(-6deg)}
.mockup-tablet .mockup-secondary{width:38%;right:5%;top:24%;transform:rotate(6deg)}
.mockup-tablet .mockup-secondary img{width:150%;transform:translate(-12%,-21%)}
.mockup-tablet .mockup-detail{width:39%;height:32%;left:5%;bottom:11%;transform:rotate(-5deg)}
.mockup-tablet .mockup-detail>img{width:160%;transform:translate(-18%,-39%)}
.mockup-desktop .mockup-device,.mockup-website .mockup-device{border-radius:7px;padding:1%;padding-top:3.8%;aspect-ratio:1.68}
.mockup-desktop .mockup-device::before,.mockup-website .mockup-device::before,.mockup-extension .mockup-device::before{content:"";position:absolute;left:3.5%;top:4%;width:2%;aspect-ratio:1;border-radius:50%;background:#91a0ad;box-shadow:7px 0 #91a0ad,14px 0 #91a0ad}
.mockup-desktop .mockup-primary{width:83%;left:8%;top:17%;transform:rotate(-4deg)}
.mockup-desktop .mockup-secondary{width:70%;left:27%;top:31%;transform:rotate(5deg);filter:brightness(.88)}
.mockup-desktop .mockup-detail{left:5%;bottom:12%;width:51%;height:28%;transform:rotate(-4deg)}
.cover-licensing .mockup-detail{height:14%;bottom:15%}
.cover-licensing .mockup-detail>img{width:175%;transform:translate(-21%,-29%)}
.cover-gis .mockup-detail{width:42%;height:35%;left:4%;bottom:9%}
.cover-gis .mockup-detail>img{width:245%;transform:translate(-29%,-27%)}
.mockup-website .mockup-primary{width:83%;left:5%;top:10%;transform:rotate(-5deg)}
.mockup-website .mockup-secondary{width:73%;right:-2%;top:45%;transform:rotate(4deg);z-index:3}
.mockup-extension .mockup-device{border-radius:9px;padding:1%;padding-top:5%;aspect-ratio:390/365}
.mockup-extension .mockup-primary{width:66%;left:10%;top:10%;transform:rotate(-5deg)}
.mockup-extension .mockup-secondary{width:56%;right:3%;top:26%;transform:rotate(6deg);filter:brightness(.9)}
.mockup-extension .mockup-detail{width:64%;height:13.5%;left:6%;bottom:15%;transform:rotate(-5deg)}
.mockup-extension .mockup-detail>img{width:110%;transform:translate(-4.5%,-14%)}
@media(max-width:760px){.mockup-device{box-shadow:0 8px 15px #0005,0 1px 3px #0004}.mockup-detail{border-radius:4px;box-shadow:0 6px 12px #0004}.mockup-desktop .mockup-device,.mockup-website .mockup-device{border-radius:4px}.mockup-phone .mockup-primary{top:12%;width:49%;left:13%}.mockup-phone .mockup-secondary{top:29%;width:39%;right:3%}.mockup-phone .mockup-detail{bottom:12%}.mockup-desktop .mockup-primary{top:19%;width:89%;left:6%}.mockup-desktop .mockup-secondary{top:32%}.mockup-desktop .mockup-detail{bottom:17%;height:24%}.cover-gis .mockup-detail{height:30%}.mockup-website .mockup-primary{top:16%;width:89%;left:4%}.mockup-website .mockup-secondary{top:49%;width:78%}.mockup-extension .mockup-primary{width:72%;left:8%;top:13%}.mockup-extension .mockup-secondary{top:29%;right:1%}.mockup-extension .mockup-detail{bottom:16%;height:22%}.mockup-desktop .mockup-device::before,.mockup-website .mockup-device::before,.mockup-extension .mockup-device::before{box-shadow:4px 0 #91a0ad,8px 0 #91a0ad}}
@media(max-width:760px){.cover-battery .mockup-detail{height:25%}.cover-licensing .mockup-detail,.cover-helper .mockup-detail{height:12%}}
.client-section{border-block:1px solid var(--line);padding-block:40px;display:grid;grid-template-columns:.8fr 2fr;gap:65px}.client-intro h2{font-size:17px;font-weight:500}.client-intro p{font-size:12px;line-height:1.9;color:var(--soft);margin-top:11px;max-width:29ch}.client-list{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:25px;list-style:none;padding:0;margin:0}.client-list li{display:flex;flex-direction:column;gap:11px}.client-list span{font-size:14px;line-height:1.7;color:#c6cfdf;text-wrap:balance}.client-list small{font-size:10px;line-height:1.8;color:var(--soft)}
.about-section{display:grid;grid-template-columns:1fr 1fr;gap:46px 90px;padding-block:96px 84px}.about-statement h2{font-size:clamp(29px,3.1vw,43px);font-weight:500;line-height:1.65;letter-spacing:-.03em}.about-statement h2>span{display:block;color:var(--muted)}.about-signature{display:flex;align-items:center;gap:0;margin-top:55px;font-size:96px;font-weight:600;line-height:1;letter-spacing:-.04em;color:#525f76}.about-signature>span{color:var(--accent)}.about-signature>small{font-size:9px;line-height:1.8;letter-spacing:.11em;color:var(--soft);margin-left:26px}.about-content{padding-top:9px}.about-content>p{font-size:13px;line-height:2;color:var(--muted)}.about-content .about-lead{font-size:18px;line-height:1.85;color:#d8dfee;margin-bottom:20px}.ability-list{margin-top:29px}.ability-list>div{border-top:1px solid var(--line);padding:19px 0}.ability-list h3{font-size:13px;font-weight:550;color:#cbd4e7}.ability-list p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:8px}
.tech-strip{grid-column:1/-1;min-width:0;border-top:1px solid var(--line);padding-top:18px}.tech-heading{display:flex;align-items:center;min-height:44px;margin-bottom:14px}.tech-heading h3{font-size:11px;font-weight:400;color:var(--soft);line-height:1.7}.tech-marquee{display:grid;gap:18px}.tech-items{display:flex;flex-wrap:wrap;align-items:center;gap:15px 0;list-style:none;margin:0;padding:0}.tech-items li{display:flex;align-items:center;gap:26px;padding-right:26px;white-space:nowrap;color:#c0cce2;font-size:16px;font-weight:450;line-height:1.7;letter-spacing:.01em}.tech-items li::after{content:"";width:3px;height:3px;flex-shrink:0;border-radius:50%;background:#485570}.tech-lane:nth-child(2) li{font-size:14px;color:var(--muted)}.tech-copy{display:none}
.tech-strip[data-motion=true] .tech-lane{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent)}.tech-strip[data-motion=true] .tech-track{display:flex;width:max-content;animation:tech-scroll 110s linear infinite;animation-play-state:paused}.tech-strip[data-motion=true] .tech-track[data-reverse]{animation-direction:reverse;animation-duration:120s}.tech-strip[data-motion=true] .tech-items{flex:none;flex-wrap:nowrap}.tech-strip[data-motion=true] .tech-copy{display:flex}.tech-strip[data-running=true] .tech-track{animation-play-state:running}.tech-strip .tech-marquee:focus-within .tech-track{animation-play-state:paused}@media(hover:hover){.tech-strip .tech-marquee:hover .tech-track{animation-play-state:paused}}@keyframes tech-scroll{to{transform:translateX(-50%)}}
@media(max-width:760px){.tech-strip{padding-top:12px}.tech-heading{margin-bottom:10px}.tech-heading h3{font-size:10px}.tech-marquee{gap:14px}.tech-items li{font-size:14px;gap:20px;padding-right:20px}.tech-lane:nth-child(2) li{font-size:13px}}
@media(prefers-reduced-motion:reduce){.tech-strip[data-motion=true] .tech-lane{overflow:visible;mask-image:none}.tech-strip[data-motion=true] .tech-track{display:block;width:auto;animation:none;transform:none}.tech-strip[data-motion=true] .tech-items{flex-wrap:wrap}.tech-strip[data-motion=true] .tech-copy{display:none}}
.contact-section{padding-bottom:40px}.contact-panel{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:53px 56px;background:var(--surface);border-radius:16px}.contact-copy h2{font-size:clamp(33px,3.9vw,55px);font-weight:500;line-height:1.4;letter-spacing:-.025em}.contact-copy h2>span{display:flex;align-items:center;gap:22px;color:var(--accent)}.contact-copy h2 svg{width:35px;height:35px}.contact-copy>p{font-size:13px;line-height:1.9;max-width:31ch;color:var(--muted);margin-top:20px}.contact-links{align-self:center}.contact-links a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #2e3543;font-size:17px;line-height:1.5;transition:color .2s}.contact-links a:first-child{padding-top:0}.contact-links a:last-child{border:0;padding-bottom:0}.contact-links a:hover{color:var(--accent)}.contact-links small{display:block;color:var(--soft);font-size:9px;letter-spacing:.1em;margin-bottom:5px}.contact-links svg{width:19px;height:19px;color:var(--soft);transition:transform .25s var(--ease)}.contact-links a:hover svg{transform:translate(3px,-3px);color:var(--accent)}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:16px 35px;color:var(--soft);font-size:10px}.footer-brand{font-size:23px;font-weight:500;letter-spacing:-.035em;color:var(--muted)}
dialog{padding:28px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);max-height:calc(100dvh - 32px);overscroll-behavior:contain}dialog::backdrop{background:#03060dda}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.dialog-head h2{font-size:21px;font-weight:500}.dialog-head button{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:8px;background:var(--raised)}.dialog-head button:hover{background:#2e384c}.dialog-head button svg{transform:rotate(45deg)}.qr-dialog{width:min(400px,calc(100% - 32px))}.qr-dialog>img{width:280px;aspect-ratio:1;border-radius:9px;background:white;margin:auto}.qr-dialog>p{font-size:13px;color:var(--muted);margin-top:22px;text-align:center}.gallery-dialog{width:min(1050px,calc(100% - 40px))}.gallery-dialog .dialog-head{margin-bottom:18px}.gallery-stage{display:flex;align-items:center;justify-content:center;min-height:180px;background:#1b2330;border-radius:9px;overflow:hidden}.gallery-stage img{width:auto;height:auto;max-width:100%;max-height:62dvh;object-fit:contain}.gallery-stage[data-shape=device]{background:#d0d6d3;padding:55px}.gallery-stage[data-shape=device] img{width:232px}.gallery-stage[data-shape=phone]{padding:15px}.gallery-stage[data-shape=phone] img{border-radius:12px}.gallery-stage[aria-busy=true]{opacity:.6}.gallery-bottom{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:22px}#gallery-description{font-size:13px;color:var(--muted);line-height:1.85;max-width:65ch}.gallery-navigation{display:flex;align-items:center;gap:12px;flex-shrink:0}.gallery-navigation button{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:var(--raised)}.gallery-navigation button:hover{background:#35405a}.gallery-navigation svg{width:18px;height:18px;transform:rotate(45deg)}.gallery-navigation [data-gallery-prev] svg{transform:rotate(225deg)}[data-gallery-count]{min-width:40px;font-size:11px;text-align:center;color:var(--muted)}.gallery-error{padding:35px;text-align:center;color:var(--muted);font-size:14px}
html[lang=en] .hero h1{font-size:clamp(46px,5.5vw,77px);line-height:1.13}html[lang=en] .section-heading h2{max-width:19ch;font-size:37px}html[lang=en] .client-list span{font-size:12px}html[lang=en] .contact-copy h2{font-size:clamp(30px,3vw,43px)}
@media(max-width:1100px){.page-width{width:calc(100% - 64px)}.hero{padding-top:65px;gap:0 15px}.hero h1{font-size:4.3vw}.hero-intro br{display:none}.hero-showcase{height:350px;margin-right:0;margin-left:-5px}.hero-copy{padding-bottom:61px}.showcase-caption{bottom:28px}.hero-actions{gap:17px}.button{gap:20px;padding-inline:18px;font-size:13px}.text-link{font-size:12px;gap:8px}.section-heading h2{font-size:32px}.section-heading>p{max-width:27ch}.project-cover{aspect-ratio:1.45}.cover-brand{top:26px;left:24px;font-size:27px}.cover-brand small{font-size:8px;letter-spacing:.03em}.project h3{font-size:22px}.project-list{grid-template-columns:1fr 1fr;gap:34px 26px}.client-section{gap:30px;grid-template-columns:.7fr 2fr}.client-list{gap:18px}.client-list span{font-size:12px}.about-section{column-gap:50px}.contact-panel{gap:45px;padding:43px 35px}.contact-links a{font-size:15px}html[lang=en] .hero h1{font-size:5.7vw}}
@media(max-width:760px){.page-width{width:calc(100% - 40px)}.site-header{height:86px;gap:14px}.brand{font-size:33px;min-width:80px}.brand-surname{font-size:18px}.site-header nav{gap:0;background:transparent;padding:0}.site-header nav a{min-width:48px;font-size:12px}.language-link{margin-left:0;min-width:38px;font-size:12px}.hero{grid-template-columns:1fr;padding-top:45px;gap:0}.hero-copy{padding:0}.hero h1{font-size:clamp(35px,8.5vw,57px);line-height:1.35}.hero-role{font-size:14px;margin-top:24px}.hero-intro{font-size:13px;line-height:1.9;max-width:44ch;margin-top:12px}.hero-actions{gap:23px;margin-top:26px}.button{min-height:51px;padding-inline:20px;gap:25px;font-size:13px}.text-link{font-size:12px;gap:10px}.hero-showcase{height:clamp(280px,79vw,440px);width:100%;max-width:500px;margin:35px auto 12px}.showcase-caption{left:5%;bottom:11%;gap:8px}.showcase-caption>span:first-child{font-size:8px}.showcase-caption>span:last-child{font-size:17px}.hero-footer{padding-block:16px;font-size:10px;gap:15px}.hero-footer>span:nth-child(2){display:none}.hero-footer a{gap:15px}.work-section{padding-block:50px 49px}.section-heading{display:block}.section-heading h2{font-size:29px;line-height:1.5}.section-heading>p{font-size:12px;max-width:none;margin-top:10px}.filters{gap:7px;margin-block:22px 28px}.filters button{padding:9px 12px;min-height:44px;font-size:11px}.project-grid{grid-template-columns:1fr;gap:34px}.project-cover{aspect-ratio:1.45;border-radius:12px}.cover-brand{font-size:28px;left:25px;top:29px}.cover-zoom{width:30px;height:30px;bottom:13px;right:13px}.cover-arc .cover-brand{font-size:50px;top:27px}.project-meta{margin:18px 0 8px;font-size:10px}.project h3{font-size:22px}.project-line{font-size:13px;margin-top:6px}.project-summary{font-size:12px;margin-top:10px}.project-details{margin-top:12px}.project-details summary{font-size:12px}.project-details>div{font-size:12px}.more-heading{display:block;margin-block:48px 24px}.more-heading h3{font-size:24px}.more-heading p{font-size:12px;margin-top:10px}.project-list{grid-template-columns:1fr 1fr;gap:26px 16px}.project-row .project-cover{aspect-ratio:1.25;border-radius:9px}.project-row .cover-zoom{display:none}.project-row .cover-brand{left:12px;top:14px;font-size:8px;letter-spacing:.06em}.project-row .stage-browser{inset:26% 6% auto}.project-type{font-size:9px;line-height:1.6;margin:12px 0 6px}.project-row h4{font-size:14px;line-height:1.55}.project-row>p{font-size:11px;line-height:1.85;margin-top:8px}.client-section{padding-block:30px;display:block}.client-intro h2{font-size:17px}.client-intro p{max-width:none;font-size:11px;margin-top:8px}.client-list{grid-template-columns:1fr;gap:20px;margin-top:27px}.client-list li{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:center}.client-list span{font-size:13px}.client-list small{text-align:right;font-size:10px}.about-section{grid-template-columns:1fr;padding-block:51px 44px;gap:29px}.about-statement h2{font-size:29px;line-height:1.6}.about-signature{display:none}.about-content{padding-top:0}.about-content .about-lead{font-size:17px;margin-bottom:17px}.about-content>p{font-size:12px}.ability-list{margin-top:24px}.ability-list>div{padding-block:17px}.contact-section{padding-bottom:27px}.contact-panel{grid-template-columns:1fr;padding:30px 24px;gap:30px;border-radius:12px}.contact-copy h2{font-size:36px;line-height:1.45}.contact-copy h2>span{gap:17px}.contact-copy h2 svg{width:29px;height:29px}.contact-copy>p{font-size:12px;margin-top:16px;max-width:30ch}.contact-links a{font-size:16px;padding-block:15px}.site-footer{padding-block:0 24px;gap:14px;font-size:9px;flex-wrap:wrap}.footer-brand{font-size:22px}.site-footer>span:last-child{flex-basis:100%;padding-top:3px}.gallery-dialog{width:calc(100% - 24px);padding:18px}.gallery-dialog .dialog-head{gap:10px}.dialog-head h2{font-size:17px}.gallery-stage img{max-height:57dvh}.gallery-stage[data-shape=phone]{padding:8px}.gallery-bottom{display:block;margin-top:18px}#gallery-description{font-size:12px}.gallery-navigation{justify-content:center;margin-top:16px}html[lang=en] .hero h1{font-size:clamp(43px,10.7vw,70px)}html[lang=en] .section-heading h2{font-size:29px}html[lang=en] .about-statement h2{font-size:29px}html[lang=en] .contact-copy h2{font-size:33px}}
@media(max-width:370px){.page-width{width:calc(100% - 32px)}.brand{font-size:29px;min-width:70px}.brand-surname{font-size:16px}.site-header{gap:8px}.site-header nav a{min-width:43px;font-size:11px}.language-link{min-width:32px}.hero h1{font-size:8.7vw}.hero-actions{gap:15px}.button{padding-inline:16px;gap:17px}.filters{gap:5px}.filters button{padding-inline:9px;font-size:10px}.contact-panel{padding-inline:22px}.contact-copy h2{font-size:31px}.contact-links a{font-size:14px}.project-list{column-gap:13px}.project-row h4{font-size:13px}}
.gallery-reference{display:inline-flex;align-items:center;gap:8px;min-height:38px;margin-top:7px;font-size:12px;color:var(--accent)}.gallery-reference svg{width:13px;height:13px}
@media(max-width:760px){.showcase-concept{inset:0 0 60px}.showcase-caption{bottom:6px;left:0}.hero-showcase{height:clamp(285px,79vw,440px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}