:root{--bg:#090909;--surface:#111;--surface-2:#181818;--text:#f4f0e7;--muted:#aaa69e;--amber:#d6a45d;--line:rgba(255,255,255,.13);--max:1240px;--radius:18px;color-scheme:dark}
:root[data-theme=light]{--bg:#f2efe8;--surface:#fff;--surface-2:#e8e3da;--text:#171717;--muted:#66625c;--amber:#9a6428;--line:rgba(0,0,0,.14);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body.locked{overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--amber);outline-offset:4px}.skip{position:fixed;top:-80px;left:16px;z-index:100;padding:10px 14px;background:var(--text);color:var(--bg)}.skip:focus{top:16px}.wrap{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.header{position:fixed;inset:0 0 auto;z-index:50;border-bottom:1px solid transparent;transition:.3s}.header.scrolled,.header.solid{background:color-mix(in srgb,var(--bg) 88%,transparent);border-color:var(--line);backdrop-filter:blur(18px)}.header:not(.scrolled):not(.solid){color:#f4f0e7}.header:not(.scrolled):not(.solid) .links a{color:#cbc8c2}.header:not(.scrolled):not(.solid) .links a:hover,.header:not(.scrolled):not(.solid) .links a[aria-current=page]{color:white}.header:not(.scrolled):not(.solid) .theme,.header:not(.scrolled):not(.solid) .menu{border-color:rgba(255,255,255,.25);background:rgba(0,0,0,.28)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{font-weight:900;letter-spacing:-.04em;font-size:19px}.brand em{color:var(--amber);font-style:normal}.links{order:2;margin-left:auto;display:flex;align-items:center;gap:4px}.links a{padding:8px 12px;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.links a:hover,.links a[aria-current=page]{color:var(--text)}.theme{order:3;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--bg) 70%,transparent);cursor:pointer;font-size:11px;line-height:1;text-transform:uppercase;letter-spacing:.08em}.theme:before{content:"";display:block;flex:0 0 15px;width:15px;height:15px;border-radius:50%;box-shadow:-4px 0 0 0 currentColor;transform:translateX(2px)}.theme:hover{border-color:var(--amber)}[data-theme=light] .theme:before{width:12px;height:12px;flex-basis:12px;background:var(--amber);box-shadow:0 -6px 0 -5px var(--amber),0 6px 0 -5px var(--amber),6px 0 0 -5px var(--amber),-6px 0 0 -5px var(--amber),4px 4px 0 -5px var(--amber),-4px -4px 0 -5px var(--amber),4px -4px 0 -5px var(--amber),-4px 4px 0 -5px var(--amber);transform:none}.menu{order:4;display:none;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--bg) 70%,transparent);padding:8px 13px}
:root[data-theme=light] .hero~* img{filter:none}:root[data-theme=light] .map{filter:grayscale(1) contrast(.9)}
.hero{position:relative;min-height:100svh;display:grid;align-items:end;overflow:hidden;background:#101010}.hero-slides,.hero-slide{position:absolute;inset:0}.hero-slide{width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.03);transition:opacity 1.1s ease,transform 7s ease}.hero-slide.active{opacity:1;transform:scale(1)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.35) 55%,rgba(0,0,0,.15)),linear-gradient(0deg,rgba(0,0,0,.75),transparent 55%)}.hero-copy{position:relative;z-index:2;padding-bottom:clamp(70px,10vw,125px);max-width:790px}.kicker{margin:0 0 13px;color:var(--amber);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.22em}.hero h1,.intro h1{margin:0;font-size:clamp(48px,8vw,106px);line-height:.92;letter-spacing:-.065em}.hero p.lead{max-width:610px;margin:24px 0 28px;color:#d1cec8;font-size:clamp(16px,2vw,20px)}.actions{display:flex;flex-wrap:wrap;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 18px;border:1px solid transparent;border-radius:999px;background:var(--text);color:var(--bg);font-weight:800;font-size:13px;cursor:pointer}.button:hover{background:white}.button.outline{border-color:rgba(255,255,255,.38);background:rgba(0,0,0,.18);color:var(--text);backdrop-filter:blur(9px)}.hero-count{position:absolute;right:32px;bottom:28px;z-index:3;color:#ddd;font-size:11px;letter-spacing:.15em}
.section{padding-block:clamp(72px,10vw,130px)}.section.alt{background:var(--surface)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:36px}.section h2{max-width:700px;margin:0;font-size:clamp(36px,6vw,72px);line-height:.98;letter-spacing:-.055em}.section-head>p{max-width:470px;margin:0;color:var(--muted)}.photo-row{display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:12px}.photo-row a{position:relative;min-height:480px;overflow:hidden;border-radius:var(--radius);background:#222}.photo-row img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.photo-row a:hover img{transform:scale(1.035)}.photo-row span{position:absolute;left:18px;bottom:16px;font-size:11px;text-transform:uppercase;letter-spacing:.16em;text-shadow:0 2px 10px #000}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,7vw,100px);align-items:center}.about-grid figure{margin:0;overflow:hidden;border-radius:var(--radius)}.about-grid img{width:100%;height:560px;object-fit:cover}.about-grid p{color:var(--muted);font-size:18px}.stats{display:flex;gap:34px;margin:28px 0}.stat b{display:block;font-size:28px}.stat span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.intro{padding:clamp(140px,18vw,220px) 0 65px}.intro p:last-child{max-width:690px;color:var(--muted);font-size:19px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.filter{padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:transparent;cursor:pointer;font-size:12px}.filter.active,.filter:hover{background:var(--text);color:var(--bg)}.gallery{columns:3 300px;column-gap:12px;padding-bottom:110px}.gallery-item{position:relative;width:100%;margin:0 0 12px;padding:0;border:0;border-radius:12px;overflow:hidden;background:#202020;break-inside:avoid;cursor:zoom-in}.gallery-item[hidden]{display:none}.gallery-item img{width:100%;height:auto;transition:transform .5s ease,opacity .3s}.gallery-item:hover img{transform:scale(1.025);opacity:.86}.gallery-item span{position:absolute;inset:auto 14px 12px;color:white;font-size:11px;text-transform:uppercase;letter-spacing:.14em;opacity:0;transition:.25s}.gallery-item:hover span{opacity:1}.lightbox{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:24px;background:rgba(0,0,0,.94)}.lightbox.open{display:grid}.lightbox img{max-width:94vw;max-height:88vh;border-radius:8px}.close{position:absolute;right:20px;top:20px;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:#111;color:white;font-size:23px;cursor:pointer}
.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding-bottom:110px}.video{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.video iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}.video-copy{padding:20px}.video h2{font-size:22px;letter-spacing:-.03em}.video p{margin:4px 0 0;color:var(--muted);font-size:13px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:110px}.service{padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.service-number{color:var(--amber);font-size:12px;letter-spacing:.16em}.service h2{margin:40px 0 10px;font-size:28px}.service p{min-height:78px;color:var(--muted)}
.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:16px;padding-bottom:110px}.contact-card{padding:clamp(28px,5vw,55px);border-radius:var(--radius);background:var(--surface)}.contact-card h2{font-size:clamp(35px,5vw,60px);line-height:1;margin:0 0 20px}.contact-card p,.contact-card address{color:var(--muted);font-style:normal}.contact-social{margin-top:38px}.map{width:100%;min-height:560px;border:0;border-radius:var(--radius);filter:grayscale(1) invert(.9) contrast(.85)}
.app-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding-bottom:110px}.app-card{display:grid;grid-template-columns:1fr 180px;min-height:430px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.app-info{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(24px,4vw,42px)}.app-title{display:flex;align-items:center;gap:16px}.app-icon{width:74px;height:74px;border-radius:17px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.app-title h2{margin:0;font-size:clamp(24px,3vw,34px);letter-spacing:-.04em}.app-type{display:block;margin-top:4px;color:var(--amber);font-size:10px;text-transform:uppercase;letter-spacing:.16em}.app-info>p{color:var(--muted);margin:28px 0}.app-store{margin-top:auto;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:8px 15px;border:1px solid var(--line);border-radius:12px;background:var(--text);color:var(--bg);font-size:12px;font-weight:800}.app-store:before{content:"●";font-size:18px}.app-store:hover{background:var(--amber);color:#090909}.app-shot{width:100%;height:100%;object-fit:cover;object-position:top}.developer-strip{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.developer-strip p:not(.kicker){max-width:660px;color:var(--muted);font-size:18px}.mini-apps{display:flex;align-items:center}.mini-apps img{width:68px;height:68px;border:4px solid var(--surface);border-radius:18px;box-shadow:0 8px 25px rgba(0,0,0,.22)}.mini-apps img+img{margin-left:-14px}
.developer-strip .button.outline{border-color:var(--line);background:var(--surface);color:var(--text)}.developer-strip .button.outline:hover{border-color:var(--amber)}
.footer{padding:34px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-social{display:flex;align-items:center;gap:9px}.footer-social a{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--muted);transition:color .2s,border-color .2s,transform .2s,background .2s}.footer-social a:hover{color:var(--text);border-color:var(--amber);background:var(--surface);transform:translateY(-2px)}.social-icon{position:relative;display:block;width:17px;height:17px;color:currentColor}.social-icon.instagram{border:1.8px solid currentColor;border-radius:5px}.social-icon.instagram:before{content:"";position:absolute;width:5px;height:5px;left:4.2px;top:4.2px;border:1.6px solid currentColor;border-radius:50%}.social-icon.instagram:after{content:"";position:absolute;width:2.4px;height:2.4px;right:2px;top:2px;border-radius:50%;background:currentColor}.social-icon.youtube{width:18px;height:13px;margin-top:2px;border-radius:4px;background:currentColor}.social-icon.youtube:after{content:"";position:absolute;left:7px;top:3.2px;border-left:5px solid var(--bg);border-top:3px solid transparent;border-bottom:3px solid transparent}.footer-social a:hover .social-icon.youtube:after{border-left-color:var(--surface)}.social-icon.x-social:before,.social-icon.x-social:after{content:"";position:absolute;left:7.4px;top:-1px;width:2px;height:19px;border-radius:2px;background:currentColor;transform:rotate(39deg)}.social-icon.x-social:after{transform:rotate(-39deg)}
/* Hero content always uses controlled contrast, independent of the page theme. */
.hero h1{color:#fff;text-shadow:0 3px 28px rgba(0,0,0,.55)}.hero p.lead{color:#f0ede7;text-shadow:0 2px 16px rgba(0,0,0,.75)}.hero .button{background:#f4f0e7;color:#090909;box-shadow:0 8px 26px rgba(0,0,0,.28)}.hero .button:hover{background:#fff}.hero .button.outline{border-color:rgba(255,255,255,.78);background:rgba(9,9,9,.58);color:#fff;box-shadow:none}.hero .button.outline:hover{background:rgba(255,255,255,.16)}
.social-icon.github{width:17px;height:14px;margin-top:3px;border-radius:50% 50% 45% 45%;background:currentColor}.social-icon.github:before,.social-icon.github:after{content:"";position:absolute;top:-2px;width:7px;height:7px;background:currentColor}.social-icon.github:before{left:1px;border-radius:1px 5px 0 5px;transform:rotate(22deg)}.social-icon.github:after{right:1px;border-radius:5px 1px 5px 0;transform:rotate(-22deg)}
@media(max-width:900px){.wrap{width:min(100% - 28px,var(--max))}.nav{height:68px;justify-content:flex-start;gap:8px}.brand{margin-right:auto}.theme{margin-left:0}.menu{display:block;margin-left:0}.links{position:fixed;top:76px;left:14px;right:14px;display:none;flex-direction:column;align-items:stretch;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 20px 60px rgba(0,0,0,.5)}.links.open{display:flex}.links a{padding:12px}.hero-copy{padding-bottom:80px}.hero-count{right:16px;bottom:18px}.section-head,.footer-row{align-items:flex-start;flex-direction:column}.photo-row,.about-grid,.video-grid,.services,.contact,.app-grid{grid-template-columns:1fr}.photo-row a{min-height:320px}.photo-row a:first-child{min-height:430px}.about-grid img{height:420px}.gallery{columns:2 145px}.map{min-height:360px}.service p{min-height:auto}.app-card{grid-template-columns:1fr 150px;min-height:380px}.app-info{padding:22px}.app-icon{width:60px;height:60px;border-radius:14px}.developer-strip{grid-template-columns:1fr}.mini-apps{order:-1}}
@media(max-width:520px){.app-card{grid-template-columns:1fr}.app-shot{display:none}.theme{width:42px;height:42px;min-height:42px;padding:0;gap:0;font-size:0}.theme:before{margin:0}.footer-row{align-items:center}.footer-social{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}