@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#eff7fff0;background:#172e6b;font-synthesis:none;--gold: #c89b3c;--gold-light: #f0d58a;--cyan: #38d8ff;--ink: #08101c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}body{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.encounter-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--stage-tone) 16%,transparent),transparent 42%),linear-gradient(125deg,color-mix(in srgb,var(--stage-shade) 76%,#10131b),#17202c 52%,color-mix(in srgb,var(--stage-tone) 18%,#2f3541));transition:background 1s linear}.encounter-stage:before{content:"";position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;background:repeating-linear-gradient(118deg,transparent 0 11%,rgba(255,255,255,.025) 11.2% 11.35%,transparent 11.5% 23%);animation:canvas-drift 24s linear infinite}.encounter{position:absolute;top:0;right:0;bottom:0;left:0;opacity:min(1,calc(var(--presence) * 1.8));will-change:opacity,transform;perspective:1200px}.encounter:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,color-mix(in srgb,var(--shade) 62%,transparent),transparent 42%,color-mix(in srgb,var(--shade) 48%,transparent)),radial-gradient(circle at 50% 55%,transparent,rgba(4,8,14,.34) 72%)}.art-panel{position:absolute;top:10%;width:min(57vw,880px);height:76%;overflow:hidden;clip-path:polygon(calc((1 - var(--reveal)) * 92%) 0,100% 0,calc(100% - 7vw) 100%,calc((1 - var(--reveal)) * 72%) 100%);transform:translate(calc(var(--travel) * -3vw)) rotateY(calc(var(--travel) * -5deg));transform-origin:center;filter:drop-shadow(0 30px 60px rgba(0,0,0,.34))}.encounter-right .art-panel{right:-3vw}.encounter-left .art-panel{left:-3vw;transform:translate(calc(var(--travel) * 3vw)) rotateY(calc(var(--travel) * 5deg));clip-path:polygon(0 0,calc(var(--reveal) * 100%) 0,calc(var(--reveal) * 82%) 100%,7vw 100%)}.art-panel img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.03);transform:scale(1.08) translate(calc(var(--travel) * 5%))}.art-reflection{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(112deg,transparent 26%,rgba(255,255,255,.16) 42%,transparent 54%);transform:translate(calc(var(--travel) * 45%));mix-blend-mode:screen}.art-shard{position:absolute;background:linear-gradient(135deg,color-mix(in srgb,var(--tone) 32%,transparent),transparent);border:1px solid color-mix(in srgb,var(--tone) 34%,transparent);opacity:calc(var(--presence) * .72);transform:translate(calc(var(--travel) * 9vw),calc(var(--travel) * -4vh)) rotate(calc(24deg + var(--travel) * 9deg));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.shard-one{top:13%;left:42%;width:9vw;height:34vh;clip-path:polygon(50% 0,100% 100%,0 78%)}.shard-two{right:26%;bottom:4%;width:13vw;height:24vh;clip-path:polygon(0 8%,100% 0,72% 100%,20% 74%)}.encounter-left .shard-one{left:auto;right:42%}.encounter-left .shard-two{right:auto;left:26%}.encounter-copy{position:absolute;z-index:3;top:67%;width:280px;opacity:clamp(0,calc((var(--presence) - .35) * 2.2),1);transform:translateY(calc(var(--travel) * -24px));text-shadow:0 4px 24px #000}.encounter-right .encounter-copy{right:6vw;text-align:right}.encounter-left .encounter-copy{left:6vw}.encounter-copy small{display:block;color:var(--tone);font:600 9px/1 Space Grotesk;letter-spacing:.18em}.encounter-copy b{display:block;margin:9px 0 4px;color:#f4f9ffeb;font:500 clamp(2rem,4vw,4.5rem)/.9 "Space Grotesk";letter-spacing:-.07em}.encounter-copy span{color:var(--tone);font:600 11px/1 Space Grotesk;letter-spacing:.1em}.encounter-copy p{margin:12px 0 0;color:#ffffff9e;font-size:12px;line-height:1.6}@keyframes canvas-drift{to{transform:translate3d(12%,-8%,0)}}main{position:relative;background:linear-gradient(180deg,transparent 82%,color-mix(in srgb,var(--stage-shade) 65%,#10151d))}.topbar{position:fixed;top:0;left:0;right:0;z-index:10;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;padding:26px 34px;font:600 11px/1 Space Grotesk;letter-spacing:.12em}.brand{font-size:15px;letter-spacing:-.02em}.status{justify-self:center;display:flex;align-items:center;gap:10px}.status i{width:7px;height:7px;rotate:45deg;background:var(--gold);box-shadow:0 0 14px var(--gold)}.mobile-role{display:none}.counter{width:42px;text-align:right}.progress{position:fixed;right:17px;top:84px;bottom:24px;z-index:10;width:1px;background:#ffffff24}.progress span{display:block;width:100%;height:100%;transform:scaleY(var(--progress));transform-origin:top;background:linear-gradient(var(--gold-light),var(--cyan));box-shadow:0 0 12px var(--cyan)}section,footer{position:relative;z-index:3}.hero{height:130vh;padding:16vh 7vw 0}.hero:before,.hero:after{content:"";position:absolute;pointer-events:none}.hero:before{left:6.3vw;top:13.5vh;width:330px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}.hero:after{left:6.3vw;top:13.5vh;width:1px;height:240px;background:linear-gradient(var(--gold),transparent)}.eyebrow,.section-no,.section-head>span,footer>span{font:600 11px/1 Space Grotesk;letter-spacing:.16em}.hero-title{position:relative;width:fit-content;margin-top:8vh;filter:drop-shadow(0 4px 24px rgba(0,0,0,.35))}.hero-title .hello{display:block;margin-bottom:12px;color:var(--gold-light);font-size:clamp(.9rem,1.3vw,1.1rem);letter-spacing:.12em;text-shadow:0 0 20px rgba(200,155,60,.5)}.hero-title h1{margin:0;font:500 clamp(3.1rem,6.5vw,6.4rem)/.92 "Space Grotesk";letter-spacing:-.07em}.hero-title strong{position:absolute;right:-3.9em;bottom:.12em;color:#f5f1e761;font:500 clamp(.8rem,1.4vw,1.25rem)/1 "Space Grotesk";letter-spacing:.23em;writing-mode:vertical-rl}.intro{margin:4vh 0 0;max-width:430px;color:#f5f1e7d1;font-size:clamp(1rem,1.65vw,1.35rem);line-height:1.55}.hero-note{margin:22px 0 0;max-width:410px;color:#ffffff9e;font-size:13px;line-height:1.75}.scroll-hint{position:absolute;bottom:16vh;left:7vw;display:flex;gap:20px;align-items:center;font:600 10px/1 Space Grotesk;letter-spacing:.18em}.scroll-hint b{font-size:24px;animation:bob 1.5s infinite}@keyframes bob{50%{transform:translateY(8px)}}.manifesto{min-height:120vh;display:flex;justify-content:flex-end;align-items:center;padding:12vh 7vw}.manifesto>div{position:relative;width:min(620px,60vw);padding:42px 48px;border:1px solid rgba(63,199,229,.14);background:linear-gradient(135deg,#05141f7a,#050c1529);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);clip-path:polygon(22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 22px);filter:drop-shadow(0 20px 40px rgba(0,0,0,.3))}.manifesto p{color:#f5f1e7e0;font:500 clamp(2.3rem,5vw,5rem)/1.05 "Space Grotesk";letter-spacing:-.055em;margin:45px 0}.manifesto p span{color:var(--cyan);font-style:italic;text-shadow:0 0 28px rgba(56,216,255,.38)}.manifesto small{display:block;max-width:480px;font-size:15px;line-height:1.7;color:#ffffffb8}.experience{min-height:210vh;padding:22vh 7vw;background:transparent}.section-head{width:48%}.section-head h2{margin:32px 0 12vh;color:#f5f1e7db;font:500 clamp(2.6rem,5vw,5.5rem)/.98 "Space Grotesk";letter-spacing:-.06em}.timeline{width:52%;margin-left:auto;border-left:1px solid rgba(255,255,255,.22)}.timeline article{min-height:48vh;position:relative;display:grid;grid-template-columns:90px 1fr auto;gap:24px;margin-bottom:12vh;padding:10px 0 70px 38px;filter:drop-shadow(0 2px 15px rgba(0,0,0,.52))}.timeline .dot{position:absolute;left:-6px;top:6px;width:11px;height:11px;border:2px solid var(--ink);rotate:45deg;background:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 15px #c89b3ca6}.year,.index{font:500 13px/1 Space Grotesk;letter-spacing:.1em;color:var(--gold-light)}.timeline h3{margin:0 0 8px;color:#f5f1e7e8;font:500 clamp(1.7rem,3vw,3.2rem)/1 "Space Grotesk";letter-spacing:-.04em}.timeline b{font-size:12px;letter-spacing:.08em}.timeline p{max-width:360px;color:#ffffffb8;line-height:1.6}.work{min-height:195vh;padding:18vh 7vw;background:transparent;color:#f5f1e7}.work .section-head{width:100%}.project-list{width:min(1040px,80vw);margin-left:auto}.project-list article{position:relative;display:grid;grid-template-columns:90px minmax(0,1fr);gap:38px;padding:8vh 3vw 15vh;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-width:1px 0 0;background:linear-gradient(110deg,rgba(5,19,29,.38),transparent 72%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);filter:drop-shadow(0 2px 18px rgba(0,0,0,.46));transition:border-color .4s,background .4s}.project-list article:hover{border-color:color-mix(in srgb,var(--accent) 68%,transparent);background:linear-gradient(110deg,rgba(7,30,43,.56),transparent 78%)}.project-list article:first-child{grid-template-columns:70px minmax(300px,.92fr) minmax(230px,.62fr)}.project-no{color:var(--accent);font:500 13px/1 Space Grotesk;letter-spacing:.12em}.project-copy small{display:block;margin-bottom:22px;color:var(--accent);font:600 10px/1 Space Grotesk;letter-spacing:.15em}.project-copy h3{margin:0;color:#f5f1e7e6;font:500 clamp(2.8rem,6vw,6.5rem)/.86 "Space Grotesk";letter-spacing:-.07em}.project-lead{max-width:640px;margin:30px 0;font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.55}.project-copy ul{max-width:650px;margin:0;padding:0;list-style:none;color:#ffffffb8}.project-copy li{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.1);line-height:1.55}.project-copy li:before{content:"↳";margin-right:12px;color:var(--accent)}.project-stack{margin-top:26px;color:#ffffff73;font:500 10px/1.6 Space Grotesk;letter-spacing:.09em;text-transform:uppercase}.project-visual{align-self:start;margin:2vh 0 0 4vw;width:min(290px,24vw);filter:drop-shadow(0 30px 58px rgba(0,0,0,.48))}.project-visual-dock{position:relative;align-self:start}.dock-label{display:none;color:#ffffff6b;font:600 8px/1 Space Grotesk;letter-spacing:.14em;writing-mode:vertical-rl}.project-visual img{display:block;width:100%;aspect-ratio:1309/2868;object-fit:cover;border:1px solid rgba(255,255,255,.18);border-radius:24px}.project-visual figcaption{display:flex;flex-direction:column;gap:5px;margin-top:13px;color:#ffffff7a;font:500 9px/1.4 Space Grotesk;letter-spacing:.1em}.project-visual figcaption span{color:#d6ff4b}.character-project-dock .section-head{width:43%}.character-project-dock .section-head h2{font-size:clamp(2.4rem,4.2vw,4.7rem)}.character-project-dock .project-list{width:min(560px,39vw);margin-right:1vw}.character-project-dock .project-list article,.character-project-dock .project-list article:first-child{grid-template-columns:42px minmax(0,1fr);gap:15px;padding:5vh 2.4vw 8vh;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,#0e13269e,#24102e52);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}.character-project-dock .project-list article:first-child{grid-template-columns:34px minmax(250px,1fr) minmax(170px,205px);gap:18px;width:min(720px,50vw);margin-left:-11vw}.character-project-dock .project-copy h3{font-size:clamp(2.4rem,4vw,4.5rem)}.character-project-dock .project-lead{margin:20px 0;font-size:1rem}.character-project-dock .project-copy li{padding:8px 0;font-size:12px}.character-project-dock .project-visual-dock{position:absolute;right:calc(100% + 14px);top:6vh;display:flex;align-items:flex-start;gap:9px}.character-project-dock .dock-label{display:block;padding-top:8px}.character-project-dock .project-visual{width:82px;margin:0;transition:transform .65s cubic-bezier(.22,1,.36,1),filter .65s;transform-origin:right top;cursor:zoom-in}.character-project-dock .project-visual img{border-radius:12px}.character-project-dock .project-visual figcaption{position:absolute;right:0;top:100%;width:220px;opacity:0;pointer-events:none;transition:opacity .35s,transform .35s;transform:translateY(-4px)}.character-project-dock .project-visual:hover{transform:translate(-94px) scale(3.2) rotate(-.4deg);filter:drop-shadow(0 12px 22px rgba(0,0,0,.48));z-index:5}.character-project-dock .project-visual:hover figcaption{opacity:1;transform:translateY(4px) scale(.3125);transform-origin:right top}.project-product-plate{position:relative;align-self:start;width:100%;margin:0;padding:7px;border:1px solid rgba(240,213,138,.26);background:linear-gradient(145deg,#0c1925cc,#1b10256b);clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px);filter:drop-shadow(0 22px 42px rgba(0,0,0,.45))}.project-product-plate img{display:block;width:100%;max-height:56vh;object-fit:cover;object-position:top;border-radius:12px}.project-product-plate figcaption{display:flex;flex-direction:column;gap:4px;padding:11px 3px 4px;font:600 8px/1.35 Space Grotesk;letter-spacing:.08em}.project-product-plate figcaption span{color:var(--gold-light)}.project-product-plate figcaption small{color:#ffffff73;font-size:7px}.product-plate-glow{position:absolute;top:18%;right:-18%;bottom:18%;left:-18%;z-index:-1;background:radial-gradient(circle,color-mix(in srgb,var(--stage-tone) 30%,transparent),transparent 66%);filter:blur(22px)}.capabilities{min-height:135vh;padding:20vh 7vw}.skill-list{width:min(900px,72vw);margin-left:auto}.skill-list>div{display:grid;grid-template-columns:65px 200px 1fr;align-items:baseline;gap:30px;padding:30px 0;border-top:1px solid rgba(255,255,255,.18);filter:drop-shadow(0 2px 15px rgba(0,0,0,.45))}.skill-list span{color:var(--gold-light);font:500 11px/1 Space Grotesk}.skill-list b{font:600 13px/1 Space Grotesk;letter-spacing:.08em}.skill-list p{margin:0;color:#ffffffad;line-height:1.65}.life{min-height:210vh;padding:18vh 7vw 24vh;background:linear-gradient(180deg,transparent,rgba(7,9,7,.4),transparent)}.life-intro{width:min(520px,46vw);margin:-5vh 0 12vh auto;color:#ffffffad;font-size:15px;line-height:1.8}.life-grid{position:relative;min-height:125vh}.life-photo{position:absolute;margin:0;filter:drop-shadow(0 26px 55px rgba(0,0,0,.42))}.life-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.02)}.life-photo figcaption{display:flex;justify-content:space-between;margin-top:12px;font:500 10px/1.4 Space Grotesk;letter-spacing:.08em}.life-photo img{clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);border:1px solid rgba(200,155,60,.24);transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s}.life-photo:hover img{transform:scale(1.025);filter:saturate(1.05) contrast(1.05)}.life-photo figcaption span{color:var(--gold-light)}.life-photo-1{top:4vh;left:0;width:52vw;aspect-ratio:16/9}.life-photo-2{top:28vh;right:3vw;width:25vw;aspect-ratio:9/14;z-index:2}.life-photo-3{top:84vh;left:25vw;width:24vw;aspect-ratio:9/14}footer{min-height:105vh;padding:18vh 7vw 5vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#030b121a,#030b12 31%)}footer h2{font:500 clamp(4rem,10vw,10rem)/.83 "Space Grotesk";letter-spacing:-.085em;margin:auto 0 8vh}footer h2 i{color:var(--gold-light);font-weight:400;text-shadow:0 0 40px rgba(200,155,60,.3)}.contact-links{display:flex;flex-wrap:wrap;gap:14px}.contact-links a{padding:18px 25px;border:1px solid var(--gold);border-radius:2px;color:var(--gold-light);font:600 12px/1 Space Grotesk;letter-spacing:.08em;transition:background .25s,color .25s,box-shadow .25s;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%)}.contact-links a:hover{background:var(--gold);color:#07111a;box-shadow:0 0 28px #c89b3c4d}.footer-meta{margin-top:auto;display:flex;justify-content:space-between;padding-top:6vh;font:500 10px/1 Space Grotesk;letter-spacing:.12em}@media (max-width: 760px){:root{font-size:15px}.grain{opacity:.11}.topbar{top:max(10px,env(safe-area-inset-top));left:12px;right:12px;grid-template-columns:auto 1fr auto;gap:12px;padding:11px 15px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:#0d100c6b;-webkit-backdrop-filter:blur(15px) saturate(1.2);backdrop-filter:blur(15px) saturate(1.2)}.brand{font-size:12px}.status{display:none}.mobile-role{display:block;justify-self:center;color:#ffffff80;font-size:8px;letter-spacing:.13em}.counter{width:32px;font-size:9px}.progress{top:auto;right:0;bottom:0;left:0;width:auto;height:2px;background:#ffffff14}.progress span{width:100%;height:100%;transform:scaleX(var(--progress));transform-origin:left}.art-panel{top:11%;width:102vw;height:64%}.encounter-right .art-panel{right:-36vw}.encounter-left .art-panel{left:-36vw}.art-panel img{transform:scale(1.12) translate(calc(var(--travel) * 3%))}.art-shard{display:none}.encounter-copy{top:56%;width:180px}.encounter-right .encounter-copy{right:18px}.encounter-left .encounter-copy{left:18px}.encounter-copy b{font-size:2.3rem}.encounter-copy p{font-size:10px}.hero{height:115svh;padding:0 20px max(11vh,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:flex-end}.hero:before,.hero:after{display:none}.hero .eyebrow{order:0;margin-bottom:13px;font-size:9px}.hero-title{order:1;margin:0}.hero-title h1{font-size:clamp(3rem,15vw,4.5rem);line-height:.9}.hero-title .hello{margin-bottom:8px;font-size:.8rem}.hero-title strong{right:-2.4em;font-size:.72rem}.intro{order:2;margin-top:22px;max-width:310px;font-size:1rem}.hero-note{order:3;max-width:320px;margin-top:12px;font-size:11px;line-height:1.6}.scroll-hint{bottom:4vh;left:auto;right:20px;flex-direction:column;gap:7px;font-size:8px}.manifesto{min-height:115svh;padding:18vh 20px 14vh;align-items:flex-end}.manifesto>div{width:96%;margin-left:auto;padding:28px 24px}.manifesto p{margin:28px 0;font-size:clamp(2.15rem,11vw,3.3rem)}.manifesto small{font-size:13px;line-height:1.75}.experience,.work,.capabilities,.life,footer{padding-left:20px;padding-right:20px}.experience{min-height:185svh;padding-top:17vh}.section-head{width:100%}.section-head h2{margin:23px 0 12vh;font-size:clamp(2.2rem,10vw,3.25rem);line-height:1}.timeline{width:calc(100% - 8px);border-left-color:#ffffff26}.timeline article{min-height:62svh;grid-template-columns:1fr;gap:12px;margin-bottom:8vh;padding:4px 5px 60px 25px}.timeline .year{font-size:10px}.timeline .index{display:none}.timeline h3{font-size:2.15rem}.timeline p{font-size:13px;line-height:1.7}.work{min-height:235svh;padding-top:17vh}.project-list{width:100%}.project-list article,.project-list article:first-child{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:7vh 0 13vh}.project-no{font-size:10px}.project-copy small{margin-bottom:16px;font-size:8px}.project-copy h3{font-size:clamp(2.6rem,13vw,4rem)}.project-lead{margin:22px 0;font-size:1rem}.project-copy li{padding:10px 0;font-size:12px}.project-stack{font-size:8px}.project-visual{grid-column:2;width:min(72vw,300px);margin:5vh 0 0 auto}.project-visual img{border-radius:20px}.character-project-dock .section-head{width:100%}.character-project-dock .project-list{width:100%;margin-right:0}.character-project-dock .project-list article,.character-project-dock .project-list article:first-child{grid-template-columns:32px minmax(0,1fr);padding:6vh 14px 9vh}.character-project-dock .project-list article:first-child{width:100%;margin-left:0}.project-product-plate{grid-column:2;width:min(68vw,280px);margin:4vh 0 0 auto}.project-product-plate img{max-height:none}.character-project-dock .project-visual-dock{position:relative;inset:auto;grid-column:2;display:block;margin-top:4vh}.character-project-dock .dock-label{display:none}.character-project-dock .project-visual,.character-project-dock .project-visual:hover{width:min(68vw,280px);margin-left:auto;transform:none}.character-project-dock .project-visual figcaption,.character-project-dock .project-visual:hover figcaption{position:static;width:auto;opacity:1;transform:none;margin-top:10px}.capabilities{min-height:145svh;padding-top:17vh}.skill-list{width:100%}.skill-list>div{grid-template-columns:31px 1fr;gap:10px;padding:25px 0}.skill-list b{font-size:11px}.skill-list p{grid-column:2;font-size:12px;line-height:1.65}.life{min-height:auto;padding-top:17vh;padding-bottom:20vh;overflow:hidden}.life-intro{width:100%;margin:-2vh 0 8vh;font-size:13px}.life-grid{display:flex;min-height:0;width:calc(100% + 40px);margin-left:-20px;padding:0 20px 25px;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.life-grid::-webkit-scrollbar{display:none}.life-photo,.life-photo-1,.life-photo-2,.life-photo-3{position:relative;inset:auto;flex:0 0 78vw;width:78vw;height:60svh;aspect-ratio:auto;scroll-snap-align:center}.life-photo-1{height:46svh}.life-photo figcaption{font-size:8px}footer{min-height:100svh;padding-top:15vh;padding-bottom:max(25px,env(safe-area-inset-bottom))}footer h2{margin:auto 0 7vh;font-size:clamp(3.3rem,16vw,5rem);line-height:.88}.contact-links{flex-direction:column;align-items:stretch;gap:10px}.contact-links a{width:100%;padding:17px 20px;text-align:center;font-size:10px}.footer-meta{gap:20px;font-size:8px}}@media (max-width: 390px){.hero-title h1{font-size:3.1rem}.hero-title strong{display:none}.project-copy h3{font-size:2.7rem}}@media (orientation: landscape) and (max-height: 520px){.hero{min-height:720px}.topbar{top:8px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}