*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased;color:var(--ink);background:var(--sky-edge);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}img,canvas{max-width:100%;display:block}button{font:inherit;cursor:pointer}:root{--sky-core:#4d7398;--sky-mid:#3c5d80;--sky-edge:#24405c;--sky:var(--sky-mid);--scene-backdrop:radial-gradient(115% 90% at 50% 42%, var(--sky-core) 0%, var(--sky-mid) 48%, var(--sky-edge) 100%);--ink:#eaf1f7;--ink-soft:#eaf1f7bf;--paper:#fafcfdf0;--paper-ink:#17222a;--accent:#c8632f;--wood-deep:#120a06;--wood-shadow:#1d120b;--wood-base:#2e211a;--wood-mid:#3d2c21;--wood-sheen:#b08d66;--wood-ink:#f3e7d7;--wood-ink-soft:#f3e7d7c7}.experience-shell{background:var(--scene-backdrop);height:100svh;position:fixed;inset:0;overflow:hidden}.experience-shell:before{content:"";z-index:0;pointer-events:none;opacity:0;background:radial-gradient(115% 90% at 50% 42%,#2b3646 0%,#212b39 48%,#141b26 100%);transition:opacity .9s;position:absolute;inset:0}.experience-shell--night:before{opacity:1}.experience-shell:after{content:"";z-index:5;pointer-events:none;opacity:.055;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;position:absolute;inset:0}.experience-canvas{z-index:1;position:absolute;inset:0}.overlay{z-index:6;pointer-events:none;flex-direction:column;justify-content:space-between;padding:clamp(1rem,3vw,2.5rem);display:flex;position:absolute;inset:0}.overlay a,.overlay button{pointer-events:auto}.overlay__name{letter-spacing:.02em;text-transform:lowercase;color:var(--ink);font-family:Outfit,system-ui,sans-serif;font-size:24px;font-weight:300;position:absolute;top:26px;left:34px}.overlay__menu{flex-direction:column;align-items:flex-end;gap:10px;font-family:Outfit,system-ui,sans-serif;display:flex;position:absolute;top:26px;right:34px}.overlay__menu-button{width:48px;height:48px;color:var(--ink);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:0;display:flex}.overlay__menu-line{background:currentColor;border-radius:1px;width:26px;height:2px;transition:transform .25s}.overlay__menu-button--open .overlay__menu-line:first-child{transform:translateY(5.5px)rotate(45deg)}.overlay__menu-button--open .overlay__menu-line:last-child{transform:translateY(-5.5px)rotate(-45deg)}.overlay__menu-list{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.overlay__menu-item{text-align:right;color:var(--ink-soft);letter-spacing:.02em;background:0 0;border:none;padding:6px 4px;font-size:20px;font-weight:300;transition:color .15s}.overlay__menu-item:hover:not(:disabled),.overlay__menu-item:focus-visible:not(:disabled){color:var(--ink)}.overlay__menu-item:disabled{cursor:default;opacity:.45}.overlay__menu-soon{letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin-left:8px;font-size:10px}.overlay__nav{flex-wrap:wrap;gap:clamp(.75rem,2vw,1.5rem);list-style:none;display:flex}.overlay__nav a{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;font-size:.9rem;text-decoration:none}.overlay__nav a[aria-disabled=true]{cursor:default;opacity:.65}.overlay__hero h1{max-width:14ch;font-size:clamp(1.8rem,5vw,3.4rem);font-weight:700;line-height:1.1}.overlay__hero p{color:var(--ink-soft);max-width:42ch;margin-top:.75rem;font-size:clamp(.95rem,1.6vw,1.15rem)}.overlay__footer p{color:var(--ink-soft);font-size:.85rem}.desk-page{z-index:6;color:var(--wood-ink);background:radial-gradient(120% 100% at 50% 45%, transparent 52%, #120a0666 100%), radial-gradient(90% 70% at 50% 10%, #ffe8c821 0%, #ffe8c80d 38%, transparent 65%), linear-gradient(112deg, transparent 34%, #fff3e00d 46%, #fff3e017 50%, #fff3e00d 54%, transparent 66%), repeating-linear-gradient(177deg, #0a050338 0px, transparent 3px, transparent 13px, #0a050324 16px, transparent 19px, transparent 31px), repeating-linear-gradient(179deg, #b08d660d 0px, transparent 2px, transparent 8px, #0a05031a 9px, transparent 10px, transparent 23px), linear-gradient(180deg, var(--wood-mid) 0%, var(--wood-base) 44%, var(--wood-shadow) 100%);opacity:0;visibility:hidden;justify-content:center;align-items:center;transition:opacity .45s,transform .6s cubic-bezier(.22,1,.36,1),filter .9s,visibility 0s linear .6s;display:flex;position:absolute;inset:0;transform:translateY(4%)}.desk-page:before{content:"";pointer-events:none;mix-blend-mode:soft-light;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='700' height='220'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.006 0.11' numOctaves='4' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23w)'/%3E%3C/svg%3E");background-size:700px 220px;position:absolute;inset:0}.desk-page:after{content:"";pointer-events:none;opacity:.055;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;position:absolute;inset:0}.desk-page--open{opacity:1;visibility:visible;transition:opacity .45s,transform .6s cubic-bezier(.22,1,.36,1),filter .9s;transform:translateY(0)}.desk-page--night{filter:brightness(.82)sepia(.1)}.desk-page--plain{filter:none;background:#e9e9e7}.desk-page--plain:before,.desk-page--plain:after{content:none}.desk-page--plain .desk-page__close{color:#3f3f3d;background:#fff9;border-color:#3f3f3d59}.desk-page--plain .desk-page__close:hover{background:#fff;border-color:#3f3f3d99}.desk-page__close{z-index:2;width:44px;height:44px;color:var(--wood-ink);background:#120a0640;border:1px solid #f3e7d759;border-radius:999px;justify-content:center;align-items:center;transition:background .2s,border-color .2s;display:flex;position:absolute;top:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem)}.desk-page__phone{aspect-ratio:71.5/149.6;background:linear-gradient(160deg,#b8b2a9 0%,#8d867c 30%,#6f6960 55%,#9a938a 80%,#c0bab1 100%);border-radius:18%/8.6%;height:min(78vh,720px);padding:3px;position:relative;box-shadow:0 30px 60px #0804028c,0 8px 20px #08040273,inset 0 0 2px #fff6}.iphone-bezel{background:#0a0a0c;border-radius:17.4%/8.3%;width:100%;height:100%;padding:clamp(7px,1.4vh,13px)}.iphone-screen{background:#050506;border-radius:14.5%/7%;width:100%;height:100%;position:relative;overflow:hidden;container-type:size}.iphone-screen:after{content:"";z-index:40;pointer-events:none;background:linear-gradient(115deg,#0000 42%,#ffffff0b 50%,#0000 58%);position:absolute;inset:0}.iphone-island{z-index:30;background:#0a0a0c;border-radius:999px;width:26%;height:3.4%;position:absolute;top:2.4%;left:50%;transform:translate(-50%)}.iphone-button{background:linear-gradient(90deg,#6f6960,#a39c92);border-radius:2.5px;width:5px;position:absolute}.iphone-button--action{height:4%;top:17%;left:-2px}.iphone-button--volume-up{height:7%;top:25%;left:-2px}.iphone-button--volume-down{height:7%;top:34%;left:-2px}.iphone-button--side{height:10%;top:26%;right:-2px}.iphone-button--camera{height:6%;top:44%;right:-2px}.desk-page__close:hover{background:#180e0a80;border-color:#f3e7d7b3}.desk-page__close:focus-visible{outline:2px solid var(--wood-sheen);outline-offset:2px}.scene-loader{z-index:10;background:var(--scene-backdrop);flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;transition:opacity .6s;display:flex;position:absolute;inset:0}.scene-loader--done{opacity:0;pointer-events:none}.scene-loader__name{letter-spacing:.06em;text-transform:uppercase;font-size:1.1rem;font-weight:700}.scene-loader__bar{background:#eaf1f733;border-radius:999px;width:min(260px,60vw);height:3px;overflow:hidden}.scene-loader__fill{background:var(--ink);border-radius:inherit;height:100%;transition:width .25s}.scene-loader__stage{color:var(--ink-soft);font-size:.9rem}.overlay--error{pointer-events:auto;background:var(--scene-backdrop);justify-content:center;align-items:center}.error-panel{color:var(--paper-ink);background:var(--paper);border-radius:12px;flex-direction:column;gap:1rem;max-width:32rem;padding:clamp(1.5rem,4vw,2.5rem);display:flex;box-shadow:0 20px 60px #0a141a40}.error-panel h1{font-size:1.4rem}.error-panel__detail{color:#17222ab8;word-break:break-word;font-family:ui-monospace,monospace;font-size:.8rem}.error-panel nav ul{flex-wrap:wrap;gap:.75rem;list-style:none;display:flex}.error-panel nav a{color:var(--accent)}.error-panel button{border:1px solid var(--paper-ink);color:var(--paper-ink);background:0 0;border-radius:999px;align-self:flex-start;padding:.5rem 1.25rem}.diagnostics-panel{z-index:20;color:#cfe3ee;pointer-events:none;background:#0a1218cc;border-radius:8px;padding:.5rem .75rem;font-family:ui-monospace,monospace;font-size:.7rem;line-height:1.5;position:absolute;bottom:.75rem;right:.75rem}.overlay__hints-button{width:34px;height:34px;color:var(--ink-soft);background:#eaf1f714;border:1px solid #eaf1f759;border-radius:50%;justify-content:center;align-items:center;margin-top:7px;padding:0;font-family:Outfit,system-ui,sans-serif;font-size:15px;font-style:italic;line-height:1;transition:background .22s,border-color .22s,color .22s;display:flex;position:absolute;top:26px;right:92px}.overlay__hints-button:hover,.overlay__hints-button:focus-visible{color:var(--ink);background:#eaf1f729;border-color:#eaf1f799}.overlay__hints-button--on{color:var(--ink);background:#eaf1f738;border-color:#eaf1f7bf}.scene-hint{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);color:var(--ink);letter-spacing:.03em;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#12202e6b;border:1px solid #ffffff47;border-radius:999px;padding:5px 12px;font-family:Outfit,system-ui,sans-serif;font-size:12px;font-weight:400;display:inline-block;box-shadow:0 3px 14px #0000002e}.experience-shell--night .scene-hint{background:#1c140e80;border-color:#ffe0ba3d}@media (prefers-reduced-motion:reduce){.scene-loader,.scene-loader__fill{transition:none}.desk-page{transition:opacity .3s,visibility 0s linear .3s;transform:none}.desk-page--open{transition:opacity .3s}}:root{--grain-tex:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");--fiber-tex:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.35' numOctaves='5'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)' opacity='0.55'/%3E%3C/svg%3E");--crumple-tex:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.022' numOctaves='6' seed='7'/%3E%3CfeDiffuseLighting surfaceScale='2.4' diffuseConstant='1.05' lighting-color='%23ffffff'%3E%3CfeDistantLight azimuth='118' elevation='58'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23c)'/%3E%3C/svg%3E");--speck-tex:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.62' numOctaves='2' seed='11'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='discrete' tableValues='0 0 0 0 0 0 0 0 0 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)'/%3E%3C/svg%3E");--creases-tex:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.008 0.05' numOctaves='2' seed='3'/%3E%3CfeDiffuseLighting surfaceScale='1.6' diffuseConstant='1' lighting-color='%23ffffff'%3E%3CfeDistantLight azimuth='230' elevation='52'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23k)'/%3E%3C/svg%3E");--diary-serif:"Outfit", system-ui, sans-serif;--diary-mono:"IBM Plex Mono", monospace;--diary-hand:"Caveat", "Segoe Script", cursive}@keyframes diary-pop-in{0%{opacity:0;transform:translateY(26px)scale(.96)}to{opacity:1;transform:none}}@keyframes diary-fade-in{0%{opacity:0}to{opacity:1}}.tex{pointer-events:none;position:absolute;inset:0}.diary-stage{font-family:var(--diary-serif);position:absolute;inset:0;overflow:hidden}.diary-crumb{z-index:2;letter-spacing:.02em;color:#f3e7d799;font-size:15px;font-weight:300;position:absolute;top:26px;left:34px}.diary-crumb strong{color:#f3e7d7eb;font-weight:300}.diary-lang{z-index:2;width:44px;height:44px;font:400 12px/1 var(--diary-mono);color:#f3e7d78c;border:1px solid #f3e7d759;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:clamp(1rem,3vw,2rem);right:calc(clamp(1rem,3vw,2rem) + 56px)}.diary-book{width:1180px;height:850px;transform:translate(-50%, -50%) scale(var(--diary-scale,1));background:var(--grain-tex), linear-gradient(155deg, #1c1a19 0%, #0d0c0c 48%, #191716 100%);background-blend-mode:overlay, normal;border-radius:10px;padding:16px 18px;position:absolute;top:50%;left:50%;box-shadow:0 60px 90px -30px #000000d9,0 12px 30px #0009,inset 0 0 0 1px #ffffff0d}.diary-pages{background:#efe7d6;border-radius:3px;width:100%;height:100%;display:flex;position:relative;overflow:visible;box-shadow:0 2px #00000059}.diary-edge{background:repeating-linear-gradient(#e9e0cc 0 2px,#cdc2a9 2px 3px);width:8px;position:absolute;top:6px;bottom:6px}.diary-edge--left{border-radius:2px 0 0 2px;left:-6px}.diary-edge--right{border-radius:0 2px 2px 0;right:-6px}.diary-gutter{pointer-events:none;z-index:6;background:linear-gradient(90deg,#0000 0%,#0000001a 26%,#00000057 50%,#0000001a 74%,#0000 100%);width:96px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.diary-page{background-image:var(--fiber-tex);background-blend-mode:multiply;flex:1;position:relative}.diary-page--left{background-color:#f0e9d8;padding:44px 40px 44px 46px}.diary-page--right{background-color:#efe8d7;padding:60px 44px}.diary-page__shade{background:radial-gradient(120% 80% at 20% 10%,#0000000d,#0000 60%)}.edu-perspective{perspective:1400px;height:100%;position:relative}.edu-lift{will-change:transform, filter;transform-origin:50% 0;filter:drop-shadow(0 10px 14px #0000004d);height:100%;transition:transform .75s cubic-bezier(.22,.9,.3,1),filter .75s;transform:translateY(0)rotateX(0)scale(1)}.edu-perspective:hover .edu-lift{filter:drop-shadow(0 34px 34px #00000073);transform:translateY(-16px)rotateX(7deg)scale(1.006)}.edu-sheet{color:#eef0ef;background-color:#4b6274;background-image:var(--fiber-tex);background-blend-mode:soft-light;clip-path:polygon(0 0,calc(100% - 52px) 0,100% 52px,100% 100%,0 100%);height:100%;padding:44px 62px 40px 44px;position:relative}.edu-sheet__fiber{background-image:var(--fiber-tex);mix-blend-mode:soft-light;opacity:.6;background-size:200px 200px}.edu-sheet__creases{background-image:var(--creases-tex);mix-blend-mode:soft-light;opacity:.22;background-size:340px 340px}.edu-sheet__light{background:repeating-linear-gradient(92deg,#ffffff09 0 1px,#0000 1px 4px),radial-gradient(120% 80% at 12% 4%,#ffffff1a,#0000 58%),linear-gradient(#0000 72%,#0000001a)}.edu-sheet__fold{background:linear-gradient(225deg,#f0e9d8 0 50%,#ffffff57 50%,#ffffff1f 100%);width:52px;height:52px;position:absolute;top:0;right:0}.edu-sheet__staple{background:linear-gradient(#f2f4f5,#9aa2a7 55%,#6d757a);border-radius:2px;width:76px;height:5px;position:absolute;top:26px;left:50%;transform:translate(-50%)rotate(-1.5deg);box-shadow:0 2px 4px #00000059}.edu-sheet__holes{flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:absolute;top:62px;bottom:62px;right:14px}.edu-sheet__holes span{background:#e5decd;border-radius:50%;width:19px;height:19px;box-shadow:inset 0 2px 3px #00000073}.edu-rule{border-top:2px dotted #ffffff6b;margin:14px 0 34px}.edu-rule--bottom{margin:0;position:absolute;bottom:26px;left:44px;right:62px}.edu-title-row{align-items:baseline;gap:14px;margin-bottom:20px;display:flex}.edu-title{font:700 38px/1 var(--diary-serif);letter-spacing:-.02em}.edu-entry{border-top:1px dotted #ffffff59;padding:17px 0}.edu-entry__head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.edu-entry__title{font:600 21px/1.25 var(--diary-serif)}.edu-entry__dates{font:400 12px/1 var(--diary-mono);color:#fff9;white-space:nowrap}.edu-entry__org{font:500 15px/1.5 var(--diary-serif);color:#ffffffeb;margin-top:5px}.edu-entry__detail{font:300 13.5px/1.6 var(--diary-serif);color:#ffffff8f;margin-top:8px}.edu-entry__labs{flex-direction:column;gap:6px;margin-top:8px;display:flex}.edu-lab{font:300 13px/1.5 var(--diary-serif);color:#ffffff9e}.edu-lab strong{font:600 13px/1.5 var(--diary-serif);color:#ffffffe0;letter-spacing:.01em}.env-group{z-index:2;cursor:pointer;width:412px;height:510px;margin-left:-206px;position:absolute;top:250px;left:50%}.env-group:focus-visible{outline-offset:6px;outline:2px solid #f3e7d7b3}.env-back{background:#c4b69f;border-radius:4px;position:absolute;inset:0;overflow:hidden;box-shadow:0 12px 26px -10px #00000080,inset 0 0 0 1px #0000001a}.env-back__crumple{background-image:var(--crumple-tex);mix-blend-mode:multiply;opacity:.34;background-size:420px 420px}.env-back__creases{background-image:var(--creases-tex);mix-blend-mode:overlay;opacity:.32;background-size:300px 300px}.env-back__speck{background-image:var(--speck-tex);mix-blend-mode:multiply;opacity:.16;background-size:260px 260px}.env-back__fiber{background-image:var(--fiber-tex);mix-blend-mode:multiply;opacity:.14}.env-back__grain-a{background-image:var(--grain-tex);mix-blend-mode:multiply;opacity:.6;background-size:110px 110px}.env-back__grain-b{background-image:var(--grain-tex);mix-blend-mode:screen;opacity:.48;background-position:23px 44px;background-size:110px 110px}.env-back__grain-c{background-image:var(--grain-tex);mix-blend-mode:overlay;opacity:.4;background-position:51px 9px;background-size:230px 230px}.env-back__light{background:linear-gradient(158deg,#ffffff38,#0000 44%),linear-gradient(#0000 62%,#0000001f)}.skills-card{will-change:transform, filter;z-index:2;filter:drop-shadow(0 10px 16px #00000052);height:470px;transition:transform .55s cubic-bezier(.22,.9,.3,1),filter .55s;position:absolute;top:-80px;left:26px;right:26px;transform:translateY(0)}.env-group:hover .skills-card,.env-group:focus-visible .skills-card{filter:drop-shadow(0 26px 30px #00000073);transform:translateY(-52px)}.skills-card__face{color:#f4f1ea;background-color:#3d3e40;border-radius:2px;height:100%;padding:26px;position:relative;box-shadow:inset 0 1px #ffffff1f,inset 0 -3px #0006,inset 0 0 0 1px #ffffff0f,0 2px #00000073}.skills-card__sheen{background:linear-gradient(170deg,#ffffff12,#0000 40%),radial-gradient(80% 60% at 15% 0,#ffffff0f,#0000 65%);border-radius:2px}.skills-card__title{font:800 46px/.92 var(--diary-serif);letter-spacing:-.03em}.skills-card__rule{border-top:2px dotted #fff6;margin:14px 0 12px}.skills-card__meta{font:400 11.5px/1.55 var(--diary-mono);color:#f4f1ea99;grid-template-columns:78px 1fr;display:grid}.skills-card__meta strong{color:#f4f1ea;font-weight:400}.env-front{z-index:3;filter:drop-shadow(0 -3px 4px #00000057)drop-shadow(0 10px 16px #0000004d);height:510px;position:absolute;bottom:0;left:0;right:0}.env-front__shape{clip-path:path("M 0 6 C 0 2, 2 0, 8 0 L 18 0 C 44 0, 58 24, 64 62 C 68 92, 74 104, 96 104 L 316 104 C 338 104, 344 92, 348 62 C 354 24, 368 0, 394 0 L 404 0 C 410 0, 412 2, 412 6 L 412 504 C 412 508, 410 510, 404 510 L 8 510 C 2 510, 0 508, 0 504 Z");background:#cdc0aa;position:absolute;inset:0;overflow:hidden}.env-front__crumple{background-image:var(--crumple-tex);mix-blend-mode:multiply;opacity:.2;background-position:60px 120px;background-size:520px 520px}.env-front__creases{background-image:var(--creases-tex);mix-blend-mode:overlay;opacity:.16;background-position:40px 0;background-size:340px 340px}.env-front__speck-a{background-image:var(--speck-tex);mix-blend-mode:multiply;opacity:.1;background-size:230px 230px}.env-front__speck-b{background-image:var(--speck-tex);mix-blend-mode:screen;opacity:.07;background-position:70px 40px;background-size:140px 140px}.env-front__fiber{background-image:var(--fiber-tex);mix-blend-mode:multiply;opacity:.1}.env-front__grain-a{background-image:var(--grain-tex);mix-blend-mode:multiply;opacity:.62;background-size:110px 110px}.env-front__grain-b{background-image:var(--grain-tex);mix-blend-mode:screen;opacity:.5;background-position:37px 61px;background-size:110px 110px}.env-front__grain-c{background-image:var(--grain-tex);mix-blend-mode:overlay;opacity:.45;background-position:83px 17px;background-size:230px 230px}.env-front__light{background:linear-gradient(90deg,#5a4a3429,#0000 26%,#ffffff1a 46%,#0000 72%,#5a4a341a),radial-gradient(70% 40% at 44% 34%,#ffffff24,#0000 72%),linear-gradient(#0000 64%,#4638261f)}.env-front__mouth{pointer-events:none;background:radial-gradient(56% 60% at 50% 96%,#0003,#0000 70%);height:130px;position:absolute;top:0;left:0;right:0}.env-front__cta{font:400 10.5px/1 var(--diary-mono);letter-spacing:.22em;color:#3c2e1c73;position:absolute;bottom:24px;left:30px}.env-tape{filter:drop-shadow(0 1px 2px #00000029);-webkit-backdrop-filter:brightness(1.07)saturate(.96);backdrop-filter:brightness(1.07)saturate(.96);clip-path:polygon(0 1.6%,8% .4%,16% 1.7%,24% .5%,32% 1.9%,40% .3%,48% 1.6%,56% .5%,64% 1.8%,72% .6%,80% 1.7%,88% .4%,96% 1.5%,100% .8%,100% 98.4%,92% 99.6%,84% 98.2%,76% 99.5%,68% 98.1%,60% 99.7%,52% 98.3%,44% 99.6%,36% 98.1%,28% 99.4%,20% 98.3%,12% 99.6%,4% 98.2%,0 99.2%);width:76px;height:238px;position:absolute;top:196px;left:-36px;transform:rotate(-1.2deg)}.env-tape__body{background:linear-gradient(96deg,#fcfbf84d 0%,#f8f6f229 24%,#ffffff5c 46%,#f6f4f026 68%,#fcfbf847 100%)}.env-tape__sheen{background:linear-gradient(115deg,#0000 30%,#ffffff38 48%,#0000 62%),repeating-linear-gradient(105deg,#ffffff24 0 1px,#fff0 1px 6px)}.env-tape__edges{background:linear-gradient(90deg,#ffffff73 0 1.5px,#0000 1.5px),linear-gradient(270deg,#ffffff73 0 1.5px,#0000 1.5px)}.env-tape__crease-a,.env-tape__crease-b{position:absolute;top:0;bottom:0}.env-tape__crease-a{background:linear-gradient(90deg,#8c7d6417,#ffffff57 55%,#8c7d640f);width:7px;left:30%}.env-tape__crease-b{background:linear-gradient(90deg,#8c7d6414,#ffffff47 60%,#8c7d640d);width:5px;left:64%}.pol-group{z-index:4;cursor:pointer;width:312px;position:absolute;bottom:52px;right:8px}.pol-group:focus-visible{outline-offset:6px;outline:2px solid #f3e7d7b3}.pol-lift{will-change:transform, filter;filter:drop-shadow(0 12px 18px #00000052);transition:transform .6s cubic-bezier(.22,.9,.3,1),filter .6s;position:relative;transform:translate(0)rotate(-1.8deg)}.pol-group:hover .pol-lift,.pol-group:focus-visible .pol-lift{filter:drop-shadow(0 28px 30px #0000006b);transform:translate(-28px,6px)rotate(-3.8deg)}.pol-frame{background:#fdfcf8;border-radius:2px;padding:15px 15px 56px;box-shadow:inset 0 0 0 1px #0000000f}.pol-well{aspect-ratio:1;background:repeating-linear-gradient(45deg,#ddd8cd 0 9px,#d2ccbf 9px 18px);justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 0 0 1px #0000001a}.pol-well__img{object-fit:cover;-webkit-user-select:none;user-select:none;filter:saturate(.94)contrast(1.02)sepia(.06);width:100%;height:100%;position:absolute;inset:0}.pol-caption{text-align:center;font:400 12px/1 var(--diary-mono);letter-spacing:.14em;color:#28221a8c;position:absolute;bottom:16px;left:0;right:0}.pol-clip{z-index:5;pointer-events:none;position:absolute;top:50%;right:-22px;transform:translateY(-50%)}.pol-clip__body{width:44px;height:96px;position:relative}.pol-clip__wire-a{border:3px solid #c9ced1;border-right-color:#0000;border-radius:40px 0 0 40px;width:64px;height:72px;position:absolute;top:12px;left:-54px;box-shadow:0 1px 2px #00000059}.pol-clip__wire-b{border:3px solid #a9afb3;border-right-color:#0000;border-radius:30px 0 0 30px;width:46px;height:44px;position:absolute;top:26px;left:-36px}.pol-clip__block{background:linear-gradient(100deg,#000 0%,#171717 34%,#2e2e2e 52%,#0d0d0d 70%,#000 100%);border-radius:3px;position:absolute;inset:0;box-shadow:0 8px 16px -5px #000000a6,inset 0 0 0 1px #ffffff14}.pol-clip__shine{background:#ffffff29;border-radius:2px;width:3px;height:84px;position:absolute;top:6px;left:5px}.diary-overlay{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-family:var(--diary-serif);background:#0a08069e;justify-content:center;align-items:center;padding:40px;animation:.28s diary-fade-in;display:flex;position:fixed;inset:0}.skills-bifold{perspective:2200px;width:min(1080px,96vw);height:min(650px,90vh);animation:1.5s cubic-bezier(.3,.6,.2,1) both bifold-shift;position:relative;transform:translate(0)}@keyframes bifold-shift{0%{transform:translate(-25%)scale(.96)}30%{transform:translate(-25%)scale(1)}to{transform:translate(0)scale(1)}}.skills-page{color:#f4f1ea;background-color:#3d3e40;border-radius:2px;flex-direction:column;gap:20px;padding:28px 30px 24px;display:flex;overflow:hidden}.skills-page--right{border-radius:0 3px 3px 0;width:50%;position:absolute;top:0;bottom:0;right:0;box-shadow:inset 1px 0 #ffffff0f,0 40px 80px -18px #000000bf}.skills-page--right:before,.skills-page--left:before{content:"";pointer-events:none;position:absolute;inset:0}.skills-page--right:before{background:linear-gradient(90deg,#00000052,#0000 9%)}.skills-page--left:before{background:linear-gradient(270deg,#00000052,#0000 9%)}.skills-flap{width:50%;transform-style:preserve-3d;transform-origin:0;animation:1.05s cubic-bezier(.4,.05,.2,1) .45s both bifold-open;position:absolute;top:0;bottom:0;left:50%;transform:rotateY(-180deg)}@keyframes bifold-open{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}.skills-flap__face{backface-visibility:hidden;position:absolute;inset:0}.skills-flap__cover{color:#f4f1ea;background-color:#3d3e40;border-radius:2px;padding:26px;box-shadow:inset 0 1px #ffffff1f,inset 0 0 0 1px #ffffff0f,0 30px 60px -15px #000000b3}.skills-page--left{border-radius:3px 0 0 2px;transform:rotateY(180deg);box-shadow:inset -1px 0 #ffffff0f,0 40px 80px -18px #000000bf}.skills-page__group-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.skills-page__group-title{font:600 18px/1 var(--diary-serif)}.skills-page__chips{flex-wrap:wrap;gap:6px;display:flex}.skills-page__chip{font:400 12px/1 var(--diary-mono);border:1px solid #ffffff40;border-radius:2px;padding:6px 10px}.skills-page__note{font:300 12px/1.5 var(--diary-serif);color:#f4f1ea8c;text-align:center;margin-top:auto}@media (width<=720px){.skills-bifold{perspective:none;border-radius:3px;flex-direction:column;width:96vw;height:auto;max-height:92vh;animation:none;display:flex;overflow:auto;box-shadow:0 40px 80px -18px #000000bf}.skills-page--right,.skills-flap{width:100%;animation:none;position:static;transform:none}.skills-flap{transform-style:flat;order:-1}.skills-flap__cover{display:none}.skills-flap__face{backface-visibility:visible;position:static}.skills-page--left{transform:none}.skills-page--right:before,.skills-page--left:before{content:none}.skills-page--right,.skills-page--left{box-shadow:none;border-radius:0}}.photo-flip{perspective:1600px;width:520px;max-width:100%;animation:.42s cubic-bezier(.2,.9,.3,1) diary-pop-in}.photo-flip__inner{transform-style:preserve-3d;cursor:pointer;transition:transform .72s cubic-bezier(.3,.85,.3,1);position:relative}.photo-flip.is-flipped .photo-flip__inner{transform:rotateY(180deg)}.photo-flip__inner:focus-visible{outline-offset:10px;outline:2px solid #f3e7d7b3}.photo-flip__face{backface-visibility:hidden}.photo-flip__face.photo-flip__face--back{position:absolute;inset:0;transform:rotateY(180deg)}.photo-overlay{background:#fdfcf8;border-radius:2px;width:100%;padding:22px 22px 82px;position:relative;box-shadow:0 50px 90px -20px #000c}.photo-overlay__well{aspect-ratio:1;background:#ddd8cd;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001a}.photo-overlay__img{object-fit:cover;-webkit-user-select:none;user-select:none;filter:saturate(.94)contrast(1.02)sepia(.06);width:100%;height:100%;position:absolute;inset:0}.photo-overlay__hint{text-align:center;font:400 9.5px/1 var(--diary-mono);letter-spacing:.24em;color:#28221a52;position:absolute;bottom:10px;left:0;right:0}.photo-back{background-color:#f6f1e6;background-image:radial-gradient(120% 90% at 20% 0,#ffffffb3,#0000 60%),radial-gradient(90% 70% at 90% 100%,#9680601f,#0000 60%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex-direction:column;padding:44px 46px 82px;display:flex}.photo-back__stamp{border:2px solid #785c3c47;border-radius:50%;width:74px;height:74px;position:absolute;top:30px;right:34px;transform:rotate(-11deg);box-shadow:inset 0 0 0 5px #fdfcf899}.photo-back__title{font:600 26px/1.1 var(--diary-serif);letter-spacing:.02em;color:#201a12e6}.photo-back__sub{font:400 11px/1.5 var(--diary-mono);letter-spacing:.16em;color:#28221a8c;margin-top:8px}.photo-back__rule{background:#5a483038;height:1px;margin:18px 0 16px}.photo-back__role{font:500 15px/1.35 var(--diary-serif);color:#201a12db}.photo-back__hand{font:400 19px/1.42 var(--diary-hand);color:#262c48d1;transform-origin:0 0;flex-direction:column;flex:1;margin-top:18px;display:flex;transform:rotate(-.7deg)}.photo-back__hand p{margin:0 0 12px}.photo-back__sign{color:#262c48b3;margin-top:auto;padding-left:6px;font-size:21px}.photo-overlay__caption{text-align:center;font:400 15px/1 var(--diary-mono);letter-spacing:.14em;color:#28221a99;position:absolute;bottom:26px;left:0;right:0}@media (prefers-reduced-motion:reduce){.edu-lift,.skills-card,.pol-lift,.photo-flip__inner{transition:none}.diary-overlay,.skills-bifold,.skills-flap,.photo-flip{animation:none}}.phone-ui{color:#fff;-webkit-user-select:none;user-select:none;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;position:absolute;inset:0}.phone-wall{background:radial-gradient(58% 26% at 22% 62%,#ba201c80,#0000 72%),radial-gradient(70% 30% at 68% 88%,#6c765c52,#0000 72%),radial-gradient(48% 22% at 82% 30%,#1c3a2c3d,#0000 70%),radial-gradient(40% 18% at 12% 20%,#182c242e,#0000 70%),#050506;position:absolute;inset:0}.phone-home{flex-direction:column;padding:19cqw 6cqw 7cqw;display:flex;position:absolute;inset:0}.phone-widgets{gap:6.5cqw;display:flex}.phone-widget-cell{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.phone-widget{aspect-ratio:1;border-radius:6.5cqw;width:100%;overflow:hidden;box-shadow:0 1.2cqw 3cqw #00000073}.phone-widget--photo img{object-fit:cover;width:100%;height:100%}.phone-widget--calendar{-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);background:#1c1c1ea8;border:1px solid #ffffff12;flex-direction:column;align-items:flex-start;padding:3.4cqw 3.6cqw;display:flex;box-shadow:inset 0 1px #ffffff14,0 1.2cqw 3cqw #00000073}.phone-cal-weekday{letter-spacing:.05em;color:#ff453a;font-size:3.2cqw;font-weight:700}.phone-cal-day{margin-top:.4cqw;font-size:8.6cqw;font-weight:300;line-height:1.05}.phone-book-pill{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#e230ebf2,#9e0ebceb);border-radius:999px;align-items:center;gap:1.6cqw;max-width:100%;margin-top:2.6cqw;padding:1.3cqw 3cqw 1.3cqw 1.5cqw;font-size:3.4cqw;font-weight:700;text-decoration:none;display:flex;box-shadow:inset 0 1px #ffffff40,0 .6cqw 1.8cqw #b414c859}.phone-book-pill__icon{background:#ffffff38;border-radius:50%;flex:none;justify-content:center;align-items:center;width:4.8cqw;height:4.8cqw;display:flex}.phone-book-pill__icon svg{width:2.9cqw;height:2.9cqw}.phone-widget-label{color:#f2f2f5;text-shadow:0 1px 3px #0009;margin-top:1.9cqw;font-size:3.1cqw;font-weight:600}.phone-about-cell{flex-direction:column;align-items:center;margin-top:6cqw;display:flex}.phone-about{-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);letter-spacing:.005em;color:#f2f3f5;background:#1c1c1e94;border:1px solid #ffffff0f;border-radius:6.5cqw;width:100%;padding:3.6cqw 3.4cqw;font-size:3.35cqw;font-weight:600;line-height:1.5;box-shadow:inset 0 1px #ffffff12,0 1.2cqw 3cqw #0006}.phone-dock{justify-content:space-between;margin-top:auto;padding:0 .5cqw;display:flex}.phone-app{color:#fff;cursor:pointer;text-shadow:0 1px 3px #0009;background:0 0;border:none;flex-direction:column;align-items:center;gap:1.7cqw;width:17cqw;padding:0;font-family:inherit;font-size:3cqw;font-weight:400;text-decoration:none;display:flex}.phone-app__icon{will-change:transform;aspect-ratio:1;border-radius:23%;justify-content:center;align-items:center;width:100%;transition:transform .18s;display:flex;box-shadow:inset 0 1px #ffffff2e,0 .8cqw 2cqw #00000073}.phone-app:hover .phone-app__icon,.phone-app:focus-visible .phone-app__icon{transform:scale(1.12)}.phone-app:active .phone-app__icon{transform:scale(.95)}.phone-app:focus-visible{outline-offset:3px;border-radius:2cqw;outline:2px solid #ffffffb3}.phone-app__icon--linkedin{background:linear-gradient(#1a7fe0,#0a66c2)}.phone-app__icon--linkedin svg{width:58%;height:58%}.phone-app__icon--gmail{background:linear-gradient(#fff,#f0f2f4)}.phone-app__icon--gmail svg{width:62%;height:62%}.phone-app__icon--phone{background:linear-gradient(#6ce46f,#0fb31a)}.phone-app__icon--phone svg{width:56%;height:56%}.phone-app__icon--github{background:linear-gradient(#2c313a,#14171b)}.phone-app__icon--github svg{width:64%;height:64%}.phone-search{-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);color:#e9e9ec;background:#4040448c;border:1px solid #ffffff0f;border-radius:999px;align-self:center;align-items:center;gap:1.3cqw;margin-top:7cqw;padding:1.9cqw 4.2cqw;font-size:3.2cqw;font-weight:600;display:flex}.phone-search svg{width:3.4cqw;height:3.4cqw}@keyframes phone-alert-pop{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.phone-alert-backdrop{z-index:20;background:#06060873;justify-content:center;align-items:center;animation:.2s diary-fade-in;display:flex;position:absolute;inset:0}.phone-alert{-webkit-backdrop-filter:blur(40px)saturate(1.8);backdrop-filter:blur(40px)saturate(1.8);text-align:center;background:#2e2e32d6;border:1px solid #ffffff1a;border-radius:7cqw;width:74cqw;animation:.28s cubic-bezier(.3,1.3,.5,1) phone-alert-pop;overflow:hidden;box-shadow:0 4cqw 10cqw #0000008c}.phone-alert__title{padding:4.6cqw 4cqw .8cqw;font-size:4.1cqw;font-weight:600}.phone-alert__message{color:#ebebf5ad;padding:0 5cqw 4.2cqw;font-size:3.2cqw}.phone-alert__action{color:#0a84ff;cursor:pointer;background:0 0;border:none;border-top:1px solid #ffffff1f;width:100%;padding:3.3cqw;font-family:inherit;font-size:3.9cqw;font-weight:400;text-decoration:none;display:block}.phone-alert__action:hover{background:#ffffff0f}.phone-alert__action--cancel{font-weight:600}@media (prefers-reduced-motion:reduce){.phone-alert,.phone-alert-backdrop{animation:none}}.projects-page{background:#e9e9e7;flex-direction:column;font-family:Outfit,system-ui,sans-serif;display:flex;position:absolute;inset:0;container-type:size}.projects-crumb{z-index:2;letter-spacing:.02em;color:#3f3f3d8c;font-size:15px;font-weight:300;position:absolute;top:26px;left:34px}.projects-crumb strong{color:#3f3f3deb;font-weight:300}.projects-header{justify-content:space-between;align-items:baseline;padding:9cqh 18.9cqw 0;display:flex}.projects-title{letter-spacing:.015em;color:#3f3f3d;font-size:4.3cqh;font-weight:300}.projects-picker{position:relative}.projects-picker__trigger{cursor:pointer;background:0 0;border:none;align-items:center;gap:1.6cqh;padding:0;font-family:inherit;display:flex}.projects-picker__chevron{color:#8f8f8b;width:2.8cqh;height:2.8cqh;transition:transform .25s}.projects-picker__chevron--open{transform:rotate(180deg)}.projects-picker__scrim{z-index:5;position:fixed;inset:0}@keyframes picker-pop{0%{opacity:0;transform:translateY(-1cqh)}to{opacity:1;transform:none}}.projects-picker__menu{z-index:6;background:#fff;border-radius:2.4cqh;flex-direction:column;min-width:32cqh;padding:1cqh;animation:.18s picker-pop;display:flex;position:absolute;top:calc(100% + 1.8cqh);left:0;box-shadow:0 2cqh 5cqh #3c373238}.projects-picker__option{text-align:left;color:#4a4a48;cursor:pointer;background:0 0;border:none;border-radius:1.6cqh;padding:1.7cqh 2.2cqh;font-family:inherit;font-size:2.4cqh;font-weight:400}.projects-picker__option:hover{background:#f1f1ef}.projects-picker__option--active{color:#1d1d1b;font-weight:600}.projects-counter{color:#4a4a48;font-size:3.9cqh;font-weight:300}.projects-counter span{color:#b9b9b7}.projects-rule{border-top:1px solid #d5d5d3;margin:1.4cqh 18.9cqw 0}.projects-carousel{flex:1;position:relative}.project-card{will-change:transform;width:39cqh;height:52cqh;transition:transform .55s cubic-bezier(.25,.9,.3,1),opacity .4s;position:absolute;top:46%;left:50%}.project-card__inner{will-change:transform;width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.3,.9,.3,1);position:relative}.project-card--flipped .project-card__inner{transform:rotateY(180deg)}.project-card__face{backface-visibility:hidden;background:#ffffffad;border:.75cqh solid #ffffffe6;border-radius:5cqh;position:absolute;inset:0;overflow:hidden;box-shadow:0 2.4cqh 5cqh #5a555047,inset 0 0 0 1px #ffffff80}.project-card__back{text-align:left;cursor:pointer;flex-direction:column;padding:2.4cqh 2.4cqh 1.8cqh;display:flex;transform:rotateY(180deg)}.project-card__back-name{letter-spacing:-.01em;color:#1d1d1b;font-size:2.4cqh;font-weight:600}.project-card__summary{color:#4a4a46;flex:1;margin-top:1.1cqh;padding-right:.6cqh;font-size:1.65cqh;font-weight:400;line-height:1.55;overflow-y:auto}.project-card__back-hint{letter-spacing:.05em;text-align:center;color:#8f8f8b;margin-top:1cqh;font-size:1.4cqh}.project-card--center{z-index:3;transform:translate(-50%,-50%)scale(1.18)}.project-card--left{z-index:2;cursor:pointer;transform:translate(calc(-50% - 22.5cqw),-50%)scale(.78)}.project-card--right{z-index:2;cursor:pointer;transform:translate(calc(22.5cqw - 50%),-50%)scale(.78)}.project-card--far{opacity:0;z-index:1;pointer-events:none;transform:translate(-50%,-50%)scale(.4)}.project-card__image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 42%,#00000073 64%,#0000 84%);mask-image:linear-gradient(#000 42%,#00000073 64%,#0000 84%)}.project-card--art-top .project-card__front{background:linear-gradient(#fff 0% 52%,#ffffffad 74%)}.project-card--art-top .project-card__image{object-fit:contain;object-position:center top;height:64%}.project-card--light-title .project-card__name{color:#fff;text-shadow:0 .4cqh 1.6cqh #1414144d}.project-card__content{text-align:left;padding:2.2cqh 2.6cqh 2.6cqh;position:absolute;bottom:0;left:0;right:0}.project-card__name{letter-spacing:-.01em;color:#1d1d1b;font-size:2.7cqh;font-weight:600}.project-card__description{color:#55554f;margin-top:.7cqh;font-size:1.85cqh;font-weight:400;line-height:1.4}.project-card__links{gap:1.1cqh;margin-top:1.8cqh;display:flex}.project-card__link{color:#232321;text-align:center;background:#fff;border-radius:2cqh;flex:1;padding:1.3cqh 1cqh;font-size:1.9cqh;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 .8cqh 2cqh #3c373229}.project-card__link:hover{transform:scale(1.05);box-shadow:0 1.1cqh 2.6cqh #3c373238}.project-card__link--soon{cursor:default}.project-card__link--soon:hover{transform:none}.projects-nav{z-index:4;cursor:pointer;opacity:.95;background:0 0;border:none;width:6.2cqh;height:6.2cqh;padding:0;transition:opacity .2s,transform .2s;position:absolute;top:46%;transform:translateY(-50%)}.projects-nav:hover{opacity:1;transform:translateY(-50%)scale(1.08)}.projects-nav svg{filter:drop-shadow(0 .6cqh 1.6cqh #5a55504d);width:100%;height:100%}.projects-nav--prev{left:calc(18.9cqw - 2.2cqh)}.projects-nav--next{right:calc(18.9cqw - 2.2cqh)}.projects-dots{gap:1.3cqh;display:flex;position:absolute;top:calc(46% + 36cqh);left:50%;transform:translate(-50%)}.projects-dot{background:#c9c9c7;border-radius:1px;width:2.2cqh;height:.45cqh;transition:width .3s,background .3s}.projects-dot--active{background:#666664;width:8cqh}@media (prefers-reduced-motion:reduce){.project-card,.project-card__inner,.projects-nav,.projects-dot{transition:none}}:root{--file-ring-y-top:300px;--file-ring-y-bottom:518px;--file-sheet-inset:20px;--file-hole-size:21px;--xf-centre-x:295px;--xf-crease-half:linear-gradient(90deg, #0006 0%, #00000038 22%, #00000014 52%, #ffffff0f 74%, #0000 100%)}:root,.xfile-var--professional{--xf-c1:#2c4d82;--xf-c2:#17294a;--xf-c3:#24405f;--xf-l1:#223c64;--xf-l2:#101f3a;--xf-l3:#1b3252;--xf-hole:#1c2f4e}.xfile-var--research{--xf-c1:#8a2b36;--xf-c2:#4a121b;--xf-c3:#6e222c;--xf-l1:#6d2531;--xf-l2:#341018;--xf-l3:#551d27;--xf-hole:#43161e}.xfile-desk{width:1180px;height:850px;transform:translate(-50%, -50%) scale(var(--diary-scale,1));font-family:var(--diary-serif);position:absolute;top:50%;left:50%}.file-cover{background:var(--grain-tex), linear-gradient(155deg, var(--xf-c1) 0%, var(--xf-c2) 48%, var(--xf-c3) 100%);background-blend-mode:overlay, normal;font-family:var(--diary-serif);border-radius:10px;padding:16px 18px;position:absolute;inset:0;box-shadow:0 60px 90px -30px #000000d9,0 12px 30px #0009,inset 0 0 0 1px #ffffff12}.file-interior{perspective:2600px;width:100%;height:100%;padding:var(--file-sheet-inset) 24px;background:var(--grain-tex), linear-gradient(160deg, var(--xf-l1) 0%, var(--xf-l2) 55%, var(--xf-l3) 100%);background-blend-mode:overlay, normal;border-radius:4px;gap:108px;display:flex;position:relative;box-shadow:inset 0 0 46px #00000073,inset 0 0 0 1px #ffffff0d}.file-interior:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff0f 13%,#00000014 24%,#00000038 39%,#0006 50%,#00000038 61%,#00000014 76%,#ffffff0f 87%,#0000 100%);width:60px;margin-left:-30px;position:absolute;top:0;bottom:0;left:50%}.file-stack{perspective:1400px;flex:1;position:relative}.file-stack:before,.file-stack:after{content:"";border-radius:1px;position:absolute;inset:0;box-shadow:0 4px 10px #0000004d}.file-stack:before{background:#e9e4d3;transform:translate(4px,5px)}.file-stack:after{background:#f1ecdd;transform:translate(-3px,3px)}.file-stack--right:before{transform:translate(-4px,5px)}.file-stack--right:after{transform:translate(3px,3px)}.file-sheet{z-index:1;background-color:#f9f6ec;background-image:radial-gradient(120% 80% at 20% 10%, #0000000d, #0000 60%), var(--fiber-tex);background-blend-mode:normal, multiply;color:#26241f;border-radius:1px;height:100%;transition:transform .75s cubic-bezier(.22,.9,.3,1);position:relative;box-shadow:inset 0 0 0 1px #0000000d}.file-sheet:before,.file-sheet:after{content:"";pointer-events:none;border-radius:1px;transition:opacity .75s;position:absolute;inset:0}.file-sheet:before{box-shadow:0 10px 24px #00000059}.file-sheet:after{opacity:0}.file-sheet--left:after{box-shadow:-20px 26px 40px #0000006b}.file-sheet--right:after{box-shadow:20px 26px 40px #0000006b}.file-sheet--left{transform-origin:100%;padding:42px 58px 40px 46px}.file-sheet--right{transform-origin:0%;background-image:radial-gradient(120% 80% at 80% 10%, #0000000d, #0000 60%), var(--fiber-tex);padding:42px 46px 40px 58px}.file-stack--left:hover .file-sheet{transform:rotateY(6.5deg)translateY(-3px)}.file-stack--right:hover .file-sheet{transform:rotateY(-6.5deg)translateY(-3px)}.file-stack:hover .file-sheet:before{opacity:0}.file-stack:hover .file-sheet:after{opacity:1}.file-interior--flipping .file-stack:hover .file-sheet{transform:none}.file-interior--flipping .file-stack:hover .file-sheet:before{opacity:1}.file-interior--flipping .file-stack:hover .file-sheet:after{opacity:0}@media (prefers-reduced-motion:reduce){.file-sheet,.file-sheet:before,.file-sheet:after{transition:none}}.file-hole{width:var(--file-hole-size);height:var(--file-hole-size);background:var(--xf-hole);border-radius:50%;position:absolute;box-shadow:inset 0 2px 4px #0009,0 1px #ffffff80}.file-hole--top{top:calc(var(--file-ring-y-top) - var(--file-sheet-inset) - var(--file-hole-size) / 2)}.file-hole--bottom{top:calc(var(--file-ring-y-bottom) - var(--file-sheet-inset) - var(--file-hole-size) / 2)}.file-sheet--left .file-hole{right:calc(29px - var(--file-hole-size) / 2)}.file-sheet--right .file-hole{left:calc(29px - var(--file-hole-size) / 2)}.file-spine{z-index:3;background:linear-gradient(90deg,#565c63 0%,#9ba1a8 18%,#e8ebee 42%,#f4f6f8 50%,#c6cbd0 62%,#7c828a 84%,#4e545b 100%);border-radius:18px;width:36px;height:346px;position:absolute;top:236px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #00000080,inset 0 1px #fff9,inset 0 -1px 2px #00000059}.file-spine__rivet{background:radial-gradient(circle at 35% 30%,#eef0f2,#8d939a 55%,#565c63);border-radius:50%;width:9px;height:9px;margin-left:-4.5px;position:absolute;left:50%;box-shadow:inset 0 -1px 1px #0006,0 1px 1px #ffffff59}.file-spine__rivet--top{top:12px}.file-spine__rivet--bottom{bottom:12px}.file-ring{z-index:7;pointer-events:none;width:190px;height:46px;margin-left:-95px;position:absolute;left:50%}.file-ring--top{top:calc(var(--file-ring-y-top) - 23px)}.file-ring--bottom{top:calc(var(--file-ring-y-bottom) - 23px)}.xp-over{font:500 10.5px/1 var(--diary-mono);letter-spacing:.18em;text-transform:uppercase;color:#26241f99;justify-content:space-between;margin-bottom:24px;display:flex}.xp-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.xp-role{font:700 23px/1.2 var(--diary-serif);letter-spacing:-.01em}.xp-dates{font:500 12px/1 var(--diary-mono);color:#26241fbf;white-space:nowrap}.xp-org{font:600 15px/1.45 var(--diary-serif);color:#26241f;margin-top:6px}.xp-summary{font:italic 400 13px/1.55 var(--diary-serif);color:#26241fd1;border-top:1px dotted #26241f4d;margin-top:14px;padding-top:12px}.xp-bullets{flex-direction:column;gap:9px;margin-top:14px;list-style:none;display:flex}.xp-bullets li{font:400 13px/1.6 var(--diary-serif);color:#26241fe6;padding-left:18px;position:relative}.xp-bullets li:before{content:"—";color:#26241f8c;position:absolute;left:0}.xp-endnote{font:400 11px/1 var(--diary-mono);letter-spacing:.22em;color:#26241f59;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.xflip{left:50%;top:var(--file-sheet-inset);bottom:var(--file-sheet-inset);width:calc(50% - 24px);transform-style:preserve-3d;transform-origin:0;z-index:5;pointer-events:none;will-change:transform;position:absolute}.xflip--next{animation:.85s cubic-bezier(.45,.05,.2,1) both xflip-next}.xflip--prev{animation:.85s cubic-bezier(.45,.05,.2,1) both xflip-prev}@keyframes xflip-next{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes xflip-prev{0%{transform:rotateY(-180deg)}to{transform:rotateY(0)}}.xflip__face{backface-visibility:hidden;position:absolute;inset:0}.xflip__face--back{transform:rotateY(180deg)}.xflip__face .file-sheet{width:494px;height:auto;position:absolute;top:0;bottom:0;left:54px}.xflip__face--back .file-sheet{left:0}.xfile-nav{z-index:3;color:#f3e7d7a6;cursor:pointer;background:0 0;border:none;padding:10px;transition:color .2s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.xfile-nav:hover{color:#f3e7d7}.xfile-nav:focus-visible{outline-offset:4px;border-radius:6px;outline:2px solid #f3e7d7b3}.xfile-nav--prev{left:24px}.xfile-nav--next{right:24px}.xfile-info-root{z-index:7;position:absolute;top:clamp(1rem,3vw,2rem);right:calc(clamp(1rem,3vw,2rem) + 56px)}.xfile-info{color:#f3e7d7a6;width:44px;height:44px;font:italic 600 15px/1 var(--diary-serif);cursor:pointer;background:0 0;border:1px solid #f3e7d759;border-radius:50%;justify-content:center;align-items:center;transition:color .2s,border-color .2s;display:flex}.xfile-info:hover,.xfile-info[aria-expanded=true]{color:#f3e7d7f2;border-color:#f3e7d7a6}.xfile-info:focus-visible{outline-offset:4px;outline:2px solid #f3e7d7b3}.xfile-info-panel{color:#26241f;background-color:#f6f2e6;background-image:var(--fiber-tex);background-blend-mode:multiply;border-radius:2px;width:272px;padding:18px 20px 16px;animation:.2s diary-fade-in;position:absolute;top:54px;right:0;box-shadow:0 18px 40px #00000073,inset 0 0 0 1px #0000000f}.xfile-info-panel__over{font:400 10px/1 var(--diary-mono);letter-spacing:.24em;text-transform:uppercase;color:#26241f80;margin-bottom:10px}.xfile-info-panel p{font:300 12.5px/1.55 var(--diary-serif);color:#26241fbf}.xfile-info-panel p+p{margin-top:8px}.xfile-closed{cursor:pointer;width:590px;height:850px;transform:translate(var(--xf-x), var(--xf-y)) rotate(var(--xf-rot,0deg));background:0 0;border:none;padding:0;transition:transform .5s cubic-bezier(.22,.9,.3,1),opacity .45s;position:absolute;top:0;left:0}.xfile-closed--professional{z-index:1}.xfile-closed--research{--xf-rot:-7deg;z-index:2}.xfile-closed:hover{transform:translate(var(--xf-x), calc(var(--xf-y) - 12px)) rotate(var(--xf-rot,0deg))}.xfile-closed:focus-visible{outline-offset:8px;outline:2px solid #f3e7d7b3}.xfile-closed--zooming{transform:translate(var(--xf-centre-x), 0) rotate(0deg);z-index:5;cursor:default;pointer-events:none;transition:transform .7s cubic-bezier(.3,.6,.2,1)}.xfile-closed--away{opacity:0;transform:translate(var(--xf-x), calc(var(--xf-y) + 16px)) rotate(var(--xf-rot,0deg));pointer-events:none}.xfile-closed__backcover{background:linear-gradient(155deg, var(--xf-c2) 0%, var(--xf-c3) 100%);border-radius:10px;position:absolute;inset:6px -8px -3px 6px;box-shadow:0 18px 30px #00000080,inset 0 0 0 1px #ffffff0d}.xfile-closed__pages{background:repeating-linear-gradient(#f1ecdf 0 2px,#cfc9b6 2px 3px);border-radius:0 2px 2px 0;width:10px;position:absolute;top:12px;bottom:6px;right:-5px;box-shadow:2px 2px 3px #00000059}.xfile-cover-face{background:var(--grain-tex), linear-gradient(155deg, var(--xf-c1) 0%, var(--xf-c2) 48%, var(--xf-c3) 100%);background-blend-mode:overlay, normal;border-radius:10px;position:absolute;inset:0;overflow:hidden;box-shadow:0 34px 55px -18px #000000bf,0 8px 18px #00000073,inset 0 0 0 1px #ffffff14}.xfile-cover-face:before{content:"";background:linear-gradient(90deg,#00000061,#0000001f 62%,#ffffff12 88%,#0000002e);width:30px;position:absolute;top:0;bottom:0;left:0}.xfile-cover-face:after{content:"";pointer-events:none;background:radial-gradient(110% 70% at 30% 0,#ffffff1a,#0000 55%),linear-gradient(#0000 70%,#00000029);position:absolute;inset:0}.xfile-label{text-align:center;color:#26241f;background-color:#f6f2e6;background-image:var(--fiber-tex);background-blend-mode:multiply;border-radius:2px;width:344px;padding:24px 26px 20px;position:absolute;top:120px;left:50%;transform:translate(-50%);box-shadow:0 6px 14px #00000059,inset 0 0 0 1px #0000000f}.xfile-label__over{font:400 10.5px/1 var(--diary-mono);letter-spacing:.24em;color:#26241f80}.xfile-label__title{font:700 27px/1.15 var(--diary-serif);letter-spacing:-.01em;margin-top:10px}.xfile-label__rule{border-top:2px dotted #26241f59;margin:14px 0 10px}.xfile-label__sub{font:400 11px/1 var(--diary-mono);letter-spacing:.08em;color:#26241f8c}.xfile-open{perspective:2200px;animation:1.15s cubic-bezier(.4,.05,.2,1) .1s both xfile-recentre;position:absolute;inset:0;transform:translate(0)}@keyframes xfile-recentre{0%,34%{transform:translateX(calc(-1 * var(--xf-centre-x)))}40%{transform:translate(-179px)}45%{transform:translate(-114px)}50%{transform:translate(-65px)}55%{transform:translate(-37px)}60%{transform:translate(-20px)}70%{transform:translate(-5px)}78%,to{transform:translate(0)}}.xfile-half-right{width:590px;height:850px;position:absolute;top:0;left:590px}.xfile-cover-half{background:var(--grain-tex), linear-gradient(155deg, var(--xf-c1) 0%, var(--xf-c2) 48%, var(--xf-c3) 100%);background-blend-mode:overlay, normal;background-size:auto,1180px 850px;position:absolute;inset:0;box-shadow:0 60px 90px -30px #000000d9,0 12px 30px #0009,inset 0 0 0 1px #ffffff12}.xfile-cover-half--left{background-position:0 0,0 0;border-radius:10px 0 0 10px;padding:16px 0 16px 18px}.xfile-cover-half--right{background-position:-110px 0,-590px 0;border-radius:0 10px 10px 0;padding:16px 18px 16px 0}.xfile-lining{background:var(--grain-tex), linear-gradient(160deg, var(--xf-l1) 0%, var(--xf-l2) 55%, var(--xf-l3) 100%);background-blend-mode:overlay, normal;background-size:auto,1144px 818px;width:100%;height:100%;position:relative;box-shadow:inset 0 0 46px #00000073,inset 0 0 0 1px #ffffff0d}.xfile-lining--left{background-position:0 0,0 0;border-radius:4px 0 0 4px}.xfile-lining--right{background-position:-92px 0,-572px 0;border-radius:0 4px 4px 0}.xfile-lining--left:before,.xfile-lining--right:before{content:"";pointer-events:none;width:30px;position:absolute;top:0;bottom:0}.xfile-lining--right:before{background:var(--xf-crease-half);left:0}.xfile-lining--left:before{background:var(--xf-crease-half);right:0;transform:scaleX(-1)}.xfile-abs-stack{top:var(--file-sheet-inset);bottom:var(--file-sheet-inset);width:494px;position:absolute}.xfile-abs-stack--left{left:24px}.xfile-abs-stack--right{left:54px}.xfile-flap{z-index:5;width:590px;height:850px;transform-style:preserve-3d;transform-origin:0;will-change:transform;animation:1.15s cubic-bezier(.4,.05,.2,1) .1s both xfile-flap-open;position:absolute;top:0;left:590px;transform:rotateY(-180deg)}@keyframes xfile-flap-open{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}.xfile-flap__face{backface-visibility:hidden;position:absolute;inset:0}.xfile-flap__back{transform:rotateY(180deg)}.xfile-mech{z-index:8;pointer-events:none;animation:1.35s linear both xfile-mech-in;position:absolute;inset:16px 18px}@keyframes xfile-mech-in{0%,45%{opacity:0}75%,to{opacity:1}}.xfile-back{z-index:3;color:#f3e7d7bf;cursor:pointer;background:0 0;border:none;padding:6px;transition:color .2s,transform .25s;display:inline-flex;position:absolute;top:62px;left:34px}.xfile-back:hover{color:#f3e7d7;transform:translate(-3px)}.xfile-back:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #f3e7d7b3}@media (prefers-reduced-motion:reduce){.xfile-closed{transition:none}.xfile-open,.xfile-flap,.xfile-mech,.xflip{animation:none}}