:root{--bg:#0c0c0c;--surface:#151515;--ink:#d7e2ea;--paper:#f7f7f5;--black:#0c0c0c;--muted:#8f979f;--line:rgba(215,226,234,0.22);--violet:#b600a8;--blue:#4f78ff;--orange:#d65d22}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);scrollbar-color:rgba(215,226,234,.38) var(--bg)}html::-webkit-scrollbar{width:10px}html::-webkit-scrollbar-track{background:var(--bg)}html::-webkit-scrollbar-thumb{background:rgba(215,226,234,.38);border:2px solid var(--bg);border-radius:999px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a,body,button{letter-spacing:0}a,button{color:inherit;font:inherit}button{border:0}a{text-decoration:none}img{display:block;max-width:100%}a,button{-webkit-tap-highlight-color:transparent}[tabindex]:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #ffffff;outline-offset:4px}.site-shell{min-width:0;background:var(--bg);overflow:clip}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0s)}.motion-ready .reveal.is-visible{opacity:1;transform:none}.section-eyebrow{display:block;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.section-eyebrow.dark{color:rgba(12,12,12,.5)}.display-heading{margin:0;background:linear-gradient(180deg,#69717b,#d7e2ea);background-clip:text;color:transparent;font-family:Arial Black,PingFang SC,Arial,sans-serif;font-size:152px;font-weight:900;line-height:.88;text-align:center;text-transform:uppercase}.gradient-button{align-items:center;background:linear-gradient(120deg,#18011f,#b600a8 34%,#602bbb 68%,#d65d22);border:2px solid #ffffff;border-radius:999px;box-shadow:0 8px 28px rgba(182,0,168,.25),inset 4px 4px 14px rgba(119,33,177,.75);color:#ffffff;display:inline-flex;font-size:14px;font-weight:800;gap:10px;justify-content:center;min-height:54px;padding:14px 30px;text-transform:uppercase;transition:transform .24s ease,box-shadow .24s ease}.gradient-button:hover{box-shadow:0 12px 34px rgba(182,0,168,.36),inset 4px 4px 14px rgba(119,33,177,.75);transform:translateY(-3px)}.hero{background:var(--bg);height:94svh;min-height:760px;position:relative}.hero-nav{align-items:center;backdrop-filter:blur(20px) saturate(140%);background:rgba(10,13,18,.66);border:1px solid rgba(201,220,245,.2);border-radius:14px;box-shadow:0 18px 44px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.14);display:grid;gap:12px;grid-template-columns:118px minmax(0,1fr) 130px;left:50%;max-width:1120px;padding:6px;position:fixed;top:22px;transform:translateX(-50%);transition:background .26s ease,border-color .26s ease,box-shadow .26s ease,max-width .26s ease,padding .26s ease,top .26s ease,transform .26s ease;width:calc(100% - 80px);z-index:20}.nav-brand,.nav-context,.nav-menu a{align-items:center;color:var(--ink);display:inline-flex;font-weight:800;position:relative;transition:background .18s ease,color .18s ease,opacity .18s ease,transform .18s ease}.hero-nav.is-hero{background:rgba(10,13,18,.52);max-width:1240px;top:30px}.nav-brand{min-height:42px;padding:0 12px}.nav-brand>span{color:rgba(215,226,234,.62);font-size:10px;letter-spacing:.08em}.nav-menu{align-items:center;display:grid;gap:2px;grid-template-columns:repeat(4,minmax(0,1fr))}.nav-menu a{border-radius:8px;font-size:12px;gap:7px;justify-content:center;min-height:42px;opacity:.72;padding:8px 10px}.nav-item-number{color:currentColor;font-family:Arial Black,Arial,sans-serif;font-size:8px;opacity:.62}.nav-menu a:after{background:rgba(220,235,255,.9);bottom:4px;content:"";height:2px;left:20%;position:absolute;transform:scaleX(0);transform-origin:center;transition:transform .18s ease;width:60%}.nav-menu a.is-active,.nav-menu a:hover{background:rgba(194,217,255,.17);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 14px rgba(0,0,0,.16);color:#ffffff;opacity:1}.nav-menu a.is-active:after,.nav-menu a:hover:after{transform:scaleX(1)}.hero-nav.is-scrolled{background:rgba(10,13,18,.84);border-color:rgba(201,220,245,.28);max-width:930px;top:14px}.nav-context{align-self:stretch;background:rgba(170,195,255,.18);border:1px solid rgba(203,224,255,.22);border-radius:8px;font-size:11px;gap:8px;justify-content:center;padding:0 12px}.nav-context>span{font-size:14px}.hero-stage{height:100%;overflow:hidden;position:relative}.hero-title{align-items:center;color:#9aa4ae;display:flex;font-family:Arial Black,Arial,sans-serif;font-size:124px;font-weight:900;gap:.22em;justify-content:center;left:24px;line-height:.84;margin:0;position:absolute;right:24px;text-transform:uppercase;top:38%;white-space:nowrap;z-index:1}.hero-portrait{--magnet-rotate:0deg;--magnet-x:0px;--magnet-y:0px;left:50%;position:absolute;top:50%;transform:translate(-50%,-48%) translate3d(var(--magnet-x),var(--magnet-y),0) rotate(var(--magnet-rotate));transition:transform .38s cubic-bezier(.2,.7,.2,1);width:560px;will-change:transform;z-index:4}.hero-portrait img{filter:drop-shadow(0 34px 42px rgba(0,0,0,.6));height:auto;position:relative;width:100%;z-index:2}.portrait-halo{border:1px solid rgba(215,226,234,.2);border-radius:50%;inset:14% 6% 4%;position:absolute;transform:rotate(-10deg);z-index:1}.hero-bottom{align-items:flex-end;bottom:42px;display:flex;justify-content:space-between;left:40px;position:absolute;right:40px;z-index:8}.hero-intro{max-width:520px}.hero-intro span{display:block;font-size:12px;font-weight:800;margin-bottom:10px;text-transform:uppercase}.hero-intro p{font-size:22px;font-weight:500;line-height:1.4;margin:0}.marquee-section{background:var(--bg);overflow:hidden;padding:24px 0 80px}.marquee-row{overflow:hidden;width:100%}.marquee-row+.marquee-row{margin-top:14px}.marquee-track{animation:marquee-left 42s linear infinite;display:flex;gap:14px;width:max-content;will-change:transform}.marquee-row-2 .marquee-track{animation-direction:reverse;animation-duration:48s}.marquee-section:hover .marquee-track{animation-play-state:paused}.marquee-track img{aspect-ratio:16/9;background:#161616;border:1px solid rgba(215,226,234,.15);border-radius:14px;height:250px;object-fit:cover;width:444px}@keyframes marquee-left{to{transform:translateX(calc(-50% - 7px))}}.about-section{align-items:center;background:var(--bg);display:flex;flex-direction:column;justify-content:center;min-height:1000px;overflow:hidden;padding:140px 24px;position:relative;text-align:center}.about-section .section-eyebrow{margin-bottom:28px;position:relative;z-index:4}.about-section .display-heading,.about-text{position:relative;z-index:4}.about-text{font-size:21px;font-weight:650;line-height:1.8;margin:72px auto 42px;max-width:730px}.about-char{opacity:.18;transition:opacity .1s linear}.about-section .gradient-button{position:relative;z-index:4}.about-artifact{background:#1a1a1a;border:1px solid rgba(215,226,234,.25);border-radius:14px;box-shadow:0 26px 60px rgba(0,0,0,.48);height:140px;object-fit:contain;position:absolute;width:210px;z-index:2}.artifact-a{left:4%;top:8%;transform:rotate(-8deg)}.artifact-b{right:4%;top:10%;transform:rotate(7deg)}.artifact-c{bottom:8%;left:8%;transform:rotate(5deg)}.artifact-d{bottom:8%;right:8%;transform:rotate(-7deg)}.capabilities-section{background:var(--paper);border-radius:60px 60px 0 0;color:var(--black);padding:130px 40px 150px;position:relative}.capabilities-section>.section-eyebrow,.light-heading{text-align:center}.light-heading{color:var(--black);font-family:Arial Black,PingFang SC,Arial,sans-serif;font-size:144px;font-weight:900;line-height:.9;margin:22px 0 110px;text-transform:uppercase}.capability-list{margin:0 auto;max-width:1080px}.capability-item{align-items:flex-start;border-top:1px solid rgba(12,12,12,.18);display:grid;gap:42px;grid-template-columns:165px minmax(0,1fr);padding:42px 0}.capability-item:last-child{border-bottom:1px solid rgba(12,12,12,.18)}.capability-number{font-family:Arial Black,Arial,sans-serif;font-size:92px;font-weight:900;line-height:.8}.capability-english{color:rgba(12,12,12,.45);display:block;font-size:11px;font-weight:800;margin-bottom:8px}.capability-item h3{font-size:30px;line-height:1.2;margin:0}.capability-item p{color:rgba(12,12,12,.58);font-size:17px;line-height:1.75;margin:12px 0 0;max-width:720px}.experience-block{border-top:4px solid var(--black);margin:0 auto 170px;max-width:1180px;padding-top:70px}.experience-heading{display:grid;gap:18px 48px;grid-template-columns:minmax(0,1fr) 360px;margin-bottom:60px}.experience-heading>span{color:rgba(12,12,12,.48);font-size:11px;font-weight:800;grid-column:1/-1}.experience-heading h2{font-family:Arial Black,Arial,sans-serif;font-size:82px;line-height:.9;margin:0}.experience-heading p{color:rgba(12,12,12,.58);font-size:17px;line-height:1.7;margin:0}.experience-list{border-bottom:1px solid rgba(12,12,12,.2)}.experience-list article{border-top:1px solid rgba(12,12,12,.2)}.experience-list article>button{align-items:center;background:transparent;color:var(--black);cursor:pointer;display:grid;gap:24px;grid-template-columns:70px minmax(0,1fr) 190px 34px;padding:30px 0;text-align:left;width:100%}.experience-number{font-family:Arial Black,Arial,sans-serif;font-size:28px}.experience-company,.experience-period{display:flex;flex-direction:column;gap:6px}.experience-company strong,.experience-period strong{font-size:16px}.experience-company small,.experience-period small{color:rgba(12,12,12,.48);font-size:11px}.experience-period{text-align:right}.experience-toggle{font-size:28px;text-align:right}.experience-detail{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .38s ease,opacity .28s ease}.experience-detail ol{margin:0;overflow:hidden;padding:0 64px 0 94px}.experience-detail li{color:rgba(12,12,12,.68);font-size:14px;line-height:1.75;margin-bottom:10px}.experience-list article.is-expanded .experience-detail{grid-template-rows:1fr;opacity:1}.experience-list article.is-expanded .experience-detail ol{padding-bottom:32px}.projects-section{background:var(--bg);border-radius:60px 60px 0 0;color:var(--ink);margin-top:-58px;padding:130px 40px 170px;position:relative;z-index:5}.projects-section>.section-eyebrow{text-align:center}.projects-section>.display-heading{margin:24px 0 70px}.project-stack{margin:0 auto;max-width:1360px}.project-slot{height:91vh;min-height:760px}.project-card{--stack-scale:1;background:var(--bg);border:clamp(1px,.15vw,2px) solid var(--ink);border-radius:44px;height:calc(100vh - var(--stack-top) - 22px);max-height:830px;min-height:650px;overflow:hidden;padding:26px;position:sticky;top:var(--stack-top);transform:scale(var(--stack-scale));transform-origin:top center;will-change:transform}.project-card-header{align-items:center;display:grid;gap:20px;grid-template-columns:90px 190px minmax(0,1fr) auto;min-height:92px}.project-card-number{color:var(--ink);font-family:Arial Black,Arial,sans-serif;font-size:70px;font-weight:900;line-height:.8}.project-card-meta{display:flex;flex-direction:column;gap:7px}.project-card-meta small,.project-card-meta span{font-size:11px;font-weight:700;text-transform:uppercase}.project-card-meta small{color:var(--muted)}.project-card-title h3{font-size:26px;line-height:1.2;margin:0}.project-card-title p{color:var(--muted);font-size:13px;line-height:1.5;margin:7px 0 0;max-width:540px}.outline-button{background:transparent;border:clamp(1px,.15vw,2px) solid var(--ink);border-radius:999px;color:var(--ink);cursor:pointer;font-size:12px;font-weight:800;min-height:50px;padding:12px 23px;transition:background .18s ease,color .18s ease;white-space:nowrap}.outline-button:hover{background:var(--ink);color:var(--black)}.project-collage{background:transparent;cursor:pointer;display:grid;gap:14px;grid-template-columns:40% minmax(0,1fr);height:calc(100% - 104px);padding:0;width:100%}.project-collage-side{display:grid;gap:14px;grid-template-rows:repeat(2,minmax(0,1fr));min-height:0}.project-collage-main{min-height:0;overflow:hidden;position:relative}.project-collage img,.project-collage-main{background:#141414;border:1px solid rgba(215,226,234,.14);border-radius:28px}.project-collage img{height:100%;object-fit:contain;object-position:center;transition:border-color .22s ease,filter .3s ease;width:100%}.project-collage-main img{border:0}.project-collage-side img{min-height:0}.project-collage-main>span{align-items:center;background:rgba(12,12,12,.8);border:1px solid rgba(255,255,255,.5);border-radius:999px;bottom:22px;display:flex;font-size:12px;font-weight:800;gap:12px;opacity:0;padding:13px 18px;position:absolute;right:22px;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease}.project-collage:hover img{border-color:rgba(215,226,234,.34);filter:brightness(.82)}.project-collage:hover .project-collage-main>span{opacity:1;transform:none}.contact-section{align-items:center;background:var(--bg);display:flex;flex-direction:column;min-height:820px;padding:150px 40px 38px;text-align:center}.contact-section .display-heading{font-size:130px;margin:32px 0 40px}.contact-section>p{color:var(--muted);font-size:18px;line-height:1.7;margin:0 0 36px}.contact-section .gradient-button{text-transform:none}.copy-email{background:transparent;border-bottom:1px solid var(--muted);color:var(--muted);cursor:pointer;font-size:12px;margin-top:22px;padding:7px 0}.contact-footer{align-items:center;border-top:1px solid var(--line);display:flex;font-size:10px;justify-content:space-between;margin-top:auto;opacity:.55;padding-top:22px;width:100%}.case-dialog{background:var(--case-surface);color:var(--case-ink);display:grid;grid-template-rows:78px 3px minmax(0,1fr);inset:0;position:fixed;z-index:1000}.reader-header{align-items:stretch;background:#0c0c0c;border-bottom:1px solid rgba(215,226,234,.18);display:flex;justify-content:space-between}.reader-title{align-items:center;display:flex;min-width:0}.reader-title>span{align-items:center;align-self:stretch;background:var(--case-accent);color:#0c0c0c;display:flex;font-family:Arial Black,Arial,sans-serif;font-size:24px;justify-content:center;width:78px}.reader-title>div{min-width:0;padding:0 22px}.reader-title small{color:#8f979f;display:block;font-size:9px;margin-bottom:5px}.reader-title h2{color:#d7e2ea;font-size:20px;line-height:1.15;margin:0}.reader-actions{align-items:center;display:flex}.reader-actions>span{color:#d7e2ea;font-family:Georgia,serif;font-size:13px;padding:0 28px}.lightbox-header button,.reader-actions button{align-items:center;background:#111111;color:#ffffff;cursor:pointer;display:flex;font-size:32px;height:100%;justify-content:center;transition:background .18s ease;width:76px}.lightbox-header button:hover,.reader-actions button:hover{background:var(--case-accent,#b600a8)}.reader-progress{background:rgba(215,226,234,.14)}.reader-progress span{background:var(--case-accent);display:block;height:100%;transition:width .24s ease}.reader-layout{display:grid;grid-template-columns:clamp(176px,12vw,208px) minmax(0,1fr);min-height:0}.reader-index{background:#101210;color:#d7e2ea;display:grid;grid-template-rows:58px minmax(0,1fr);min-height:0}.reader-index-heading{align-items:center;background:#f6f6f3;border-bottom:1px solid rgba(12,12,12,.15);color:#0c0c0c;display:flex;font-size:9px;font-weight:800;justify-content:space-between;padding:0 12px}.reader-index-heading small{color:rgba(12,12,12,.55);font-size:8px}.reader-index-track{align-content:start;display:grid;gap:6px;min-height:0;overflow-y:auto;padding:10px 8px 20px;scrollbar-width:thin}.reader-index-track button{align-items:center;background:transparent;border:1px solid transparent;border-radius:4px;color:rgba(215,226,234,.62);cursor:pointer;display:grid;gap:6px;grid-template-columns:20px minmax(0,1fr);padding:6px;text-align:left;transition:background .16s ease,border-color .16s ease,color .16s ease;width:100%}.reader-index-track button:hover{background:rgba(255,255,255,.06);color:#d7e2ea}.reader-index-track button.is-active{background:rgba(255,255,255,.1);border-color:rgba(215,226,234,.22);box-shadow:inset 3px 0 0 var(--case-accent);color:#ffffff}.reader-thumbnail-number{font-size:8px;font-weight:800;text-align:center}.reader-thumbnail{align-items:center;aspect-ratio:16/9;background:#050505;border:1px solid rgba(215,226,234,.16);display:flex;justify-content:center;overflow:hidden;width:100%}.reader-thumbnail img{display:block;height:100%;object-fit:contain;width:100%}.reader-stage{background:#181a18;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin}.reader-stage-canvas{align-items:center;display:flex;flex-direction:column;gap:18px;justify-content:center;min-height:0;padding:24px clamp(20px,3vw,48px) 40px;width:100%}.reader-page{max-width:1280px;scroll-margin-top:24px;width:100%}.reader-main-image{background:#080908;border:1px solid rgba(215,226,234,.18);box-shadow:0 18px 44px rgba(0,0,0,.24);cursor:zoom-in;display:block;overflow:hidden;padding:0;width:100%}.reader-main-image img{display:block;height:auto;width:100%}.reader-page-number{color:rgba(215,226,234,.52);display:block;font-size:8px;padding-top:8px}.lightbox{align-items:center;background:rgba(0,0,0,.94);display:flex;inset:0;justify-content:center;padding:88px 84px 30px;position:fixed;z-index:1200}.lightbox-header{align-items:stretch;background:rgba(12,12,12,.95);border-bottom:1px solid rgba(255,255,255,.14);display:flex;height:68px;justify-content:space-between;left:0;position:absolute;right:0;top:0}.lightbox-header>div{align-items:center;display:flex;gap:18px;min-width:0;padding:0 24px}.lightbox-header span{color:#8f979f;font-family:Georgia,serif;font-size:12px}.lightbox-header strong{font-size:14px}.lightbox-canvas{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.lightbox-canvas img{max-height:100%;max-width:100%;object-fit:contain}.lightbox-nav{align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);color:#ffffff;cursor:pointer;display:flex;font-size:24px;height:54px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:54px}.lightbox-nav:disabled{cursor:default;opacity:.2}.lightbox-prev{left:16px}.lightbox-next{right:16px}.toast{background:#ffffff;bottom:24px;color:#0c0c0c;font-size:12px;font-weight:700;left:50%;opacity:0;padding:12px 18px;pointer-events:none;position:fixed;transform:translate(-50%,16px);transition:opacity .18s ease,transform .18s ease;z-index:1400}.toast.is-visible{opacity:1;transform:translate(-50%)}@media (max-width:1240px){.hero-title{font-size:104px}.hero-portrait{width:500px}.display-heading{font-size:124px}.light-heading{font-size:118px}.project-card-header{grid-template-columns:78px 150px minmax(0,1fr) auto}.project-card-title p{display:none}}@media (max-width:920px){.hero{min-height:720px}.hero-nav{grid-template-columns:100px minmax(0,1fr) 108px;width:calc(100% - 56px)}.nav-menu a{font-size:15px}.hero-title{font-size:78px;top:40%}.hero-portrait{width:460px}.hero-bottom{left:28px;right:28px}.hero-intro p{font-size:18px}.marquee-track img{height:202px;width:359px}.display-heading{font-size:96px}.about-artifact{width:150px}.light-heading{font-size:92px}.capability-item{grid-template-columns:130px minmax(0,1fr)}.capability-number{font-size:74px}.experience-heading{grid-template-columns:1fr}.experience-heading>span{grid-column:auto}.project-card{padding:20px}.project-card-header{gap:14px;grid-template-columns:70px minmax(0,1fr) auto}.project-card-meta{display:none}.project-card-number{font-size:58px}.project-card-title h3{font-size:21px}.project-collage{height:calc(100% - 90px)}.reader-layout{grid-template-columns:160px minmax(0,1fr)}}@media (max-width:720px){.hero{height:max(720px,90svh);min-height:720px}.hero-nav{gap:4px;grid-template-columns:minmax(0,1fr);max-width:none;padding:4px;top:12px;width:calc(100% - 24px)}.hero-nav.is-hero{top:12px}.nav-brand,.nav-context{display:none}.nav-menu a{font-size:11px;gap:4px;padding-inline:4px}.hero-title{align-items:flex-start;flex-direction:column;font-size:58px;gap:0;left:18px;line-height:.86;right:18px;top:19%;white-space:normal}.hero-portrait{top:49%;width:360px}.hero-bottom{align-items:flex-end;bottom:30px;display:flex;gap:14px;left:18px;right:18px}.hero-intro{flex:1;max-width:150px;min-width:0}.hero-intro span{font-size:9px;margin-bottom:6px}.hero-intro p{font-size:12px;line-height:1.45;white-space:normal}.hero-bottom .gradient-button{flex:none}.gradient-button{font-size:11px;min-height:46px;padding:11px 18px}.marquee-section{padding:18px 0 64px}.marquee-row+.marquee-row{margin-top:10px}.marquee-track{gap:10px}.marquee-track img{border-radius:10px;height:146px;width:260px}.about-section{min-height:860px;padding:120px 18px}.display-heading{font-size:66px}.about-section .display-heading{font-size:58px}.capabilities-section>.light-heading{font-size:42px}.experience-heading h2{font-size:38px}.about-text{font-size:17px;line-height:1.8;margin:54px auto 36px;max-width:350px}.about-artifact{border-radius:8px;height:62px;width:92px}.artifact-a{left:-12px;top:7%}.artifact-b{right:-12px;top:9%}.artifact-c{bottom:7%;left:-12px}.artifact-d{bottom:8%;right:-12px}.capabilities-section{border-radius:34px 34px 0 0;padding:88px 18px 104px}.light-heading{font-size:58px;margin:18px 0 68px}.capability-item{gap:20px;grid-template-columns:82px minmax(0,1fr);padding:30px 0}.capability-number{font-size:50px}.capability-english{font-size:8px}.capability-item h3{font-size:21px}.capability-item p{font-size:14px;line-height:1.65}.experience-block{margin:0 auto 110px;padding-top:48px}.experience-heading{gap:14px;margin-bottom:38px}.experience-heading h2{font-size:50px}.experience-heading p{font-size:14px}.experience-list article>button{gap:12px;grid-template-columns:44px minmax(0,1fr) 28px;padding:24px 0}.experience-number{font-size:20px}.experience-company strong{font-size:14px}.experience-period{display:none}.experience-toggle{font-size:22px}.experience-detail ol{padding-inline:58px 0}.experience-detail li{font-size:12px}.projects-section{border-radius:34px 34px 0 0;margin-top:-32px;padding:88px 14px 110px}.projects-section>.display-heading{margin:18px 0 46px}.project-stack{display:grid;gap:24px}.project-card,.project-slot{height:auto;min-height:0}.project-card{border-color:rgba(215,226,234,.86);border-radius:24px;max-height:none;padding:12px;position:relative;top:auto;transform:none!important}.project-card-header{gap:10px;grid-template-columns:54px minmax(0,1fr);min-height:112px;padding:6px 4px 12px}.project-card-number{font-size:44px}.project-card-title h3{font-size:18px}.outline-button{border-color:rgba(215,226,234,.86);grid-column:1/-1;min-height:42px;width:100%}.project-collage{display:flex;flex-direction:column-reverse;gap:10px;height:auto}.project-collage-main{height:220px}.project-collage-side{display:grid;gap:10px;grid-template-columns:1fr 1fr;grid-template-rows:130px}.project-collage img{border-radius:16px}.project-collage-main>span{bottom:12px;opacity:1;right:12px;transform:none}.contact-section{min-height:680px;padding:120px 18px 28px}.contact-section .display-heading{font-size:62px;margin:28px 0 34px}.contact-section>p{font-size:14px}.contact-footer{align-items:flex-start;flex-direction:column;gap:8px;text-align:left}.case-dialog{grid-template-rows:70px 3px minmax(0,1fr)}.reader-title>span{font-size:18px;width:58px}.reader-title>div{padding:0 10px}.reader-title h2{font-size:14px;max-width:180px}.reader-title small{font-size:7px}.reader-actions>span{font-size:10px;padding:0 10px}.reader-actions button{font-size:27px;width:48px}.reader-layout{grid-template-columns:1fr;grid-template-rows:106px minmax(0,1fr)}.reader-index{border-bottom:1px solid rgba(12,12,12,.18);grid-template-columns:76px minmax(0,1fr);grid-template-rows:1fr}.reader-index-heading{align-items:flex-start;border-bottom:0;border-right:1px solid rgba(12,12,12,.16);flex-direction:column;justify-content:center}.reader-index-track{display:flex;gap:5px;overflow-x:auto;overflow-y:hidden;padding:7px}.reader-index-track button{flex:0 0 108px;grid-template-columns:14px minmax(0,1fr);padding:4px}.reader-index-track button.is-active{box-shadow:inset 0 3px 0 var(--case-accent)}.reader-stage-canvas{gap:12px;padding:12px 10px 28px}.reader-main-image{box-shadow:0 10px 24px rgba(0,0,0,.2)}.reader-page{scroll-margin-top:12px}.lightbox{padding:80px 12px 68px}.lightbox-header{height:62px}.lightbox-header>div{gap:10px;padding:0 12px}.lightbox-header strong{font-size:11px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox-header button{width:54px}.lightbox-nav{bottom:12px;height:44px;top:auto;transform:none;width:54px}.lightbox-prev{left:calc(50% - 60px)}.lightbox-next{right:calc(50% - 60px)}}@media (max-width:390px){.hero-title{font-size:54px}.hero-portrait{width:334px}.hero-nav{gap:2px}.nav-menu a{font-size:10px}.nav-item-number{display:none}.contact-section .display-heading,.display-heading{font-size:56px}.light-heading{font-size:50px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.motion-ready .reveal{opacity:1;transform:none}}