:root{--bg:#101112;--surface:#191a1c;--text:#f0f0ed;--muted:#a2a3a4;--accent:#f48d54;--line:#343537}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:#111}.wrap{max-width:1440px;margin:auto;padding:0 6vw}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid var(--line);position:relative;z-index:10;background:#101112}.brand{font-size:14px;font-weight:700;letter-spacing:2px}.brand span{color:var(--accent)}.nav nav{display:flex;gap:36px;font-size:13px}.nav a:hover,.text-link:hover{color:var(--accent)}.mono,.eyebrow,.section-label,.small{font-size:12px;letter-spacing:1.5px;color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:2px}.menu{display:none}.skip{position:fixed;left:12px;top:-100px;z-index:100;background:var(--accent);color:#111;padding:10px}.skip:focus{top:10px}.hero{position:relative;min-height:740px;overflow:hidden;padding-top:50px}.hero-top{display:flex;justify-content:space-between}.hero h1{font-size:clamp(56px,6.8vw,106px);font-weight:500;letter-spacing:-5px;line-height:1.2;margin:85px 0 40px;position:relative;z-index:2}.hero h1 span{color:var(--muted)}.hero-bottom{display:flex;align-items:center;gap:65px;position:relative;z-index:2}.hero-bottom p{font-size:14px;line-height:1.9;color:var(--muted)}.button{display:inline-flex;align-items:center;gap:52px;background:var(--text);color:#171819;padding:19px 24px;border:0;border-radius:2px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:var(--accent);transform:translateY(-3px)}.button span{font-size:20px}.hero-line{display:flex;justify-content:space-between;margin-top:85px;padding:23px 0;border-top:1px solid var(--line);font-size:10px;letter-spacing:2px;color:var(--muted)}.hero-art{position:absolute;right:1%;top:95px;width:520px;height:480px;display:grid;place-items:center;opacity:.85;pointer-events:none;mask-image:linear-gradient(to right,transparent,black 20%)}.hero-art>span{font-size:320px;font-weight:200;background:linear-gradient(120deg,#fff 10%,#434547 34%,#e5e7e8 47%,#494b4e 58%,#111 75%);background-clip:text;color:transparent;transform:rotate(-12deg)}.orbit{position:absolute;width:430px;height:200px;border:1px solid #777;border-radius:50%;transform:rotate(-40deg);box-shadow:0 0 50px #ffffff09}.o2{transform:rotate(55deg);border-color:#444}.o3{transform:rotate(6deg);border-color:#f48d5455}.section{padding-top:105px;padding-bottom:20px}.section-label{border-top:1px solid var(--line);padding-top:24px;margin-bottom:55px;color:var(--accent);font-size:10px}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.portrait{min-height:480px;background:radial-gradient(ellipse at 30% 10%,#4a4b4d,#222426 50%,#151617);border:1px solid var(--line);position:relative;overflow:hidden;display:grid;place-items:center}.portrait>span{font-size:230px;letter-spacing:-30px;color:#c2c4c6;font-weight:200;transform:rotate(-12deg)}.portrait small{position:absolute;bottom:26px;left:28px;font-size:10px;letter-spacing:2px;color:var(--muted)}h2{font-size:clamp(32px,3.5vw,52px);line-height:1.35;letter-spacing:-1.5px;font-weight:500;margin:20px 0 24px}.body-copy{font-size:14px;line-height:2;color:var(--muted);max-width:550px}.experience{margin:30px 0;display:grid;grid-template-columns:90px 1fr;gap:12px;font-size:13px}.experience>span{grid-row:span 2;color:var(--muted);padding-top:3px}.experience p{margin:0}.experience small{display:block;margin-top:6px;color:var(--muted);font-size:11px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:22px;margin:25px 0}.stats b{display:block;font-size:30px;font-weight:400}.stats span{font-size:11px;color:var(--muted);display:block;margin-top:8px}.text-link{font-size:13px;border-bottom:1px solid var(--muted);padding-bottom:5px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-heading h2{margin:0}.project{display:block;margin-bottom:65px}.project-image{position:relative;background:#171717;overflow:hidden;border-radius:3px;aspect-ratio:1.75}.project-image img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .7s}.project:hover img{transform:scale(1.025)}.project-open{position:absolute;right:25px;bottom:25px;background:#101112dd;padding:15px 20px;font-size:12px;border:1px solid #ffffff33}.project-info{display:flex;justify-content:space-between;align-items:center;padding-top:22px}.project h3{font-size:26px;font-weight:500;margin:12px 0}.project p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.8}.tags{font-size:11px;color:var(--muted)}.second{width:88%;margin-left:auto}.capabilities{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:50px}.capabilities article{background:var(--surface);padding:34px;border:1px solid var(--line);border-radius:3px}.capabilities h3{font-size:24px;font-weight:500;margin-top:45px}.capabilities p{font-size:14px;color:var(--muted);line-height:1.9;max-width:400px}.capabilities small{display:block;color:var(--accent);font-size:11px;margin-top:32px}.contact{margin-top:130px;padding-top:70px;background:#1b1c1e;border-top:1px solid var(--line)}.contact h2{font-size:clamp(44px,6vw,88px);letter-spacing:-3px}.contact-row{display:flex;justify-content:space-between;align-items:center;margin:40px 0 90px}.contact-row p{font-size:14px;line-height:2;color:var(--muted)}#contact-note{font-size:12px}footer{border-top:1px solid var(--line);padding:30px 0;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}dialog{max-width:520px;width:calc(100% - 40px);background:var(--surface);color:var(--text);border:1px solid var(--line);padding:40px;border-radius:4px}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog p{font-size:14px;line-height:1.9;overflow-wrap:anywhere}.close{position:absolute;right:16px;top:10px;background:none;color:var(--text);border:0;font-size:28px}.portal{min-height:calc(100dvh - 88px);position:relative;overflow:hidden;display:flex;align-items:center;padding:70px 9vw 110px}#visual{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.portal-copy{position:relative;z-index:1}.portal h1{font-size:clamp(64px,7.4vw,116px);line-height:1.15;letter-spacing:-5px;font-weight:500;margin:30px 0}.portal-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-bottom:35px}.portal-foot{position:absolute;bottom:30px;left:6vw;right:6vw;display:flex;justify-content:space-between;border-top:1px solid #ffffff25;padding-top:24px;font-size:10px;letter-spacing:1.5px;color:var(--muted)}.case{padding-top:65px}.case h1{font-size:clamp(36px,5vw,72px);font-weight:500;margin:25px 0}.case-summary{display:flex;justify-content:space-between;gap:30px;margin:30px 0 55px;color:var(--muted);line-height:1.9}.case-image{width:100%;height:auto;display:block}.case-back{display:flex;justify-content:space-between;padding:40px 0 80px;font-size:14px}@media(min-width:1600px){.wrap{padding:0 85px}.hero{padding-top:50px}.section{padding-top:105px}.case{padding-top:65px}}@media(max-width:900px){.hero-art{right:-140px;opacity:.45}.about-grid{gap:40px}.portrait{min-height:400px}.portrait>span{font-size:170px}.second{width:100%}.tags{display:none}.section-heading .small{max-width:150px;line-height:1.7}}@media(max-width:640px){.nav{height:72px}.brand{font-size:11px;letter-spacing:1px}.nav>.mono{display:none}.nav>a:last-child{font-size:12px}.menu{display:block;background:none;border:1px solid var(--line);color:var(--text);font-size:12px;padding:9px 12px}.nav nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--surface);padding:25px 6vw;border-bottom:1px solid var(--line)}.nav nav.open{display:flex;flex-direction:column;gap:25px}.hero{min-height:690px;padding-top:25px}.hero-top .small{display:none}.hero h1{font-size:52px;letter-spacing:-2px;margin-top:95px}.hero-art{width:390px;right:-200px;top:130px}.hero-art>span{font-size:270px}.hero-bottom{display:block}.hero-bottom p{font-size:13px}.hero-bottom .button{margin-top:14px}.hero-line{margin-top:55px;gap:15px;font-size:8px;letter-spacing:.5px}.section{padding-top:65px}.section-label{margin-bottom:35px}.about-grid{grid-template-columns:1fr;gap:30px}.portrait{min-height:280px}.portrait>span{font-size:185px}.section-heading{display:block}.section-heading>.small{max-width:none;display:block;margin-top:20px}.project-image{aspect-ratio:1.3}.project-open{right:12px;bottom:12px;font-size:11px;padding:10px 12px}.project h3{font-size:23px}.project{margin-bottom:45px}.capabilities{grid-template-columns:1fr;margin-top:30px}.capabilities article{padding:26px}.capabilities h3{margin-top:30px}.contact{margin-top:75px;padding-top:45px}.contact h2{letter-spacing:-2px}.contact-row{display:block;margin-bottom:60px}.contact-row .button{margin-top:20px}footer{flex-wrap:wrap;gap:20px}footer .brand{width:100%}.portal{min-height:calc(100dvh - 72px);padding:65px 6vw 130px}.portal h1{font-size:67px;letter-spacing:-3px}.portal-copy>p:not(.eyebrow){font-size:12px;max-width:230px;line-height:1.9}.portal-foot{gap:15px;font-size:8px}.portal-foot span:nth-child(2){display:none}.case-summary{display:block}.case-summary .button{margin-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}