@import "https://fonts.googleapis.com/css2?family=Onest:wght@300;400;500;600;700&display=swap";:root{--stage:#e9eaec;--stage-2:#f3f3f4;--card:#fff;--card-2:#f4f4f5;--ink:#0c0d11;--ink-2:#0c0d118f;--ink-3:#0c0d1161;--hair:#0c0d1114;--hair-2:#0c0d110d;--nav-bg:#e9eaecb8;--blue:#1657ff;--blue-press:#2e64ff;--orange:#ff6c4b;--green:#2bbf4e;--pink:#ff00a8;--r-card:30px;--r-media:22px;--shadow:0 14px 36px -12px #14161e29, 0 2px 6px #14161e0d;--shadow-lg:0 30px 70px -20px #14161e47;--font:"Onest","Aeonik",system-ui,sans-serif;--wrap:1240px}:root[data-theme=dark]{--stage:#101218;--stage-2:#181a20;--card:#1c1e26;--card-2:#24262e;--ink:#fff;--ink-2:#ffffff9e;--ink-3:#fff6;--hair:#ffffff1a;--hair-2:#ffffff0f;--nav-bg:#101218ad;--shadow:0 16px 40px -16px #0009, 0 2px 8px #0006;--shadow-lg:0 34px 80px -24px #000000b8}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--stage);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background .35s,color .35s;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}::selection{background:var(--orange);color:#fff}.wrap{width:min(var(--wrap),92vw);margin:0 auto}.display{letter-spacing:-.045em;text-transform:lowercase;font-weight:500;line-height:.94}.overline{letter-spacing:-.01em;color:var(--ink-2);align-items:center;gap:9px;font-size:14px;display:inline-flex}.overline:before{content:"";background:var(--orange);border-radius:50%;width:7px;height:7px}.muted{color:var(--ink-2)}.pill{letter-spacing:-.02em;white-space:nowrap;border-radius:40px;align-items:center;gap:9px;height:48px;padding:0 22px;font-size:15px;transition:transform .12s,background .2s,color .2s,box-shadow .2s;display:inline-flex}.pill:active{transform:scale(.97)}.pill-blue{background:var(--blue);color:#fff}.pill-blue:hover{background:var(--blue-press)}.pill-dark{background:var(--ink);color:var(--stage)}.pill-dark:hover{filter:brightness(1.12)}.pill-soft{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}.pill-soft:hover{box-shadow:var(--shadow-lg)}.nav{z-index:60;-webkit-backdrop-filter:blur(18px);background:var(--nav-bg);border-bottom:1px solid var(--hair);transition:background .35s,border-color .35s;position:sticky;top:0}.nav .row{align-items:center;gap:16px;height:78px;display:flex}.nav-id{align-items:center;gap:11px;display:flex}.nav-ava{object-fit:cover;border-radius:50%;width:42px;height:42px}.mark{letter-spacing:-.04em;text-transform:lowercase;align-items:baseline;font-size:23px;font-weight:600;display:inline-flex}.mark .dot{background:var(--orange);border-radius:50%;width:.16em;height:.16em;margin-left:.06em}.nav-controls{align-items:center;gap:12px;margin-left:auto;display:flex}.nav-controls-mobile{display:none}.menu-wrap{position:relative}.menu-trigger.on{color:var(--blue)}.menu-pop{z-index:80;background:var(--card);width:248px;box-shadow:var(--shadow-lg);border:1px solid var(--hair);transform-origin:100% 0;border-radius:22px;flex-direction:column;gap:12px;padding:14px;animation:.16s cubic-bezier(.2,.8,.2,1) pop-in;display:flex;position:absolute;top:calc(100% + 12px);right:0}@keyframes pop-in{0%{opacity:0;transform:scale(.94)translateY(-6px)}to{opacity:1;transform:none}}.menu-row{flex-direction:column;gap:9px;display:flex}.menu-row-label{color:var(--ink-3);letter-spacing:-.01em;padding-left:2px;font-size:13px}.menu-div{background:var(--hair);height:1px;margin:0 -2px}.theme-switch{background:var(--card-2);height:44px;color:var(--ink);letter-spacing:-.02em;border-radius:14px;align-items:center;gap:10px;width:100%;padding:0 14px;font-size:15px;transition:background .2s,transform .12s;display:flex}.theme-switch:active{transform:scale(.98)}.theme-switch-ico{color:var(--ink);place-items:center;display:grid}.seg-flat{box-shadow:none;background:var(--card-2);justify-content:stretch;width:100%}.seg-flat .seg-opt{text-align:center;flex:1}.seg-flat .seg-opt.on{background:var(--card);box-shadow:var(--shadow)}.icon-btn{width:48px;height:48px;color:var(--ink);background:var(--card);box-shadow:var(--shadow);border-radius:50%;flex:none;place-items:center;transition:transform .12s,box-shadow .2s,color .2s;display:grid}.icon-btn:hover{box-shadow:var(--shadow-lg)}.icon-btn:active{transform:scale(.94)}.seg{background:var(--card);box-shadow:var(--shadow);border-radius:40px;gap:2px;padding:5px;display:inline-flex}.seg-opt{letter-spacing:-.02em;color:var(--ink-3);white-space:nowrap;border-radius:40px;padding:8px 16px;font-size:14px;transition:all .2s}.seg-opt:hover{color:var(--ink-2)}.seg-opt.on{background:var(--card-2);color:var(--ink);font-weight:500}.hero{padding:44px 0 28px}.hero-stage{--hf:calc(100cqw / 1240);height:calc(690.44 * var(--hf));position:relative;container-type:inline-size}.hero-main{display:contents}.hero-stage .overline{left:calc(16 * var(--hf));top:calc(3.5 * var(--hf));font-size:calc(14 * var(--hf));gap:calc(9 * var(--hf));position:absolute}.hero-stage .overline:before{width:calc(7 * var(--hf));height:calc(7 * var(--hf))}.hero-head{left:0;top:calc(18.5 * var(--hf));width:calc(760 * var(--hf));font-size:calc(129.6 * var(--hf));letter-spacing:-.045em;margin:0;line-height:.94;position:absolute}.hero-head .acc{color:var(--orange)}.hero-lede{left:0;top:calc(442.94 * var(--hf));width:calc(528 * var(--hf));font-size:calc(21 * var(--hf));letter-spacing:-.015em;color:var(--ink-2);margin:0;line-height:1.5;position:absolute}.hero-lede b{color:var(--ink);font-weight:600}.hero-actions{left:0;top:calc(557.44 * var(--hf));gap:calc(12 * var(--hf));margin:0;display:flex;position:absolute}.hero-actions .pill{height:calc(48 * var(--hf));font-size:calc(15 * var(--hf));padding:0 calc(22 * var(--hf));border-radius:calc(40 * var(--hf));gap:calc(8 * var(--hf))}.hero-photo{left:calc(650 * var(--hf));top:calc(250.59 * var(--hf));width:calc(320 * var(--hf));height:calc(320 * var(--hf));border-radius:calc(30 * var(--hf));box-shadow:var(--shadow);background:var(--card-2);position:absolute;overflow:hidden}.hero-photo img{object-fit:cover;width:100%;height:100%}.photos-badge{left:auto;right:calc(20 * var(--hf));top:calc(20 * var(--hf));width:calc(48 * var(--hf));height:calc(48 * var(--hf));border-radius:calc(14 * var(--hf));z-index:3;background:#fff;place-items:center;display:grid;position:absolute;box-shadow:0 6px 18px -6px #0000006b}.photos-badge svg{width:calc(26 * var(--hf));height:calc(26 * var(--hf))}.xp-widget{left:calc(1010 * var(--hf));right:auto;top:calc(64 * var(--hf));z-index:4;width:calc(226 * var(--hf));height:calc(226 * var(--hf));background:var(--card);border-radius:calc(30 * var(--hf));box-shadow:var(--shadow);padding:calc(24 * var(--hf));flex-direction:column;display:flex;position:absolute}.xp-label{font-size:calc(15 * var(--hf));color:var(--ink-2);letter-spacing:-.01em}.xp-value{font-size:calc(33 * var(--hf));letter-spacing:-.02em;margin-top:calc(8 * var(--hf));font-weight:600;line-height:1}.xp-bar{gap:calc(4 * var(--hf));height:calc(10 * var(--hf));margin:auto 0 calc(15 * var(--hf));display:flex}.xp-bar span{border-radius:calc(7 * var(--hf));display:block}.xp-legend{gap:calc(10 * var(--hf));font-size:calc(14 * var(--hf));color:var(--ink-2);flex-direction:column;display:flex}.xp-legend span{align-items:center;gap:calc(9 * var(--hf));display:flex}.xp-legend i{width:calc(9 * var(--hf));height:calc(9 * var(--hf));border-radius:50%;flex:none;display:block}.xp-legend b{color:var(--ink);margin-left:auto;font-weight:600}.strip{left:0;right:0;top:calc(635.44 * var(--hf));height:calc(55 * var(--hf));background:var(--card);border-radius:calc(40 * var(--hf));box-shadow:var(--shadow);margin:0;position:absolute;overflow:hidden}.strip-track{align-items:center;gap:calc(42 * var(--hf));white-space:nowrap;width:max-content;height:100%;animation:28s linear infinite scroll;display:flex}.strip-track span{font-size:calc(16 * var(--hf));letter-spacing:-.02em;color:var(--ink-2);align-items:center;gap:calc(42 * var(--hf));display:inline-flex}.strip-track span:after{content:"✺";color:var(--orange)}@keyframes scroll{to{transform:translate(-50%)}}.section{padding:78px 0}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:34px;display:flex}.sec-title{font-size:clamp(38px,6vw,96px)}.sec-count{color:var(--ink-3);letter-spacing:-.02em;font-size:15px}.card{background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,background .35s;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.work-row-half{grid-template-columns:659fr 557fr;gap:24px;margin-bottom:24px;display:grid}.work-stack{flex-direction:column;gap:24px;display:flex}.work-card{min-height:543px;transition:transform .18s,box-shadow .18s;position:relative}.work-card.is-link{cursor:pointer}.work-link{z-index:12;border-radius:inherit;position:absolute;inset:0}.work-card.is-link:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.work-card.full{grid-template-columns:1fr 1.02fr;align-items:stretch;min-height:370px;display:grid}.work-card.half{grid-template-columns:250px 1fr;align-items:stretch;display:grid}.work-body{flex-direction:column;padding:32px 34px;display:flex}.work-card.half .work-body{padding:32px 0 30px 32px}.work-name{letter-spacing:-.035em;text-transform:lowercase;font-size:36px;font-weight:500;line-height:1}.work-card.half .work-name{font-size:30px}.work-year{z-index:6;color:var(--ink-3);font-size:14px;position:absolute;top:36px;right:34px}.work-sub{letter-spacing:-.02em;margin-top:16px;font-size:15.5px;font-weight:600;line-height:1.32}.work-card.half .work-sub{margin-top:14px;font-size:14.5px}.work-lede{letter-spacing:-.01em;color:var(--ink-2);margin-top:12px;font-size:14.5px;line-height:1.5}.work-card.half .work-lede{font-size:13.5px}.work-points{flex-direction:column;gap:12px;margin-top:20px;display:flex}.work-point{letter-spacing:-.01em;color:var(--ink);align-items:flex-start;gap:11px;font-size:14.5px;line-height:1.4;display:flex}.work-card.half .work-point{gap:9px;font-size:13px}.work-point i{width:20px;height:20px;color:var(--green);background:#2bbf4e24;border-radius:50%;flex:none;place-items:center;margin-top:1px;display:grid}.work-card.half .work-point i{width:18px;height:18px}.work-tags{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:22px;display:flex}.tag{letter-spacing:-.01em;color:var(--ink-2);background:var(--card-2);border-radius:30px;align-items:center;height:30px;padding:0 13px;font-size:12.5px;display:inline-flex}.work-media{background:var(--card-2);min-height:300px;position:relative;overflow:hidden}.work-card.half .work-media{border-radius:0 var(--r-card) var(--r-card) 0;min-height:0}.work-card.full .work-media{min-height:370px}.work-media img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.work-card.half .work-media img{object-position:top center}.work-card.flip .work-media{border-radius:var(--r-card) 0 0 var(--r-card)}.card:hover .work-media img{transform:scale(1.035)}.work-card.scene-card{display:block;position:relative}.work-card.half.scene-card{min-height:543px}.work-card.full.scene-card{min-height:370px}.scene-card .work-body{z-index:2;width:44%;padding:32px 0 30px 32px;position:relative}.work-card.full.scene-card .work-body{padding:32px 0 32px 40px}.scene-card .work-media.scene{z-index:1;background:0 0;border-radius:0;position:absolute;inset:0;overflow:visible}.scene-card .work-media.scene img{object-fit:contain;max-width:none;height:auto;position:absolute}.scene-card .work-media.scene img.scene-layer{pointer-events:none}.work-card.scene-card:has(.scene-layer){min-height:0;overflow:hidden;container-type:size}.sl-m{display:none}.work-card.scene-card:has(.scene-layer) .work-body{width:calc(var(--colw) * var(--fs));padding:calc(var(--btop) * var(--fs)) 0 0 calc(32 * var(--fs))}.work-card.scene-card:has(.scene-layer) .work-name{font-size:calc(40 * var(--fs));letter-spacing:-.035em;line-height:1.05}.work-card.scene-card:has(.scene-layer) .work-sub{font-size:calc(15.5 * var(--fs));letter-spacing:-.01em;margin-top:calc(7 * var(--fs));font-weight:500;line-height:1.35}.work-card.scene-card:has(.scene-layer) .work-lede{font-size:calc(14.5 * var(--fs));margin-top:calc(12 * var(--fs));line-height:1.5}.work-card.scene-card:has(.scene-layer) .work-points{margin-top:calc(17 * var(--fs));gap:calc(10 * var(--fs))}.work-card.scene-card:has(.scene-layer) .work-point{font-size:calc(14 * var(--fs));gap:calc(10 * var(--fs));line-height:1.4}.work-card.scene-card:has(.scene-layer) .work-point i{width:calc(20 * var(--fs));height:calc(20 * var(--fs));flex:none}.work-card.scene-card:has(.scene-layer) .work-tags{gap:calc(7 * var(--fs));padding-top:calc(17 * var(--fs))}.work-card.scene-card:has(.scene-layer) .tag{font-size:calc(12 * var(--fs));height:calc(28 * var(--fs));padding:0 calc(12 * var(--fs))}.work-card.scene-card:has(.scene-layer) .work-year{font-size:calc(14 * var(--fs));top:calc(36 * var(--fs));right:calc(34 * var(--fs))}.card:hover .scene-card .work-media.scene img,.card:hover .work-media.scene img{transform:scale(1.02)}.nda-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.04em;color:#444;background:#ffffffdb;border-radius:30px;padding:6px 12px;font-size:11px;position:absolute;top:16px;right:16px}.about-grid{grid-template-columns:704px 1fr;align-items:stretch;gap:20px;display:grid}.about-card{background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow);padding:40px 40px 36px;transition:background .35s}.about-lede{letter-spacing:-.03em;color:var(--ink);margin:0 0 26px;font-size:clamp(24px,2.4vw,32px);line-height:1.26}.about-lede b{font-weight:600}.about-text p{letter-spacing:-.01em;color:var(--ink-2);margin-bottom:14px;font-size:15.5px;line-height:1.62}.about-text p:last-child{margin-bottom:0}.skills{flex-wrap:wrap;gap:9px;margin-top:28px;display:flex}.skill{background:var(--card-2);letter-spacing:-.02em;height:36px;color:var(--ink);border-radius:40px;align-items:center;padding:0 16px;font-size:14px;display:inline-flex}.about-collage{--af:calc(100cqw / 520);flex-direction:column;gap:20px;display:flex;container-type:inline-size}.about-collage-top{grid-template-columns:1fr 1fr;gap:20px;display:grid}.collage-photo{border-radius:calc(30 * var(--af));aspect-ratio:1;box-shadow:var(--shadow);background:var(--card-2);position:relative;overflow:hidden}.collage-photo img{object-fit:cover;width:100%;height:100%}.collage-photo .photos-badge{left:auto;right:calc(16 * var(--af));top:calc(16 * var(--af));z-index:3;width:calc(38 * var(--af));height:calc(38 * var(--af));border-radius:calc(11 * var(--af))}.collage-photo .photos-badge svg{width:calc(22 * var(--af));height:calc(22 * var(--af))}.collage-photo.slideshow{overflow:hidden}.collage-photo.slideshow .slide{object-fit:cover;opacity:0;width:100%;height:100%;animation:slideShow calc(var(--n,5) * 3.4s) infinite;animation-delay:calc(var(--i) * 3.4s);animation-timing-function:cubic-bezier(.5,0,.2,1);position:absolute;inset:0}@keyframes slideShow{0%{opacity:0;transform:translate(100%)}3%{opacity:1;transform:translate(0)}17%{opacity:1;transform:translate(0)}20%{opacity:0;transform:translate(-100%)}to{opacity:0;transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.collage-photo.slideshow .slide{animation:none}.collage-photo.slideshow .slide:first-child{opacity:1}}.collage-pile{border-radius:calc(30 * var(--af));aspect-ratio:1;box-shadow:var(--shadow);background:#f6f6f6;position:relative;overflow:hidden}.pile-img{border-radius:calc(8 * var(--af));object-fit:cover;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;position:absolute;box-shadow:0 8px 22px -10px #14161e73}.pile-0{width:51%;height:77%;top:-7%;left:-1%;transform:rotate(13deg)}.pile-1{width:38%;height:49%;top:11%;left:27%;transform:rotate(-9deg)}.pile-2{width:39%;height:58%;top:31%;left:70%;transform:rotate(-9deg)}.pile-3{width:38%;height:58%;top:53%;left:58%;transform:rotate(12deg)}.pile-4{width:48%;height:63%;top:60%;left:5%;transform:rotate(-11deg)}.collage-pile:hover .pile-img{box-shadow:0 14px 30px -12px #14161e8c}.collage-pile:hover .pile-0{transform:translate(-8%,-6%)rotate(17deg)}.collage-pile:hover .pile-1{transform:translateY(-10%)rotate(-13deg)}.collage-pile:hover .pile-2{transform:translate(10%,-4%)rotate(-14deg)}.collage-pile:hover .pile-3{transform:translate(8%,9%)rotate(16deg)}.collage-pile:hover .pile-4{transform:translate(-9%,8%)rotate(-15deg)}.collage-pile .photos-badge{left:auto;right:calc(16 * var(--af));top:calc(16 * var(--af));width:calc(38 * var(--af));height:calc(38 * var(--af));border-radius:calc(11 * var(--af));z-index:6}.collage-pile .photos-badge svg{width:calc(22 * var(--af));height:calc(22 * var(--af))}.about-events{aspect-ratio:520/479;background:var(--card);border-radius:calc(30 * var(--af));box-shadow:var(--shadow);position:relative;overflow:hidden}.event{border-radius:calc(12 * var(--af));width:46%;padding:calc(13 * var(--af));gap:calc(9 * var(--af));cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;will-change:transform;background:#fff;flex-direction:column;transition:transform .22s cubic-bezier(.2,.85,.25,1),box-shadow .22s;display:flex;position:absolute;box-shadow:0 8px 24px -8px #14161e33}.event:hover{box-shadow:var(--shadow-lg)}.event.grabbing{cursor:grabbing;transition:box-shadow .15s;box-shadow:0 26px 50px -18px #14161e6b}.event-title{font-size:calc(15.5 * var(--af));color:#343638;letter-spacing:-.01em;font-weight:600;line-height:1.2}.event-img{border-radius:calc(10 * var(--af));aspect-ratio:171/112;background:var(--card-2);overflow:hidden}.event-img img{object-fit:cover;width:100%;height:100%}.event-desc{font-size:calc(11.5 * var(--af));color:#363636b8;margin:0;line-height:1.32}.event-img img{pointer-events:none}.exp-card{background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow);padding:10px 30px;transition:background .35s}.exp{border-bottom:1px solid var(--hair);grid-template-columns:230px 1fr auto;align-items:start;gap:28px;padding:26px 0;display:grid}.exp:last-child{border-bottom:none}.exp-co{letter-spacing:-.02em;font-size:19px;font-weight:600}.exp-role{color:var(--ink-2);letter-spacing:-.02em;margin-top:3px;font-size:14.5px}.exp-note{color:var(--ink-2);letter-spacing:-.01em;max-width:68ch;font-size:14.5px;line-height:1.55}.exp-when{color:var(--ink-3);white-space:nowrap;background:var(--card-2);border-radius:30px;padding:7px 13px;font-size:13px}.exp-when.now{color:#0a7c27;background:#2bbf4e21;align-items:center;gap:7px;display:inline-flex}:root[data-theme=dark] .exp-when.now{color:#46d870}.exp-when.now:before{content:"";background:var(--green);border-radius:50%;width:8px;height:8px}.cta-card{color:#fff;border-radius:var(--r-card);box-shadow:var(--shadow-lg);background:#0c0d11;padding:54px 48px;position:relative;overflow:hidden}:root[data-theme=dark] .cta-card{border:1px solid var(--hair);background:#06070a}.cta-head{margin:14px 0 30px;font-size:clamp(40px,7vw,104px)}.cta-head .acc{color:var(--orange)}.cta-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.cta-mail{letter-spacing:-.03em;font-size:clamp(20px,2.6vw,34px)}.cta-mail:hover{color:var(--orange)}.cta-card .overline{color:#ffffffa8}.pill-line{color:#fff;background:#ffffff1f}.pill-line:hover{background:#fff3}.footer-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:30px 0 46px;display:flex}.footer-socials{gap:20px;display:flex}.footer-socials a{color:var(--ink-2);font-size:15px}.footer-socials a:hover{color:var(--ink)}.footer-note{color:var(--ink-3);letter-spacing:-.01em;font-size:14px}@media (width<=1180px){.about-grid{grid-template-columns:1fr 1fr}}@media (width<=1080px){.work-card.full{grid-template-columns:1fr 1fr}}@media (width<=880px){.hero{padding:36px 0 16px}.hero-stage{flex-direction:column;align-items:flex-start;height:auto;display:flex;container-type:normal}.hero-main{flex-direction:column;align-items:flex-start;width:100%;display:flex}.hero-stage .overline,.hero-head,.hero-lede,.hero-actions,.xp-widget,.strip{position:static;top:auto;left:auto;right:auto}.hero-photo{position:relative;top:auto;left:auto}.hero-stage .overline{gap:9px;margin-bottom:16px;font-size:14px}.hero-stage .overline:before{width:7px;height:7px}.hero-head{width:auto;margin-bottom:22px;font-size:clamp(48px,11.5vw,86px);line-height:.96}.hero-lede{width:auto;max-width:500px;margin-bottom:24px;font-size:clamp(16px,2.4vw,19px)}.hero-actions{flex-wrap:wrap;gap:12px}.hero-actions .pill{border-radius:40px;height:48px;padding:0 22px;font-size:15px}.hero-photo{aspect-ratio:1;border-radius:28px;width:min(460px,100%);height:auto;margin-top:34px}.photos-badge{border-radius:14px;width:46px;height:46px;top:18px;right:18px}.photos-badge svg{width:26px;height:26px}.xp-widget{aspect-ratio:1;border-radius:28px;flex-direction:column;width:min(360px,100%);height:auto;margin-top:18px;padding:28px;display:flex}.xp-label{font-size:16px}.xp-value{letter-spacing:-.03em;margin:10px 0 0;font-size:clamp(40px,12vw,52px);font-weight:600}.xp-bar{gap:6px;height:14px;margin:auto 0 18px}.xp-bar span{border-radius:9px}.xp-legend{flex-direction:column;gap:14px;font-size:clamp(15px,4vw,17px)}.xp-legend span{align-items:center;gap:11px;display:flex}.xp-legend i{width:10px;height:10px}.xp-legend b{color:var(--ink);margin-left:auto;font-weight:600}.strip{border-radius:40px;width:100%;height:auto;margin-top:28px}.strip-track{gap:36px;padding:16px 0;font-size:15px}.strip-track span{gap:36px;font-size:15px}.work-row-half{grid-template-columns:1fr}.work-card.full:not(.scene-card),.work-card.half:not(.scene-card){flex-direction:column;min-height:0;display:flex}.work-card.full:not(.scene-card) .work-media,.work-card.half:not(.scene-card) .work-media{aspect-ratio:auto;background:var(--card-2);border-radius:var(--r-card) var(--r-card) 0 0;order:-1;min-height:0}.work-card.full:not(.scene-card) .work-media img,.work-card.half:not(.scene-card) .work-media img{object-fit:contain;width:100%;height:auto;display:block;position:static;inset:auto}.work-card.full:not(.scene-card) .work-body,.work-card.half:not(.scene-card) .work-body{padding:28px 28px 26px}.work-card.scene-card{min-height:0;display:block;position:relative}.work-card.half.scene-card,.work-card[data-id=inverse].scene-card,.work-card.full.scene-card{min-height:0}.scene-card .work-body{z-index:2;width:40%;padding:24px 0 20px 24px;position:relative}.work-card.full.scene-card .work-body{width:48%}.scene-card .work-media.scene{z-index:1;background:0 0;border-radius:0;position:absolute;inset:0;overflow:visible}.scene-card .work-media.scene img{object-fit:contain;max-width:none;height:auto;position:absolute}.work-card[data-id=oneforme] .work-media.scene img:not(.scene-layer){width:64%!important;top:-2%!important;left:44%!important}.about-grid{grid-template-columns:1fr}.exp{grid-template-columns:1fr;gap:8px}.exp-when{order:-1;justify-self:start}}@media (width<=640px){.nav-controls-desktop{display:none}.nav-controls-mobile{align-items:center;gap:10px;display:flex}.hero-photo,.xp-widget{width:100%}.work-name,.work-card.half .work-name,.work-card.scene-card .work-name{letter-spacing:-.035em;font-size:22px;line-height:1.05}.work-year,.work-card.scene-card .work-year{font-size:11px}.work-sub,.work-card.half .work-sub,.work-card.scene-card .work-sub{margin-top:11px;font-size:13px;font-weight:600;line-height:1.3}.work-lede,.work-card.half .work-lede,.work-card.scene-card .work-lede{margin-top:9px;font-size:12px;line-height:1.45}.work-points,.work-card.scene-card .work-points{gap:8px;margin-top:13px}.work-point,.work-card.half .work-point,.work-card.scene-card .work-point{gap:8px;font-size:11.5px;line-height:1.36}.work-point i,.work-card.half .work-point i,.work-card.scene-card .work-point i{width:17px;height:17px}.work-tags,.work-card.scene-card .work-tags{gap:6px;padding-top:14px}.tag,.work-card.scene-card .tag{height:26px;padding:0 11px;font-size:11px}.work-card.scene-card .work-body{width:46%;padding:18px 0 16px 18px}.work-card.full.scene-card .work-body{width:48%;padding:18px 0 16px 20px}.work-card[data-id=unisport] .work-media.scene img:not(.scene-layer){width:84%!important;top:-8px!important;left:34%!important}.work-card[data-id=inverse] .work-media.scene img:not(.scene-layer){width:72%!important;top:0!important;left:48%!important}.work-card[data-id=oneforme] .work-media.scene img:not(.scene-layer){width:82%!important;top:-6px!important;left:36%!important}.work-card.scene-card:has(.scene-layer){aspect-ratio:var(--ar-m)!important}.work-card.scene-card:has(.scene-layer) .sl-d{display:none}.work-card.scene-card:has(.scene-layer) .sl-m{display:block}.work-card.scene-card:has(.scene-layer) .work-body{width:46.04cqh;padding:4.42cqh 0 0 5.89cqh}.work-card.scene-card:has(.scene-layer) .work-name{font-size:7.366cqh}.work-card.scene-card:has(.scene-layer) .work-sub{margin-top:1.29cqh;font-size:3cqh;line-height:1.06}.work-card.scene-card:has(.scene-layer) .work-lede{margin-top:2.91cqh;font-size:2.67cqh}.work-card.scene-card:has(.scene-layer) .work-points{gap:1.82cqh;margin-top:2.31cqh}.work-card.scene-card:has(.scene-layer) .work-point{gap:1.82cqh;font-size:2.573cqh}.work-card.scene-card:has(.scene-layer) .work-point i{width:3.64cqh;height:3.64cqh}.work-card.scene-card:has(.scene-layer) .work-tags{gap:1.29cqh;padding-top:2.67cqh}.work-card.scene-card:has(.scene-layer) .tag{height:5.16cqh;padding:0 2.06cqh;font-size:2.209cqh}.work-card.scene-card:has(.scene-layer) .work-year{font-size:2.573cqh;top:6.63cqh;right:6.26cqh}.scene-card:has(.scene-layer) .scene-layer[data-l=phone]{z-index:5!important}}@media (width<=520px){.nav .row{gap:10px;height:66px}.nav-ava{width:36px;height:36px}.mark{font-size:20px}.nav-controls{gap:8px}.icon-btn{width:42px;height:42px}.nav-cta{height:42px;padding:0 16px;font-size:14px}.hero-head{font-size:clamp(46px,15vw,72px)}.work-card.full:not(.scene-card) .work-body,.work-card.half:not(.scene-card) .work-body{padding:24px 22px}.about-card{padding:28px 24px}.about-collage-top{gap:14px}.cta-card{padding:38px 26px}.exp-card{padding:6px 22px}.section{padding:54px 0}}@media (width<=430px){.nav-cta{height:40px;padding:0 14px;font-size:13.5px}.menu-pop{width:230px}}