:root{color:#fff;font-synthesis:none;background:#305b94;font-family:Space Grotesk,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,a{font:inherit}.desktop{background-image:var(--desktop-bg);color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;min-height:100svh;transition:background-image .45s;position:relative;overflow:hidden}.desktop:after{content:"";pointer-events:none;mix-blend-mode:soft-light;opacity:.24;z-index:90;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");position:absolute;inset:0}.lock-screen{z-index:500;background-image:var(--desktop-bg);background-position:50%;background-size:cover;flex-direction:column;align-items:center;animation:.45s both lockIn;display:flex;position:fixed;inset:0}.lock-screen:after{content:"";pointer-events:none;background:linear-gradient(#17427d14,#e2f1f80a);position:absolute;inset:0}.lock-clock{text-shadow:0 2px 20px #14284652;flex-direction:column;align-items:center;display:flex;position:absolute;top:28px}.lock-clock span{font-size:12px;font-weight:600}.lock-clock strong{letter-spacing:-.055em;color:#ffffff6b;font:400 clamp(92px,13vw,170px)/.9 Big Shoulders Display,sans-serif;transform:scaleY(1.12)}.lock-links{gap:8px;display:flex;position:absolute;top:150px}.lock-links span{background:#ffffff1f;border:1px solid #ffffff40;border-radius:999px;place-items:center;min-width:25px;height:25px;font-size:10px;display:grid}.lock-brand{text-shadow:0 2px 16px #1428466b;flex-direction:column;align-items:center;display:flex;position:absolute;top:57%}.lock-brand img{filter:brightness(0)invert();width:72px;height:72px;animation:4s linear infinite spin}.lock-brand b{margin-top:14px;font-size:17px}.lock-brand small{letter-spacing:.23em;text-transform:uppercase;margin-top:5px;font-size:8px}.lock-screen>.lock-cta{z-index:2;position:absolute;bottom:10vh}.lock-hint{letter-spacing:.2em;text-transform:uppercase;color:#ffffff9e;font-size:8px;position:absolute;bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes lockIn{0%{opacity:0}to{opacity:1}}.profile{z-index:10;color:#fff;text-shadow:0 1px 2px #122d4e66;align-items:center;gap:22px;width:51%;display:flex;position:absolute;top:22.6%;left:11.5%}.profile>img{object-fit:cover;border-radius:50%;flex:none;width:128px;height:128px}.profile h1{letter-spacing:.2em;text-transform:uppercase;margin:0 0 7px;font-size:11px}.profile p{margin:4px 0;font-size:10.5px;font-weight:500;line-height:1.45}.profile a{color:inherit;font-weight:700}.profile button{color:#fff;letter-spacing:.12em;text-transform:uppercase;background:0 0;border:0;border-bottom:1px solid #ffffffb3;margin-top:7px;padding:0 0 3px;font-size:9px;font-weight:700}.app-grid{z-index:10;grid-template-columns:repeat(4,160px);gap:80px 36px;display:grid;position:absolute;top:37%;left:10%}.app{color:#fff;text-shadow:0 1px 3px #0f2846a6;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;width:160px;height:150px;padding:0;transition:transform .18s;display:flex;position:relative}.app:hover{transform:translateY(-5px)}.app img{object-fit:contain;filter:drop-shadow(0 10px 15px #112d5059);width:112px;height:112px}.app-resume img{width:82px}.app strong{margin-top:5px;font-size:10px;display:none}.app-meta{text-align:left;flex-direction:column;align-items:flex-start;width:100%;font-size:9px;display:flex;position:absolute;inset:-20px auto auto 0}.app-meta b{letter-spacing:.08em;font-size:11px}.app-meta small{opacity:.78;font-size:9px}.app-meta i{font-style:normal;position:absolute;top:0;right:8px}.theme-picker{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#536579;background:#f2f7fbad;border:1px solid #ffffff59;border-radius:16px;align-items:center;gap:8px;padding:10px 12px;display:flex;position:absolute;top:48px;right:1%}.theme-picker small{letter-spacing:.18em;text-transform:uppercase;margin-right:74px;font-size:8px}.theme-picker button{border:2px solid #ffffffeb;border-radius:50%;width:27px;height:27px;box-shadow:0 1px 5px #14283c73}.theme-picker .blue{background:linear-gradient(135deg,#dbeaf7,#5b8dc9)}.theme-picker .purple{background:linear-gradient(135deg,#e6c0cc,#292e65)}.theme-picker .green{background:linear-gradient(135deg,#dceccf,#6ea24a)}.theme-picker .black{background:linear-gradient(135deg,#3a3a3a,#080808)}.widgets{z-index:10;color:#3a4c63;flex-direction:column;gap:10px;width:300px;display:flex;position:absolute;top:103px;right:1%}.weather{grid-template-columns:1fr 1fr;gap:10px;display:grid}.weather>div,.music,.languages{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ebf3fa9e;border:1px solid #fff6;border-radius:14px;box-shadow:0 12px 30px #2341641f}.weather>div{flex-direction:column;height:130px;padding:13px;display:flex}.weather b{letter-spacing:.08em;text-transform:uppercase;font-size:8px}.weather strong{letter-spacing:-.06em;margin-top:22px;font-size:34px}.weather span{margin-top:auto;font-size:9px}.music{height:213px;padding:13px;position:relative}.music>small,.languages>small{letter-spacing:.2em;text-transform:uppercase;font-size:8px;display:block}.album{background:linear-gradient(145deg,#d9c9b4,#8e7c64);border-radius:9px;width:84px;height:84px;position:absolute;top:42px;left:13px;box-shadow:inset 0 0 0 8px #ffffff21}.music ol{margin:0;padding-left:20px;font-size:9px;line-height:2;position:absolute;top:38px;left:106px}.play{background:#fff;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;bottom:22px;right:15px}.languages{height:256px;padding:13px}.languages small{justify-content:space-between;display:flex}.languages em{opacity:.55;font-style:normal}.languages h3{align-items:center;gap:7px;margin:12px 0 15px;font-size:17px;display:flex}.languages h3 b{font-size:22px}.languages h3 span{letter-spacing:.15em;text-transform:uppercase;font-size:7px}.languages p{margin:12px 0;font-size:10px;position:relative}.languages p i{background:#7186a5;height:2px;position:absolute;top:16px;left:0}.honors{z-index:35;flex-direction:column;align-items:center;gap:8px;width:46px;display:flex;position:fixed;top:35%;left:0}.honors>b{background:#7ca9ddc2;border:1px solid #ffffff73;border-radius:0 0 2px;place-items:start center;width:46px;height:72px;padding-top:9px;display:grid}.honors>span{writing-mode:vertical-rl;font-size:8px;position:absolute;top:40px;left:12px;transform:rotate(180deg)}.honors>i{color:#536a85;background:#e0eef9b8;border:1px solid #ffffff9e;border-radius:50%;place-items:center;width:42px;height:42px;font-style:normal;display:grid}.dock-wrap{z-index:50;flex-direction:column;align-items:center;display:flex;position:fixed;bottom:14px;left:0;right:0}.dock{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#f0f4fc9e,#c4d3e880);border:1px solid #ffffff8c;border-radius:17px;align-items:flex-end;gap:7px;padding:8px 12px;display:flex;box-shadow:0 14px 40px #141e3240,inset 0 1px #fffc}.dock-icon{background:#ffffff40;border:0;border-radius:11px;width:47px;height:47px;padding:0;transition:all .18s;position:relative;box-shadow:0 3px 10px #1e325040}.dock-icon:hover{transform:translateY(-8px)scale(1.15)}.dock-icon img{object-fit:cover;border-radius:10px;width:100%;height:100%}.dock-icon span{color:#fff;opacity:0;white-space:nowrap;background:#ffffff40;border-radius:99px;padding:5px 8px;font-size:9px;position:absolute;bottom:64px;left:50%;transform:translate(-50%)}.dock-icon:hover span{opacity:1}.copyright{display:none}.mac{z-index:15;width:54px;position:absolute;bottom:110px;right:20px}.mobile-drawer{display:none}.window-backdrop{z-index:300;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0a182a73;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.window{color:#27231f;background:linear-gradient(#fbfaf8,#eeeae5);border:1px solid #ffffffa6;border-radius:20px;width:min(720px,92vw);min-height:430px;overflow:hidden;box-shadow:0 42px 110px #0f1e327a}.window header{letter-spacing:.14em;text-transform:lowercase;background:#ffffff7a;border-bottom:1px solid #00000014;justify-content:center;align-items:center;height:50px;font-size:11px;display:flex;position:relative}.window header button{color:#0000;background:#ff5f57;border:1px solid #0000002e;border-radius:50%;width:19px;height:19px;position:absolute;left:18px}.window-content{padding:50px}.window-content small{letter-spacing:.2em;text-transform:uppercase;color:#8a8177;font-size:9px}.window-content h2{margin:10px 0;font-size:42px;font-weight:400}.window-content p{color:#5b554f;max-width:52ch;line-height:1.65}.case-tabs{gap:8px;margin:28px 0;display:flex}.case-tabs button{background:#fff;border:1px solid #0000001a;border-radius:10px;padding:10px 14px}.window-actions{gap:8px;display:flex}.theme-black,.theme-black .profile,.theme-black .profile button{color:#fff}.theme-black .menubar{color:#e8eef5;background:#0000008c}@media (width<=1024px){.desktop{background-image:var(--mobile-bg)}.desktop:after{opacity:.16}.theme-picker{display:none}.profile{gap:14px;width:86%;top:auto;bottom:108px;left:5.5%}.profile>img{width:104px;height:104px}.profile h1{font-size:9px}.profile p{margin:3px 0;font-size:9px;line-height:1.35}.profile button{font-size:8px}.app-grid{grid-template-columns:repeat(4,1fr);gap:38px 42px;display:grid;top:28%;left:4.5%;right:4.5%}.app{width:100%;height:92px}.app img{width:72px;height:72px}.app-resume img{width:52px}.app strong{font-size:9px;display:block}.app-meta{display:none}.dock-wrap{bottom:20px}.dock{gap:5px;padding:6px 9px}.dock-icon{border-radius:8px;width:31px;height:31px}.dock-icon img{border-radius:7px}.copyright{z-index:30;text-align:center;letter-spacing:.1em;text-transform:uppercase;font-size:8px;display:block;position:fixed;bottom:4px;left:0;right:0}.lock-screen{background-image:var(--mobile-bg)}.lock-clock{top:36px}.lock-clock strong{font-size:clamp(120px,34vw,220px)}.lock-brand{top:55%}.lock-screen>.lock-cta{display:none}.lock-screen:before{content:"Slide to unlock";z-index:2;letter-spacing:.2em;text-transform:uppercase;background:#ffffff21;border:1px solid #ffffff4d;border-radius:99px;place-items:center;width:min(320px,78vw);height:58px;font-size:10px;display:grid;position:absolute;bottom:46px;left:50%;transform:translate(-50%)}.lock-hint{display:none}}@media (width<=600px){.desktop{min-height:100dvh}.profile{width:auto;display:block;inset:49px 25px auto 55px}.profile>img{width:50px;height:50px;margin-bottom:11px}.profile h1{margin-bottom:7px;font-size:10px}.profile p{margin:5px 0;font-size:9px;line-height:1.28}.profile button{font-size:8px}.app-grid{grid-template-columns:repeat(3,1fr);gap:21px 28px;top:305px;left:47px;right:22px}.app{height:88px}.app img{width:55px;height:55px}.app-resume img{width:42px}.app strong{font-size:9px}.honors{top:300px}.dock-wrap{bottom:78px}.dock-icon{width:31px;height:31px}.dock{max-width:calc(100vw - 28px);overflow:hidden}.copyright{bottom:52px}.mac{width:42px;bottom:148px;right:28px}.window{min-height:410px}.window-content{padding:34px 26px}.window-content h2{font-size:32px}.window-actions{flex-direction:column;align-items:flex-start}}@media (width>=1025px) and (height<=850px){.profile{transform-origin:0;top:18%;transform:scale(.9)}.app-grid{transform-origin:0 0;top:37%;transform:scale(.85)}.widgets{transform-origin:100% 0;transform:scale(.82)}.dock-wrap{transform-origin:bottom;transform:scale(.8)}}.profile>video{object-fit:cover;border-radius:50%;flex:none;width:128px;height:128px}.desktop:after{display:none}.honors>i img{object-fit:contain;filter:drop-shadow(0 1px 1px #1e325047);width:30px;height:30px}.music iframe{border:0;border-radius:12px;margin-top:8px;display:block}.mobile-time{display:none}.case-lock{z-index:2;background:#0f1218db;border:2px solid #ffffffa6;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 12px #00000059}.case-lock svg{width:12px;height:12px}@media (width>=1025px){.app-grid{top:41%}}@media (width>=1025px) and (height<=850px){.app-grid{top:40%}}@media (width<=1024px){.profile>video{width:104px;height:104px}.menubar{background:#355794}.mobile-time{font-weight:600;display:block;position:absolute;left:22px}}@media (width<=600px){.profile>video{width:50px;height:50px;margin-bottom:11px}.app-grid{top:292px}.dock-wrap{bottom:26px}.copyright{bottom:7px}}:root{--opening-paper:#f2eee7;--opening-paper-warm:#e8e1d7;--opening-ink:#191816;--opening-rule:#1918162e}html,body,#root{height:auto;min-height:100%;overflow:hidden visible}html{scroll-behavior:auto}body{background:var(--opening-paper)}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid}.portfolio-journey{background:var(--opening-paper);min-height:650vh;color:var(--opening-ink)}.opening-sequence{height:500vh;position:relative}.opening-scene{z-index:1;background:radial-gradient(circle at 50% 68%, #ffffffeb, transparent 35%), linear-gradient(115deg, #f6f2ec 0%, var(--opening-paper) 50%, #e9e2d9 100%);transform-origin:50%;will-change:opacity, transform;transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1),visibility 0s linear .9s;position:fixed;inset:0;overflow:hidden;transform:translateY(0)scale(1)}.opening-scene:before{content:"";pointer-events:none;opacity:.16;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");position:absolute;inset:0}.opening-scene:after{display:none}.desktop-is-visible .opening-scene{opacity:0;visibility:hidden;transform:translateY(-3vh)scale(.985)}.opening-header{z-index:5;justify-content:flex-end;align-items:flex-start;font-family:Georgia,Times New Roman,serif;display:flex;position:absolute;top:clamp(24px,4.2vw,58px);left:clamp(24px,3.2vw,54px);right:clamp(24px,3.2vw,54px)}.opening-header button{min-height:44px;color:inherit;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:0 0 0 18px;font:500 10px/1 Space Grotesk,sans-serif}.opening-header button span{margin-left:6px;transition:transform .2s;display:inline-block}.opening-header button:hover span{transform:translate(3px,3px)}.opening-title{z-index:5;color:#050505;letter-spacing:-.065em;text-align:center;width:min(1180px,92vw);opacity:var(--title-opacity);transform-origin:top;pointer-events:none;margin:0;font:800 clamp(64px,9.2vw,140px)/.88 Arial,Helvetica,sans-serif;transition:opacity .18s linear;position:absolute;top:clamp(72px,10vh,118px);left:50%;transform:translate(-50%)}.opening-title span,.opening-title strong{display:block}.opening-title strong{color:#ffb91f;font-weight:inherit;white-space:nowrap}.opening-title strong i{vertical-align:-.04em;background:currentColor;width:.055em;height:.9em;margin-left:.08em;animation:.9s step-end infinite titleCaret;display:inline-block}@keyframes titleCaret{50%{opacity:0}}.opening-counter{z-index:4;align-items:baseline;gap:20px;font-size:10px;display:flex;position:absolute;top:47%;left:clamp(24px,3.2vw,54px)}.opening-counter span{font-variant-numeric:tabular-nums;opacity:.52}.opening-counter b{font-weight:500}.laptop-stage{--lid-angle:-86deg;--lid-drop:14px;--screen-on:0;--camera-scale:1;--camera-y:0%;--closed-opacity:1;--keyboard-opacity:0;z-index:2;perspective:1600px;place-items:center;display:grid;position:absolute;inset:21% 7% 9%}.laptop-camera{aspect-ratio:1.55;width:min(680px,54vw);transform:translateY(var(--camera-y)) scale(var(--camera-scale));transform-origin:50% 46%;transform-style:preserve-3d;will-change:transform;position:relative}.laptop-lid{z-index:3;aspect-ratio:16/10;transform:translateY(var(--lid-drop)) rotateX(var(--lid-angle));transform-origin:bottom;transform-style:preserve-3d;will-change:transform;position:absolute;bottom:21.5%;left:5%;right:5%}.screen-bezel,.lid-metal{backface-visibility:hidden;border-radius:16px 16px 9px 9px;position:absolute;inset:0;overflow:hidden}.screen-bezel{background:#08090a;border:1px solid #ffffff2e;padding:9px;box-shadow:inset 0 2px 2px #ffffff2e,0 25px 44px #00000042}.lid-metal{z-index:2;opacity:var(--closed-opacity);background:linear-gradient(145deg,#c9cccd,#85898b 48%,#d7d8d7 100%);border:1px solid #3234356b;place-items:center;display:grid;transform:translateZ(2px);box-shadow:inset 0 1px #ffffffbf}.lid-mark{color:#313334;text-shadow:0 1px #ffffff59;width:36px;height:28px;font-size:36px;line-height:18px;display:block;overflow:hidden}.preview-desktop{color:#fff;width:100%;height:100%;opacity:var(--screen-on);filter:brightness(calc(.22 + var(--screen-on) * .78));background:url(/__l5e/assets-v1/5499666f-1a89-4f2a-8b1a-e54a48c0c627/bg-blue-v4.svg) 50%/cover;transition:filter .2s linear;position:relative;overflow:hidden}.preview-menu{color:#334b68;background:#ffffffb8;align-items:center;gap:8px;height:18px;padding:0 9px;font-size:5px;display:flex}.preview-menu b{font-size:9px}.preview-menu i{margin-left:auto;font-style:normal}.preview-profile{align-items:center;gap:7px;font-size:5px;display:flex;position:absolute;top:23%;left:10%}.preview-profile>img{object-fit:cover;border:2px solid #ffffffb3;border-radius:50%;width:25px;height:25px}.preview-profile div{flex-direction:column;gap:2px;display:flex}.preview-profile b{letter-spacing:.1em;text-transform:uppercase}.preview-profile i{opacity:.78;font-style:normal}.preview-apps{grid-template-columns:repeat(4,1fr);gap:12px 10px;width:65%;display:grid;position:absolute;top:43%;left:9%}.preview-apps span{flex-direction:column;align-items:center;gap:2px;font-size:4px;display:flex}.preview-apps img{object-fit:contain;filter:drop-shadow(0 4px 4px #142d4b59);width:38px;height:38px}.preview-widgets{gap:5px;width:20%;display:grid;position:absolute;top:26%;right:4%}.preview-widgets i{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ebf3fa8c;border:1px solid #ffffff59;border-radius:6px;height:54px;display:block}.preview-widgets i:first-child{height:32px}.preview-dock{background:#f0f4fc94;border-radius:8px;gap:4px;padding:4px 5px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.preview-dock img{object-fit:cover;border-radius:4px;width:18px;height:18px}.screen-glass{pointer-events:none;background:linear-gradient(125deg,#fff3,#0000 32%,#ffffff0f 68%,#0000);position:absolute;inset:0}.laptop-base{z-index:4;transform-origin:bottom;background:linear-gradient(145deg,#dfe0e0,#9b9e9f 64%,#e2e2e1);border:1px solid #8c8f91;border-radius:11px 11px 18px 18px;height:35%;position:absolute;bottom:6%;left:0;right:0;transform:perspective(760px)rotateX(66deg)translateZ(3px);box-shadow:inset 0 1px 1px #fffc,0 12px 20px #0003}.keyboard{height:48%;opacity:var(--keyboard-opacity);grid-template-columns:repeat(10,1fr);gap:3px;display:grid;position:absolute;top:10%;left:8%;right:8%}.keyboard i{background:linear-gradient(#202224,#08090a);border-radius:2px;box-shadow:inset 0 1px #ffffff26}.trackpad{height:32%;opacity:var(--keyboard-opacity);border:1px solid #373a3c3d;border-radius:5px;position:absolute;bottom:5%;left:34%;right:34%}.base-lip{background:#7f8385;border-radius:0 0 10px 10px;height:5px;position:absolute;bottom:-3px;left:39%;right:39%}.laptop-shadow{z-index:0;filter:blur(20px);height:13%;transform:scaleX(calc(1 - var(--screen-on) * .08));background:#1c1b193d;border-radius:50%;position:absolute;bottom:1%;left:4%;right:4%}.opening-instruction{z-index:5;letter-spacing:.02em;flex-direction:column;align-items:center;gap:10px;font:650 clamp(14px,1.5vw,22px)/1.2 Space Grotesk,sans-serif;transition:opacity .3s;display:flex;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.opening-instruction b{font-size:16px;font-weight:400;animation:1.5s ease-in-out infinite openingNudge}.opening-instruction.is-fading{opacity:0}@keyframes openingNudge{50%{transform:translateY(5px)}}.opening-timeline{z-index:5;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid;position:absolute;bottom:27px;left:28px;right:28px}.opening-timeline li{color:#19181657;gap:17px;padding-left:12px;font-size:8px;transition:color .25s;display:flex}.opening-timeline li:before{content:"";background:var(--opening-rule);width:1px;height:31px;margin-left:-12px;position:absolute;top:-31px}.opening-timeline li:after{content:"";background:#9d9992;border-radius:50%;width:5px;height:5px;margin-left:-14px;position:absolute;top:-33px}.opening-timeline li.active{color:var(--opening-ink)}.opening-timeline li.active:after{background:var(--opening-ink)}.opening-timeline b{font-weight:500}.opening-progress{z-index:6;height:1px;position:absolute;bottom:67px;left:28px;right:28px;overflow:hidden}.opening-progress i{background:var(--opening-ink);transform-origin:0;will-change:transform;width:100%;height:100%;display:block}.desktop-takeover{z-index:20;opacity:0;filter:blur(8px);pointer-events:none;will-change:opacity, transform, filter;transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1),filter .72s;position:fixed;inset:0;overflow:hidden;transform:translateY(7vh)scale(.985)}.desktop-is-visible .desktop-takeover{opacity:1;filter:blur();pointer-events:auto;transform:translateY(0)scale(1)}.desktop-takeover>.desktop{width:100%;height:100%}@media (width<=900px){.portfolio-journey{min-height:620vh}.opening-sequence{min-height:430vh}.opening-counter{top:42%}.opening-title{font-size:clamp(50px,10vw,78px);top:10vh}.laptop-stage{inset:22% 2% 12%}.laptop-camera{width:min(640px,80vw)}.opening-timeline li{gap:7px}}@media (width<=600px){.portfolio-journey{min-height:580vh}.opening-sequence{min-height:380vh}.opening-header{top:22px;left:20px;right:20px}.opening-header button{padding-left:8px;font-size:8px}.opening-title{width:92vw;font-size:clamp(38px,12vw,58px);line-height:.94;top:12vh}.opening-title strong{white-space:normal}.opening-counter{top:23%;left:20px}.laptop-stage{inset:22% 0 9%}.laptop-camera{width:90vw}.screen-bezel,.lid-metal{border-radius:10px 10px 6px 6px}.screen-bezel{padding:6px}.opening-progress{left:16px;right:16px}.opening-timeline{grid-template-columns:repeat(4,minmax(0,1fr));left:16px;right:16px}.opening-timeline li{flex-direction:column;gap:3px;padding-left:7px}.opening-timeline li:before{margin-left:-7px}.opening-timeline li:after{margin-left:-9px}.opening-instruction{font-size:13px;bottom:9%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.laptop-camera,.laptop-lid,.opening-scene,.desktop-takeover,.opening-instruction,.opening-title{transition:none!important}.opening-instruction b,.opening-title strong i{animation:none}}.cici-desktop{--orbit-width:min(680px, 82vw);--orbit-height:min(340px, 42vh);--orbit-radius-x:calc(var(--orbit-width) / 2 - 42px);--orbit-radius-y:calc(var(--orbit-height) / 2 - 42px);color:#fff}.cici-desktop .profile{z-index:10;color:#fff;text-shadow:0 2px 12px #0c254657;grid-template-columns:clamp(160px,16vw,215px) minmax(0,780px);align-items:center;gap:clamp(34px,4vw,68px);width:86vw;height:42vh;display:grid;position:absolute;top:clamp(52px,7vh,78px);left:7vw;transform:none}.cici-desktop .profile>img{object-fit:cover;object-position:center 36%;border:1px solid #ffffff7a;border-radius:50%;width:clamp(160px,16vw,215px);height:clamp(160px,16vw,215px);box-shadow:0 25px 70px #142b4c57,inset 0 0 0 6px #ffffff14}.cici-desktop .profile h1{letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px;font-size:clamp(22px,2.2vw,32px);line-height:1}.cici-desktop .profile p{max-width:760px;margin:8px 0;font-size:clamp(13px,1.18vw,17px);font-weight:560;line-height:1.42}.cici-desktop .profile strong{font-weight:780}.cici-desktop .profile-more{color:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;margin-top:14px;padding:0 0 5px;font-size:clamp(10px,.9vw,13px);font-weight:700;transition:opacity .2s,transform .2s;display:inline-block}.cici-desktop .profile-more:hover{opacity:.76;transform:translate(4px)}.cici-desktop .profile-more:focus-visible{outline-offset:6px;outline:2px solid #ffffffe6}.resume-overlay{z-index:1000;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1f3652ad;place-items:center;padding:clamp(14px,2.6vw,36px);animation:.28s both resumeBackdropIn;display:grid;position:fixed;inset:0}.resume-viewer{background:#edf3fa;border:1px solid #ffffffa3;border-radius:26px;width:min(880px,94vw);height:min(100vh - 32px,980px);animation:.38s cubic-bezier(.2,.8,.2,1) both resumeViewerIn;overflow:hidden;box-shadow:0 34px 90px #11223761}.resume-viewer:focus{outline:none}.mac-titlebar{color:#526176;background:#f4f6fa;border-bottom:1px solid #d5dee8;align-items:center;height:60px;padding:0 24px;display:flex}.mac-controls{align-items:center;gap:10px;display:flex}.mac-control{border:1px solid #1e263229;border-radius:50%;flex:none;width:17px;height:17px;padding:0;display:block;box-shadow:inset 0 1px 1px #ffffff80}.mac-close{cursor:pointer;background:#ff5f57}.mac-minimize,.mac-expand{background:#cdd2da}.mac-close:hover{filter:brightness(.92)}.mac-close:focus-visible{outline-offset:3px;outline:2px solid #54769d}.resume-scroll{color:#202a36;scrollbar-width:thin;scrollbar-color:#aebdce transparent;height:calc(100% - 60px);overflow-y:auto}.resume-identity{text-align:center;flex-direction:column;align-items:center;padding:46px 24px 38px;display:flex}.resume-identity img{object-fit:cover;object-position:center 36%;border:1px solid #566a843d;border-radius:50%;width:146px;height:146px;box-shadow:0 18px 42px #2f46632e}.resume-identity h1{color:#202a36;letter-spacing:-.045em;margin:20px 0 3px;font-size:clamp(30px,4vw,44px);line-height:1}.resume-identity p{color:#6f7c8d;margin:7px 0 0;font-size:15px}.resume-divider{background:#d5dee8;height:1px;margin:0 clamp(32px,8vw,92px)}.resume-content{padding:38px clamp(32px,7vw,78px) 68px}.resume-content h2{color:#202a36;letter-spacing:-.035em;margin:5px 0 19px;font-size:clamp(23px,3vw,31px);line-height:1}.experience-kicker{color:#7c899a;letter-spacing:.22em;font-size:9px;font-weight:760}.education-panel{padding:0 0 40px}.education-title{align-items:center;gap:17px;margin-bottom:8px;display:flex}.resume-content .education-title h2{margin:0;padding-bottom:9px;position:relative}.resume-content .education-title h2:after{content:"";background:#203d63;border-radius:2px;width:50px;height:2px;position:absolute;bottom:0;left:0}.education-title i{background:#8190a2;width:1px;height:24px}.education-title span{color:#26384c;letter-spacing:.04em;font-size:14px;font-weight:560}.education-path{min-height:270px;position:relative;overflow:hidden}.education-line{fill:#18375e;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.education-line-mobile{display:none}.education-line path{fill:none;stroke:#18375e;stroke-width:2px;vector-effect:non-scaling-stroke}.education-school{z-index:1;align-items:center;gap:14px;display:flex;position:absolute}.education-school-start{bottom:4px;left:0}.education-school-end{top:16px;right:0}.education-school-logo{flex:0 0 78px;place-items:center;width:78px;height:78px;display:grid}.education-school-logo img{object-fit:contain;width:100%;height:100%}.education-school-logo-wide{flex-basis:86px;justify-content:start;width:86px;overflow:hidden}.education-school-logo-wide img{object-fit:fill;width:156px;max-width:none;height:78px}.education-school h3{color:#20344f;margin:0 0 7px;font-size:17px;line-height:1.15}.education-school time{color:#69778a;letter-spacing:.02em;white-space:nowrap;font-size:11px;font-weight:560}.company-title{align-items:center;gap:13px;min-width:0;display:flex}.company-logo{background:#fff9;border:0;border-radius:13px;flex:0 0 52px;place-items:center;width:52px;height:52px;display:grid;overflow:hidden;box-shadow:0 7px 18px #3352771a}.company-logo img{object-fit:contain;width:86%;height:86%}.company-title>div{min-width:0}.experience-heading time{color:#7a8797;letter-spacing:.06em;white-space:nowrap;font-size:9px;font-weight:720}.experience-heading h3{color:#202a36;margin:6px 0 3px;font-size:17px}.experience-heading p{color:#6f7c8d;margin:0;font-size:11px;font-weight:680}.internship-panel{padding:0}.experience-timeline{position:relative}.experience-timeline>article{border-top:1px solid #d5dee8;padding:21px 0;position:relative}.experience-timeline>article:before{content:none}.experience-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.experience-heading h3{margin-top:0;font-size:19px}.company-logo{border-radius:12px;flex-basis:44px;width:44px;height:44px}.experience-summary{color:#576577;margin:13px 0 9px;font-size:11.5px;line-height:1.6}.experience-summary b{color:#26384c}.experience-project-list{gap:10px;margin-top:14px;display:grid}.experience-project{background:#ffffff6b;border:1px solid #768ba338;border-radius:14px;padding:14px 16px;box-shadow:inset 0 1px #ffffff9e}.experience-project h4{color:#26384c;letter-spacing:.01em;margin:0 0 9px;font-size:12px;line-height:1.35}.experience-project p{color:#465568;margin:7px 0 0;font-size:10.8px;line-height:1.72}.experience-project p:first-of-type{margin-top:0}.experience-project p b{color:#718195;letter-spacing:.09em;margin-right:7px;font-size:8px;font-weight:780;display:inline-block}@keyframes resumeBackdropIn{0%{opacity:0}}@keyframes resumeViewerIn{0%{opacity:0;transform:translateY(18px)scale(.985)}}.software-orbit-section{z-index:12;pointer-events:none;width:min(880px,94vw);height:49vh;position:absolute;bottom:.5vh;left:50%;transform:translate(-50%)}.software-orbit-section>h2{color:#fffffff0;letter-spacing:.14em;text-shadow:0 2px 14px #0c254652;width:min(680px,82vw);margin:0;font-size:clamp(16px,1.5vw,22px);font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%)}.software-orbit{width:var(--orbit-width);height:var(--orbit-height);pointer-events:auto;background:radial-gradient(circle,#e7f3ff26,#7aa4d60a 48%,#0000 70%);border:1px solid #ffffff38;border-radius:50%;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 0 70px #bedbff24,inset 0 0 45px #ffffff0a}.software-orbit:before,.software-orbit:after{content:"";border:1px solid #ffffff1f;border-radius:50%;position:absolute;inset:16%}.software-orbit:after{opacity:.72;border-style:dashed;inset:34%}.orbit-track{position:absolute;inset:0}.orbit-item{--orbit-motion:0deg;--orbit-angle:calc(var(--orbit-angle-start) + var(--orbit-motion));width:0;height:0;transform:translate(calc(cos(var(--orbit-angle)) * var(--orbit-radius-x)), calc(sin(var(--orbit-angle)) * var(--orbit-radius-y)));animation:26s linear infinite softwareOrbitTravel;position:absolute;top:50%;left:50%}.orbit-icon-frame{place-items:center;width:clamp(48px,5vw,64px);height:clamp(48px,5vw,64px);display:grid;position:absolute;transform:translate(-50%,-50%)}.orbit-icon-frame img{object-fit:cover;border:1px solid #ffffff61;border-radius:18px;width:100%;height:100%;box-shadow:0 12px 28px #111f3961,0 0 18px #dcebff1f}.orbit-icon-frame.is-dark img{box-shadow:none;-webkit-mask-image:var(--icon-mask);mask-image:var(--icon-mask);mix-blend-mode:screen;background:0 0;border-color:#0000;transform:scale(1.6);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:luminance;mask-mode:luminance}.orbit-icon-frame small{z-index:3;color:#fff;letter-spacing:.04em;opacity:1;pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:0 1px 5px #0d224073;background:#1c396285;border:1px solid #ffffff2e;border-radius:99px;padding:3px 7px;font-size:9px;font-weight:650;line-height:1;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%)}.software-orbit:hover .orbit-item{animation-play-state:paused}.orbit-core{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#d1e5f817;border:1px solid #ffffff38;border-radius:50%;place-items:center;display:grid;position:absolute;inset:38%;box-shadow:0 0 38px #ecf6ff2e,inset 0 0 22px #ffffff14}.orbit-core i,.orbit-core b{aspect-ratio:1;background:#ffffffb8;border-radius:50%;width:22%;position:absolute;box-shadow:0 0 18px #ffffffad}.orbit-core b{background:0 0;border:1px solid #ffffff52;width:56%}@property --orbit-motion{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes softwareOrbitTravel{to{--orbit-motion:360deg}}.preview-cici-profile{color:#fff;grid-template-columns:42px 1fr;align-items:center;gap:9px;display:grid;position:absolute;top:8%;left:7%;right:7%}.preview-cici-profile>img{object-fit:cover;border:1px solid #ffffffb3;border-radius:50%;width:42px;height:42px}.preview-cici-profile b,.preview-cici-profile i{font-size:8px;font-style:normal;display:block}.preview-cici-profile i{opacity:.76;margin-top:3px;font-size:6px}.preview-cici-profile span{background:#ffffff6b;width:72%;height:3px;margin-top:6px;display:block;box-shadow:0 6px #ffffff40}.preview-software-orbit{border:1px solid #ffffff42;border-radius:50%;width:58%;height:35%;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.preview-software-orbit img{object-fit:cover;--orbit-motion:0deg;--preview-motion-angle:calc(var(--preview-angle) + var(--orbit-motion));width:15px;height:15px;transform:translate(calc(cos(var(--preview-motion-angle)) * 54px - 50%), calc(sin(var(--preview-motion-angle)) * 27px - 50%));border-radius:4px;animation:20s linear infinite previewOrbitTravel;position:absolute;top:50%;left:50%}.preview-software-orbit img.is-dark{-webkit-mask-image:var(--icon-mask);mask-image:var(--icon-mask);mix-blend-mode:screen;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:luminance;mask-mode:luminance}@keyframes previewOrbitTravel{to{--orbit-motion:360deg}}@media (width<=720px){.cici-desktop{--orbit-width:min(356px, 92vw);--orbit-height:min(258px, 31vh);--orbit-radius-x:calc(var(--orbit-width) / 2 - 31px);--orbit-radius-y:calc(var(--orbit-height) / 2 - 31px)}.cici-desktop .profile{width:auto;height:auto;display:block;top:34px;left:24px;right:24px}.cici-desktop .profile>img{width:86px;height:86px;margin:0 0 18px}.cici-desktop .profile h1{margin-bottom:11px;font-size:18px}.cici-desktop .profile p{margin:7px 0;font-size:10.5px;line-height:1.36}.cici-desktop .profile-more{margin-top:10px;font-size:9px}.software-orbit-section{height:50vh;bottom:1vh}.software-orbit-section>h2{width:min(356px,92vw);font-size:14px}.orbit-icon-frame{width:43px;height:43px}.orbit-icon-frame img{border-radius:12px}.orbit-icon-frame small{padding:3px 5px;font-size:7.5px;top:calc(100% + 5px)}.resume-overlay{padding:8px}.resume-viewer{border-radius:16px;width:100%;height:96vh}.mac-titlebar{height:52px;padding:0 13px}.mac-control{width:14px;height:14px}.resume-scroll{height:calc(100% - 52px)}.resume-identity{padding:28px 20px 25px}.resume-identity img{width:86px;height:86px}.resume-identity h1{margin-top:16px;font-size:30px}.resume-identity p{font-size:12px}.resume-divider{margin:0 22px}.resume-content{padding:28px 20px 44px}.education-panel{padding-bottom:34px}.education-title{gap:11px}.resume-content .education-title h2{font-size:22px}.education-title i{height:21px}.education-title span{font-size:11px}.education-path{min-height:190px}.education-line-desktop{display:none}.education-line-mobile{display:block}.education-school{gap:8px}.education-school-logo{flex-basis:50px;width:50px;height:50px}.education-school-logo-wide{flex-basis:58px;width:58px}.education-school-logo-wide img{width:100px;height:50px}.education-school h3{margin-bottom:5px;font-size:12px}.education-school time{font-size:8px}.education-school-start{bottom:4px}.education-school-end{top:8px}.experience-heading{display:block}.company-title{align-items:center}.experience-heading time{margin-top:6px;display:block}.experience-project{border-radius:12px;padding:12px}.experience-project p{font-size:10.5px}}@media (height<=680px) and (width>=721px){.cici-desktop{--orbit-width:min(560px, 72vw);--orbit-height:250px;--orbit-radius-x:calc(var(--orbit-width) / 2 - 38px);--orbit-radius-y:87px}.cici-desktop .profile{height:40vh;top:46px}.cici-desktop .profile>img{width:150px;height:150px}.cici-desktop .profile h1{font-size:22px}.cici-desktop .profile p{font-size:12.5px}.software-orbit-section{height:43vh}.orbit-icon-frame{width:50px;height:50px}}@media (prefers-reduced-motion:reduce){.orbit-item,.preview-software-orbit img{animation:none!important}}.desktop-intro-stage{z-index:10;opacity:calc(1 - var(--folder-stage-progress));filter:blur(calc(var(--folder-stage-progress) * 7px));transform:translateY(calc(var(--folder-stage-progress) * -5vh)) scale(calc(1 - var(--folder-stage-progress) * .035));transform-origin:50%;will-change:opacity, filter, transform;position:absolute;inset:0}.folder-is-visible .desktop-intro-stage{pointer-events:none}.desktop-scroll-cue{z-index:76;color:#fff;min-height:54px;opacity:calc(1 - clamp(0, var(--folder-stage-progress) * 5, 1));transform:translateY(calc(var(--folder-stage-progress) * 16px));-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);cursor:pointer;text-align:left;background:linear-gradient(135deg,#edf6ff3d,#769ed02e);border:1px solid #fff6;border-radius:18px;grid-template-columns:26px auto 15px;align-items:center;gap:11px;padding:8px 13px 8px 11px;transition:background .2s,border-color .2s,transform .2s;display:grid;position:absolute;bottom:clamp(18px,3.2vh,32px);right:clamp(18px,2.4vw,34px);box-shadow:0 16px 36px #122b4d38,inset 0 1px #ffffff42}.desktop-scroll-cue:hover{background:linear-gradient(135deg,#f4f9ff57,#7ea9da42);border-color:#ffffffa8;transform:translateY(-3px)}.desktop-scroll-cue:focus-visible{outline-offset:4px;outline:2px solid #ffffffeb}.desktop-scroll-cue.is-hidden{pointer-events:none}.desktop-scroll-cue>span:nth-child(2){gap:3px;display:grid}.desktop-scroll-cue b{letter-spacing:.08em;font-size:11px;font-weight:720}.desktop-scroll-cue small{color:#ffffffab;letter-spacing:.15em;text-transform:uppercase;font-size:8px}.desktop-scroll-cue em{font-size:16px;font-style:normal;animation:1.55s ease-in-out infinite desktopCueNudge}.desktop-scroll-mouse{border:1.5px solid #fffc;border-radius:11px;width:21px;height:30px;display:block;position:relative}.desktop-scroll-mouse i{background:#fff;border-radius:999px;width:2px;height:5px;animation:1.55s ease-in-out infinite desktopMouseWheel;position:absolute;top:6px;left:50%;transform:translate(-50%)}@keyframes desktopCueNudge{50%{transform:translateY(4px)}}@keyframes desktopMouseWheel{0%,to{opacity:.45;transform:translate(-50%)}50%{opacity:1;transform:translate(-50%,6px)}}.project-folder-stage{z-index:60;color:#111;opacity:var(--folder-stage-progress);filter:blur(calc((1 - var(--folder-stage-progress)) * 8px));transform:translateY(calc((1 - var(--folder-stage-progress)) * 8vh)) scale(calc(.96 + var(--folder-stage-progress) * .04));pointer-events:none;isolation:isolate;will-change:opacity, filter, transform;place-items:center;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;line-height:1.5;display:grid;position:absolute;inset:0;overflow:hidden}.project-folder-stage.is-active{pointer-events:auto}.project-folder-frame{z-index:2;perspective:1400px;place-items:center;width:min(1160px,100vw - 112px);height:min(720px,100vh - 56px);min-height:600px;display:grid;position:relative}.project-folder{--folder-shift-y:clamp(30px, 5vh, 58px);--folder-radius:34px;--cards-open-drop:-74px;--folder-front-rest:translateX(-50%) translateY(0) rotateX(0deg) scale(.96);--folder-front-open:translateX(-50%) translateY(30px) rotateX(-7deg) scale(.9);--folder-back-rest:translateX(-50%) translateY(0) scale(.96);--folder-back-open:translateX(-50%) translateY(30px) scale(.9);isolation:isolate;cursor:pointer;width:520px;height:390px;transform:translateY(var(--folder-shift-y));transform-style:preserve-3d;outline:0;position:relative}.project-folder:focus-visible{outline:0}.project-folder:focus-visible .project-folder-front{box-shadow:inset 0 1px #ffffff57,inset 0 -15px 30px #ffffff24,0 0 0 2px #ffffffb8,0 14px 24px #10a1d721}.project-folder:after{z-index:1;content:"";filter:blur(14px);opacity:.76;background:radial-gradient(#036990a3,#0369905c 34%,#0369901f 66%,#0000 84%),radial-gradient(#2dc4eb47,#0000 70%);border-radius:999px;height:38px;transition:opacity .42s,transform .52s cubic-bezier(.2,.8,.2,1);animation:2.6s ease-in-out infinite projectFolderShadowFloat;position:absolute;bottom:-18px;left:128px;right:128px}.project-folder-shell{z-index:2;transform-style:preserve-3d;animation:2.6s ease-in-out infinite projectFolderShellFloat;position:absolute;inset:0}.project-folder-card-stack,.project-folder-back,.project-folder-front{transform-style:preserve-3d;position:absolute;left:50%}.project-folder-card-stack{z-index:12;pointer-events:none;width:1px;height:1px;bottom:186px;transform:translate(-50%)}.project-folder-card{z-index:var(--card-z);width:var(--card-w);height:var(--card-h);opacity:1;pointer-events:auto;transform:translate(calc(-50% + var(--peek-x)), calc(var(--peek-y) + 70px)) rotate(var(--peek-r)) scale(.76);transform-origin:bottom;transition:opacity .26s ease var(--card-delay), transform .52s cubic-bezier(.2, .8, .2, 1) var(--card-delay), box-shadow .42s ease var(--card-delay), filter .24s ease;background:0 0;border:0;border-radius:22px;display:block;position:absolute;bottom:0;left:0;overflow:visible;box-shadow:0 16px 34px #0f172a1a}.project-folder-card.is-interactive{color:inherit;font:inherit;cursor:pointer;margin:0;padding:0}.project-folder-card.is-interactive:focus-visible{outline-offset:6px;outline:3px solid #fffffff5}.project-folder-card.is-interactive:focus-visible .project-folder-card-badge{color:#1c6687;background:#effafffa}.project-folder-card-surface{background:var(--card-color);border-radius:18px;width:100%;height:100%;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffffe6,0 0 0 1px #2027300f}.project-folder-card-surface img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.project-folder-card-badge{z-index:4;color:#222222ad;white-space:nowrap;text-transform:lowercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdb;border:1px solid #121a2614;border-radius:999px;justify-content:center;align-items:center;min-width:104px;height:30px;padding:0 16px;font-family:SFMono-Regular,Roboto Mono,Consolas,monospace;font-size:12px;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:-26px;left:14px;box-shadow:0 9px 24px #0c1f341a}.project-folder-back{z-index:6;border-radius:var(--folder-radius);clip-path:polygon(0 0,33% 0,45% 24%,100% 24%,100% 100%,0 100%);width:372px;height:276px;transform:var(--folder-back-rest);background:linear-gradient(#ffffff24,#ffffff05 50%),#20bfeb;transition:opacity .32s,transform .58s cubic-bezier(.2,.8,.2,1);bottom:72px;box-shadow:0 18px 30px #18a8da29,inset 0 1px #ffffff3d}.project-folder-front{z-index:16;-webkit-backdrop-filter:blur(10px)saturate(1.42);backdrop-filter:blur(10px)saturate(1.42);filter:drop-shadow(0 10px 16px #20b1e01f);pointer-events:none;width:384px;height:218px;transform:var(--folder-front-rest);transform-origin:50% 100%;background:linear-gradient(112deg,#fff3,#fff3 16%,#ffffff0d 44%,#ffffff1f),#26c4eb80;border-radius:36px;justify-content:space-between;align-items:end;padding:0 28px 28px;transition:filter .32s,opacity .32s,transform .58s cubic-bezier(.2,.8,.2,1),box-shadow .36s;display:flex;bottom:48px;overflow:hidden;box-shadow:inset 0 1px #ffffff57,inset 0 -15px 30px #ffffff24,0 14px 24px #10a1d721}.project-folder-front:before{z-index:1;content:"";pointer-events:none;background:linear-gradient(118deg,#ffffff1f 0 15%,#ffffff08 38%,#0000 56%);position:absolute;inset:0}.project-folder-sticker{z-index:3;pointer-events:none;opacity:.98;height:auto;transform:rotate(var(--sticker-rotate));transform-origin:50%;transition:filter .32s,opacity .32s,transform .58s cubic-bezier(.2,.8,.2,1);position:absolute}.project-folder-eye-sticker{aspect-ratio:1;--sticker-rotate:-12deg;width:92px;top:18px;left:62px;overflow:visible}.project-folder-eye-sticker:before{z-index:0;content:"";background:#fff;border-radius:50%;position:absolute;inset:-1px;box-shadow:2px 3px #0f172a14}.project-folder-eye-art{z-index:1;object-fit:contain;width:100%;height:100%;display:block;position:relative}.project-folder-googly-eye{z-index:4;aspect-ratio:1;background:radial-gradient(circle at 52% 52%,#fff 0 45%,#f8f8f4 66%,#e5e0d2);border-radius:50%;width:23.8%;position:absolute;top:38.7%;overflow:hidden;box-shadow:inset 0 -.8px 1.6px #0f172a29,0 1px 2px #0f172a2e}.project-folder-googly-eye-left{left:24.9%}.project-folder-googly-eye-right{left:51.3%}.project-folder-googly-pupil{aspect-ratio:1;width:56%;transform:translate(calc(-50% + var(--eye-x)), calc(-50% + var(--eye-y)));background:radial-gradient(circle at 34% 27%,#fffffff0 0 16%,#0000 17%),#020202;border-radius:50%;transition:transform 70ms linear;position:absolute;top:50%;left:50%}.project-folder-googly-pupil:after{aspect-ratio:1;content:"";background:#ffffffdb;border-radius:50%;width:17%;position:absolute;bottom:21%;right:17%}.project-folder-sticker-idea{--sticker-rotate:13deg;width:66px;top:68px;right:94px}.project-folder-title{z-index:2;color:#ffffffeb;text-shadow:0 2px 10px #0074a02e;font-size:30px;font-weight:720;line-height:1;position:relative}.project-folder-action{z-index:2;background:radial-gradient(circle at 36% 28%,#fffffff0,#ecfcffb3 45%,#daf4f8ad),#ffffffc7;border-radius:50%;flex:none;width:54px;height:54px;margin:0 -4px 13px 0;display:block;position:relative;box-shadow:inset 0 1px 1px #ffffffe0,inset 0 -7px 14px #0c84b417,0 8px 18px #144e7024}.project-folder-arrow{color:#22b5e2eb;width:24px;height:16px;animation:2.4s ease-in-out .9s infinite projectFolderArrowPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-folder-arrow:before,.project-folder-arrow:after{content:"";position:absolute}.project-folder-arrow:before{background:currentColor;border-radius:999px;width:24px;height:2px;top:9px;right:0}.project-folder-arrow:after{border-top:2px solid;border-right:2px solid;width:10px;height:10px;top:3px;right:0;transform:rotate(45deg)}.project-folder:is(.is-open,:hover,:focus-within) .project-folder-card{opacity:1;pointer-events:auto;transform:translate(calc(-50% + var(--open-x)), calc(var(--open-y) + var(--cards-open-drop) + var(--card-hover-y,0px))) rotate(var(--open-r)) scale(var(--card-hover-scale,var(--open-scale,1)));box-shadow:0 24px 52px #0f172a24}.project-folder:is(.is-open,:hover,:focus-within) .project-folder-card-stack{pointer-events:auto}.project-folder:is(.is-open,:hover,:focus-within) .project-folder-card:hover{--card-hover-y:-10px;--card-hover-scale:calc(var(--open-scale,1) + .05);z-index:9;filter:saturate(1.08)brightness(1.03);transition-delay:0s;box-shadow:0 30px 60px #0f172a2e}.project-folder:is(.is-open,:hover,:focus-within) .project-folder-back{opacity:.96;transform:var(--folder-back-open)}.project-folder:is(.is-open,:hover,:focus-within) .project-folder-front{opacity:.8;transform:var(--folder-front-open)}.project-folder:is(.is-open,:hover,:focus-within) .project-folder-sticker{transform:translateY(2px) rotate(var(--sticker-rotate)) scale(.98)}.project-folder:is(.is-open,:hover,:focus-within):after{opacity:.82;animation:none;transform:translateY(18px)scaleX(1.28)}@keyframes projectFolderShellFloat{0%,to{transform:translateZ(0)scale(1)}50%{transform:translateY(-12px)scale(1.018)}}@keyframes projectFolderShadowFloat{0%,to{opacity:.82;transform:translateY(0)scaleX(1.12)}50%{opacity:.44;transform:translateY(13px)scaleX(.64)}}@keyframes projectFolderArrowPulse{0%,to{opacity:.72;transform:translate(-50%,-50%)translate(-2px)}50%{opacity:1;transform:translate(-50%,-50%)translate(3px)}}@media (width<=900px){.project-folder-frame{width:calc(100vw - 40px);min-height:520px}.project-folder{transform:translateY(var(--folder-shift-y)) scale(.86)}}@media (width<=600px){.desktop-scroll-cue{border-radius:15px;grid-template-columns:22px auto 12px;gap:8px;min-height:47px;padding:7px 10px;bottom:15px;right:13px}.desktop-scroll-mouse{width:18px;height:26px}.desktop-scroll-cue b{font-size:9px}.desktop-scroll-cue small{font-size:7px}.project-folder-frame{width:calc(100vw - 20px);min-height:500px}.project-folder{justify-self:start;margin-left:-260px;left:50%;transform:translateY(48px)scale(.72)}.project-folder-card{--card-w:190px!important;--card-h:143px!important}.project-folder-card:first-child{--open-x:-150px!important;--open-y:18px!important;--open-scale:.92!important}.project-folder-card:nth-child(2){--open-x:0px!important;--open-y:-18px!important;--open-scale:1!important}.project-folder-card:nth-child(3){--open-x:150px!important;--open-y:18px!important;--open-scale:.92!important}}@media (height<=680px) and (width>=601px){.project-folder{transform:translateY(20px)scale(.82)}}@media (prefers-reduced-motion:reduce){.desktop-scroll-cue em,.desktop-scroll-mouse i,.project-folder-shell,.project-folder:after,.project-folder-arrow{animation:none!important}.project-folder-card,.project-folder-back,.project-folder-front,.project-folder-sticker{transition-duration:.01ms!important}}.project-detail-overlay{z-index:12000;background:linear-gradient(#1f36529e, #1f3652b8), var(--desktop-bg,linear-gradient(180deg, #315f9c, #d7e9f4));-webkit-backdrop-filter:blur(16px)saturate(.96);backdrop-filter:blur(16px)saturate(.96);background-position:50%;background-size:cover;place-items:center;padding:clamp(10px,2vw,28px);animation:.24s both projectDetailBackdropIn;display:grid;position:fixed;inset:0}.project-detail-window{background:#edf3fa;border:1px solid #ffffffa8;border-radius:26px;width:min(1440px,97vw);height:min(960px,100svh - 24px);animation:.44s cubic-bezier(.2,.8,.2,1) both projectDetailWindowIn;overflow:hidden;box-shadow:0 36px 110px #11223770,0 0 0 1px #1f344c14}.project-detail-window:focus{outline:0}.project-detail-titlebar{z-index:2;color:#526176;-webkit-backdrop-filter:blur(18px)saturate(1.16);backdrop-filter:blur(18px)saturate(1.16);background:#f4f6faf0;border-bottom:1px solid #d5dee8;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;height:60px;padding:0 22px;display:grid;position:relative}.project-detail-titlebar .mac-controls{justify-self:start}.project-detail-window .mac-close{width:44px;height:44px;box-shadow:none;background:0 0;border:0;margin:-13.5px;position:relative}.project-detail-window .mac-close:before{content:"";background:#ff5f57;border:1px solid #1e263229;border-radius:50%;position:absolute;inset:13.5px;box-shadow:inset 0 1px 1px #ffffff80}.project-detail-title{color:#20344f;letter-spacing:.015em;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:14px;font-weight:720;overflow:hidden}.project-detail-back{color:#526176;letter-spacing:.04em;cursor:pointer;background:#ffffffb8;border:1px solid #20344f24;border-radius:999px;justify-self:end;min-height:36px;padding:0 14px;font-size:12px;font-weight:700;transition:color .18s,background .18s,border-color .18s,transform .18s}.project-detail-back:hover{color:#1c6687;background:#e8f7fcf5;border-color:#2eaed88f;transform:translate(-3px)}.project-detail-back:focus-visible,.project-detail-window .mac-close:focus-visible{outline-offset:3px;outline:2px solid #2eaed8}.project-detail-back-short{display:none}.project-detail-frame{background:#e7f0f9;border:0;width:100%;height:calc(100% - 60px);display:block}@keyframes projectDetailBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes projectDetailWindowIn{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=700px){.project-detail-overlay{padding:0}.project-detail-window{border:0;border-radius:0;width:100vw;height:100svh}.project-detail-titlebar{grid-template-columns:auto 1fr auto;gap:10px;height:54px;padding:0 14px}.project-detail-title{text-align:center;font-size:12px}.project-detail-back{min-width:44px;min-height:44px;padding:0 10px;font-size:11px}.project-detail-back-long{display:none}.project-detail-back-short{display:inline}.project-detail-frame{height:calc(100% - 54px)}}@media (prefers-reduced-motion:reduce){.project-detail-overlay,.project-detail-window{animation-duration:.01ms!important}.project-detail-back{transition-duration:.01ms!important}}