:root{color-scheme:dark;--ink: #030711;--ink-soft: #07101d;--surface: #0a1321;--line: rgba(151, 190, 255, .23);--line-strong: rgba(160, 203, 255, .48);--text: #f6f7fb;--muted: #9ca9ba;--accent: #7db7ff;--accent-strong: #9fd0ff;--violet: #897cff;--serif: "Times New Roman", "Noto Serif SC", Georgia, serif;--sans: Inter, "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:var(--ink);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{color:#02040a;background:var(--accent-strong)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--ink)}::-webkit-scrollbar-thumb{background:#26364f;border-radius:999px}.container{position:relative;width:min(1700px,calc(100% - 96px));margin-inline:auto}.section{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line)}.site-header{position:fixed;z-index:80;top:0;left:0;width:100%;height:84px;padding:0 clamp(24px,3vw,56px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;transform:none;border:0;border-radius:0;background:#030711ad;box-shadow:0 1px #97beff33;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:background .22s ease,height .22s ease,box-shadow .22s ease}.site-header.is-scrolled{height:68px;background:#030711e6;box-shadow:0 1px #97beff42;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.brand{font-family:var(--serif);font-size:34px;line-height:1;font-style:italic;letter-spacing:-.02em}.desktop-nav{justify-self:center;display:flex;align-items:center}.desktop-nav a{position:relative;padding:12px 25px;color:#cad2de;font-size:14px;letter-spacing:.08em;white-space:nowrap}.desktop-nav a+a:before{content:"";position:absolute;left:0;top:16px;width:1px;height:12px;background:var(--line)}.desktop-nav a:after{content:"";position:absolute;left:25px;right:25px;bottom:6px;height:1px;background:var(--accent);transform:scaleX(0);transition:transform .18s ease}.desktop-nav a:hover,.desktop-nav a.active{color:#fff}.desktop-nav a:hover:after,.desktop-nav a.active:after{transform:scaleX(1)}.header-contact{justify-self:end;min-height:44px;padding:0 17px;display:inline-flex;align-items:center;gap:18px;color:#eef4ff;border:1px solid var(--line-strong);background:#040a166b;font-size:13px;letter-spacing:.08em;transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease}.header-contact:hover{color:#fff;border-color:var(--accent);background:#0f1f3ad1;transform:translateY(-2px)}.menu-button{display:none;justify-self:end;color:#fff;background:none;border:0;padding:8px;cursor:pointer}.mobile-nav{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;visibility:hidden;opacity:0;background:#030711f5;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transition:opacity .2s ease,visibility .2s ease}.mobile-nav.open{visibility:visible;opacity:1}.mobile-nav>button{position:absolute;top:24px;right:24px;border:1px solid var(--line);color:#fff;background:transparent;border-radius:999px;width:48px;height:48px;display:grid;place-items:center}.mobile-nav nav{display:flex;flex-direction:column;align-items:center;gap:20px}.mobile-nav a{font-family:var(--serif);font-size:clamp(30px,9vw,46px)}.hero{min-height:100svh;background:var(--ink);position:relative;z-index:2}.hero-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:center;background:var(--ink)}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(to bottom,#02050c1a,#02050c1a 60%,#050a14cc 85%,#050a14)}.hero-content{min-height:100svh;display:flex;align-items:center}.section-index{display:flex;gap:12px;align-items:center;color:var(--accent);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.hero .section-index{position:absolute;top:124px;left:0}.hero-copy{width:min(720px,50vw);padding-top:72px}.eyebrow{display:inline-block;color:var(--accent);font-size:12px;letter-spacing:.11em}.hero h1{margin:18px 0 2px;font-family:var(--serif);font-size:clamp(70px,7vw,122px);line-height:.98;font-weight:400;letter-spacing:-.04em}.hero-title{margin:18px 0 22px;font-family:var(--serif);font-size:clamp(34px,4.1vw,76px);line-height:.96;letter-spacing:-.03em}.hero-roles{margin:0 0 46px;color:#c4cad4;font-size:14px;letter-spacing:.035em}.primary-button{width:max-content;min-height:54px;padding:0 20px;display:inline-flex;align-items:center;gap:28px;border:1px solid var(--line-strong);border-radius:5px;background:#0a162bb8;box-shadow:0 0 28px #4a7cff1f;font-size:14px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.primary-button:hover{transform:translateY(-3px);border-color:var(--accent);background:#112444e6}.scroll-cue{position:absolute;right:0;bottom:34px;display:grid;justify-items:center;gap:8px;color:#c4cfdf;font-size:9px;letter-spacing:.14em}.about{padding:96px 0 32px;background:transparent}.section-ribbon{position:absolute;z-index:-1;opacity:.36;pointer-events:none}.about-ribbon{left:-18%;bottom:-70px;width:76%;transform:rotate(8deg)}.about-grid{margin-top:34px;display:grid;grid-template-columns:minmax(320px,.82fr) 1.6fr;gap:clamp(54px,7vw,130px);align-items:start}.portrait-column{position:relative}.portrait-frame{position:relative;height:clamp(560px,41vw,680px);margin:0;overflow:hidden;border:1px solid var(--line-strong);border-radius:8px;background:#0a1321d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.portrait-frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;filter:saturate(.78) contrast(1.08);transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .4s ease}.portrait-frame:hover img{transform:scale(1.035);filter:saturate(.95) contrast(1.03)}.portrait-signature{position:absolute;right:22px;bottom:18px;z-index:2;color:var(--accent-strong);font-family:var(--serif);font-size:clamp(58px,4.8vw,82px);font-style:italic;font-weight:400;line-height:.9;letter-spacing:-.06em;text-shadow:0 0 28px rgba(125,183,255,.28),0 2px 16px rgba(3,7,17,.7);-webkit-user-select:none;user-select:none}.about-copy{padding-top:16px}.about h2,.works h2,.advantages h2,.motion h2,.contact h2{font-family:var(--serif);font-weight:400;letter-spacing:-.035em}.about h2{margin:10px 0 12px;font-size:clamp(48px,5vw,78px)}.about-lead{max-width:860px;color:#c4ccd8;font-size:16px;line-height:1.8}.profile-meta{margin-top:28px;padding:20px 0;display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.profile-meta span,.profile-meta a{display:flex;gap:9px;align-items:center;color:#b8c3d2;font-size:12px}.profile-meta svg{color:var(--accent);flex:0 0 auto}.metrics{padding:28px 0 24px;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.metrics div{min-width:0;padding:0 22px;display:flex;flex-direction:column;gap:6px;border-left:1px solid rgba(151,190,255,.16)}.metrics div:first-child{padding-left:0;border-left:0}.metrics div:last-child{padding-right:0}.metrics strong{color:var(--accent);font-family:var(--serif);font-size:42px;font-weight:400}.metrics span{color:var(--muted);font-size:12px}.timeline{padding-top:22px}.timeline article{position:relative;padding:15px 0 15px 22px;display:grid;grid-template-columns:155px 1fr;gap:28px;border-left:1px solid var(--line-strong)}.timeline article:before{content:"";position:absolute;left:-5px;top:20px;width:9px;height:9px;border-radius:50%;background:var(--ink);border:2px solid var(--accent)}.timeline time{color:#c4cddb;font-size:13px}.timeline h3{margin:0 0 8px;font-size:15px;font-weight:500}.timeline p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.tool-strip{margin-top:32px;display:flex;gap:9px;flex-wrap:wrap}.tool-strip span{padding:9px 13px;color:#bac5d4;border:1px solid var(--line);border-radius:5px;background:#0a121ec2;font-size:11px;transition:color .18s ease,border-color .18s ease}.tool-strip span:hover{color:#fff;border-color:var(--accent)}.works{padding:84px 0 92px;background:transparent}.section-heading{margin-bottom:26px}.works h2{margin:10px 0 0;display:flex;align-items:center;gap:14px;font-size:clamp(46px,5vw,72px)}.works h2 svg{color:var(--accent)}.projects-grid{display:grid;grid-template-columns:1.45fr .76fr .76fr;grid-template-rows:300px 300px 250px;gap:14px}.project-card{position:relative;overflow:hidden;padding:0;color:#fff;text-align:left;border:1px solid var(--line);border-radius:8px;background:#0a1321bf;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.project-card img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .35s ease}.project-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#03071140;transition:background .25s ease}.project-card:hover img{transform:scale(1.055);filter:saturate(1.1)}.project-card:hover .project-shade{background:#0307110d}.project-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.project-lead{grid-row:1 / span 2}.project-wide{grid-column:span 1}.project-card:nth-child(6){grid-column:1 / span 1}.project-card:nth-child(7){grid-column:2 / span 2}.project-caption{position:absolute;z-index:2;left:22px;right:22px;bottom:18px;display:grid;gap:5px;text-shadow:0 2px 16px #000}.project-number{color:var(--accent);font-family:var(--serif);font-size:29px}.project-caption strong{font-size:17px;font-weight:500}.project-caption small{color:#b9c4d3;font-size:9px;letter-spacing:.09em}.project-card.project-lead .project-caption{left:30px;right:30px;bottom:26px;padding:8px 10px;overflow:hidden}.project-card.project-lead .project-caption small{font-size:8px;line-height:1.45;letter-spacing:.07em;overflow-wrap:anywhere}.project-arrow{position:absolute;z-index:3;top:15px;right:15px;width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--line-strong);background:#03071194}.advantages{min-height:650px;padding:86px 0 88px;background:transparent}.advantages-ribbon{right:-24%;bottom:-120px;width:72%;transform:rotate(-8deg);opacity:.28}.advantages h2{position:relative;z-index:2;margin:12px 0 52px;font-size:clamp(46px,5vw,72px)}.ghost-title{position:absolute;z-index:-1;top:14px;left:210px;color:#6e8cbc1f;font-family:var(--serif);font-size:clamp(90px,13vw,220px);letter-spacing:-.04em;white-space:nowrap}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.capability-card{min-height:280px;padding:46px 34px 36px;border-left:1px solid var(--line);background:#050c1873;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.capability-card:last-child{border-right:1px solid var(--line)}.capability-card svg{color:var(--accent);filter:drop-shadow(0 0 14px rgba(76,137,255,.24))}.capability-card h3{margin:40px 0 12px;font-size:20px;font-weight:500;color:#fff}.capability-card p{margin:0;color:#ffffffc7;font-size:13px;line-height:1.75}.motion{padding:90px 0 96px;background:transparent}.motion-grid{display:grid;grid-template-columns:.62fr 1.55fr;gap:56px;align-items:center}.motion h2{margin:15px 0 24px;font-size:clamp(50px,6vw,84px)}.motion-intro p{max-width:460px;font-size:14px;line-height:1.8;color:#ffffffc7}.text-button{margin-top:34px;padding:0;display:inline-flex;align-items:center;gap:20px;color:var(--accent);border:0;background:none;font-size:12px;letter-spacing:.1em;cursor:pointer}.motion-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.motion-card{position:relative;height:520px;overflow:hidden;padding:0;color:#fff;text-align:left;border:1px solid var(--line);border-radius:7px;background:#0a1321bf;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.motion-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.motion-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0307112e}.motion-card:hover img{transform:scale(1.05)}.motion-play{position:absolute;z-index:2;left:50%;top:50%;width:68px;height:68px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.75);border-radius:50%;background:#0307118c;transition:transform .18s ease,background .18s ease}.motion-card:hover .motion-play{transform:translate(-50%,-50%) scale(1.08);background:#507bdc8c}.motion-caption{position:absolute;z-index:2;left:22px;right:22px;bottom:22px;display:grid;gap:8px}.motion-caption strong{font-size:20px;font-weight:500}.motion-caption small{color:var(--accent);font-size:10px;letter-spacing:.08em}.contact{min-height:0;padding:clamp(96px,7vw,124px) 0 28px;background:transparent}.contact-ribbon{position:absolute;z-index:-1;inset:auto 0 0;width:100%;height:58%;object-fit:cover;opacity:.42}.contact-inner{min-height:0;display:grid;grid-template-columns:.72fr 1.28fr;grid-template-rows:auto auto auto;column-gap:clamp(52px,5vw,86px);row-gap:40px;align-items:center}.contact-copy{align-self:start;max-width:560px;display:flex;flex-direction:column}.contact-copy .section-index{margin-bottom:0}.contact-copy h2{margin:48px 0 28px;font-size:clamp(50px,6vw,84px);line-height:1}.contact-copy>p{margin:0 0 16px;font-size:clamp(26px,2.4vw,34px);line-height:1.4;color:#fffffff2;white-space:nowrap}.contact-copy>span{display:block;color:var(--accent);font-size:12px;letter-spacing:.12em}.contact-copy .primary-button{margin-top:32px}.contact-panel{display:grid;grid-template-columns:1fr 1fr 220px;grid-template-rows:1fr 1fr;min-height:300px;border:1px solid var(--line-strong);border-radius:8px;background:#050c18c2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.contact-cell{padding:28px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:8px 12px;align-content:center;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.contact-cell:nth-child(3),.contact-cell:nth-child(4){border-bottom:0}.contact-cell svg{grid-row:1 / span 2;align-self:center;color:var(--accent)}.contact-cell span{color:var(--muted);font-size:12px}.contact-cell a,.contact-cell strong{font-size:15px;font-weight:500;overflow-wrap:anywhere}.qr-cell{grid-column:3;grid-row:1 / span 2;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.qr-cell span{font-size:13px;font-weight:500;color:var(--accent);letter-spacing:.05em}.qr-cell img{width:140px;height:140px;object-fit:contain;border-radius:4px;background:#fff;padding:.3px}.collaboration-band{grid-column:1 / -1;min-height:128px;margin-top:0;padding:18px 28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;border:1px solid var(--line-strong);border-radius:8px;background:#050c18a3;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.collaboration-band:hover{border-color:var(--accent)}.collab-mark{width:70px;height:70px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;color:var(--accent)}.collaboration-band strong{display:block;margin-bottom:7px;font-family:var(--serif);font-size:30px;font-weight:400}.collaboration-band small{color:var(--muted)}footer{grid-column:1 / -1;padding-top:24px;display:flex;justify-content:space-between;color:#8390a1;font-size:10px;letter-spacing:.11em}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;padding:40px;display:grid;place-items:center;background:#02050ce6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.modal-panel{position:relative;width:min(1420px,94vw);max-height:90vh;overflow:auto;border:1px solid var(--line-strong);border-radius:10px;background:#07101d;box-shadow:0 32px 100px #000000a6}.modal-close{position:sticky;z-index:4;top:14px;float:right;margin:14px 14px -60px 0;width:46px;height:46px;display:grid;place-items:center;color:#fff;border:1px solid var(--line-strong);border-radius:50%;background:#030711cc;cursor:pointer}.project-modal-panel{width:min(1540px,96vw);height:min(94vh,1180px);max-height:94vh;overflow:hidden;border-color:transparent;border-radius:0;background:#030812e6;box-shadow:none}.project-modal-content{width:min(1080px,calc(100% - 120px));height:calc(100% - 32px);min-height:0;margin:16px auto;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;border:1px solid var(--line-strong);border-radius:8px;background:#030712;box-shadow:0 28px 90px #0000006b,0 0 48px #538fff0d}.project-modal-media{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(100,158,241,.45) transparent;background:#02050c}.project-modal-media::-webkit-scrollbar{width:7px}.project-modal-media::-webkit-scrollbar-track{background:transparent}.project-modal-media::-webkit-scrollbar-thumb{border-radius:999px;background:#649ef173}.project-modal-media>img{display:block;width:100%;height:auto;max-width:none;object-fit:initial;background:#02050c}.amazon-gallery>img,.project-03-media>img,.project-06-media>img,.project-07-media>img{clip-path:inset(0 0 2px 0);margin-bottom:-2px}.amazon-modal-content,.brand-modal-content{background:#050a14}.amazon-browser{min-height:0;overflow-x:hidden;overflow-y:auto;padding:34px;background:radial-gradient(circle at 20% 0%,rgba(45,107,198,.13),transparent 34%),linear-gradient(145deg,#030712,#07101d);scrollbar-width:thin;scrollbar-color:rgba(100,158,241,.45) transparent}.amazon-browser-heading{max-width:720px;padding-right:64px}.amazon-browser-heading h3{margin:10px 0 8px;font-size:clamp(38px,4vw,58px)}.amazon-browser-heading p{max-width:620px;margin:0;color:#8f9caf;font-size:13px}.amazon-back{margin:0 0 22px;padding:0;display:inline-flex;align-items:center;gap:9px;color:var(--accent);border:0;background:transparent;font-size:12px;letter-spacing:.06em;cursor:pointer}.amazon-back:hover,.amazon-back:focus-visible{color:#e3efff;outline:none}.amazon-back-sticky{position:sticky;z-index:3;top:14px;left:16px;margin:14px 0 -54px 16px;padding:10px 14px;border:1px solid var(--line-strong);border-radius:3px;background:#030711db;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.amazon-card-grid{margin-top:30px;display:grid;gap:16px}.amazon-card-grid.is-categories,.amazon-card-grid.is-products{grid-template-columns:repeat(2,minmax(0,1fr))}.amazon-entry-card{position:relative;min-height:245px;overflow:hidden;padding:0;color:#fff;text-align:left;border:1px solid rgba(113,159,224,.28);border-radius:6px;background:#07101d;cursor:pointer}.amazon-card-grid.is-categories .amazon-entry-card{min-height:370px}.amazon-entry-card>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .3s ease}.amazon-empty-cover{position:absolute;top:0;right:0;bottom:0;left:0;background:#09111e;transition:background .26s ease}.amazon-empty-cover:after{content:"IMAGE PLACEHOLDER";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#89aee157;font-size:10px;letter-spacing:.16em}.amazon-entry-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#02050c0a 28%,#02050cf0);transition:background .24s ease}.amazon-entry-index{position:absolute;z-index:2;left:18px;top:16px;color:var(--accent);font-family:var(--serif);font-size:26px}.amazon-entry-copy{position:absolute;z-index:2;left:20px;right:58px;bottom:20px;display:grid;gap:5px}.amazon-entry-copy small{color:var(--accent);font-size:9px;letter-spacing:.1em}.amazon-card-grid.is-categories .amazon-entry-copy{left:24px;right:24px;bottom:24px;padding:10px 12px;overflow:hidden}.amazon-card-grid.is-categories .amazon-entry-copy small{max-width:100%;font-size:8px;line-height:1.4;letter-spacing:.08em;overflow-wrap:anywhere}.amazon-entry-copy strong{font-family:var(--serif);font-size:clamp(25px,2.4vw,36px);font-weight:400}.amazon-card-grid.is-products .amazon-entry-copy strong{font-size:clamp(18px,1.68vw,25px)}.amazon-entry-copy span{color:#a9b6c8;font-size:11px}.project-gallery-nav{display:flex;align-items:center;gap:10px}.project-gallery-nav .project-next{width:62px}.project-gallery-nav .project-next.is-previous:hover svg,.project-gallery-nav .project-next.is-previous:focus-visible svg{transform:translate(-4px)}.amazon-entry-arrow{position:absolute;z-index:2;right:18px;bottom:18px;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line-strong);background:#0307119e}.amazon-entry-card:hover>img,.amazon-entry-card:focus-visible>img{transform:scale(1.055);filter:saturate(1.08)}.amazon-entry-card:hover .amazon-empty-cover,.amazon-entry-card:focus-visible .amazon-empty-cover{background:#0b1728}.amazon-entry-card:hover .amazon-entry-shade,.amazon-entry-card:focus-visible .amazon-entry-shade{background:linear-gradient(180deg,#02050c03 18%,#02050cdb)}.amazon-entry-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.amazon-gallery>img+img{border-top:1px solid rgba(126,167,224,.18)}.brand-gallery{position:relative}.brand-gallery>img{display:block;width:100%;max-width:none;height:auto}.amazon-gallery-placeholder{min-height:clamp(420px,64vh,760px);display:grid;place-content:center;gap:8px;color:#89aee170;text-align:center;border-top:1px solid rgba(126,167,224,.18);background:#040914}.amazon-gallery-placeholder:first-of-type{border-top:0}.amazon-gallery-placeholder span{font-family:var(--serif);font-size:clamp(34px,4vw,56px);font-weight:400}.amazon-gallery-placeholder small{color:#91a1b88f;font-size:11px;letter-spacing:.12em}.project-modal-content>.project-modal-info{min-width:0;min-height:132px;padding:22px 28px 26px;display:flex;flex-direction:column;justify-content:flex-end;border-top:1px solid var(--line);background:linear-gradient(105deg,#08111f,#07101d 74%,#0a1526)}.project-modal-footer-row{margin-top:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px}.project-modal-title-line{display:flex;align-items:flex-end;gap:16px;min-width:0}.modal-panel .project-modal-title-line h3{flex:0 1 auto;min-width:0;margin:0;font-size:clamp(26px,2.2vw,34px);line-height:.98;white-space:nowrap}.modal-panel .project-modal-title-line h3.is-long{font-size:clamp(26px,2.2vw,34px)}.modal-panel .project-modal-title-line p{flex:0 0 auto;margin:0 0 3px;padding:0;color:#b9c7d9;border:0;background:transparent;font-size:12px;line-height:1;letter-spacing:.035em;white-space:nowrap;box-shadow:none}.project-next{position:relative;width:78px;height:48px;display:grid;place-items:center;overflow:hidden;color:var(--accent-strong);border:1px solid rgba(116,178,255,.72);border-radius:3px;background:linear-gradient(135deg,#1f5baa38,#091427db);box-shadow:inset 0 0 18px #5ba0ff14,0 0 22px #4a91ff14;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.project-next:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(128,190,255,.14),transparent);transform:translate(-110%);transition:transform .3s ease}.project-next svg{position:relative;transition:transform .18s ease}.project-next:hover,.project-next:focus-visible{color:#d9ebff;border-color:var(--accent-strong);background:linear-gradient(135deg,#2972d357,#091427eb);outline:none}.project-next:hover:before,.project-next:focus-visible:before{transform:translate(110%)}.project-next:hover svg,.project-next:focus-visible svg{transform:translate(4px)}.modal-panel h3{margin:12px 0;font-family:var(--serif);font-size:48px;font-weight:400}.modal-panel p{color:var(--muted);line-height:1.8}.video-modal-content{display:grid;grid-template-columns:1.6fr .7fr;min-height:600px}.video-modal-content>div{padding:80px 48px;align-self:end}.video-modal-content video{width:100%;height:100%;min-height:600px;object-fit:cover;background:#000}.project-card,.motion-card{transform-style:preserve-3d;perspective:1100px;will-change:transform;transform:translateZ(0)}.project-card.is-tilting,.motion-card.is-tilting{transform:translateZ(0) scale(1) rotateX(var(--tilt-y, 0deg)) rotateY(var(--tilt-x, 0deg));transition:transform .65s cubic-bezier(.16,1,.3,1),box-shadow .65s cubic-bezier(.16,1,.3,1);box-shadow:0 22px 48px #02071257,0 0 26px #6eb1ff1a}.project-card:not(.is-tilting),.motion-card:not(.is-tilting){transition:transform .9s cubic-bezier(.16,1,.3,1),opacity 1.05s cubic-bezier(.16,1,.3,1),clip-path 1.2s cubic-bezier(.16,1,.3,1),box-shadow .65s ease}.card-sheen{position:absolute;z-index:1;top:-18%;right:-18%;bottom:-18%;left:-18%;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--sheen-x, 50%) var(--sheen-y, 50%),rgba(224,242,255,.3),rgba(151,194,255,.08) 18%,transparent 42%);mix-blend-mode:screen;transform:translateZ(28px);will-change:transform,opacity;transition:opacity .45s cubic-bezier(.16,1,.3,1)}.project-card.is-tilting .card-sheen,.motion-card.is-tilting .card-sheen{opacity:1}.custom-cursor{display:none}@media(hover:hover)and (pointer:fine){body.has-custom-cursor,body.has-custom-cursor *{cursor:none!important}body.has-custom-cursor .custom-cursor{position:fixed;z-index:9999;top:0;left:0;width:12px;height:12px;display:grid;place-items:center;pointer-events:none;opacity:1;border:1px solid rgba(206,232,255,.9);border-radius:50%;background:#7db7ff33;transform:translate3d(var(--cursor-x, -80px),var(--cursor-y, -80px),0) translate(-50%,-50%);transition:width .42s cubic-bezier(.16,1,.3,1),height .42s cubic-bezier(.16,1,.3,1),background .42s ease,border-color .42s ease,opacity .22s ease;will-change:transform,width,height}.custom-cursor .cursor-core{width:3px;height:3px;border-radius:50%;background:#fff;transition:width .42s cubic-bezier(.16,1,.3,1),height .42s cubic-bezier(.16,1,.3,1),opacity .25s ease}body.has-custom-cursor .custom-cursor.is-active{width:64px;height:64px;border-color:#ebf7ffb8;background:#97caff21;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);mix-blend-mode:difference}.custom-cursor.is-active .cursor-core{width:8px;height:8px;opacity:.72}body.has-custom-cursor .custom-cursor.is-media{width:74px;height:74px}}@media(hover:none),(pointer:coarse){.project-card,.motion-card{transform:none!important}.card-sheen,.custom-cursor{display:none!important}}@media(max-width:1100px){.site-header{grid-template-columns:1fr auto auto;width:100%;padding-inline:20px;gap:10px}.desktop-nav{display:none}.menu-button{display:block}.hero-copy{width:min(650px,66vw)}.about-grid{grid-template-columns:.78fr 1.22fr;gap:40px}.profile-meta{grid-template-columns:1fr}.projects-grid{grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(4,260px)}.project-lead{grid-row:1 / span 2}.project-card:nth-child(7){grid-column:1 / -1}.capability-grid{grid-template-columns:repeat(2,1fr)}.capability-card:nth-child(3){border-top:1px solid var(--line)}.capability-card:nth-child(4){border-top:1px solid var(--line)}.motion-grid{grid-template-columns:1fr}.contact-inner{grid-template-columns:1fr;gap:54px}}@media(max-width:760px){.container{width:min(100% - 32px,680px)}.site-header{top:0;height:64px;width:100%;padding:0 16px;border-radius:0}.site-header.is-scrolled{height:58px}.brand{font-size:27px}.header-contact{display:none}.hero{min-height:820px}.hero-art{object-position:64% center;opacity:.82}.hero-overlay{background:#02050c59}.hero-content{min-height:820px;align-items:end;padding-bottom:84px}.hero .section-index{top:92px}.hero-copy{width:100%;padding-top:0}.hero h1{font-size:clamp(64px,18vw,88px)}.hero-title{font-size:clamp(31px,8.4vw,42px);line-height:1.03}.hero-roles{max-width:340px;line-height:1.8}.scroll-cue{right:4px}.about{padding-top:72px}.about-grid{grid-template-columns:1fr;gap:34px}.portrait-column{padding-bottom:0}.portrait-frame{height:min(132vw,650px);min-height:0;max-height:none}.portrait-signature{right:18px;bottom:18px;font-size:56px}.about h2{font-size:52px}.metrics{grid-template-columns:repeat(2,1fr);gap:0}.metrics div{padding:16px 12px;border-top:1px solid rgba(151,190,255,.16)}.metrics div:nth-child(odd){padding-left:0;border-left:0}.metrics div:nth-child(2n){padding-right:0}.metrics div:nth-child(-n+2){border-top:0}.metrics strong{font-size:32px}.timeline article{grid-template-columns:1fr;gap:8px}.works,.advantages,.motion{padding-block:72px}.projects-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none}.project-card,.project-lead,.project-wide,.project-card:nth-child(6),.project-card:nth-child(7){grid-column:auto;grid-row:auto;height:330px}.project-lead{height:480px}.ghost-title{top:55px;left:10px;font-size:28vw}.capability-grid{grid-template-columns:1fr}.capability-card{min-height:230px;border-right:1px solid var(--line);border-top:1px solid var(--line)}.capability-card:first-child{border-top:0}.capability-card h3{margin-top:32px}.motion-cards{grid-template-columns:1fr}.motion-card{height:430px}.contact{padding-top:72px}.contact-inner{min-height:auto}.contact-copy h2{font-size:clamp(50px,6vw,84px)}.contact-panel{grid-template-columns:1fr;grid-template-rows:auto}.contact-cell,.contact-cell:nth-child(3),.contact-cell:nth-child(4){border-right:0;border-bottom:1px solid var(--line)}.qr-cell{grid-column:1;grid-row:auto;min-height:220px}.collaboration-band{padding:20px;grid-template-columns:1fr auto}.collab-mark,.collaboration-band small{display:none}.collaboration-band strong{margin:0;font-size:24px}footer{gap:20px;flex-direction:column}.modal-backdrop{padding:12px}.project-modal-panel{width:calc(100vw - 24px);height:calc(100vh - 24px);max-height:calc(100vh - 24px)}.project-modal-content{width:100%;height:100%;margin:0 auto;border-radius:8px}.project-modal-media>img{width:100%;height:auto}.amazon-browser{padding:70px 16px 24px}.amazon-browser-heading{padding-right:0}.amazon-browser-heading h3{font-size:38px}.amazon-card-grid.is-categories,.amazon-card-grid.is-products{grid-template-columns:1fr}.amazon-card-grid.is-categories .amazon-entry-card,.amazon-entry-card{min-height:270px}.amazon-entry-copy strong{font-size:27px}.amazon-card-grid.is-products .amazon-entry-copy strong{font-size:19px}.amazon-back-sticky{top:10px;left:10px;margin-left:10px}.project-modal-content>.project-modal-info{min-height:148px;padding:22px 18px}.project-modal-footer-row{gap:12px}.project-modal-title-line{flex-direction:column;align-items:flex-start;gap:10px}.modal-panel .project-modal-title-line h3,.modal-panel .project-modal-title-line h3.is-long{font-size:clamp(18px,5vw,24px)}.modal-panel .project-modal-title-line p{padding:0;font-size:9px}.project-next{width:60px;height:44px}.video-modal-content{grid-template-columns:1fr;min-height:auto}.video-modal-content video{min-height:320px;height:48vh}.video-modal-content>div{padding:34px 24px}.modal-panel h3{font-size:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}html,body,#root,main{background:#030711!important}.aurora-scroll-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;width:100vw;height:100vh;pointer-events:none;overflow:hidden;background:#030711;opacity:.85;transform:translateZ(0);backface-visibility:hidden;will-change:transform,opacity}.aurora-scroll-bg>div,.aurora-scroll-bg canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.aurora-scroll-bg canvas{contain:strict;transform:translateZ(0);backface-visibility:hidden;will-change:transform}main,section:not(#hero){position:relative;z-index:1;background:transparent}.portrait-frame,.project-card,.capability-card,.motion-card,.collaboration-band,.contact-panel{backdrop-filter:none;-webkit-backdrop-filter:none}.hero{z-index:2;background:#030711}.hero-art{background:#030711;object-fit:cover;transform:translateZ(0);backface-visibility:hidden;will-change:transform}.hero-overlay{background:linear-gradient(180deg,#03071133,#030711d9);transform:translateZ(0)}.hero-opening{isolation:isolate}.hero-opening-kicker,.hero-opening-title,.hero-opening-subtitle,.hero-opening-body,.hero-opening-cta{opacity:0;will-change:transform,opacity,clip-path;animation-fill-mode:both}.hero-opening-kicker{animation:opening-kicker 1.1s cubic-bezier(.16,1,.3,1) .18s both}.hero-opening-title{clip-path:inset(0 100% 0 0);transform-origin:left center;animation:opening-title 1.55s cubic-bezier(.16,1,.3,1) .32s both}.hero-opening-subtitle{clip-path:inset(0 100% 0 0);transform-origin:left center;animation:opening-subtitle 1.35s cubic-bezier(.16,1,.3,1) .62s both}.hero-opening-body{animation:opening-body 1.05s cubic-bezier(.16,1,.3,1) 1s both}.hero-opening-cta{animation:opening-cta 1.1s cubic-bezier(.16,1,.3,1) 1.18s both}@keyframes opening-kicker{0%{opacity:0;transform:translate3d(-34px,0,0);letter-spacing:.24em}to{opacity:1;transform:translateZ(0);letter-spacing:.11em}}@keyframes opening-title{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate3d(-42px,40px,0) scaleX(1.18) scaleY(.72)}55%{opacity:1;clip-path:inset(0 0 0 0);transform:translate3d(8px,-8px,0) scaleX(.96) scaleY(1.05)}to{opacity:1;clip-path:inset(0 0 0 0);transform:translateZ(0) scale(1)}}@keyframes opening-subtitle{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate3d(-30px,24px,0) scaleX(1.12)}to{opacity:1;clip-path:inset(0 0 0 0);transform:translateZ(0) scaleX(1)}}@keyframes opening-body{0%{opacity:0;transform:translate3d(0,30px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes opening-cta{0%{opacity:0;transform:translate3d(0,34px,0) scaleX(1.12)}72%{opacity:1;transform:translate3d(0,-4px,0) scaleX(.98)}to{opacity:1;transform:translateZ(0) scaleX(1)}}.reveal-on-scroll{--reveal-delay: 0ms;opacity:0;transform:translate3d(0,76px,0) scale(.965);clip-path:inset(0 0 18% 0);transition:opacity 1.05s cubic-bezier(.16,1,.3,1) var(--reveal-delay),transform 1.2s cubic-bezier(.16,1,.3,1) var(--reveal-delay),clip-path 1.2s cubic-bezier(.16,1,.3,1) var(--reveal-delay);will-change:transform,opacity,clip-path}.reveal-on-scroll[data-reveal=title]{transform:translate3d(0,110px,0) scale(.86);clip-path:inset(0 0 28% 0)}.reveal-on-scroll[data-reveal=ghost]{transform:translate3d(90px,44px,0) scale(.9);clip-path:inset(0 0 0 22%)}.reveal-on-scroll[data-reveal=image]{transform:translate3d(-34px,52px,0) scale(.96)}.reveal-on-scroll[data-reveal=panel]{transform:translate3d(0,64px,0) scale(.985)}.reveal-on-scroll.is-visible{opacity:1;transform:translateZ(0) scale(1);clip-path:inset(0 0 0 0)}.project-card.reveal-on-scroll,.motion-card.reveal-on-scroll{transform:translate3d(0,86px,0) scale(.94)}.project-card.reveal-on-scroll.is-visible,.motion-card.reveal-on-scroll.is-visible{transform:translateZ(0) scale(1)}.project-card img,.motion-card img,.portrait-frame img{transform:translate3d(0,var(--parallax-y, 0px),0) scale(1.08);transition:transform 1.1s cubic-bezier(.16,1,.3,1),filter .5s ease;will-change:transform}.project-card:hover img,.project-card:focus-visible img{transform:translate3d(0,var(--parallax-y, 0px),0) scale(1.13)}.motion-card:hover img,.motion-card:focus-visible img{transform:translate3d(0,var(--parallax-y, 0px),0) scale(1.13)}.portrait-frame:hover img{transform:translate3d(0,var(--parallax-y, 0px),0) scale(1.11)}.motion-card .motion-play{transition:transform .5s cubic-bezier(.16,1,.3,1),background .3s ease}@media(prefers-reduced-motion:reduce){.hero-opening-kicker,.hero-opening-title,.hero-opening-subtitle,.hero-opening-body,.hero-opening-cta,.reveal-on-scroll{animation:none!important;opacity:1!important;clip-path:none!important;transform:none!important;transition:none!important}.project-card img,.motion-card img,.portrait-frame img{transform:none!important}}@media(hover:hover)and (pointer:fine){.project-card.reveal-on-scroll.is-visible.is-tilting,.motion-card.reveal-on-scroll.is-visible.is-tilting{transform:translateZ(0) scale(1) rotateX(var(--tilt-y, 0deg)) rotateY(var(--tilt-x, 0deg))}}
