*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased}:root{--bg:#f2f2f2;--ink:#111214;--ink-soft:#6b6b6e;--ink-faint:#b0b0b3;--white:#fff;--line:rgba(17,18,20,.08);--sans:"Helvetica Neue","Inter",-apple-system,"PingFang SC",system-ui,sans-serif;--mono:"SF Mono","JetBrains Mono","Menlo","Consolas",monospace}body{font-family:var(--sans);background:var(--bg);color:var(--ink);font-size:12px;line-height:1.4;font-weight:400;letter-spacing:.01em;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.loader{position:fixed;inset:0;z-index:99999998;background:var(--bg);display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;padding:0 2rem 3rem;transition:opacity .8s ease,transform .8s ease}.loader.done{opacity:0;transform:scale(1.02);pointer-events:none}.loader-row{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.loader-text{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap}.loader-bar{flex:1;height:1px;background:var(--line);position:relative;overflow:hidden}.loader-bar-fill{position:absolute;top:0;left:0;height:1px;background:var(--ink);width:0%;transition:width .1s linear}.loader-count{font-size:12px;letter-spacing:.05em;font-variant-numeric:tabular-nums;color:var(--ink-faint);min-width:3rem;text-align:right}.loader-brand{font-size:clamp(24px,3vw,36px);font-weight:500;letter-spacing:-.02em;color:var(--ink)}.nav-full{position:fixed;top:0;left:0;right:0;z-index:100002;padding:1.2rem 2rem;display:flex;align-items:flex-start;justify-content:space-between;transition:opacity .4s ease,transform .5s cubic-bezier(.16,1,.3,1)}.nav-full.hide{opacity:0;transform:translateY(-100%);pointer-events:none}.nav-full .logo{font-size:13px;font-weight:500;letter-spacing:.02em;display:flex;align-items:center;gap:.4rem}.nav-full .logo .mark{width:20px;height:20px;border:1.5px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}.nav-full-meta{display:flex;align-items:center;gap:1.5rem;font-size:12px}.nav-full-meta span{display:flex;align-items:center;gap:.3rem}.nav-full-meta .dot{width:4px;height:4px;border-radius:50%;background:var(--ink-faint)}.nav-full-meta .live .dot{background:#c00;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.nav-full-links{display:flex;gap:2.5rem}.nav-full-col h5{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.4rem;font-weight:400}.nav-full-col a{display:block;font-size:12px;line-height:1.8;opacity:.6;transition:opacity .2s}.nav-full-col a:hover{opacity:1}@media(max-width:768px){.nav-full{padding:1rem 1.2rem}.nav-full-meta,.nav-full-links{display:none}.nav-full .nav-toggle{background:none;border:none;cursor:pointer;width:28px;height:22px;display:flex;flex-direction:column;justify-content:center;gap:5px;z-index:100003;position:relative}.nav-full .nav-toggle span{display:block;width:100%;height:2px;background:var(--ink);border-radius:1px;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s ease;transform-origin:center center}.nav-full .nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-full .nav-toggle.open span:nth-child(2){opacity:0}.nav-full .nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}.nav-compact{position:fixed;top:0;left:0;right:0;z-index:99998;padding:.8rem 2rem;display:flex;align-items:center;justify-content:space-between;background:#f2f2f2eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);opacity:0;transform:translateY(-100%);pointer-events:none;transition:opacity .35s ease,transform .4s cubic-bezier(.16,1,.3,1)}.nav-compact.show{opacity:1;transform:translateY(0);pointer-events:auto}.nav-compact-left{display:flex;align-items:center;gap:.4rem;font-size:13px;font-weight:500;letter-spacing:.02em}.nav-compact-left .mark{width:18px;height:18px;border:1.5px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600}.nav-compact-right{display:flex;align-items:center;gap:1.5rem;font-size:12px}.nav-compact-right span{display:flex;align-items:center;gap:.3rem}.nav-compact-right .dot{width:4px;height:4px;border-radius:50%;background:var(--ink-faint)}.nav-compact-right .live .dot{background:#c00}.nav-compact-menu{font-size:12px;display:flex;align-items:center;gap:.3rem;cursor:pointer;padding:.3rem .6rem;border:1px solid var(--line);transition:background .2s}.nav-compact-menu:hover{background:#1112140a}.nav-compact-menu .plus{font-size:14px;line-height:1}@media(max-width:768px){.nav-compact{padding:.7rem 1.2rem}.nav-compact-right{display:none}}.nav-toggle{display:none}.mobile-menu{display:block}@media(min-width:769px){.mobile-menu{display:none}}@media(max-width:768px){.nav-full{padding:1rem 1.2rem}.nav-full-meta,.nav-full-links{display:none}.nav-compact{display:none!important}.mobile-menu{position:fixed;top:0;left:0;right:0;z-index:100000;background:var(--bg);max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16,1,.3,1);border-bottom:0 solid var(--line)}.mobile-menu.open{max-height:320px;border-bottom-width:1px;padding-bottom:1.2rem}.mobile-menu-top{display:none}.mobile-menu-links{padding:4rem 1.2rem 0;display:flex;flex-direction:column;gap:.2rem}.mobile-menu-links a{font-size:20px;font-weight:500;letter-spacing:-.01em;line-height:1.6;opacity:0;transform:translate(-15px);transition:opacity .3s ease,transform .3s cubic-bezier(.16,1,.3,1)}.mobile-menu.open .mobile-menu-links a{opacity:.5;transform:translate(0)}.mobile-menu.open .mobile-menu-links a:nth-child(1){transition-delay:.06s}.mobile-menu.open .mobile-menu-links a:nth-child(2){transition-delay:.1s}.mobile-menu.open .mobile-menu-links a:nth-child(3){transition-delay:.14s}.mobile-menu.open .mobile-menu-links a:nth-child(4){transition-delay:.18s}.mobile-menu-links a:active{opacity:1}.mobile-menu-bottom{display:flex;gap:1.5rem;padding:.8rem 1.2rem 0;font-size:11px;color:var(--ink-faint);letter-spacing:.05em;text-transform:uppercase;opacity:0;transition:opacity .3s .15s}.mobile-menu.open .mobile-menu-bottom{opacity:1}}.hero{height:100vh;min-height:600px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-mark{font-size:clamp(200px,40vw,500px);font-weight:500;letter-spacing:-.05em;line-height:.85;opacity:0;transform:scale(1.1);transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);position:relative;z-index:1}.hero-mark.in{opacity:.06;transform:scale(1)}.hero-content{position:relative;z-index:2;text-align:center;max-width:900px;padding:0 2rem}.hero-label{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:1.5rem;opacity:0;transform:translateY(20px);transition:opacity .8s .4s,transform .8s .4s}.hero-label.in{opacity:1;transform:translateY(0)}.hero-headline{font-size:clamp(24px,3.5vw,42px);font-weight:400;line-height:1.25;letter-spacing:-.01em;opacity:0;transform:translateY(30px);transition:opacity 1s .6s cubic-bezier(.16,1,.3,1),transform 1s .6s cubic-bezier(.16,1,.3,1)}.hero-headline.in{opacity:1;transform:translateY(0)}.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-faint);opacity:0;transition:opacity 1s 1.2s}.hero-scroll.in{opacity:1}.showcase{position:relative;height:600vh}@media(max-width:768px){.showcase{height:auto}}.showcase-pin{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.showcase-img-wrap{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center}.showcase-img{width:32vw;max-width:440px;aspect-ratio:4/5;object-fit:cover;transition:opacity .8s ease;will-change:opacity}.showcase-overlay{position:absolute;inset:0;z-index:2;display:grid;grid-template-columns:1fr 1fr 1fr;padding:6rem 2.5rem 4rem;pointer-events:none;gap:2rem}.showcase-left{grid-column:1/2;align-self:center}.showcase-right{grid-column:3/4;align-self:center;text-align:right}.showcase-center-label{position:absolute;top:4rem;left:50%;transform:translate(-50%);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.text-block{position:absolute;opacity:0;transition:opacity .5s ease,transform .5s cubic-bezier(.16,1,.3,1)}@media(max-width:768px){.text-block{position:relative;opacity:1!important;transform:none!important;display:none}.text-block.active{display:block}}.text-block.from-left{transform:translate(-40px)}.text-block.from-right{transform:translate(40px)}.text-block.active{opacity:1;transform:translate(0)}.text-block .num{font-family:var(--mono);font-size:11px;color:var(--ink-faint);margin-bottom:.6rem}.text-block .name{font-size:clamp(20px,2.2vw,32px);font-weight:500;letter-spacing:-.015em;line-height:1.15;margin-bottom:.3rem}.text-block .location{font-size:12px;color:var(--ink-soft)}.text-block .desc{font-size:13px;line-height:1.6;color:var(--ink-soft);max-width:240px;margin-left:auto}.text-block .specs{margin-top:1rem;font-family:var(--mono);font-size:11px;color:var(--ink-faint);line-height:1.8}.pagination{position:absolute;bottom:5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.8rem;font-family:var(--mono);font-size:11px;z-index:3}.pagination .current{color:var(--ink);font-weight:500;min-width:18px;text-align:right}.pagination .sep{color:var(--ink-faint)}.pagination .total{color:var(--ink-faint);min-width:18px}.pagination-bar{width:120px;height:1px;background:var(--line);margin:0 .5rem;position:relative}.pagination-fill{position:absolute;top:0;left:0;height:1px;background:var(--ink);width:20%;transition:width .6s cubic-bezier(.16,1,.3,1)}.showcase-section-label{position:absolute;top:2rem;left:2.5rem;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);z-index:3}.mobile-projects{display:none}.mobile-projects-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);padding:3rem 1.2rem 1rem}.mobile-project{padding:0 1.2rem 2.5rem}.mobile-project img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:1rem}.mp-info .mp-num{font-family:var(--mono);font-size:11px;color:var(--ink-faint);display:block;margin-bottom:.3rem}.mp-info h3{font-size:20px;font-weight:500;letter-spacing:-.01em;margin-bottom:.2rem}.mp-info .mp-loc{font-size:12px;color:var(--ink-soft);display:block;margin-bottom:.6rem}.mp-info p{font-size:13px;line-height:1.6;color:var(--ink-soft);margin-bottom:.6rem}.mp-info .mp-specs{font-family:var(--mono);font-size:10px;color:var(--ink-faint);line-height:1.6}@media(max-width:768px){.showcase{display:none!important}.mobile-projects{display:block!important}.hero-mark{font-size:clamp(120px,50vw,250px)}.hero-content{padding:0 1.5rem}.hero-headline{font-size:clamp(18px,5.5vw,26px)}.hero-label{font-size:10px;letter-spacing:.1em}.statement{padding:6rem 1.5rem}.statement-text{font-size:clamp(20px,5vw,32px)}.stats-row{grid-template-columns:1fr 1fr}.stat-cell{padding:1.5rem 1.2rem;border-bottom:1px solid var(--line)}.stat-cell .val{font-size:24px}.contact{padding:6rem 1.5rem}.contact-text{font-size:clamp(24px,6vw,36px)}footer{padding:3rem 1.5rem 1.5rem}.foot-top{grid-template-columns:1fr;gap:2rem}.foot-bottom{flex-direction:column;gap:.5rem}.loader{padding:0 1.5rem 2rem}.loader-brand{font-size:24px}}.statement{padding:12rem 2rem;display:flex;justify-content:center}.statement-inner{max-width:1000px}.statement-text{font-size:clamp(24px,3.5vw,48px);font-weight:400;line-height:1.25;letter-spacing:-.015em;opacity:0;transform:translateY(30px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.statement-text.visible{opacity:1;transform:translateY(0)}.statement-text em{font-style:normal;color:var(--ink-faint)}.statement-meta{margin-top:3rem;font-size:12px;color:var(--ink-soft);opacity:0;transform:translateY(20px);transition:opacity .8s .3s,transform .8s .3s}.statement-meta.visible{opacity:1;transform:translateY(0)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}.stat-cell{padding:2.5rem 2rem;border-right:1px solid var(--line)}.stat-cell:last-child{border-right:none}.stat-cell .val{font-family:var(--mono);font-size:clamp(28px,3vw,44px);font-weight:400;letter-spacing:-.02em;line-height:1}.stat-cell .label{font-size:11px;color:var(--ink-soft);margin-top:.6rem}@media(max-width:768px){.stats-row{grid-template-columns:1fr 1fr}.stat-cell{border-bottom:1px solid var(--line)}}.contact{padding:12rem 2rem;text-align:center}.contact-text{font-size:clamp(28px,4vw,56px);font-weight:500;letter-spacing:-.02em;line-height:1.15;margin-bottom:3rem}.contact-btn{display:inline-flex;align-items:center;gap:.5rem;font-size:12px;font-weight:500;letter-spacing:.03em;text-transform:uppercase;padding:.8rem 1.8rem;border:1px solid var(--ink);transition:background .2s,color .2s}.contact-btn:hover{background:var(--ink);color:var(--bg)}footer{background:var(--ink);color:var(--bg);padding:4rem 2rem 2rem}.foot-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:4rem}.foot-brand .name{font-size:14px;font-weight:500;margin-bottom:.5rem}.foot-brand .tag{font-size:12px;color:#fff6;line-height:1.6}.foot-col h4{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#ffffff4d;margin-bottom:.8rem;font-weight:400}.foot-col p{font-size:12px;line-height:1.7;color:#fff9}.foot-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:1.5rem;display:flex;justify-content:space-between;font-size:11px;color:#ffffff40}@media(max-width:768px){.foot-top{grid-template-columns:1fr;gap:2rem}.foot-bottom{flex-direction:column;gap:.5rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.loader{display:none}.hero-mark{opacity:.06!important;transform:none!important}.hero-label,.hero-headline,.hero-scroll{opacity:1!important;transform:none!important}}