:root{color:#f7f2e8;background:#0d0d0d;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#0d0d0d}html,body,#root{min-height:100%;margin:0}body{overflow-x:hidden;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.035) 1px,transparent 1px),#0d0d0d;background-size:80px 80px}a{color:inherit;text-decoration:none}img{display:block}.portfolio-page{width:100%;min-height:100vh;background:radial-gradient(circle at 82% 9%,rgba(236,36,22,.2),transparent 22%),radial-gradient(circle at 12% 55%,rgba(255,232,0,.12),transparent 24%),#0d0d0d}.hero-section{min-height:100svh;position:relative;display:block;padding:0;overflow:hidden}.hero-section:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:34px;z-index:18;pointer-events:none;background:linear-gradient(90deg,#ffe80014,#ef2b191a 58%,#ffffff09),linear-gradient(180deg,#0d0d0d05,#0d0d0d5c);backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);mix-blend-mode:normal}.site-nav{width:100%;min-height:32px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:0;position:absolute;top:0;left:50%;transform:translate(-50%);z-index:30;padding:0 clamp(18px,3vw,52px);background:linear-gradient(90deg,#ef2b191a,#ffe80014 46%,#ffffff09),linear-gradient(180deg,#12121261,#1212122e);box-shadow:0 10px 42px #00000024;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%)}.site-nav nav{width:min(760px,100%);display:flex;align-items:center;justify-content:space-between;gap:28px;color:#f7f2e8b8;font-size:13px;line-height:1;letter-spacing:0;text-transform:uppercase}.site-nav nav a:hover{color:#ffe800}.hero-frame{width:100vw;height:100svh;display:grid;place-items:center;position:sticky;top:0;overflow:hidden}.hero-frame:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid rgba(255,255,255,.08);pointer-events:none;z-index:25}.hero-canvas{width:max(100vw,calc(100svh * 16 / 9));height:max(100svh,56.25vw);position:relative;overflow:hidden;background:#111;isolation:isolate;box-shadow:0 28px 110px #0000007a}.hero-element{position:absolute;transform-origin:center center;transition:transform 80ms linear;will-change:transform}.hero-element img{width:100%;height:100%;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none}.is-floating{animation:float-subtle 8s ease-in-out infinite}.hero-meta{width:min(1680px,calc(100% - 48px));position:absolute;left:50%;bottom:28px;transform:translate(-50%);display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;color:#f7f2e89e;font-size:12px;text-transform:uppercase;z-index:31}.hero-meta span:nth-child(2){color:#ffe800}.hero-meta span:last-child{text-align:right;color:#ef2b19;font-weight:800}.intro-section,.brand-section,.works-section,.contact-section{width:min(1680px,calc(100% - 48px));min-height:100svh;margin:0 auto;padding:128px 0;display:flex;flex-direction:column;justify-content:center}.section-kicker{color:#ef2b19;font-size:12px;font-weight:900;text-transform:uppercase;margin-bottom:18px}.intro-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(32px,7vw,120px);align-items:start}.intro-grid h1,.section-heading h2,.contact-section h2{margin:0;font-size:7.5rem;line-height:.92;font-weight:900;letter-spacing:0}.intro-copy{display:grid;gap:22px;color:#f7f2e8b8;font-size:1.25rem;line-height:1.72;border-left:4px solid #ffe800;padding-left:28px}.intro-copy p{margin:0}.section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,520px);gap:32px;align-items:end;margin-bottom:34px}.section-heading p,.contact-section p{margin:0;color:#f7f2e8a8;font-size:17px;line-height:1.7}.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.14);border-left:1px solid rgba(255,255,255,.14)}.brand-card{min-height:560px;display:grid;grid-template-rows:auto auto auto auto 1fr;gap:18px;padding:clamp(22px,3vw,42px);border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);background:#ffffff09}.brand-card span,.module-index{color:#ffe800;font-size:13px;font-weight:900}.brand-card h3,.module-card h3{margin:0;font-size:3rem;line-height:.95;font-weight:900}.brand-card small{color:#ef2b19;font-weight:800}.brand-card p,.module-card p{margin:0;color:#f7f2e8a8;line-height:1.65}.image-slot,.module-placeholder{min-height:240px;align-self:end;display:grid;place-items:center;color:#f7f2e85c;border:1px dashed rgba(255,232,0,.42);background:linear-gradient(135deg,transparent 0 48%,rgba(255,232,0,.16) 49% 51%,transparent 52%),#00000047;font-size:12px;font-weight:800}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.module-card{min-height:360px;display:grid;grid-template-columns:80px 1fr;grid-template-rows:auto auto 1fr;gap:18px 28px;padding:clamp(22px,3vw,38px);background:#151515;border:1px solid rgba(255,255,255,.12);position:relative;overflow:hidden}.module-card:after{content:"";position:absolute;right:-40px;top:-40px;width:150px;height:150px;background:#ef2b19;transform:rotate(12deg)}.module-card h3,.module-card p,.module-placeholder{grid-column:2}.module-placeholder{min-height:150px}.contact-section{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:40px;align-items:center;border-top:1px solid rgba(255,255,255,.14)}@keyframes float-subtle{0%,to{translate:0 0}50%{translate:0 -1.1%}}@media(max-width:900px){.hero-section{min-height:100svh}.site-nav{width:100%;min-height:30px;top:0;padding:0 14px}.site-nav nav{gap:14px;justify-content:space-between;font-size:12px}.hero-frame{width:100vw;height:100svh}.hero-meta,.intro-grid,.section-heading,.contact-section{grid-template-columns:1fr}.hero-meta span:last-child{text-align:left}.brand-grid,.module-grid{grid-template-columns:1fr}.module-card{grid-template-columns:44px 1fr}.intro-section,.brand-section,.works-section,.contact-section{width:min(100% - 28px,760px);min-height:auto;padding:88px 0}.intro-grid h1,.section-heading h2,.contact-section h2{font-size:4rem}.intro-copy{font-size:1rem}.brand-card h3,.module-card h3{font-size:2.35rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}