:root{color-scheme:dark;--bg:#0c0c0e;--text:#f2f2f3;--muted:#96969c;--line:#ffffff1c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid white;outline-offset:6px}::selection{background:#ddd;color:#111}.header{height:100px;margin:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:15px;font-size:17px;font-weight:800;letter-spacing:-.7px}.brand-light{font-weight:400;margin-left:5px;color:#aaa}.brand-symbol{font-size:27px;letter-spacing:-8px;display:inline-block;padding-right:9px;transform:skew(-10deg)}.brand-symbol span{font-weight:400;color:#b9b9bf}nav{display:flex;align-items:center;gap:35px;font-size:14px}nav>a{color:#aaa;transition:color .25s}nav>a:hover,nav>a.active{color:white}.nav-contact{border:1px solid #ffffff30;border-radius:50px;padding:11px 20px}.small-plus{display:inline-block;font-size:22px;margin-left:20px;font-weight:400;line-height:1}.hero{position:relative;overflow:hidden;padding:54px 6% 0;min-height:720px}.hero-glow{position:absolute;z-index:-1;width:950px;height:950px;right:-270px;top:-300px;background:radial-gradient(ellipse at center,#bbbbc12b 0%,#66666d18 30%,transparent 65%);pointer-events:none;animation:drift 16s ease-in-out infinite alternate}.hero .hero-glow{z-index:0}.hero>*:not(.hero-glow){position:relative}.hero-top{display:flex;justify-content:space-between;gap:20px}.eyebrow,.hero-index{font-size:12px;letter-spacing:2px;font-weight:500}.eyebrow{color:#bbb}.hero-index{color:#73737b}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(70px,9.5vw,148px);font-weight:500;line-height:1.04;letter-spacing:-.075em;margin:45px 0 38px}.gradient-text{background:linear-gradient(110deg,#fafafa 5%,#cacacd 35%,#67676e 85%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1030px}.hero-bottom p{color:#aaa;font-size:17px;line-height:1.7;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:50px;padding:15px 24px;font-size:14px;font-weight:600;white-space:nowrap;transition:transform .3s,box-shadow .3s,background .3s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 28px #ffffff15}.light{background:#ececee;color:#171719}.hero-line{display:flex;align-items:center;justify-content:space-between;margin-top:74px;padding:23px 0;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:2px;color:#73737b}.hero-line>a{display:flex;gap:20px;align-items:center}.scroll-line{height:25px;width:1px;background:linear-gradient(#777,transparent);animation:scrollpulse 2s ease-in-out infinite}.section{padding:100px 6%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-heading h2{font-size:clamp(32px,4vw,52px);font-weight:500;letter-spacing:-2px;margin:14px 0 0;line-height:1.2}.section-heading>p{font-size:14px;color:var(--muted);margin:0 0 5px}.map-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 28px}.map-card{min-width:0}.map-media{position:relative;aspect-ratio:16/10;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#17171b}.map-media img,.map-media video,.map-media iframe{width:100%;height:100%;object-fit:cover;display:block;border:0}.placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 80% 0,#ffffff14,transparent 65%),linear-gradient(135deg,#1d1d23,#111114);transition:filter .4s}.map-card:nth-child(2) .placeholder{background:radial-gradient(ellipse at 0 100%,#ffffff19,transparent 70%),#151518}.map-card:nth-child(3) .placeholder{background:linear-gradient(145deg,#27272d,#111114 70%)}.map-card:nth-child(4) .placeholder{background:radial-gradient(ellipse at 70% 60%,#ffffff12,transparent 60%),#121215}.map-card:hover .placeholder{filter:brightness(1.2)}.placeholder-number{font-family:Manrope,sans-serif;font-size:clamp(70px,9vw,140px);font-weight:500;letter-spacing:-.09em;color:#ffffff0d;line-height:1.1}.placeholder-label{font-size:12px;letter-spacing:3px;color:#797982}.media-tag{position:absolute;left:20px;top:20px;border:1px solid #ffffff25;border-radius:30px;padding:5px 11px;font-size:12px;background:#11111160;backdrop-filter:blur(10px);color:#c6c6cc}.media-corner{position:absolute;bottom:20px;right:20px;color:#75757e;font-size:12px;letter-spacing:1px}.map-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:22px 0 10px}.map-meta h3{font-size:24px;font-weight:500;letter-spacing:-.8px;margin:0}.map-category{font-size:12px;letter-spacing:1px;color:#7d7d85}.map-description{color:var(--muted);font-size:15px;max-width:450px;margin-bottom:18px}.code-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:15px;gap:15px;font-size:13px;color:#84848e}.code-row button{color:#ddd;background:transparent;border:1px solid #ffffff25;border-radius:50px;padding:7px 13px;cursor:pointer}.code-row button:hover{background:#ffffff15}.code-row span:last-child{font-family:monospace;font-size:14px;color:#a7a7af}.studio{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:15px}.studio h2{font-weight:500;font-size:clamp(35px,4.2vw,60px);line-height:1.15;letter-spacing:-2px;margin:22px 0}.muted{color:var(--muted)}.studio-copy>p{font-size:18px;color:#c1c1c7;line-height:1.75}.studio-copy>p:nth-child(2){font-size:16px;color:var(--muted)}.services{margin-top:35px}.services>div{position:relative;border-top:1px solid var(--line);padding:20px 0 20px 40px}.services>div>span{position:absolute;left:0;top:22px;font-size:12px;color:#73737b}.services h3{font-size:17px;font-weight:500;margin:0 0 4px}.services p{font-size:14px;color:var(--muted);margin:0}.cta{text-align:center;background:radial-gradient(ellipse at 50% 100%,#ffffff0c,transparent 65%);padding-top:110px;padding-bottom:110px;border-top:1px solid var(--line)}.cta h2{font-size:clamp(45px,6.5vw,88px);line-height:1.12;font-weight:500;letter-spacing:-4px;margin:30px 0 38px}footer{border-top:1px solid var(--line);padding:30px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#77777e;font-size:12px}footer .brand{color:#ddd;font-size:14px}footer>span:last-child{letter-spacing:2px}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.js-motion .reveal.visible{opacity:1;transform:translateY(0)}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#eee;color:#111;border-radius:50px;padding:12px 24px;font-size:14px;opacity:0;pointer-events:none;transition:.25s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}.contact-main{position:relative;isolation:isolate;overflow:hidden;padding:85px 6% 110px;min-height:calc(100vh - 190px)}.contact-main h1{font-size:clamp(48px,6.7vw,98px);margin:35px 0 65px;line-height:1.1;letter-spacing:-.06em}.contact-columns{display:grid;grid-template-columns:1fr 1fr;gap:100px;max-width:1100px}.contact-intro{font-size:22px;line-height:1.6;max-width:460px}.contact-links{margin-top:40px}.contact-links a{display:block;margin-bottom:15px}.contact-pending{padding:22px 25px;border:1px solid var(--line);border-radius:12px}.contact-pending strong{font-weight:500;font-size:16px}.contact-pending p{font-size:14px;color:var(--muted);margin:8px 0 0}.project-note{border-left:1px solid var(--line);padding-left:45px}.project-note h2{font-size:32px;font-weight:500;line-height:1.3;letter-spacing:-1px;margin:20px 0}.project-note ul{list-style:none;padding:0;color:var(--muted);font-size:15px}.project-note li{padding:12px 0;border-bottom:1px solid var(--line)}@keyframes drift{to{transform:translate(-80px,70px) scale(1.15)}}@keyframes scrollpulse{50%{opacity:.3;transform:translateY(5px)}}@media(min-width:1600px){.header,.hero,.section,footer,.contact-main{padding-left:max(6%,calc((100vw - 1400px)/2));padding-right:max(6%,calc((100vw - 1400px)/2))}.header{margin:0;padding-left:6%;padding-right:6%}}@media(max-width:800px){.header{height:85px}nav{gap:20px}.hero{min-height:auto;padding-top:40px}.hero-index{display:none}.hero h1{margin-top:50px}.hero-bottom{align-items:start;flex-direction:column}.hero-line{margin-top:50px}.section{padding-top:65px;padding-bottom:65px}.section-heading{align-items:start;flex-direction:column;gap:20px}.map-grid{gap:40px 22px}.map-meta{align-items:start;flex-direction:column;gap:5px}.studio{grid-template-columns:1fr;gap:20px}.cta h2{letter-spacing:-2px}footer>span:last-child{display:none}.contact-columns{grid-template-columns:1fr;gap:45px}.project-note{padding-left:25px}.contact-main{padding-top:60px}.contact-main h1{margin-bottom:40px}}@media(max-width:520px){.brand{font-size:14px;gap:10px}.brand-symbol{font-size:23px}nav{gap:17px}nav>a{font-size:13px}.nav-contact{padding:8px 12px}.nav-contact .small-plus{display:none}nav>a:nth-child(2){display:none}.hero h1{font-size:76px}.hero-top .eyebrow{font-size:11px}.hero-bottom p{font-size:15px}.hero-line{font-size:10px;letter-spacing:1px}.hero-line>a{gap:10px}.map-grid{grid-template-columns:1fr}.map-meta{flex-direction:row;align-items:center}.section-heading h2{font-size:34px}.map-category{font-size:11px}.placeholder-number{font-size:105px}.cta .eyebrow{font-size:10px;letter-spacing:1px}.cta h2{font-size:46px}.contact-main h1{font-size:49px}.contact-intro{font-size:20px}footer{flex-wrap:wrap;font-size:11px}.header .brand-light{display:block;margin-left:0;font-size:10px;letter-spacing:1px;line-height:1.3}.header .brand>span:last-child{line-height:1.3}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}

