@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Caveat:wght@500;600;700&family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{--bg:#090a0c;--panel:#101216;--panel-2:#15181d;--line:#ffffff1f;--text:#f2f2ef;--muted:#8e929a;--soft:#c6c8cc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 50% -10%, #ffffff14, transparent 30rem), var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,100% - 48px);margin:0 auto}.site-header{z-index:10;grid-template-columns:1fr auto 1fr;align-items:center;width:calc(100% - 72px);min-height:112px;margin:0 auto;display:grid;position:relative}.identity{flex-direction:column;gap:4px;width:fit-content;display:flex}.identity strong{font-size:16px;font-weight:600}.identity span{color:var(--muted);font-size:12px}.nav-pill{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1c1e22c7;border-radius:999px;padding:5px;display:flex;box-shadow:0 18px 50px #00000059,inset 0 1px #ffffff0d}.nav-pill a{color:#aaaeb5;border-radius:999px;padding:11px 28px;font-size:13px}.nav-pill a.active{color:#fff;background:#ffffff14;box-shadow:inset 0 1px #ffffff0f}.header-links{justify-self:end;gap:30px;font-size:13px;display:flex}.header-links a span,.closing a span{color:#aeb3bc;margin-left:5px}.hero{padding:48px 0 122px}.status,.section-label{letter-spacing:.12em;color:var(--muted);align-items:center;gap:10px;margin:0 0 16px;font:500 10px DM Mono,monospace;display:flex}.status span,.section-label span,.section-heading p span{background:#7af0ba;border-radius:50%;width:6px;height:6px;box-shadow:0 0 16px #7af0ba}.browser-frame,.project-window,.portrait-card{background:linear-gradient(145deg,#ffffff0f,#ffffff03);border:1px solid #fff3;border-radius:20px;overflow:hidden;box-shadow:0 35px 100px #0000007a,inset 0 0 0 7px #ffffff06}.browser-frame{min-height:610px;position:relative}.browser-bar,.window-bar{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#1b1e23,#2a2d32 45%,#17191d);grid-template-columns:1fr auto 1fr;align-items:center;height:48px;padding:0 18px;display:grid}.browser-bar>span,.window-bar>span{color:#777b82;letter-spacing:.08em;font:300 9px DM Mono}.browser-bar>b,.window-bar>b{color:#7b7f86;justify-self:end;font-size:20px;font-weight:300}.traffic{gap:8px;display:flex}.traffic i{background:#fa655a;border-radius:50%;width:10px;height:10px;box-shadow:0 0 10px #fa655a66}.traffic i:nth-child(2){background:#f4bd4f}.traffic i:nth-child(3){background:#58ca72}.eyebrow{letter-spacing:.14em;color:#969aa2;font:500 10px DM Mono}.hero h1,.info-hero h1{letter-spacing:-.055em;margin:18px 0 0;font-size:clamp(44px,6vw,78px);font-weight:500;line-height:1.02}.hero h1 em,.info-hero h1 em{color:#b9bdc5;font-family:Playfair Display,serif}.scroll-cue{font-size:38px;font-weight:200;animation:2s ease-in-out infinite float;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}@keyframes float{50%{transform:translate(-50%,8px)}}.work{padding-bottom:130px}.section-heading{border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.13em;justify-content:space-between;align-items:center;margin-bottom:54px;padding-bottom:18px;font:400 10px DM Mono;display:flex}.section-heading p{align-items:center;gap:10px;margin:0;display:flex}.project-list{gap:130px;display:grid}.project-card{grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr);align-items:center;gap:54px;display:grid}.project-card:nth-child(2n) .project-window{order:2}.project-card:nth-child(2n) .project-copy{order:1}.project-window{border-radius:16px}.window-bar{height:40px;padding:0 14px}.window-bar .traffic i{width:8px;height:8px}.project-visual{background:radial-gradient(circle at 50% 45%,#ffffff12,#0000 45%),#0e1013;place-items:center;min-height:390px;display:grid;position:relative;overflow:hidden}.project-copy h2{letter-spacing:-.045em;margin:12px 0 18px;font-size:clamp(32px,4vw,52px);font-weight:500}.project-copy>p:not(.project-meta){color:#adb0b7;font-size:14px;line-height:1.75}.project-meta{color:#787d86;text-transform:uppercase;letter-spacing:.09em;font:400 10px DM Mono}.project-copy ul{flex-wrap:wrap;gap:7px;padding:16px 0 0;list-style:none;display:flex}.project-copy li{border:1px solid var(--line);color:#9ca0a8;border-radius:99px;padding:7px 10px;font:400 9px DM Mono}.project-actions{flex-wrap:wrap;gap:20px;margin-top:18px;display:flex}.project-action{border-bottom:1px solid #ffffff8c;align-items:center;gap:7px;padding-bottom:6px;font-size:12px;display:inline-flex}.network-visual{width:75%;height:280px;position:relative}.node{background:#171329;border:1px solid #7458ff;border-radius:50%;place-items:center;width:56px;height:56px;font:400 11px DM Mono;display:grid;position:absolute;box-shadow:0 0 50px #7458ff4d}.node-a{top:5%;left:8%}.node-b{top:12%;right:4%}.node-c{bottom:5%;left:25%}.node-d{bottom:9%;right:18%}.line{transform-origin:0;background:linear-gradient(90deg,#0000,#7458ff,#0000);height:1px;position:absolute}.line-a{width:70%;top:19%;left:16%;transform:rotate(6deg)}.line-b{width:56%;top:70%;left:31%;transform:rotate(-26deg)}.line-c{width:48%;top:27%;left:20%;transform:rotate(56deg)}.privacy-chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#c7bfff;letter-spacing:.1em;background:#14102ad1;border:1px solid #8770ff80;border-radius:6px;padding:12px 16px;font:400 9px DM Mono;position:absolute;top:42%;left:38%}.privacy-chip span{background:#77f1b8;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block;box-shadow:0 0 8px #77f1b8}.terminal-visual{color:#c7cbd2;width:78%;font:400 11px/2 DM Mono}.terminal-visual .muted{color:#6e747c}.terminal-visual em{color:#5bd5e8;font-style:normal}.terminal-visual b{color:#6ae5b2;font-weight:500}.cursor-line span{vertical-align:middle;background:#cbd2d8;width:7px;height:14px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.vault-visual{place-items:center;width:290px;height:290px;display:grid;position:relative}.vault-ring{border:1px dashed #f5b0414d;border-radius:50%;position:absolute}.ring-one{inset:4%}.ring-two{border-style:solid;inset:20%;box-shadow:0 0 70px #f5b0411f}.vault-core{text-align:center;background:#1d180f;border:1px solid #f1ad43;border-radius:50%;place-content:center;width:120px;height:120px;display:grid;box-shadow:inset 0 0 30px #f5b0411a}.vault-core span{letter-spacing:.2em;color:#ffd084}.vault-core small{color:#9d7b43;letter-spacing:.12em;margin-top:8px;font:8px DM Mono}.strength{align-items:center;gap:4px;display:flex;position:absolute;bottom:0}.strength i{background:#f1ad43;width:28px;height:3px}.strength span{color:#f1ad43;margin-left:5px;font:8px DM Mono}.website-visual{background:#171314;border:1px solid #ff78634d;border-radius:12px;width:78%;overflow:hidden;box-shadow:0 30px 70px #0006}.website-nav{color:#827b7c;border-bottom:1px solid #ff8c7829;align-items:center;gap:18px;height:46px;padding:0 18px;font:8px DM Mono;display:flex}.website-nav b{color:#ff8c78;letter-spacing:.15em;margin-right:auto}.website-hero{padding:38px 24px 28px;position:relative}.website-hero small{color:#ff8c78;letter-spacing:.12em;font:7px DM Mono}.website-hero strong{letter-spacing:-.04em;margin-top:16px;font-size:27px;font-weight:500;line-height:1.1;display:block}.website-hero i{background:#ff7964;width:38px;height:3px;margin-top:24px;display:block}.website-cards{grid-template-columns:repeat(3,1fr);gap:8px;padding:0 24px 24px;display:grid}.website-cards span{background:linear-gradient(145deg,#ff796414,#0000);border:1px solid #ffffff14;height:58px}.closing{border-top:1px solid var(--line);padding:100px 0 120px}.closing h2{letter-spacing:-.055em;margin:16px 0 40px;font-size:clamp(42px,7vw,82px);font-weight:500}.closing a{border-bottom:1px solid #fff;align-items:center;padding-bottom:7px;font-size:16px;display:inline-flex}.site-footer{border-top:1px solid var(--line);color:#c5c7cb;grid-template-columns:2fr 1fr 1fr;gap:30px;padding:54px 0 32px;font-size:12px;display:grid}.site-footer>div:first-child,.footer-nav{flex-direction:column;gap:9px;display:flex}.site-footer strong{letter-spacing:.1em;font:500 11px DM Mono}.site-footer span{color:#6f737a}.footer-nav>span{letter-spacing:.13em;margin-bottom:5px;font:9px DM Mono}.site-footer>p{color:#5f6369;grid-column:1/-1;margin:50px 0 0;font:9px DM Mono}.info-intro{grid-template-columns:.85fr 1.15fr;align-items:center;gap:70px;margin-top:100px;display:grid}.portrait-card{background:#101216;place-items:center;min-height:510px;display:grid;position:relative}.portrait-image{object-fit:cover;object-position:center 26%;width:100%;height:100%;position:absolute;inset:0}.portrait-shade{background:linear-gradient(#0000 62%,#04050799);position:absolute;inset:0}.portrait-card small{color:#777d86;letter-spacing:.12em;font:8px DM Mono;position:absolute;bottom:20px;left:22px}.story h2{letter-spacing:-.03em;font-size:27px;font-weight:500}.story p{color:#a8abb2;margin:24px 0;font-size:14px;line-height:1.85}.skills-section,.timeline-section{padding-bottom:140px}.skill-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.skill-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(145deg,#ffffff06,#0000);min-height:260px;padding:34px}.skill-grid article>span{color:#676b72;font:9px DM Mono}.skill-grid h2{margin:45px 0 12px;font-size:28px;font-weight:500}.skill-grid p{color:#989ca4;font-size:13px;line-height:1.7}.timeline{border-top:1px solid var(--line)}.timeline article{border-bottom:1px solid var(--line);grid-template-columns:1fr .5fr 1.1fr;gap:30px;padding:32px 0;display:grid}.timeline h2{margin:0 0 8px;font-size:17px;font-weight:500}.timeline p{color:#969aa2;margin:0;font-size:12px;line-height:1.7}.timeline time{color:#747981;font:9px DM Mono}.volunteer{grid-template-columns:.7fr 1.4fr 1fr;gap:40px;padding:0 0 150px;display:grid}.volunteer h2{letter-spacing:-.04em;margin:0;font-size:34px;font-weight:500;line-height:1.25}.volunteer>div p{color:#989ca4;margin:0 0 25px;font-size:13px;line-height:1.7}.volunteer strong{color:#e2e3e5}.interests-section{padding-bottom:140px}.interests-bridge{border:1px solid var(--line);background:radial-gradient(circle at 90% 0,#7458ff24,#0000 38%),linear-gradient(145deg,#ffffff0a,#0000);border-radius:18px;grid-template-columns:1.5fr .5fr;align-items:end;gap:60px;padding:54px;display:grid;overflow:hidden}.interests-bridge p{color:#858991;text-transform:uppercase;letter-spacing:.1em;margin:0 0 18px;font:9px DM Mono}.interests-bridge h2{letter-spacing:-.045em;max-width:700px;margin:0;font-size:clamp(30px,4vw,50px);font-weight:500;line-height:1.12}.interests-bridge>a{white-space:nowrap;border-bottom:1px solid #fff9;justify-self:end;padding-bottom:7px;font-size:13px}.contact-actions{flex-wrap:wrap;gap:30px;display:flex}.closing .contact-actions a{font-size:14px}.interests-hero{padding:90px 0 150px;position:relative}.interests-hero h1{letter-spacing:-.065em;margin:20px 0 38px;font-size:clamp(58px,9vw,112px);font-weight:500;line-height:.92}.interests-hero h1 em{color:#afb3bb;font-family:Playfair Display,serif}.interests-hero>p:not(.section-label){color:#a5a9b0;width:min(520px,100%);margin-left:auto;font-size:16px;line-height:1.8}.interest-index{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#6f737a;letter-spacing:.1em;grid-template-columns:repeat(4,1fr);margin-top:90px;padding:18px 0;font:9px DM Mono;display:grid}.interest-stories{gap:150px;padding-bottom:160px;display:grid}.interest-story{grid-template-columns:.85fr 1.15fr;align-items:center;gap:70px;display:grid}.interest-story:nth-child(2n) .interest-story-copy{order:2}.interest-story:nth-child(2n) .interest-story-visual{order:1}.interest-story-copy h2{letter-spacing:-.05em;margin:14px 0 24px;font-size:clamp(38px,5vw,64px);font-weight:500;line-height:1}.interest-story-copy h3{color:#d3d5d9;margin:0 0 24px;font-size:18px;font-weight:500;line-height:1.55}.interest-story-copy>p:not(.project-meta){color:#969aa2;font-size:13px;line-height:1.85}.interest-story-copy>small{color:#686d75;letter-spacing:.1em;text-transform:uppercase;margin-top:28px;font:8px DM Mono;display:block}.interest-story-visual{background:radial-gradient(circle at 50% 45%,#ffffff12,#0000 42%),#0f1114;border:1px solid #ffffff29;border-radius:18px;place-items:center;min-height:500px;transition:transform .45s cubic-bezier(.2,.75,.25,1),border-color .45s;display:grid;position:relative;overflow:hidden;box-shadow:0 35px 90px #00000061,inset 0 0 0 7px #ffffff05}.court-visual{aspect-ratio:1.25;border:1px solid #4edcb773;width:74%;position:relative;transform:perspective(650px)rotateX(57deg)rotate(-7deg);box-shadow:0 0 70px #4edcb71f}.court-lines i{background:#4edcb75c;position:absolute}.court-lines i:first-child{width:1px;height:100%;left:50%}.court-lines i:nth-child(2){width:100%;height:1px;top:50%}.court-lines i:nth-child(3){width:1px;height:100%;left:18%}.court-lines i:nth-child(4){width:1px;height:100%;right:18%}.shuttle{width:34px;height:45px;animation:2.8s ease-in-out infinite shuttleFloat;position:absolute;top:10%;right:13%}.shuttle span{background:#f4efe2;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;left:12px;box-shadow:0 0 18px #ffffff8c}.shuttle b{clip-path:polygon(0 0,100% 0,70% 100%,30% 100%);border:1px solid #ffffffb3;border-radius:50% 50% 8px 8px;width:29px;height:34px;position:absolute;top:0;left:3px}.court-visual small{color:#65d7b9;letter-spacing:.13em;font:7px DM Mono;position:absolute;bottom:10px;left:12px}.printer-visual{width:70%;height:360px;position:relative}.printer-frame{border:3px solid #59606a;border-bottom-width:10px;position:absolute;inset:0 8% 42px;box-shadow:inset 0 0 40px #00000080,0 30px 50px #0006}.printer-frame:before{content:"";background:#464c54;height:5px;position:absolute;top:26%;left:8%;right:8%}.printer-head{z-index:3;background:#272c32;border:1px solid #767e88;width:64px;height:50px;animation:4s ease-in-out infinite printTravel;position:absolute;top:20%;left:45%}.printer-head:after{content:"";z-index:4;background:#f5a84a;width:4px;height:34px;position:absolute;top:50px;left:30px;box-shadow:0 0 14px #f5a84aa6}.print-bed{background:#707780;height:8px;position:absolute;bottom:13%;left:16%;right:16%;transform:perspective(200px)rotateX(55deg)}.print-model{z-index:1;clip-path:polygon(25% 100%,18% 38%,40% 18%,46% 0,55% 0,61% 18%,82% 38%,75% 100%);filter:drop-shadow(0 0 16px #7458ff59);background:repeating-linear-gradient(#7458ff 0 2px,#35286e 2px 4px);width:72px;height:85px;position:absolute;bottom:15%;left:40%}.layer-readout{color:#777d86;align-items:center;gap:8px;font:8px DM Mono;display:flex;position:absolute;bottom:0;left:8%;right:8%}.layer-readout strong{color:#d8dae0}.layer-readout span{background:linear-gradient(90deg,#7458ff 72%,#25282d 72%);flex:1;height:3px;margin-left:12px}.books-visual{width:74%;height:390px;position:relative}.book{border:1px solid #fff3;border-radius:3px 12px 12px 3px;flex-direction:column;width:190px;height:280px;padding:22px;transition:transform .45s;display:flex;position:absolute;box-shadow:-10px 20px 35px #0000006b}.book small{color:#ffffff73;font:8px DM Mono}.book strong{letter-spacing:-.03em;margin-top:auto;font-size:18px;line-height:1.1}.book span{color:#ffffff80;letter-spacing:.1em;margin-top:15px;font:7px DM Mono}.book-one{background:linear-gradient(145deg,#253047,#0f1521);top:22px;left:13%;transform:rotate(-8deg)}.book-two{background:linear-gradient(145deg,#482c28,#1d1110);top:70px;right:10%;transform:rotate(9deg)}.books-visual:hover .book-one{transform:translate(-10px,-6px)rotate(-11deg)}.books-visual:hover .book-two{transform:translate(10px,-6px)rotate(12deg)}.page-count{color:#656a72;letter-spacing:.12em;white-space:nowrap;font:8px DM Mono;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.rack-visual{background:#090b0e;border:1px solid #343a42;border-radius:10px;gap:10px;width:72%;padding:18px;display:grid;box-shadow:0 30px 70px #00000080}.rack-unit{color:#787e86;background:linear-gradient(#1b1f24,#101317);border:1px solid #2d333a;border-radius:5px;align-items:center;gap:10px;min-height:74px;padding:0 18px;font:8px DM Mono;display:flex}.rack-unit>span{color:#bdc1c8;width:75px}.rack-unit i{background:#65e1ae;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite rackPulse;box-shadow:0 0 10px #65e1ae8c}.rack-unit i:nth-of-type(2){animation-delay:.4s}.rack-unit b{color:#5f9f89;margin-left:auto;font-weight:400}.rack-footer{color:#666c74;letter-spacing:.1em;padding:10px 2px 2px;font:8px DM Mono}.rack-footer span{background:#ff8d5f;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.site-extras{z-index:100;position:relative}.soundtrack-toggle{z-index:101;color:#dfe1e5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);letter-spacing:.08em;cursor:pointer;background:#15181ddb;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:10px;padding:11px 16px;font:500 10px DM Mono,monospace;transition:bottom .3s,transform .25s,border-color .25s,color .25s;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 16px 45px #00000070,inset 0 1px #ffffff0f}.soundtrack-toggle:hover{color:#fff;border-color:#7af0ba6b;transform:translateY(-3px)}.soundtrack-bars{align-items:end;gap:2px;height:13px;display:flex}.soundtrack-bars i{background:#7af0ba;border-radius:3px;width:2px;animation:1s ease-in-out infinite alternate soundbar}.soundtrack-bars i:first-child{height:7px}.soundtrack-bars i:nth-child(2){height:13px;animation-delay:-.55s}.soundtrack-bars i:nth-child(3){height:9px;animation-delay:-.25s}.soundtrack-panel{z-index:100;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0e1014f2;border:1px solid #ffffff2e;border-radius:20px;width:min(390px,100vw - 30px);padding:18px;transition:bottom .3s;animation:.28s cubic-bezier(.2,.75,.25,1) both panelIn;position:fixed;bottom:76px;right:22px;box-shadow:0 28px 90px #00000094,inset 0 1px #ffffff0a}.soundtrack-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.soundtrack-heading>div{flex-direction:column;gap:5px;display:flex}.soundtrack-heading span{color:#6f747d;letter-spacing:.13em;font:8px DM Mono}.soundtrack-heading strong{font-size:17px;font-weight:500}.soundtrack-heading>button,.terminal-close{color:#9da1a8;cursor:pointer;background:#ffffff0f;border:0;border-radius:50%;width:30px;height:30px;font-size:20px;line-height:1}.spotify-link-card{background:linear-gradient(145deg,#7af0ba12,#ffffff06);border:1px solid #7af0ba33;border-radius:13px;gap:16px;padding:20px;display:grid}.spotify-link-card p{color:#b9bdc4;margin:0;font-size:12px;line-height:1.65}.spotify-open-link{color:#bdf6d9;background:#7af0ba14;border:1px solid #7af0ba52;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;padding:13px 15px;font:500 10px DM Mono;display:flex}.spotify-form p{color:#9a9ea6;margin:0 0 18px;font-size:12px;line-height:1.65}.spotify-form label{color:#71767f;letter-spacing:.11em;text-transform:uppercase;margin-bottom:8px;font:8px DM Mono;display:block}.spotify-form>div{grid-template-columns:1fr auto;gap:8px;display:grid}.spotify-form input,.terminal-form input{color:#e7e8ea;background:#0b0d10;border:1px solid #ffffff21;border-radius:9px;outline:0;min-width:0;font:400 11px DM Mono}.spotify-form input{width:100%;padding:12px}.spotify-form button,.soundtrack-actions button{color:#bdf6d9;cursor:pointer;background:#7af0ba14;border:1px solid #7af0ba52;border-radius:9px;font:500 9px DM Mono}.spotify-form button{padding:0 17px}.spotify-error{color:#ff9288;margin-top:9px;font:9px DM Mono;display:block}.soundtrack-actions{justify-content:space-between;align-items:center;gap:14px;margin-top:12px;display:flex}.soundtrack-actions span{color:#6f747c;text-transform:uppercase;letter-spacing:.08em;font:8px DM Mono}.soundtrack-actions button{padding:8px 10px}.soundtrack-panel>small{color:#62666d;margin-top:13px;font:8px DM Mono;display:block}.terminal-overlay{z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020305b8;place-items:center;padding:24px;animation:.2s both overlayIn;display:grid;position:fixed;inset:0}.secret-terminal{background:#090c0d;border:1px solid #7af0ba47;border-radius:14px;width:min(680px,100%);animation:.32s cubic-bezier(.2,.75,.25,1) both terminalIn;overflow:hidden;box-shadow:0 35px 120px #000000b3,0 0 55px #7af0ba0f}.secret-terminal-bar{background:#121619;border-bottom:1px solid #ffffff17;align-items:center;gap:14px;min-height:47px;padding:7px 10px 7px 16px;display:flex}.terminal-title{color:#737b7b;letter-spacing:.08em;white-space:nowrap;font:9px DM Mono}.terminal-tabs{align-items:center;gap:4px;margin-left:auto;display:flex}.terminal-tabs button{color:#797f82;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;min-height:30px;padding:0 11px;font:9px DM Mono}.terminal-tabs button:hover{color:#d6dbd8;background:#ffffff0b}.terminal-history{min-height:290px;max-height:52vh;padding:24px 24px 12px;overflow:auto}.terminal-history p{color:#b9c6c0;margin:0 0 7px;font:400 11px/1.55 DM Mono}.terminal-form{grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:14px 24px 22px;display:grid}.terminal-form label{color:#7af0ba;font:400 11px DM Mono}.terminal-form input{background:0 0;border-color:#0000;padding:8px 10px}.easter-guide{max-height:min(68vh,610px);padding:28px;overflow:auto}.easter-guide-heading{border-bottom:1px solid #ffffff17;padding-bottom:22px}.easter-guide-heading>span{color:#7af0ba;letter-spacing:.08em;font:9px DM Mono}.easter-guide-heading h2{color:#e7e8ea;letter-spacing:-.025em;margin:10px 0 8px;font-size:23px;font-weight:500}.easter-guide-heading p{color:#8f9698;margin:0;font-size:11px;line-height:1.6}.easter-guide ol{margin:0;padding:0;list-style:none}.easter-guide li{border-bottom:1px solid #ffffff12;grid-template-columns:34px 1fr;gap:14px;padding:17px 0;display:grid}.easter-guide li:last-child{border-bottom:0}.easter-guide code{color:#69716f;font:9px DM Mono}.easter-guide strong{color:#dfe2e0;margin-bottom:5px;font-size:12px;font-weight:600;display:block}.easter-guide li p{color:#969c9c;margin:0;font-size:11px;line-height:1.6}.easter-toast{z-index:301;color:#bdf7da;letter-spacing:.12em;background:#08120ee6;border:1px solid #7af0ba7a;border-radius:999px;padding:11px 17px;font:500 9px DM Mono;animation:.35s both toastIn;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 45px #0006,0 0 35px #7af0ba1f}.secret-shuttle{z-index:300;filter:drop-shadow(0 0 14px #ffffff7a);width:48px;height:64px;animation:2.2s cubic-bezier(.25,.6,.35,1) infinite secretShuttle;position:fixed;top:58%;left:-70px}.secret-shuttle span{background:#fff8e7;border-radius:50%;width:15px;height:15px;position:absolute;bottom:0;left:17px}.secret-shuttle b{clip-path:polygon(0 0,100% 0,72% 100%,28% 100%);border:2px solid #ffffffd9;border-radius:50% 50% 8px 8px;width:40px;height:50px;position:absolute;top:0;left:4px}@keyframes revealUp{0%{opacity:0;filter:blur(7px);transform:translateY(28px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes revealDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes cardReveal{0%{opacity:.15;transform:translateY(45px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes glowBreathe{50%{box-shadow:0 35px 110px #0000007a,inset 0 0 0 7px #ffffff0b,0 0 75px #7458ff14}}@keyframes nodePulse{50%{transform:scale(1.06);box-shadow:0 0 65px #7458ff85}}@keyframes shuttleFloat{50%{transform:translate(-10px,-12px)rotate(8deg)}}@keyframes printTravel{0%,to{left:19%}50%{left:62%}}@keyframes rackPulse{50%{opacity:.35}}@keyframes soundbar{0%{opacity:.55;transform:scaleY(.35)}to{opacity:1;transform:scaleY(1)}}@keyframes panelIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes terminalIn{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-14px)}to{opacity:1;transform:translate(-50%)}}@keyframes secretShuttle{0%{top:68%;left:-70px;transform:rotate(28deg)}50%{top:18%;transform:rotate(104deg)}to{top:58%;left:calc(100vw + 70px);transform:rotate(210deg)}}.site-header{animation:.7s cubic-bezier(.2,.75,.25,1) both revealDown}.hero .status,.info-hero>.section-label,.interests-hero>.section-label{animation:.65s cubic-bezier(.2,.75,.25,1) 80ms both revealUp}.browser-frame{animation:.85s cubic-bezier(.2,.75,.25,1) .15s both revealUp,7s ease-in-out 1.2s infinite glowBreathe}.info-hero h1,.interests-hero h1{animation:.85s cubic-bezier(.2,.75,.25,1) .12s both revealUp}.info-intro,.interests-hero>p:not(.section-label),.interest-index{animation:.85s cubic-bezier(.2,.75,.25,1) .24s both revealUp}.project-card,.interest-story,.skills-section,.timeline-section,.volunteer,.interests-section{animation:.85s cubic-bezier(.2,.75,.25,1) both cardReveal;animation-timeline:view();animation-range:entry 8% cover 30%}.project-window{transition:transform .45s cubic-bezier(.2,.75,.25,1),border-color .45s}.project-card:hover .project-window{border-color:#ffffff4d;transform:translateY(-7px)}.project-action,.header-links a,.footer-nav a,.interests-bridge a{transition:color .25s,opacity .25s,transform .25s}.project-action:hover,.header-links a:hover,.footer-nav a:hover,.interests-bridge a:hover{color:#fff;transform:translateY(-2px)}.node{animation:3.4s ease-in-out infinite nodePulse}.node-b{animation-delay:.5s}.node-c{animation-delay:1s}.node-d{animation-delay:1.5s}@media (max-width:800px){.site-header{grid-template-columns:1fr auto;width:calc(100% - 32px);min-height:92px}.nav-pill{grid-area:2/1/auto/-1;justify-self:center;margin-bottom:-44px}.nav-pill a{padding:9px 24px}.header-links{gap:16px}.identity span{display:none}.wrap{width:min(100% - 28px,1120px)}.hero{padding-top:78px}.browser-frame{min-height:570px}.hero-copy{padding:64px 24px}.hero-note{margin-top:50px}.project-card,.info-intro{grid-template-columns:1fr;gap:28px}.project-card:nth-child(2n) .project-window,.project-card:nth-child(2n) .project-copy{order:initial}.project-visual{min-height:320px}.project-list{gap:88px}.info-hero{padding-top:110px}.info-intro{margin-top:70px}.portrait-card{min-height:420px}.skill-grid{grid-template-columns:1fr}.timeline article{grid-template-columns:1fr;gap:10px}.volunteer{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr 1fr}.site-footer>div:first-child{grid-column:1/-1}.interests-bridge{grid-template-columns:1fr;gap:30px;padding:34px}.interests-bridge>a{justify-self:start}.interests-hero{padding-top:120px}.interest-index{grid-template-columns:1fr 1fr;gap:12px}.interest-story{grid-template-columns:1fr;gap:35px}.interest-story:nth-child(2n) .interest-story-copy,.interest-story:nth-child(2n) .interest-story-visual{order:initial}.interest-story-visual{min-height:410px}.interest-stories{gap:100px}.soundtrack-toggle{bottom:15px;right:15px}.soundtrack-panel{bottom:67px;right:15px}}@media (max-width:480px){.header-links a:last-child{display:none}.hero h1,.info-hero h1{font-size:39px}.browser-frame{min-height:520px}.hero-note{font-size:14px}.project-visual{min-height:280px}.network-visual{width:90%}.terminal-visual{width:88%;font-size:9px}.website-visual{width:90%}.portrait-card{min-height:360px}.nav-pill a{padding:8px 16px}.interests-hero h1{font-size:52px}.interests-hero>p:not(.section-label){font-size:14px}.interest-story-visual{min-height:340px}.printer-visual{width:86%;height:300px}.books-visual{width:90%;transform:scale(.85)}.rack-visual{width:88%}.court-visual{width:84%}.soundtrack-panel{padding:14px}.terminal-overlay{padding:12px}.terminal-title{display:none}.terminal-tabs{margin-left:0}.terminal-tabs button{padding:0 8px}.terminal-history{min-height:250px;padding:20px 16px 10px}.terminal-form{grid-template-columns:1fr;padding:12px 16px 18px}.easter-guide{padding:20px 16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}.project-card,.interest-story,.skills-section,.timeline-section,.volunteer,.interests-section{animation:none!important}}:root{--bg:#f2ede2;--panel:#fffdf7;--panel-2:#eee7d9;--line:#19171447;--text:#191714;--muted:#686158;--soft:#3f3a34;--ink:#191714;--orange:#ff7043;--blue:#9ed7f7;--yellow:#f7db70;--green:#a9d79e;--purple:#c9b8ef}body{color:var(--text);background:repeating-linear-gradient(0deg, transparent 0 31px, #19171409 31px 32px), var(--bg)}.site-header{border-bottom:2px solid var(--ink);grid-template-columns:1fr auto 1fr;width:min(1160px,100% - 52px);min-height:92px}.identity{color:var(--ink)}.identity strong{background:var(--yellow);text-transform:uppercase;letter-spacing:-.02em;width:fit-content;padding:2px 6px;font-family:Archivo Black,sans-serif;font-size:15px;transform:rotate(-1deg)}.nav-pill{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;gap:5px;padding:0}.nav-pill a{color:#454038;text-transform:uppercase;letter-spacing:.06em;border:2px solid #0000;border-radius:3px;padding:9px 14px;font:500 10px DM Mono,monospace}.nav-pill a.active{color:var(--ink);border-color:var(--ink);background:var(--blue);box-shadow:3px 3px 0 var(--ink);transform:rotate(-1deg)}.header-links a{color:#403b35;border-bottom:1px solid var(--ink)}.header-links a span,.closing a span{color:inherit}.hero{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:70px;padding:105px 0 82px;display:grid;position:relative}.hero-copy{padding:0}.hero .eyebrow{color:#5d554c;margin:76px 0 15px}.hero h1,.info-hero h1{color:var(--ink);letter-spacing:-.055em;text-transform:uppercase;margin:0;font-family:Archivo Black,sans-serif;font-size:clamp(48px,6.2vw,82px);line-height:.96}.hero h1 em,.info-hero h1 em,.interests-hero h1 em{color:var(--orange);text-transform:none;font-family:Caveat,cursive;font-weight:700;display:inline-block;transform:rotate(-2deg)}.hero-note{color:#4b453e;max-width:590px;margin:38px 0 0;font-size:15px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-actions a{border:2px solid var(--ink);background:var(--panel);box-shadow:3px 3px 0 var(--ink);text-transform:uppercase;border-radius:3px;padding:11px 14px;font:500 10px DM Mono,monospace;transition:transform .2s,box-shadow .2s}.hero-actions a:hover{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.desk-notes{min-height:510px;position:relative}.pin-note{border:2px solid var(--ink);width:min(285px,90%);box-shadow:7px 7px 0 var(--ink);padding:32px 28px 28px;position:absolute}.pin-note:before{content:"";background:#ffffff8f;width:45px;height:13px;position:absolute;top:9px;left:50%;transform:translate(-50%)rotate(-3deg)}.pin-note span{color:#625b52;letter-spacing:.12em;font:500 8px DM Mono}.pin-note strong{margin-top:20px;font:28px/1.05 Caveat,cursive;display:block}.pin-note p{margin:16px 0 0;font-size:12px;line-height:1.55}.note-yellow{background:var(--yellow);top:28px;right:10px;transform:rotate(4deg)}.note-blue{background:var(--blue);top:240px;left:0;transform:rotate(-5deg)}.margin-doodle{font:600 19px/1.4 Caveat,cursive;position:absolute;bottom:0;right:0;transform:rotate(3deg)}.hero-ticker{border:2px solid var(--ink);background:var(--orange);box-shadow:5px 5px 0 var(--ink);letter-spacing:.08em;grid-column:1/-1;justify-content:space-between;gap:18px;padding:14px 18px;font:500 10px DM Mono,monospace;display:flex;transform:rotate(-.5deg)}.hero-ticker i{font-style:normal}.section-heading{border-bottom:2px solid var(--ink);color:#5c554d}.section-heading>span{text-align:right;max-width:50%}.project-list{grid-template-columns:1fr 1fr;gap:46px}.project-card{border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);border-radius:5px;flex-direction:column;gap:24px;padding:26px;transition:transform .28s,box-shadow .28s;display:flex}.project-card:nth-child(odd){transform:rotate(-.55deg)}.project-card:nth-child(2n){transform:rotate(.55deg)}.project-card:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(3px,3px)rotate(0)}.project-card.violet{background:var(--purple)}.project-card.cyan{background:var(--blue)}.project-card.amber{background:var(--yellow)}.project-card.coral{background:#ffab91}.project-card:nth-child(2n) .project-window,.project-card:nth-child(2n) .project-copy{order:initial}.project-title-row{justify-content:space-between;align-items:start;gap:18px;display:flex}.project-title-row>span{border:2px solid var(--ink);background:#ffffff59;border-radius:50%;flex:0 0 42px;place-items:center;height:42px;font:500 10px DM Mono;display:grid}.project-copy h2{color:var(--ink);text-transform:uppercase;margin:10px 0 16px;font-family:Archivo Black,sans-serif;font-size:clamp(32px,4vw,50px)}.project-copy>p:not(.project-meta){color:#342f2a;min-height:74px;font-size:13px;line-height:1.65}.project-copy ul{padding-top:10px}.project-copy li{border:1.5px solid var(--ink);color:var(--ink);background:#ffffff42}.project-action{border-color:var(--ink);color:var(--ink);font-weight:600}.project-window{border:2px solid var(--ink);box-shadow:none;background:#0e1013;border-radius:3px;margin-top:auto;overflow:hidden}.project-visual{min-height:335px}.closing{border:2px solid var(--ink);background:var(--green);box-shadow:8px 8px 0 var(--ink);border-radius:4px;margin-bottom:100px;padding:66px;transform:rotate(.35deg)}.closing h2{max-width:880px;color:var(--ink);text-transform:uppercase;font-family:Archivo Black,sans-serif;font-size:clamp(38px,6vw,72px);line-height:1}.closing a{color:var(--ink);border-color:var(--ink);font-weight:700}.site-footer{border-top:2px solid var(--ink);color:#2e2a26}.info-hero{padding:105px 0 145px}.info-hero h1{max-width:1080px}.info-intro{grid-template-columns:.85fr 1.15fr;margin-top:92px}.portrait-card:before{content:"";z-index:2;background:#edd7acdb;width:105px;height:27px;position:absolute;top:-13px;left:50%;transform:translate(-50%)rotate(3deg)}.portrait-shade{display:none}.portrait-card small{color:#4d4740;letter-spacing:.04em;font-family:Caveat,cursive;font-size:14px;bottom:22px}.story{border:2px solid var(--ink);background:var(--blue);box-shadow:7px 7px 0 var(--ink);border-radius:4px;padding:48px;position:relative;transform:rotate(1deg)}.story-sticker{border:1.5px solid var(--ink);background:var(--yellow);padding:7px 10px;font:500 8px DM Mono;display:inline-block;transform:rotate(-3deg)}.story h2{color:var(--ink);text-transform:uppercase;font-family:Archivo Black,sans-serif;font-size:27px;line-height:1.18}.skill-grid{border:0;gap:18px}.skill-grid article{border:2px solid var(--ink);background:var(--panel);min-height:245px;box-shadow:5px 5px 0 var(--ink)}.skill-grid article:first-child{background:var(--yellow);transform:rotate(-.6deg)}.skill-grid article:nth-child(2){background:var(--purple);transform:rotate(.5deg)}.skill-grid article:nth-child(3){background:var(--green);transform:rotate(.4deg)}.skill-grid article:nth-child(4){background:#ffab91;transform:rotate(-.4deg)}.skill-grid article>span,.skill-grid p{color:#514a42}.skill-grid h2{color:var(--ink);text-transform:uppercase;font-family:Archivo Black,sans-serif}.interests-bridge{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#ffab91;border-radius:4px;transform:rotate(-.3deg)}.interests-bridge p,.interests-bridge h2,.interests-bridge>a{color:var(--ink)}.timeline{border:0;gap:16px;display:grid}.timeline article{border:2px solid var(--ink);background:var(--panel);box-shadow:4px 4px 0 var(--ink);padding:25px}.volunteer{border:2px solid var(--ink);background:var(--yellow);box-shadow:7px 7px 0 var(--ink);margin-bottom:130px;padding:50px}.volunteer h2,.volunteer>div p{color:var(--ink)}.interests-hero{padding:110px 0 135px}.interests-hero h1{color:var(--ink);text-transform:uppercase;font-family:Archivo Black,sans-serif;font-size:clamp(60px,9vw,115px)}.interests-hero>p:not(.section-label){color:#4d463f}.interest-index{border-color:var(--ink);color:#514a42;grid-template-columns:repeat(5,1fr)}.interest-stories{gap:85px}.interest-story{border:2px solid var(--ink);background:var(--panel);box-shadow:8px 8px 0 var(--ink);border-radius:4px;grid-template-columns:.85fr 1.15fr;gap:46px;padding:44px}.interest-story:first-child{background:var(--green);transform:rotate(-.3deg)}.interest-story:nth-child(2){background:var(--purple);transform:rotate(.3deg)}.interest-story:nth-child(3){background:var(--yellow);transform:rotate(-.25deg)}.interest-story:nth-child(4){background:#ffab91;transform:rotate(.35deg)}.interest-story:nth-child(5){background:var(--blue);transform:rotate(-.3deg)}.interest-story-copy h2{color:var(--ink);text-transform:uppercase;font-family:Archivo Black,sans-serif}.interest-story-copy h3,.interest-story-copy>p:not(.project-meta),.interest-story-copy>small{color:#3f3933}.interest-story-visual{border:2px solid var(--ink);min-height:430px;box-shadow:none;border-radius:3px}.interest-story:hover .interest-story-visual{border-color:var(--ink)}.photo-visual{width:82%;height:360px;position:relative}.photo-frame{background:#f8f2e8;border:2px solid #e9e3d8;width:165px;height:220px;padding:10px 10px 38px;position:absolute;box-shadow:0 14px 30px #00000061}.photo-frame:before{content:"";background:linear-gradient(145deg,#294958,#d68162 48%,#15191d);width:100%;height:100%;display:block}.photo-frame span{color:#454038;font:9px DM Mono;position:absolute;bottom:12px;left:14px}.photo-a{top:50px;left:0;transform:rotate(-9deg)}.photo-b{top:10px;left:50%;transform:translate(-50%)rotate(3deg)}.photo-b:before{background:linear-gradient(165deg,#dbb969 0 38%,#406052 38% 62%,#1a1b1a 62%)}.photo-c{top:76px;right:0;transform:rotate(9deg)}.photo-c:before{background:linear-gradient(135deg,#718ba0,#c8d0cf 42%,#563d36 43% 68%,#17191c 69%)}.photo-visual>small{color:#777;white-space:nowrap;font:8px DM Mono;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@media (max-width:800px){.site-header{width:calc(100% - 30px);min-height:88px}.hero{grid-template-columns:1fr;gap:25px;padding-top:95px}.hero .eyebrow{margin-top:60px}.desk-notes{min-height:420px}.note-yellow{right:8%}.note-blue{top:205px;left:8%}.margin-doodle{right:7%}.hero-ticker{overflow:hidden}.hero-ticker span:last-child,.hero-ticker i:last-of-type{display:none}.project-list{grid-template-columns:1fr}.project-card{transform:none!important}.info-intro{grid-template-columns:1fr}.portrait-card{width:min(500px,100%);min-height:580px;margin:0 auto}.story{padding:36px;transform:none}.timeline article{grid-template-columns:1fr}.interest-index{grid-template-columns:repeat(2,1fr);gap:12px}.interest-story{grid-template-columns:1fr;padding:28px;transform:none!important}.interest-story:nth-child(2n) .interest-story-copy,.interest-story:nth-child(2n) .interest-story-visual{order:initial}.closing{padding:42px 30px;transform:none}}@media (max-width:480px){.wrap{width:calc(100% - 28px)}.site-header{grid-template-columns:1fr auto}.header-links{display:none}.hero h1,.info-hero h1{font-size:43px}.hero-ticker{font-size:8px}.hero-ticker span:nth-of-type(3),.hero-ticker i:nth-of-type(2){display:none}.desk-notes{min-height:390px}.pin-note{width:82%}.margin-doodle{font-size:16px}.project-card{padding:18px}.project-visual{min-height:290px}.project-copy>p:not(.project-meta){min-height:0}.portrait-card{min-height:470px}.story{padding:28px 23px}.skill-grid{grid-template-columns:1fr}.volunteer{padding:32px 24px}.interests-hero h1{font-size:50px}.interest-story{padding:20px}.interest-story-visual{min-height:350px}.photo-visual{width:94%;transform:scale(.83)}}:root{--bg:#f7f6f2;--panel:#f7f6f2;--panel-2:#ecebe6;--line:#d4d2cb;--text:#20201e;--muted:#72716b;--soft:#484743;--ink:#20201e;--accent:#3157d5}main{overflow:visible}.site-header{border-bottom:1px solid var(--line);width:min(1040px,100% - 48px);min-height:82px;animation:none}.identity strong{color:var(--ink);text-transform:none;letter-spacing:0;background:0 0;padding:0;font:600 15px Arial,sans-serif;transform:none}.identity span{color:var(--muted);text-transform:none;letter-spacing:0;font:11px Arial,sans-serif}.nav-pill{gap:24px}.nav-pill a{color:var(--muted);text-transform:none;letter-spacing:0;border:0;border-bottom:1px solid #0000;border-radius:0;padding:3px 0;font:12px Arial,sans-serif}.nav-pill a.active{border-color:var(--ink);color:var(--ink);box-shadow:none;background:0 0;transform:none}.header-links{text-transform:none;gap:18px;font:11px Arial,sans-serif}.header-links a{color:var(--muted);border:0}.hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 300px;gap:90px;padding:115px 0 105px}.hero-copy{animation:none}.status,.section-label{color:var(--muted);letter-spacing:.08em;font:10px DM Mono,monospace}.status span,.section-label span,.section-heading p span{background:#4a8b61;width:5px;height:5px}.hero h1,.info-hero h1,.interests-hero h1{max-width:760px;color:var(--ink);letter-spacing:-.045em;text-transform:none;font-family:Georgia,Times New Roman,serif;font-size:clamp(46px,6.3vw,76px);font-weight:400;line-height:1.02}.hero-note{max-width:620px;color:var(--soft);margin-top:34px;font-size:15px;line-height:1.7}.hero-actions{gap:26px;margin-top:28px}.hero-actions a{border:0;border-bottom:1px solid var(--ink);color:var(--ink);box-shadow:none;text-transform:none;background:0 0;border-radius:0;padding:0 0 4px;font:12px Arial,sans-serif}.hero-actions a:first-child{background:0 0}.hero-actions a:hover{color:var(--accent);box-shadow:none;border-color:var(--accent);transform:none}.now-list{align-self:end;padding:0 0 4px}.now-list h2{text-transform:uppercase;letter-spacing:.08em;margin:0 0 22px;font:500 11px DM Mono,monospace}.now-list div{border-top:1px solid var(--line);padding:13px 0}.now-list span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;font:9px DM Mono,monospace;display:block}.now-list p{color:var(--soft);margin:0;font-size:13px;line-height:1.4}.section-heading{border-bottom:1px solid var(--ink);color:var(--muted);text-transform:none;margin-bottom:18px;padding-bottom:13px;font:10px DM Mono,monospace}.project-list{display:block}.project-card,.project-card.violet,.project-card.cyan,.project-card.amber,.project-card.coral{border:0;border-bottom:1px solid var(--line);color:var(--ink);box-shadow:none;background:0 0;border-radius:0;grid-template-columns:54px minmax(0,1fr) 280px;align-items:start;gap:30px;padding:42px 0;animation:none;display:grid;transform:none}.project-card:first-child{border-top:0}.project-card:hover{box-shadow:none;background:0 0;transform:none}.project-number{color:var(--muted);padding-top:7px;font:10px DM Mono,monospace}.project-copy h2{color:var(--ink);letter-spacing:-.035em;text-transform:none;margin:7px 0 14px;font:400 clamp(30px,4vw,44px) Georgia,Times New Roman,serif}.project-copy>p:not(.project-meta){max-width:530px;min-height:0;color:var(--soft);font-size:13px;line-height:1.65}.project-meta{color:var(--muted);letter-spacing:.04em;text-transform:none;font:9px DM Mono,monospace}.project-side ul{flex-wrap:wrap;gap:6px;margin:2px 0 22px;padding:0;list-style:none;display:flex}.project-side li{border:1px solid var(--line);color:#62615c;border-radius:3px;padding:5px 7px;font:9px DM Mono,monospace}.project-actions{gap:15px;margin-top:0}.closing{border:0;border-top:1px solid var(--line);box-shadow:none;background:0 0;border-radius:0;margin-bottom:70px;padding:85px 0;transform:none}.closing h2{max-width:770px;color:var(--ink);letter-spacing:-.04em;text-transform:none;margin:14px 0 34px;font:400 clamp(38px,5vw,62px)/1.05 Georgia,Times New Roman,serif}.closing a{color:var(--ink);font-weight:400}.site-footer strong{color:var(--ink);font:500 10px DM Mono,monospace}.info-hero h1,.interests-hero h1{max-width:900px;margin-top:22px;animation:none}.info-intro{gap:80px;margin-top:90px;animation:none}.portrait-card{border:1px solid var(--line);min-height:590px;box-shadow:none;background:#ecebe7;border-radius:0;overflow:hidden;transform:none}.portrait-card:before{display:none}.portrait-image{object-position:center 26%;width:100%;height:100%;inset:0}.portrait-card small{color:#ecebe7;background:#141413ad;padding:5px 7px;font:8px DM Mono,monospace;bottom:16px}.story{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;transform:none}.story h2{color:var(--ink);text-transform:none;font:400 29px/1.25 Georgia,Times New Roman,serif}.story p{color:var(--soft);font-size:14px}.skill-grid{border-top:1px solid var(--line);gap:0}.skill-grid article,.skill-grid article:first-child,.skill-grid article:nth-child(2),.skill-grid article:nth-child(3),.skill-grid article:nth-child(4){border:0;border-bottom:1px solid var(--line);min-height:225px;box-shadow:none;background:0 0;transform:none}.skill-grid article:nth-child(odd){border-right:1px solid var(--line)}.skill-grid h2{color:var(--ink);text-transform:none;font:400 27px Georgia,serif}.interests-bridge{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:none;background:0 0;border-radius:0;padding:44px 0;transform:none}.interests-bridge p,.interests-bridge>a{color:var(--muted)}.timeline{gap:0}.timeline article{border:0;border-bottom:1px solid var(--line);box-shadow:none;background:0 0;padding:28px 0}.timeline h2,.timeline p,.timeline time{color:var(--soft)}.volunteer{border:0;border-top:1px solid var(--line);box-shadow:none;background:0 0;margin-bottom:0;padding:48px 0 130px}.volunteer>div p,.interests-hero>p:not(.section-label){color:var(--soft)}.interest-index{border-color:var(--line);color:var(--muted);grid-template-columns:repeat(5,1fr);margin-top:70px}.interest-stories{padding-bottom:135px;display:block}.interest-story,.interest-story:first-child,.interest-story:nth-child(2),.interest-story:nth-child(3),.interest-story:nth-child(4),.interest-story:nth-child(5){border:0;border-bottom:1px solid var(--line);box-shadow:none;background:0 0;border-radius:0;grid-template-columns:170px minmax(0,690px);gap:50px;padding:58px 0;animation:none;display:grid;transform:none}.interest-story-copy h2{color:var(--ink);text-transform:none;font:400 clamp(34px,5vw,52px) Georgia,serif}.interest-story-copy h3{color:var(--soft);font-size:16px;font-weight:500}.interest-story-copy>p:not(.project-meta){color:var(--soft);font-size:14px}.project-card,.interest-story,.skills-section,.timeline-section,.volunteer,.interests-section{animation:none}.soundtrack-toggle{color:#ecebe6;background:#20201eed;border-color:#353531}@media (max-width:800px){.site-header{width:calc(100% - 32px)}.hero{grid-template-columns:1fr;gap:55px;padding-top:100px}.now-list{max-width:420px}.project-card,.project-card.violet,.project-card.cyan,.project-card.amber,.project-card.coral{grid-template-columns:38px 1fr;gap:18px}.project-side{grid-column:2}.info-intro,.skill-grid{grid-template-columns:1fr}.skill-grid article:nth-child(odd){border-right:0}.interest-story,.interest-story:first-child,.interest-story:nth-child(2),.interest-story:nth-child(3),.interest-story:nth-child(4),.interest-story:nth-child(5){padding:44px 0;display:block}.interest-story-copy .project-meta{width:auto;margin-left:0;padding-top:0;position:static}.closing{padding:70px 0}}@media (max-width:480px){.wrap,.site-header{width:calc(100% - 30px)}.hero h1,.info-hero h1,.interests-hero h1{font-size:42px}.nav-pill{gap:16px}.project-card,.project-card.violet,.project-card.cyan,.project-card.amber,.project-card.coral{grid-template-columns:1fr;padding:35px 0}.project-number,.project-side{grid-column:1}.project-copy h2{font-size:35px}.portrait-card{min-height:500px}.interest-index{grid-template-columns:1fr 1fr}}::selection{color:#07100a;background:var(--accent)}body:before{content:"";z-index:500;pointer-events:none;background:repeating-linear-gradient(#0000 0 3px,#ffffff03 3px 4px);position:fixed;inset:0}:is(a:focus-visible,button:focus-visible,input:focus-visible){outline:1px solid var(--accent);outline-offset:4px}.site-header{border-color:var(--line)}.identity{gap:2px}.identity:before{content:"affan@portfolio:~$ whoami";color:var(--accent);letter-spacing:.04em;font:8px DM Mono,monospace}.nav-pill a{color:var(--muted);font:10px DM Mono,monospace}.nav-pill a:hover{color:var(--accent)}.nav-pill a.active{color:var(--accent);border-color:var(--accent)}.header-links{font:9px DM Mono,monospace}.hero{border-color:var(--line)}.hero-copy:before{content:"$ cat intro.txt";color:var(--accent);margin:42px 0 18px;font:10px DM Mono,monospace;display:block}.status,.section-label{color:var(--muted)}.status span,.section-label span,.section-heading p span{background:var(--accent);box-shadow:0 0 10px #8ee6ad80}.hero h1,.info-hero h1,.interests-hero h1{color:var(--text);letter-spacing:-.045em;font-family:DM Mono,Consolas,monospace;font-size:clamp(39px,5.4vw,66px);font-weight:400;line-height:1.12}.hero h1:after{content:"";vertical-align:-.08em;background:var(--accent);width:.55em;height:.95em;margin-left:.18em;animation:1.1s step-end infinite blink;display:inline-block}.hero-note{color:var(--soft)}.now-list{border:1px solid var(--line);background:#0d13109e;padding:20px}.now-list h2{color:var(--accent)}.now-list h2:before{content:"$ ";color:var(--muted)}.now-list span{color:var(--muted)}.now-list p{color:var(--soft)}.now-list p:before{content:"> ";color:var(--accent)}.section-heading{border-color:var(--line);color:var(--muted)}.section-heading p{color:var(--accent)}.project-card,.project-card.violet,.project-card.cyan,.project-card.amber,.project-card.coral{border-color:var(--line);color:var(--text)}.project-number:before{content:"[";color:var(--muted)}.project-number:after{content:"]";color:var(--muted)}.project-copy h2{color:var(--text);letter-spacing:-.04em;font-family:DM Mono,Consolas,monospace;font-weight:400}.project-copy h2:before{content:"./";color:var(--accent)}.project-meta{color:var(--amber)}.project-side li{border-color:var(--line);color:#8d9b92}.project-side li:before{content:"--";color:var(--muted);margin-right:3px}.project-action{color:var(--accent);border-color:var(--accent)}.closing{border-color:var(--line)}.closing h2{color:var(--text);letter-spacing:-.04em;font-family:DM Mono,Consolas,monospace;font-size:clamp(31px,4.5vw,52px);line-height:1.14}.site-footer strong{color:var(--accent)}.info-hero h1,.interests-hero h1{color:var(--text)}.portrait-card{border-color:var(--line);background:var(--panel)}.portrait-card small{color:var(--accent);background:#090d0bd1}.story h2,.skill-grid h2,.interests-bridge h2,.volunteer h2{color:var(--text);font-family:DM Mono,Consolas,monospace}.story h2:before{content:"## ";color:var(--accent)}.story p,.skill-grid p,.interests-bridge p,.timeline p,.volunteer>div p{color:var(--soft)}.skill-grid,.skill-grid article,.timeline article,.interests-bridge,.volunteer{border-color:var(--line)}.skill-grid article>span,.timeline time,.interests-bridge>a{color:var(--accent)}.skill-grid h2:before{content:"./";color:var(--muted)}.timeline h2{color:var(--text);font-family:DM Mono,Consolas,monospace}.timeline h2:before{content:"commit ";color:var(--amber);font-size:10px}.interest-index span:before{content:"./";color:var(--accent)}.interest-story-copy h2{color:var(--text);font-family:DM Mono,Consolas,monospace}.interest-story-copy h2:before{content:"./";color:var(--accent)}.interest-story-copy h3,.interest-story-copy>p:not(.project-meta){color:var(--soft)}.interest-link{border-bottom:1px solid var(--accent);color:var(--accent);margin-top:24px;padding-bottom:4px;font:10px DM Mono,monospace;display:inline-block}.interest-link:before{content:"$ open ";color:var(--muted)}.soundtrack-toggle{border-color:var(--line);color:var(--accent);background:#0d1310f5;box-shadow:0 12px 34px #0000005c}.soundtrack-toggle:before{content:"./";color:var(--muted)}.soundtrack-toggle:hover{border-color:var(--accent);color:var(--accent)}.soundtrack-panel{border-color:var(--line);background:#090d0bf7}.soundtrack-heading strong{color:var(--text);font-family:DM Mono,monospace}@media (prefers-reduced-motion:reduce){.hero h1:after{animation:none}}:root{--bg:#191919;--panel:#202020;--panel-2:#262626;--line:#343434;--text:#e7e7e5;--muted:#999994;--soft:#c5c5c2;--ink:#e7e7e5;--accent:#82a9d8;--amber:#c9a96d}body{color:var(--text);background:var(--bg);font-family:Manrope,Arial,sans-serif}body:before{display:none}main{min-height:100vh;padding-left:248px}.wrap{width:min(960px,100% - 96px)}.site-header{z-index:100;border:0;border-right:1px solid var(--line);background:#171717;flex-direction:column;align-items:stretch;width:248px;min-height:100vh;margin:0;padding:28px 18px 22px;animation:none;display:flex;position:fixed;inset:0 auto 0 0}.identity{gap:5px;width:100%;padding:9px 10px}.identity:before{display:none}.identity strong{color:var(--text);font:600 15px Manrope,sans-serif}.identity span{color:var(--muted);font:10px/1.4 Manrope,sans-serif}.sidebar-location{color:var(--soft);margin:18px 10px 0;font:11px/1.45 Manrope,sans-serif}.sidebar-location span{color:#6f6f6b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font:9px DM Mono,monospace;display:block}.nav-pill{flex-direction:column;align-items:stretch;gap:4px;width:100%;margin-top:38px;display:flex}.nav-pill a{color:var(--muted);border:0;border-radius:5px;padding:9px 10px;font:12px Manrope,sans-serif}.nav-pill a:before{color:#696965;width:22px;font-family:DM Mono,monospace;display:inline-block}.nav-pill a[href=\/]:before{content:"01"}.nav-pill a[href=\/info]:before{content:"02"}.nav-pill a[href=\/interests]:before{content:"03"}.nav-pill a:hover{color:var(--text);background:#222}.nav-pill a.active{color:var(--text);background:#2a2a2a;border:0}.header-links{flex-direction:column;align-items:flex-start;gap:10px;margin-top:auto;padding:0 10px;font:10px Manrope,sans-serif}.header-links:before{content:"Contact";color:#6f6f6b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font:9px DM Mono,monospace}.header-links a{color:var(--muted)}.hero{border:0;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:80px;min-height:82vh;padding:95px 0}.hero-copy:before{display:none}.status,.section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font:9px DM Mono,monospace}.status span,.section-label span,.section-heading p span{box-shadow:none;background:#67a273}.hero h1,.info-hero h1,.interests-hero h1{max-width:720px;color:var(--text);letter-spacing:-.045em;font-family:Georgia,Times New Roman,serif;font-size:clamp(46px,6vw,72px);font-weight:400;line-height:1.02}.hero-note{max-width:610px;color:var(--soft);font-size:14px}.hero-actions a{color:var(--text);border-color:#6b6b67;font:11px Manrope,sans-serif}.hero-actions a:hover{color:var(--accent);border-color:var(--accent)}.now-list{border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:22px}.now-list h2{color:var(--text);text-transform:none;letter-spacing:0;font:600 12px Manrope,sans-serif}.now-list h2:before{display:none}.now-list div{border-color:var(--line)}.now-list span{color:#777773;font:8px DM Mono,monospace}.now-list p{color:var(--soft);font:12px/1.5 Manrope,sans-serif}.now-list p:before{display:none}.work{padding:90px 0 130px}.section-heading{border-color:var(--line);color:var(--muted);margin-bottom:0;padding:0 0 14px;font:9px DM Mono,monospace}.section-heading p{color:var(--text);text-transform:uppercase;letter-spacing:.07em}.project-card,.project-card.violet,.project-card.cyan,.project-card.amber,.project-card.coral{border-color:var(--line);grid-template-columns:48px minmax(0,1fr) 255px;gap:28px;padding:38px 10px}.project-card:hover{background:var(--panel)}.project-number:before,.project-number:after{display:none}.project-copy h2{color:var(--text);letter-spacing:-.035em;font:400 clamp(30px,4vw,42px) Georgia,Times New Roman,serif}.project-copy h2:before{display:none}.project-copy>p:not(.project-meta){color:#b5b5b1}.project-meta{color:var(--muted);font:9px DM Mono,monospace}.project-side li{color:#aaa9a5;background:#292929;border:0;border-radius:4px;padding:5px 7px;font:8px DM Mono,monospace}.project-side li:before{display:none}.project-action{color:var(--accent);border-color:#526b88;font:10px Manrope,sans-serif}.project-action-secondary{color:var(--muted);border-color:#555}.closing{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--panel);border-radius:6px;margin-bottom:90px;padding:44px}.closing .eyebrow{color:var(--muted)}.closing h2{max-width:720px;color:var(--text);font:400 clamp(32px,4vw,48px)/1.12 Georgia,Times New Roman,serif}.closing a{color:var(--accent);border-color:#526b88}.site-footer{color:var(--soft);border-color:var(--line)}.site-footer strong{color:var(--text);font-family:Manrope,sans-serif}.site-footer span,.site-footer>p{color:#777773}.footer-nav a:hover{color:var(--accent)}.info-hero,.interests-hero{padding:120px 0 140px}.info-hero h1,.interests-hero h1{max-width:850px}.info-intro{grid-template-columns:270px minmax(0,1fr);align-items:start;gap:70px}.profile-facts{border:1px solid var(--line);background:var(--panel);border-radius:6px;overflow:hidden}.profile-facts div{border-bottom:1px solid var(--line);padding:16px 18px}.profile-facts div:last-child{border-bottom:0}.profile-facts span{color:#777773;text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;font:8px DM Mono,monospace;display:block}.profile-facts strong{color:var(--soft);font-size:12px;font-weight:500;line-height:1.45;display:block}.story h2{color:var(--text);font:400 29px/1.25 Georgia,Times New Roman,serif}.story h2:before{display:none}.story p{color:#b8b8b4}.skill-grid{border:1px solid var(--line);background:var(--panel);border-radius:6px;overflow:hidden}.skill-grid article,.skill-grid article:first-child,.skill-grid article:nth-child(2),.skill-grid article:nth-child(3),.skill-grid article:nth-child(4){border-color:var(--line)}.skill-grid h2{color:var(--text);font:400 25px Georgia,serif}.skill-grid h2:before{display:none}.skill-grid p,.skill-grid article>span{color:var(--muted)}.interests-bridge{border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:36px}.interests-bridge h2{color:var(--text);font:400 34px/1.2 Georgia,serif}.interests-bridge p{color:var(--muted)}.interests-bridge>a{color:var(--accent)}.timeline article{border-color:var(--line)}.timeline h2{color:var(--text);font:500 15px Manrope,sans-serif}.timeline h2:before{display:none}.timeline p{color:var(--muted)}.timeline time{color:var(--accent)}.volunteer{border-color:var(--line)}.volunteer h2{color:var(--text);font:400 32px/1.25 Georgia,serif}.volunteer>div p{color:var(--muted)}.interest-index{color:#777773;border-color:var(--line)}.interest-index span:before{display:none}.interest-story,.interest-story:first-child,.interest-story:nth-child(2),.interest-story:nth-child(3),.interest-story:nth-child(4),.interest-story:nth-child(5){border-color:var(--line)}.interest-story:hover{background:#ffffff03}.interest-story-copy h2{color:var(--text);font:400 clamp(33px,4.5vw,48px) Georgia,Times New Roman,serif}.interest-story-copy h2:before{display:none}.interest-story-copy h3{color:var(--soft)}.interest-story-copy>p:not(.project-meta){color:#aaa9a5}.interest-story-copy>small{color:var(--muted)}.interest-link{color:var(--accent);border:1px solid #526b88;border-radius:5px;padding:7px 10px;font:10px Manrope,sans-serif}.interest-link:before{display:none}.interest-link:hover{color:#a9c5e7;border-color:var(--accent)}.interest-read-more{color:var(--accent);border-bottom:1px solid #526b88;margin-top:24px;margin-left:12px;padding-bottom:5px;font-size:10px;display:inline-block}.interest-read-more:hover{color:#c0d6ef;border-color:var(--accent)}.soundtrack-toggle{z-index:102;border-color:var(--line);color:var(--soft);box-shadow:none;background:#222;font:9px Manrope,sans-serif;bottom:20px;left:18px;right:auto}.soundtrack-toggle:before{display:none}.soundtrack-toggle:hover{color:var(--text);border-color:#555}.soundtrack-panel{border-color:var(--line);background:#202020;border-radius:7px;bottom:72px;left:18px;right:auto}.soundtrack-heading strong{font-family:Manrope,sans-serif}@media (max-width:900px){main{padding-left:0}.site-header{border-right:0;border-bottom:1px solid var(--line);background:0 0;grid-template-columns:minmax(190px,.65fr) minmax(0,1.35fr);align-items:center;width:calc(100% - 32px);min-height:auto;margin:0 auto;padding:18px 0 14px;display:grid;position:relative;inset:auto}.identity{padding:0}.nav-pill{flex-direction:row;grid-area:1/2;margin-top:0}.nav-pill a{text-align:center;flex:1}.nav-pill a:before{width:auto;margin-right:7px}.header-links{display:none}.wrap{width:min(100% - 34px,960px)}.hero{min-height:auto;padding:90px 0 110px}.project-card,.project-card.violet,.project-card.cyan,.project-card.amber,.project-card.coral{grid-template-columns:38px 1fr}.project-side{grid-column:2}.soundtrack-toggle,.soundtrack-panel{left:auto;right:15px}}@media (max-width:600px){.site-header{grid-template-columns:1fr}.nav-pill{grid-area:2/1;margin-top:16px}.hero{grid-template-columns:1fr;gap:55px}.info-intro{grid-template-columns:1fr;gap:50px}.project-card,.project-card.violet,.project-card.cyan,.project-card.amber,.project-card.coral{grid-template-columns:1fr}.project-side{grid-column:1}.interest-index{grid-template-columns:1fr 1fr}.closing{padding:30px 24px}}:root{--topology-cyan:#77e7ff;--topology-violet:#a99cff;--topology-amber:#ffbd72;--topology-bg:#080a0f;--topology-panel:#0d1118c2;--topology-line:#a4cddc2b}html{background:var(--topology-bg)}body{background:radial-gradient(circle at 78% 20%, #29678021, transparent 31%), radial-gradient(circle at 72% 78%, #533d891a, transparent 35%), var(--topology-bg)}body:after{content:"";z-index:0;pointer-events:none;opacity:.14;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:54px 54px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.topology-scene{z-index:0;pointer-events:none;opacity:.88;transition:opacity .45s;position:fixed;inset:0 0 0 248px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 19% 100%);mask-image:linear-gradient(90deg,#0000 0,#000 19% 100%)}.topology-scene:before{content:"";border:1px solid #77e7ff1f;border-radius:50%;position:absolute;inset:9vh 4vw 8vh 18vw;transform:rotate(-9deg)}.topology-scene canvas{width:100%;height:100%;display:block}.topology-hud{color:#63727a;letter-spacing:.16em;flex-direction:column;align-items:flex-end;gap:5px;font:8px DM Mono,monospace;display:flex;position:absolute;top:34px;right:38px}.topology-hud strong{color:#a9bdc6;font-size:10px;font-weight:500}.topology-axis{color:#b7d8e461;letter-spacing:.12em;font:8px DM Mono,monospace;position:absolute}.topology-axis-x{bottom:25%;right:30px}.topology-axis-y{bottom:25px;right:24%}.topology-signal{color:#7e9199;letter-spacing:.12em;align-items:center;gap:8px;font:8px DM Mono,monospace;display:flex;position:absolute;bottom:34px;right:38px}.topology-signal i{background:#68e0ae;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite topology-pulse;box-shadow:0 0 18px #68e0ae}.topology-scene-info{filter:hue-rotate(38deg)}.topology-scene-interests{filter:hue-rotate(318deg)}main{z-index:1;background:0 0;position:relative}.site-header{background:linear-gradient(180deg, #0a0d12fa, #0a0d12e8), var(--topology-bg);border-right-color:var(--topology-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:18px 0 70px #00000042}.identity{position:relative}.identity:after{content:"ID / 6428";color:#53636b;letter-spacing:.14em;margin-top:13px;font:8px DM Mono,monospace;display:block}.identity strong{color:#edf8fb;letter-spacing:-.02em}.nav-pill a{border:1px solid #0000;transition:color .22s,background .22s,border-color .22s;position:relative;overflow:hidden}.nav-pill a:hover{background:#77e7ff0b;border-color:#77e7ff24}.nav-pill a.active{color:#dffaff;box-shadow:inset 3px 0 var(--topology-cyan);background:linear-gradient(90deg,#77e7ff1c,#77e7ff06);border:1px solid #77e7ff40}.nav-pill a.active:after{content:"";background:var(--topology-cyan);width:5px;height:5px;box-shadow:0 0 12px var(--topology-cyan);border-radius:50%;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.header-links:before{color:#53636b}.header-links a:hover{color:var(--topology-cyan)}.hero{isolation:isolate;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:7vw;min-height:100svh}.hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#77e7ff17,#0000 64%);position:absolute;inset:15% -5% 15% 44%}.hero-copy{position:relative}.hero-kicker{color:var(--topology-cyan);letter-spacing:.18em;margin-bottom:24px;font:9px DM Mono,monospace}.hero h1{color:#f3f7f5;letter-spacing:-.065em;text-wrap:balance;text-shadow:0 18px 60px #000000a6;max-width:760px;font-size:clamp(48px,6.2vw,92px);line-height:.96}.hero h1:after{display:none}.hero-note{color:#a8b5b8;max-width:620px;font-size:15px;line-height:1.85}.status{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#060e0e7a;border:1px solid #68e0ae38;width:fit-content}.now-list{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#070b10a1;border:1px solid #77e7ff33;border-radius:0;padding:0;position:relative;transform:translateY(7vh);box-shadow:-18px 24px 70px #00000047}.now-list:before{content:"NODE INSPECTOR";border-bottom:1px solid var(--topology-line);color:var(--topology-cyan);letter-spacing:.15em;padding:12px 16px;font:8px DM Mono,monospace;display:block}.now-list h2{color:#eef8fa;padding:19px 18px 10px}.now-list>div{border-color:var(--topology-line);margin:0 18px;padding:15px 0}.now-list:after{content:"";border-right:2px solid var(--topology-cyan);border-bottom:2px solid var(--topology-cyan);width:34px;height:34px;position:absolute;bottom:-1px;right:-1px}.section-label{color:var(--topology-cyan)}.project-list{gap:34px}.project-card,.project-card.violet,.project-card.cyan,.project-card.amber,.project-card.coral{border:1px solid var(--topology-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#77e7ff0b,#0000 32%),#080c11c2;position:relative;box-shadow:0 25px 80px #00000038}.project-card:after{content:"";pointer-events:none;border-top:1px solid #77e7ff1c;border-left:1px solid #77e7ff1c;position:absolute;inset:9px}.project-card:hover{border-color:#77e7ff6b}.project-number{color:var(--topology-cyan)}.project-window{background:#05080cd1}.project-action,.interest-read-more,.case-links a,.hero-actions a{color:#dffaff;background:#77e7ff0f;border-color:#77e7ff4d}.project-action:hover,.interest-read-more:hover,.case-links a:hover,.hero-actions a:hover{border-color:var(--topology-cyan);color:#fff;box-shadow:0 0 28px #77e7ff17}.info-hero,.interests-hero,.case-study,.interest-detail{position:relative}.info-hero:before,.interests-hero:before,.case-study:before,.interest-detail:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(120deg,#080c11db,#080c114d,#0000);border:1px solid #77e7ff14;height:260px;position:absolute;inset:45px -34px auto}.profile-facts,.skill-grid,.timeline article,.interest-story,.case-layout,.interest-detail-layout{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c119e}.interest-story-visual,.case-visual-frame{background:radial-gradient(circle at 50% 45%,#77e7ff14,#0000 42%),#05080ce6;border-color:#77e7ff33}.site-footer{border-color:var(--topology-line);background:#080b109e}.soundtrack-toggle{color:#dffaff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080c11e0;border-color:#77e7ff40}.soundtrack-panel{background:#080c11f5;border-color:#77e7ff33}.sfx-settings{border-top:1px solid var(--topology-line);justify-content:space-between;align-items:center;gap:18px;margin-top:16px;padding-top:16px;display:flex}.sfx-settings>div{min-width:0}.sfx-settings span{color:var(--topology-cyan);letter-spacing:.14em;font:8px DM Mono,monospace}.sfx-settings p{color:#7f8d92;margin:7px 0 0;font-size:10px;line-height:1.5}.sfx-settings button{color:#dffaff;cursor:pointer;background:#77e7ff14;border:1px solid #77e7ff57;min-width:52px;min-height:44px;font:600 9px DM Mono,monospace}.sfx-settings button[aria-pressed=false]{color:#7f8d92;background:#ffffff09;border-color:#ffffff24}.local-audio{border-top:1px solid var(--topology-line);margin-top:16px;padding-top:16px}.local-audio-heading span{color:var(--topology-cyan);letter-spacing:.14em;font:8px DM Mono,monospace}.local-audio-heading p{color:#7f8d92;margin:7px 0 12px;font-size:11px;line-height:1.55}.local-audio-picker{color:#b9d7df;cursor:pointer;border:1px dashed #77e7ff57;justify-content:center;align-items:center;min-height:40px;font:9px DM Mono,monospace;display:flex}.local-audio-picker:hover{border-color:var(--topology-cyan);color:#fff}.local-audio-picker input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.local-audio-player{gap:10px;display:grid}.local-audio-player strong{color:#d7e6ea;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.local-audio-player audio{width:100%;height:36px}.local-audio-player button{color:#819197;cursor:pointer;background:0 0;border:0;justify-self:start;font:9px DM Mono,monospace}.local-audio-player button:hover{color:#fff}@keyframes topology-pulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@media (max-width:900px){.topology-scene{opacity:.52;inset:0;-webkit-mask-image:linear-gradient(#000 0 62%,#0000 94%);mask-image:linear-gradient(#000 0 62%,#0000 94%)}.topology-scene:before{inset:18vh -24vw 25vh 18vw}.topology-hud{top:118px;right:18px}.topology-signal{bottom:22px;right:18px}.topology-axis{display:none}.site-header{z-index:100;border-bottom:1px solid var(--topology-line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#080b10e3;width:100%;padding-inline:17px;position:sticky;top:0;box-shadow:0 16px 45px #00000042}.identity:after{display:none}.hero{min-height:calc(100svh - 90px);padding-top:70px}.hero h1{font-size:clamp(44px,10.5vw,72px)}.now-list{transform:none}}@media (max-width:600px){.topology-scene{opacity:.42}.topology-hud{top:154px}.hero{gap:42px;padding:72px 0 90px}.hero-kicker{margin-bottom:18px}.hero h1{font-size:clamp(42px,14vw,64px);line-height:.94}.hero-note{font-size:13px;line-height:1.7}.now-list{max-width:none}.project-card,.project-card.violet,.project-card.cyan,.project-card.amber,.project-card.coral{padding:22px}}@media (prefers-reduced-motion:reduce){.topology-signal i{animation:none}}@media (min-width:901px){.header-links{margin-bottom:76px}.site-footer{grid-template-columns:1fr;padding:24px 0 30px;display:grid}.site-footer>div{display:none}.site-footer>p{grid-column:1;margin:0}}.soundtrack-bars i{background:var(--accent)}.soundtrack-panel{box-shadow:0 18px 55px #0000006b}.soundtrack-heading span{color:#777773}.soundtrack-heading>button,.terminal-close{color:var(--muted);background:#2a2a2a}.spotify-form p{color:var(--muted)}.spotify-form label{color:#777773}.spotify-form input,.terminal-form input{border-color:var(--line);color:var(--text);background:#171717}.spotify-form input:focus,.terminal-form input:focus{border-color:#526b88;box-shadow:0 0 0 3px #82a9d814}.spotify-form button,.soundtrack-actions button{color:var(--accent);background:#82a9d814;border-color:#526b88}.spotify-link-card{border-color:var(--line);background:#1c1c1c}.spotify-link-card p{color:var(--muted)}.spotify-open-link{color:var(--accent);background:#82a9d814;border-color:#526b88}.spotify-open-link:hover{background:#82a9d824}.spotify-error{color:#d58b87}.terminal-overlay{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0a0a0ac7}.secret-terminal{border-color:var(--line);background:var(--bg);border-radius:7px;box-shadow:0 28px 90px #0000009e}.secret-terminal-bar{border-color:var(--line);background:var(--panel)}.terminal-title{color:var(--muted);font-family:Manrope,sans-serif}.terminal-tabs button.active{color:var(--accent);background:#82a9d814;border-color:#526b88}.terminal-history p{color:var(--soft);font-family:DM Mono,monospace}.terminal-history p:first-child{color:var(--accent)}.terminal-form{border-top:1px solid var(--line)}.terminal-form label{color:var(--accent)}.terminal-form input{background:0 0}.easter-guide-heading{border-color:var(--line)}.easter-guide-heading>span{color:var(--accent)}.easter-guide-heading h2{color:var(--text);font-family:Manrope,sans-serif}.easter-guide-heading p,.easter-guide li p{color:var(--muted)}.easter-guide li{border-color:var(--line)}.easter-guide strong{color:var(--soft)}.easter-toast{color:var(--accent);background:#1c2025f5;border-color:#526b88;box-shadow:0 12px 35px #0006}.easter-mode .browser-frame,.easter-mode .portrait-card,.easter-mode .interest-story-visual{border-color:#526b88}@media (max-width:900px){.header-links{margin-bottom:0}.sidebar-location{display:none}.site-footer{display:grid}.site-header{min-height:auto}.identity span{display:block}.nav-pill{place-self:center stretch;margin-bottom:0}.nav-pill a{justify-content:center;align-items:center;min-height:42px;display:flex}}@media (max-width:720px){.site-header{grid-template-columns:1fr}.nav-pill{grid-area:2/1;margin-top:14px;margin-bottom:0}}@media (max-width:480px){.identity span{display:none}}@media (max-width:900px){.nav-pill a.active{view-transition-name:mobile-active-tab}}::view-transition-group(mobile-active-tab){z-index:110;animation-duration:.46s;animation-timing-function:cubic-bezier(.22,.8,.24,1)}::view-transition-old(mobile-active-tab){animation:.2s both mobile-tab-out}::view-transition-new(mobile-active-tab){animation:.32s cubic-bezier(.2,.75,.25,1) 80ms both mobile-tab-in}@keyframes mobile-tab-out{to{opacity:.35}}@keyframes mobile-tab-in{0%{opacity:.5;filter:blur(2px)}to{opacity:1;filter:blur()}}@media (prefers-reduced-motion:reduce){::view-transition-group(mobile-active-tab){animation-duration:.01ms}::view-transition-old(mobile-active-tab){animation-duration:.01ms}::view-transition-new(mobile-active-tab){animation-duration:.01ms}}.case-study{padding:82px 0 120px}.case-breadcrumb{color:#777773;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:9px;font:9px DM Mono,monospace;display:flex}.case-breadcrumb a{color:var(--accent)}.case-breadcrumb a:hover{color:#a9c5e7}.case-hero{max-width:840px;padding:74px 0 72px}.case-hero h1{color:var(--text);letter-spacing:-.055em;margin:12px 0 26px;font:400 clamp(58px,9vw,108px)/.95 Georgia,Times New Roman,serif}.case-hero>p:not(.project-meta){max-width:720px;color:var(--soft);margin:0;font-size:clamp(16px,2vw,20px);line-height:1.7}.case-links{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.case-links a{color:var(--accent);border:1px solid #526b88;border-radius:5px;padding:9px 12px;font-size:11px}.case-links a:hover{color:#c0d6ef;border-color:var(--accent);background:#82a9d80f}.case-cover{border:1px solid var(--line);background:var(--panel);border-radius:7px;margin:0 0 96px;overflow:hidden}.case-cover img{width:100%;height:auto;display:block}.case-cover figcaption{border-top:1px solid var(--line);color:#777773;text-transform:uppercase;letter-spacing:.08em;padding:12px 15px;font:8px DM Mono,monospace}.case-layout{grid-template-columns:240px minmax(0,620px);justify-content:space-between;gap:80px;display:grid}.case-facts{border:1px solid var(--line);background:var(--panel);border-radius:6px;align-self:start;overflow:hidden}.case-facts div{border-bottom:1px solid var(--line);padding:14px 16px}.case-facts div:last-child{border-bottom:0}.case-facts span{color:#777773;text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px;font:8px DM Mono,monospace;display:block}.case-facts strong{color:var(--soft);font-size:11px;font-weight:500;line-height:1.5}.case-content section{padding:0 0 64px}.case-content section+section{border-top:1px solid var(--line);padding-top:64px}.case-content h2{color:var(--text);letter-spacing:-.035em;margin:0 0 25px;font:400 clamp(30px,4vw,42px)/1.12 Georgia,Times New Roman,serif}.case-content p{color:#b8b8b4;margin:0 0 18px;font-size:14px;line-height:1.85}.case-content ul{margin:28px 0 0;padding:0;list-style:none}.case-content li{border-top:1px solid var(--line);color:var(--soft);padding:13px 0 13px 22px;font-size:12px;line-height:1.55;position:relative}.case-content li:last-child{border-bottom:1px solid var(--line)}.case-content li:before{content:"•";color:var(--accent);position:absolute;left:3px}.case-next{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--accent);justify-content:space-between;gap:24px;margin-top:48px;padding:25px 0;font-size:11px;display:flex}.case-next a:hover{color:#c0d6ef}@media (max-width:900px){.case-study{padding-top:58px}.case-layout{grid-template-columns:210px minmax(0,1fr);gap:45px}}@media (max-width:680px){.case-hero{padding:56px 0}.case-cover{margin-bottom:65px}.case-layout{grid-template-columns:1fr;gap:58px}.case-facts{width:100%}.case-next{flex-direction:column;align-items:flex-start}}.interest-story,.interest-story:first-child,.interest-story:nth-child(2),.interest-story:nth-child(3),.interest-story:nth-child(4),.interest-story:nth-child(5){grid-template-columns:minmax(0,1fr) minmax(340px,400px);align-items:start;gap:54px}.interest-story-copy{grid-column:1}.interest-story-copy .project-meta{width:auto;margin-left:0;padding-top:0;position:static}.interest-story-visual{border:1px solid var(--line);min-height:380px;box-shadow:none;background:radial-gradient(circle at 50% 42%,#82a9d814,#0000 48%),#151515;border-radius:6px;grid-column:2}.interest-story:hover .interest-story-visual{border-color:#4b4b4b;transform:translateY(-3px)}.interest-story:nth-child(2n) .interest-story-copy,.interest-story:nth-child(2n) .interest-story-visual{order:initial}.court-visual{width:78%}.printer-visual{width:82%;height:270px}.books-visual{width:92%;height:310px;transform:scale(.76)}.rack-visual{width:86%}.photo-visual{width:92%;height:300px;transform:scale(.78)}@media (max-width:800px){.interest-story,.interest-story:first-child,.interest-story:nth-child(2),.interest-story:nth-child(3),.interest-story:nth-child(4),.interest-story:nth-child(5){grid-template-columns:1fr;gap:34px;display:grid}.interest-story-copy,.interest-story-visual{grid-column:1}.interest-story-copy .project-meta{width:auto;margin-left:0;padding-top:0;position:static}.interest-story-visual{min-height:360px}}@media (max-width:480px){.interest-story-visual{min-height:310px}.printer-visual{width:90%;height:270px}.books-visual,.photo-visual{width:100%;transform:scale(.7)}}.interest-detail{padding:82px 0 120px}.interest-detail-hero{grid-template-columns:minmax(0,1fr) minmax(340px,420px);align-items:center;gap:68px;padding:72px 0 100px;display:grid}.interest-detail-intro h1{color:var(--text);letter-spacing:-.052em;margin:12px 0 28px;font:400 clamp(52px,7vw,88px)/.98 Georgia,Times New Roman,serif}.interest-detail-intro>p:not(.project-meta){color:var(--soft);margin:0;font-size:16px;line-height:1.75}.interest-detail-visual{grid-column:2;width:100%;min-height:420px}@media (max-width:800px){.interest-detail{padding-top:58px}.interest-detail-hero{grid-template-columns:1fr;gap:50px;padding:58px 0 75px}.interest-detail-visual{grid-column:1;min-height:380px}}@media (max-width:480px){.interest-link,.interest-read-more{margin-left:0;display:table}.interest-detail-visual{min-height:320px}}.topology-links{z-index:3;pointer-events:none;position:fixed;inset:0 0 0 248px}.topology-link{color:#bfd1d7;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);letter-spacing:.1em;pointer-events:auto;background:#060a0f61;grid-template-rows:auto auto;grid-template-columns:13px auto;column-gap:9px;padding:8px 10px;font:8px DM Mono,monospace;transition:color .22s,background .22s,transform .22s;display:grid;position:absolute}.topology-link:after{content:"";opacity:.46;background:linear-gradient(90deg, transparent, var(--topology-cyan));transform-origin:100%;width:54px;height:1px;position:absolute;top:50%;left:-54px}.topology-link i{border:1px solid var(--topology-cyan);border-radius:50%;grid-row:1/3;align-self:center;width:9px;height:9px;box-shadow:0 0 0 4px #77e7ff0f,0 0 18px #77e7ff80}.topology-link span{color:#e6f7fb}.topology-link small{color:#64777e;letter-spacing:.12em;margin-top:4px;font-size:7px}:is(.topology-link:hover,.topology-link:focus-visible){color:#fff;background:#0a141bc7;outline:1px solid #77e7ff59;transform:translate(7px)}.topology-link-a{top:29%;right:21%}.topology-link-a:after{transform:rotate(14deg)}.topology-link-b{top:53%;right:5.5%}.topology-link-b:after{transform:rotate(-8deg)}.topology-link-c{top:72%;right:26%}.topology-link-c:after{transform:rotate(-22deg)}.topology-link-d{top:16%;right:8%}.topology-link-d:after{transform:rotate(26deg)}.hero{grid-template-columns:1fr}.system-readout{background:linear-gradient(90deg,#77e7ff0b,#0000);border-top:1px solid #77e7ff33;border-bottom:1px solid #77e7ff1a;grid-template-columns:repeat(3,1fr);width:min(620px,100%);margin-top:44px;display:grid}.system-readout>div{border-right:1px solid #77e7ff1a;min-width:0;padding:13px 14px 14px}.system-readout>div:last-child{border-right:0}.system-readout span{color:#5c747c;letter-spacing:.15em;margin-bottom:5px;font:7px DM Mono,monospace;display:block}.system-readout strong{color:#c5d8dd;text-overflow:ellipsis;white-space:nowrap;font:500 10px DM Mono,monospace;display:block;overflow:hidden}.work{padding-top:105px}.work-map-heading{border-bottom:1px solid var(--topology-line);grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:end;gap:7vw;margin-bottom:54px;padding:0 0 34px;display:grid}.work-map-heading>div>p{color:var(--topology-cyan);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:10px;font:8px DM Mono,monospace;display:flex}.work-map-heading>div>p span{background:var(--topology-cyan);width:18px;height:1px}.work-map-heading h2{color:#eef5f4;letter-spacing:-.045em;max-width:620px;margin-top:15px;font:400 clamp(34px,4.5vw,60px)/1.02 Georgia,Times New Roman,serif}.work-map-heading>p{color:#859499;max-width:420px;margin:0;font-size:13px;line-height:1.75}.project-list{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;display:grid}.project-card,.project-card.violet,.project-card.cyan,.project-card.amber,.project-card.coral{grid-column:span 6;grid-template-columns:38px minmax(0,1fr);align-content:start;gap:18px;min-height:330px;padding:30px}.project-card .project-side{grid-column:2;align-self:end}.project-card:first-child{grid-column:1/-1;grid-template-columns:48px minmax(0,1fr) 280px;align-items:center;gap:34px;min-height:390px;padding:46px}.project-card:first-child .project-side{grid-column:3}.project-card:nth-child(2){grid-column:span 7}.project-card:nth-child(3){grid-column:span 5}.project-card:nth-child(4){grid-column:1/-1;grid-template-columns:48px minmax(0,1fr) 320px;align-items:center;min-height:300px}.project-card:nth-child(4) .project-side{grid-column:3}.project-card h2{font-size:clamp(30px,4vw,52px)}.project-card:first-child h2{font-size:clamp(48px,7vw,84px)}.project-card:nth-child(2):before{content:"ROUTE TABLE / LIVE";color:#77e7ff57;letter-spacing:.12em;font:7px DM Mono,monospace;position:absolute;top:17px;right:18px}.project-card:nth-child(3):before{content:"LOCAL VAULT / CLI";color:#ffbd726b;letter-spacing:.12em;font:7px DM Mono,monospace;position:absolute;top:17px;right:18px}@media (max-width:1100px){.topology-links{display:none}.hero-copy{width:min(780px,100%)}}@media (max-width:900px){.work-map-heading{grid-template-columns:1fr;gap:22px}.project-list{grid-template-columns:1fr}.project-card,.project-card.violet,.project-card.cyan,.project-card.amber,.project-card.coral,.project-card:first-child,.project-card:nth-child(2),.project-card:nth-child(3),.project-card:nth-child(4){grid-column:1;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:20px;min-height:auto;padding:30px}.project-card .project-side,.project-card:first-child .project-side,.project-card:nth-child(4) .project-side{grid-column:2}.project-card:first-child h2{font-size:clamp(42px,10vw,68px)}}@media (max-width:600px){.system-readout{grid-template-columns:1fr}.system-readout>div{border-bottom:1px solid #77e7ff14;border-right:0}.system-readout>div:last-child{border-bottom:0}.work{padding-top:70px}.work-map-heading{margin-bottom:34px}.project-card,.project-card.violet,.project-card.cyan,.project-card.amber,.project-card.coral,.project-card:first-child,.project-card:nth-child(2),.project-card:nth-child(3),.project-card:nth-child(4){grid-template-columns:1fr;padding:22px}.project-card .project-side,.project-card:first-child .project-side,.project-card:nth-child(4) .project-side{grid-column:1}}.topology-links{display:none}.hero.wrap{grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);align-items:center;gap:4vw;width:min(1280px,100% - 72px)}.hero-copy{width:auto}.room-stage{clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px));isolation:isolate;background:linear-gradient(135deg,#77e7ff0a,#0000 38%),#05080ce0;border:1px solid #77e7ff3d;min-width:0;height:min(72vh,700px);min-height:570px;position:relative;overflow:hidden;box-shadow:0 35px 120px #0000007a,inset 0 0 0 8px #ffffff03}.room-stage:before,.room-stage:after{content:"";z-index:4;pointer-events:none;position:absolute}.room-stage:before{border-top:1px solid #77e7ff17;border-bottom:1px solid #77e7ff17;inset:46px 18px 74px}.room-stage:after{border-left:1px solid #77e7ff57;width:28px;height:28px;top:0;right:0;transform:rotate(-45deg)translate(-10px,-4px)}.room-stage-bar{z-index:5;color:#668089;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.13em;background:#070b10d6;border-bottom:1px solid #77e7ff2b;justify-content:space-between;align-items:center;gap:18px;min-height:46px;padding:0 17px;font:7px DM Mono,monospace;display:flex;position:absolute;inset:0 0 auto}.room-stage-bar strong{color:#bcd8df;text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-weight:500;overflow:hidden}.room-canvas{position:absolute;inset:46px 0 0}.room-canvas canvas{touch-action:pan-y;width:100%;height:100%;display:block}@media (pointer:coarse){.room-canvas canvas{touch-action:none}}.room-directory{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05090dd1;border-top:1px solid #77e7ff24;border-left:1px solid #77e7ff24;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:absolute;inset:auto 14px 14px}.room-directory a{color:#879ba2;letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #77e7ff1a;border-right:1px solid #77e7ff1a;min-width:0;padding:9px 10px;font:7px DM Mono,monospace;transition:color .2s,background .2s;overflow:hidden}:is(.room-directory a:hover,.room-directory a:focus-visible){color:#effcff;background:#77e7ff17;outline:0}.room-directory a span{color:var(--topology-cyan);margin-right:6px}@media (max-width:1180px){.hero.wrap{grid-template-columns:1fr;gap:52px;width:min(960px,100% - 64px);padding-top:86px}.hero-copy{width:min(760px,100%)}.room-stage{height:650px}}@media (max-width:900px){.hero.wrap{width:min(100% - 34px,960px)}.room-stage{height:64vh;min-height:560px}}@media (max-width:600px){.hero.wrap{gap:40px;width:min(100% - 30px,960px)}.room-stage{height:66vh;min-height:500px}.room-stage-bar{padding:0 12px}.room-stage-bar>span{display:none}.room-directory{inset-inline:10px;grid-template-columns:repeat(2,minmax(0,1fr));bottom:10px}.room-directory a{padding:8px}}.immersive-home{background:#05080c;min-height:100svh;padding:0;overflow:hidden}.immersive-header{z-index:14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#05080ced,#05080ca8);border-bottom:1px solid #77e7ff26;justify-content:space-between;align-items:center;gap:24px;min-height:66px;padding:0 22px;display:flex;position:fixed;inset:0 0 auto}.immersive-identity{align-items:baseline;gap:13px;display:flex}.immersive-identity strong{color:#eef9fb;font-size:14px;font-weight:600}.immersive-identity span{color:#667980;letter-spacing:.1em;font:8px DM Mono,monospace}.immersive-header nav{align-items:center;gap:6px;display:flex}.immersive-header nav a{color:#8fa1a7;letter-spacing:.08em;text-transform:uppercase;padding:8px 10px;font:8px DM Mono,monospace;transition:color .2s,background .2s}:is(.immersive-header nav a:hover,.immersive-header nav a:focus-visible){color:#fff;background:#77e7ff12;outline:0}.immersive-intro{z-index:7;pointer-events:none;text-shadow:0 3px 28px #000000f2;opacity:0;width:min(390px,100vw - 44px);transition:opacity .4s,transform .52s cubic-bezier(.2,.75,.25,1);position:fixed;top:clamp(92px,13vh,132px);left:clamp(22px,4vw,62px);transform:translate(-22px,-8px)}body.room-default-view .immersive-intro{opacity:1;transform:translate(0)}.immersive-intro p{color:var(--topology-cyan);letter-spacing:.18em;margin:0 0 12px;font:8px DM Mono,monospace}.immersive-intro h1{color:#f2f6f5;letter-spacing:-.07em;margin:0;font:400 clamp(50px,7vw,104px)/.88 Georgia,Times New Roman,serif}.immersive-intro>span{color:#89999e;max-width:330px;margin-top:18px;font-size:11px;line-height:1.65;display:block}.immersive-home>.room-stage{z-index:1;clip-path:none;width:100%;height:100svh;min-height:560px;box-shadow:none;border:0;position:fixed;inset:0}.immersive-home>.room-stage:before,.immersive-home>.room-stage:after{display:none}.immersive-home .room-canvas{inset:0}.immersive-home .room-stage-bar{background:#05090d94;border:1px solid #77e7ff21;width:auto;min-height:34px;padding:0 10px;top:66px;left:auto;right:18px}.immersive-home .room-stage-bar>span{display:none}.room-fluid-hint{z-index:10;color:#61777e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);letter-spacing:.08em;pointer-events:none;opacity:0;background:#05090db8;border:1px solid #77e7ff29;gap:7px;width:214px;padding:12px;font:7px DM Mono,monospace;transition:opacity .3s;display:grid;position:absolute;bottom:20px;left:20px}body.room-default-view .room-fluid-hint{opacity:1}.room-fluid-hint>span:first-child{color:#9bb2b7;border-bottom:1px solid #77e7ff1a;padding-bottom:7px}.room-fluid-hint i{background:#68e0ae;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block;box-shadow:0 0 10px #68e0ae}.room-fluid-hint strong{color:var(--topology-cyan);font-weight:500}.room-secret-toast{z-index:14;color:#fff3bd;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);letter-spacing:.1em;text-align:center;background:#101814e6;border:1px solid #f6d36c73;max-width:calc(100vw - 40px);padding:10px 14px;font:8px DM Mono,monospace;animation:.35s both room-secret-in;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 12px 50px #00000073,0 0 26px #f6d36c1f}.room-stage-actions{align-items:center;gap:10px;display:flex}.room-index-toggle{color:#9bb2b7;letter-spacing:.12em;cursor:pointer;background:#77e7ff09;border:1px solid #77e7ff2e;min-height:24px;padding:0 8px;font:7px DM Mono,monospace;transition:color .2s,border-color .2s,background .2s}.room-index-toggle span{color:var(--topology-cyan);margin-left:5px}:is(.room-index-toggle:hover,.room-index-toggle:focus-visible,.room-index-toggle[aria-expanded=true]){color:#effcff;background:#77e7ff17;border-color:#77e7ff75;outline:0}.room-has-popup .room-index-toggle,.room-desktop-active .room-index-toggle{display:none}.room-index-panel{z-index:16;color:#9bb2b7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05090de6;border:1px solid #77e7ff33;grid-template-columns:1fr;gap:3px;width:min(280px,100vw - 36px);max-height:min(68vh,560px);padding:8px;animation:.24s cubic-bezier(.2,.75,.25,1) both room-index-in;display:grid;position:absolute;top:108px;right:18px;overflow-y:auto;box-shadow:0 24px 70px #00000073}.room-index-panel[hidden]{display:none}.room-index-panel button{color:#8da1a8;letter-spacing:.07em;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #77e7ff13;min-height:32px;padding:0 10px;font:7px DM Mono,monospace;transition:color .2s,padding-left .2s,background .2s}.room-index-panel button span{width:24px;color:var(--topology-cyan);display:inline-block}:is(.room-index-panel button:hover,.room-index-panel button:focus-visible){color:#effcff;background:#77e7ff12;outline:0;padding-left:14px}.room-side-index{z-index:11;color:#8da1a8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#18161abd;border:1px solid #77e7ff2e;gap:2px;width:184px;max-height:calc(100svh - 150px);padding:7px;transition:opacity .24s,transform .24s;display:grid;position:absolute;top:50%;right:18px;overflow-y:auto;transform:translateY(-50%);box-shadow:0 24px 70px #1712143d}.room-side-index header{color:#bfd0d3;letter-spacing:.12em;border-bottom:1px solid #77e7ff1f;justify-content:space-between;align-items:center;min-height:28px;padding:0 7px 5px;font:7px DM Mono,monospace;display:flex}.room-side-index header strong{color:var(--topology-cyan);font-weight:500}.room-side-index button{color:#89999e;letter-spacing:.055em;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:22px 5px minmax(0,1fr);align-items:center;gap:7px;min-height:27px;padding:0 7px;font:7px DM Mono,monospace;transition:color .18s,padding-left .18s,background .18s;display:grid}.room-side-index button span{color:#65777c}.room-side-index button i{border:1px solid #77e7ff61;border-radius:50%;width:4px;height:4px}.room-side-index button[data-viewed] i{background:#68e0ae;border-color:#68e0ae;box-shadow:0 0 8px #68e0ae8c}:is(.room-side-index button:hover,.room-side-index button:focus-visible,.room-side-index button[aria-current=page]){color:#f3fbfa;background:linear-gradient(90deg,#77e7ff1c,#77e7ff04);outline:0;padding-left:11px}:is(.room-side-index button:hover i,.room-side-index button:focus-visible i){border-color:var(--topology-cyan);background:var(--topology-cyan);box-shadow:0 0 10px #77e7ffa3}.room-has-popup .room-side-index,.room-desktop-active .room-side-index{pointer-events:none;opacity:0;transform:translate(14px,-50%)}@media (min-width:1101px){.immersive-home .room-index-toggle{display:none}}@media (max-width:1100px){.room-side-index{display:none}}.room-target-cursor,.room-click-spark{z-index:14;left:var(--room-target-x,50%);top:var(--room-target-y,50%);pointer-events:none;position:absolute}.room-target-cursor{opacity:0;width:34px;height:34px;transition:opacity .16s,transform .22s cubic-bezier(.2,.75,.25,1);transform:translate(-50%,-50%)rotate(8deg)scale(.72)}.room-target-active .room-target-cursor{opacity:.92;transform:translate(-50%,-50%)rotate(0)scale(1)}.room-target-cursor i{border-color:var(--topology-cyan);filter:drop-shadow(0 0 5px #77e7ff80);border-style:solid;width:9px;height:9px;position:absolute}.room-target-cursor i:first-child{border-width:1px 0 0 1px;top:0;left:0}.room-target-cursor i:nth-child(2){border-width:1px 1px 0 0;top:0;right:0}.room-target-cursor i:nth-child(3){border-width:0 1px 1px 0;bottom:0;right:0}.room-target-cursor i:nth-child(4){border-width:0 0 1px 1px;bottom:0;left:0}.room-click-spark{left:var(--room-spark-x,50%);top:var(--room-spark-y,50%)}.room-click-spark i{--spark-angle:0deg;opacity:0;transform-origin:0;background:#ffbd72;width:10px;height:1px;position:absolute;top:0;left:0;box-shadow:0 0 7px #ffbd72b3}.room-click-spark i:nth-child(2){--spark-angle:45deg}.room-click-spark i:nth-child(3){--spark-angle:90deg}.room-click-spark i:nth-child(4){--spark-angle:135deg}.room-click-spark i:nth-child(5){--spark-angle:180deg}.room-click-spark i:nth-child(6){--spark-angle:225deg}.room-click-spark i:nth-child(7){--spark-angle:270deg}.room-click-spark i:nth-child(8){--spark-angle:315deg}.room-spark-active .room-click-spark i{animation:.48s cubic-bezier(.2,.75,.25,1) both room-click-spark}.room-has-popup .room-target-cursor,.room-desktop-active .room-target-cursor,.room-has-popup .room-click-spark,.room-desktop-active .room-click-spark{display:none}.affan-os{--os-panel:#0d1017e6;--os-window:#161b26f5;--os-surface:#222938;--os-surface-2:#2b3445;--os-border:#bcd2e02e;--os-text:#edf4f6;--os-muted:#9ba9b5;--os-blue:#70b8ff;--os-mint:#68e0ae;z-index:24;color:var(--os-text);isolation:isolate;background:#111722;font-family:Inter,Arial,sans-serif;animation:.42s cubic-bezier(.2,.75,.22,1) both affan-os-start;position:absolute;inset:0;overflow:hidden}.affan-os button,.affan-os input,.affan-os a{font:inherit}.affan-os button{color:inherit}.affan-os-wallpaper{background:linear-gradient(130deg,#152237b8,#1214216b 45%,#24183194),radial-gradient(circle at 25% 20%,#3e87b56b,#0000 28%),radial-gradient(circle at 76% 72%,#7448a957,#0000 34%),#101620;position:absolute;inset:0;overflow:hidden}.affan-os-wallpaper:before{content:"";opacity:.36;transform-origin:50% 70%;background-image:linear-gradient(#8ec4de1f 1px,#0000 1px),linear-gradient(90deg,#8ec4de1f 1px,#0000 1px);background-size:62px 62px;position:absolute;inset:-18%;transform:perspective(900px)rotateX(58deg)rotate(-8deg)scale(1.3)}.affan-os-wallpaper i{border:1px solid #70b8ff33;border-radius:50%;width:34vw;height:34vw;position:absolute;box-shadow:0 0 90px #70b8ff0f,inset 0 0 80px #70b8ff0a}.affan-os-wallpaper i:first-child{top:8vh;right:9vw}.affan-os-wallpaper i:nth-child(2){border-color:#9f91ff38;width:20vw;height:20vw;top:17vh;right:16vw}.affan-os-wallpaper i:nth-child(3){border-color:#68e0ae52;width:8vw;height:8vw;top:23vh;right:22vw}.affan-os-panel{z-index:30;border-bottom:1px solid var(--os-border);background:var(--os-panel);-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);align-items:center;gap:12px;height:38px;padding:0 12px;display:flex;position:absolute;inset:0 0 auto;box-shadow:0 6px 28px #00000038}.affan-os-panel button{cursor:pointer;background:0 0;border:0}.affan-os-brand{letter-spacing:.08em;align-items:center;gap:8px;height:30px;display:flex;color:#dce9ec!important;border-radius:7px!important;padding:0 8px!important;font:600 11px DM Mono,monospace!important}:is(.affan-os-brand:hover,.affan-os-brand:focus-visible){background:#ffffff14;outline:none}.affan-os-brand>span,.affan-os-start{border-radius:6px;place-items:center;display:grid;color:#07121a!important;background:linear-gradient(135deg, var(--os-blue), var(--os-mint))!important;font-weight:900!important}.affan-os-brand>span{width:22px;height:22px;font-size:12px}.affan-os-workspaces{gap:4px;display:flex}.affan-os-workspaces button{color:#74828d;border-radius:5px;width:24px;height:24px;font:10px DM Mono,monospace}.affan-os-workspaces button.is-active{color:var(--os-text);box-shadow:inset 0 -2px var(--os-blue);background:#70b8ff29}.affan-os-tray{color:#aebac2;align-items:center;gap:12px;margin-left:auto;font:9px DM Mono,monospace;display:flex}.affan-os-tray time{color:#ecf4f5;min-width:54px}.affan-os-tray button{color:#ffaaa6;border-radius:6px;width:28px;height:28px}:is(.affan-os-tray button:hover,.affan-os-tray button:focus-visible){background:#ff706924;outline:1px solid #ff706959}.affan-os-desktop{z-index:2;padding:22px;position:absolute;inset:38px 0 48px;overflow:auto}.affan-os-desktop-groups{position:absolute;inset:18px}.affan-os-desktop-group{position:absolute}.affan-os-desktop-group h2{color:#dcebf19e;letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid #bcd2e01f;margin:0 0 5px;padding:0 6px 6px;font:8px DM Mono,monospace}.affan-os-desktop-group.is-folders{width:198px;top:0;left:0}.affan-os-desktop-group.is-documents{width:198px;top:0;right:0}.affan-os-desktop-group.is-system{width:198px;bottom:0;right:0}.affan-os-desktop-grid{grid-template-columns:repeat(2,92px);gap:6px;display:grid}.affan-os-desktop-item{color:#f0f5f6;text-shadow:0 1px 3px #000;cursor:default;background:0 0;border:1px solid #0000;border-radius:7px;align-content:center;place-items:center;gap:6px;width:92px;min-height:82px;padding:7px 5px;text-decoration:none;display:grid}:is(.affan-os-desktop-item:hover,.affan-os-desktop-item:focus-visible){background:#70b8ff21;border-color:#70b8ff5c;outline:none}.affan-os-desktop-item>span:last-child{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:82px;font-size:11px;overflow:hidden}.affan-os-welcome{border-left:2px solid var(--os-blue);text-shadow:0 2px 18px #070b12;gap:7px;width:min(360px,34vw);padding-left:18px;display:grid;position:absolute;top:14vh;left:50%;transform:translate(-50%)}.affan-os-welcome p{color:var(--os-mint);letter-spacing:.18em;margin:0;font:9px DM Mono,monospace}.affan-os-welcome strong{font-family:Georgia,serif;font-size:clamp(26px,4vw,54px);font-weight:400}.affan-os-welcome span{color:#b3c0c8;font-size:13px}.affan-os-icon{filter:drop-shadow(0 6px 7px #00000038);flex:none;width:38px;height:34px;display:inline-block;position:relative}.affan-os-icon-folder{background:linear-gradient(145deg,#73b9f1,#3d79bc);border:1px solid #9bcfff;border-radius:3px 5px 5px;height:28px;margin-top:6px}.affan-os-icon-folder:before{content:"";background:#6eafe8;border:1px solid #9bcfff;border-bottom:0;border-radius:4px 4px 0 0;width:17px;height:8px;position:absolute;top:-7px;left:-1px}.affan-os-icon-text,.affan-os-icon-code,.affan-os-icon-pdf,.affan-os-icon-link{background:linear-gradient(145deg,#f4f7f8,#afbec8);border:1px solid #c8d2da;border-radius:2px;width:29px;margin-left:4px}.affan-os-icon-text:after,.affan-os-icon-code:after,.affan-os-icon-pdf:after,.affan-os-icon-link:after{content:"";clip-path:polygon(0 0,100% 100%,0 100%);background:#566978;width:9px;height:9px;position:absolute;top:-1px;right:-1px}.affan-os-icon-text i{border-top:2px solid #506372;border-bottom:2px solid #506372;position:absolute;inset:12px 6px 7px}.affan-os-icon-code{background:linear-gradient(145deg,#b9a9f7,#6954b3);border-color:#cbbfff}.affan-os-icon-code i:after{content:"</>";color:#fff;font:700 8px monospace;position:absolute;top:12px;left:4px}.affan-os-icon-pdf{background:linear-gradient(145deg,#ff8b83,#b83f4b);border-color:#ffb4ae}.affan-os-icon-pdf i:after{content:"PDF";color:#fff;font:700 8px monospace;position:absolute;top:13px;left:5px}.affan-os-icon-link{background:linear-gradient(145deg,#8fe2ba,#38896a);border-color:#b8f2d6}.affan-os-icon-link i:after{content:"↗";color:#fff;font-size:17px;position:absolute;top:8px;left:8px}.affan-os-icon-terminal{background:#091117;border:1px solid #69818d;border-radius:4px;box-shadow:inset 0 0 0 3px #1f3039}.affan-os-icon-terminal i:after{content:">_";color:var(--os-mint);font:700 12px monospace;position:absolute;top:9px;left:8px}.affan-os-launcher{z-index:32;-webkit-backdrop-filter:blur(22px)saturate(130%);backdrop-filter:blur(22px)saturate(130%);background:#141923f5;border:1px solid #a8c1d03d;border-radius:13px;grid-template-rows:auto auto 1fr auto;width:min(430px,100vw - 24px);max-height:min(560px,100svh - 112px);animation:.2s both affan-os-launcher-in;display:grid;position:absolute;bottom:54px;left:12px;overflow:hidden;box-shadow:0 26px 80px #0000008c}.affan-os-user{align-items:center;gap:12px;padding:16px 18px 10px;display:flex}.affan-os-user>span{color:#071219;background:linear-gradient(135deg,var(--os-blue),var(--os-mint));border-radius:50%;place-items:center;width:38px;height:38px;font:800 12px DM Mono,monospace;display:grid}.affan-os-user div{gap:2px;display:grid}.affan-os-user strong{font-size:13px}.affan-os-user small{color:var(--os-muted);font-size:10px}.affan-os-search{padding:4px 16px 12px}.affan-os-search input{border:1px solid var(--os-border);width:100%;height:38px;color:var(--os-text);background:#111722;border-radius:7px;outline:0;padding:0 12px;font-size:12px}.affan-os-search input:focus{border-color:var(--os-blue);box-shadow:0 0 0 3px #70b8ff1f}.affan-os-launcher-grid{grid-template-columns:repeat(4,1fr);gap:6px;padding:4px 12px 16px;display:grid;overflow:auto}.affan-os-launcher-grid button,.affan-os-launcher-grid a{min-height:82px;color:var(--os-text);text-align:center;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;gap:4px;padding:8px 4px;font-size:10px;text-decoration:none;display:grid}:is(.affan-os-launcher-grid button:hover,.affan-os-launcher-grid button:focus-visible,.affan-os-launcher-grid a:hover,.affan-os-launcher-grid a:focus-visible){background:#70b8ff1f;outline:none}.affan-os-launcher-grid .affan-os-icon{transform:scale(.82)}.affan-os-launcher-grid p{color:var(--os-muted);text-align:center;grid-column:1/-1}.affan-os-launcher footer{border-top:1px solid var(--os-border);text-align:right;background:#080c1259;padding:9px 13px}.affan-os-launcher footer button{border:1px solid var(--os-border);color:#ffc0bc;cursor:pointer;background:#ff706914;border-radius:6px;min-height:34px;padding:0 12px}.affan-os-window{z-index:20;background:var(--os-window);-webkit-backdrop-filter:blur(24px)saturate(120%);backdrop-filter:blur(24px)saturate(120%);border:1px solid #b3cbd83d;border-radius:10px;outline:none;grid-template-rows:38px minmax(0,1fr);width:min(900px,100vw - 100px);height:min(590px,100svh - 126px);animation:.26s cubic-bezier(.18,.8,.2,1) both affan-os-window-in;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 35px 120px #00000094,0 0 0 1px #0000004d}.affan-os-window.is-maximized{border-radius:7px;width:calc(100vw - 12px);height:calc(100svh - 96px);top:calc(50% - 4px)}.affan-os-titlebar{border-bottom:1px solid var(--os-border);background:#28303feb;justify-content:space-between;align-items:center;min-width:0;padding-left:12px;display:flex}.affan-os-titlebar>div:first-child{align-items:center;gap:8px;min-width:0;display:flex}.affan-os-titlebar strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.affan-os-window-mark{background:linear-gradient(135deg,var(--os-blue),var(--os-mint));border-radius:3px;width:11px;height:11px}.affan-os-window-controls{align-self:stretch;display:flex}.affan-os-window-controls button{color:#bfcbd2;cursor:pointer;background:0 0;border:0;width:42px}:is(.affan-os-window-controls button:hover,.affan-os-window-controls button:focus-visible){background:#ffffff17;outline:none}:is(.affan-os-window-controls button.is-close:hover,.affan-os-window-controls button.is-close:focus-visible){color:#fff;background:#cf4d58}.affan-os-toolbar{border-bottom:1px solid var(--os-border);background:#10151e8c;align-items:center;gap:7px;min-width:0;height:46px;padding:6px 9px;display:flex}.affan-os-toolbar button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;width:32px;height:32px}:is(.affan-os-toolbar button:hover:not(:disabled),.affan-os-toolbar button:focus-visible:not(:disabled)){border-color:var(--os-border);background:#ffffff0f;outline:none}.affan-os-toolbar button:disabled{opacity:.3;cursor:not-allowed}.affan-os-toolbar .affan-os-back-button{color:#e4edf1;justify-content:center;align-items:center;gap:7px;width:auto;min-width:68px;padding:0 10px;font:10px DM Mono,monospace;display:inline-flex}.affan-os-path{border:1px solid var(--os-border);color:#b7c4cc;text-overflow:ellipsis;white-space:nowrap;background:#111722;border-radius:6px;flex:1;align-items:center;min-width:0;height:32px;padding:0 10px;font:10px DM Mono,monospace;display:flex;overflow:hidden}.affan-os-toolbar>span{color:var(--os-muted);white-space:nowrap;font-size:10px}.affan-os-window:has(.affan-os-file-layout){grid-template-rows:38px 46px minmax(0,1fr) 28px}.affan-os-window:has(.affan-os-document-toolbar){grid-template-rows:38px 46px minmax(0,1fr)}.affan-os-file-layout{grid-template-columns:146px minmax(0,1fr);min-height:0;display:grid}.affan-os-places{border-right:1px solid var(--os-border);background:#0c111957;flex-direction:column;gap:4px;padding:14px 8px;display:flex}.affan-os-places strong{color:#788994;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px 8px;font:9px DM Mono,monospace}.affan-os-places button{color:#b9c5cc;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:34px;padding:0 9px;font-size:11px}:is(.affan-os-places button:hover,.affan-os-places button:focus-visible,.affan-os-places button.is-current){color:#f0f6f7;background:#70b8ff1f;outline:none}.affan-os-places button.is-current{box-shadow:inset 2px 0 var(--os-blue)}.affan-os-file-grid{grid-template-columns:repeat(3,minmax(150px,1fr));grid-auto-rows:82px;align-content:start;gap:9px;min-width:0;padding:18px;display:grid;overflow:auto}.affan-os-file-grid button,.affan-os-file-grid a{min-width:0;color:var(--os-text);text-align:left;cursor:pointer;background:#ffffff06;border:1px solid #0000;border-radius:7px;align-items:center;gap:10px;padding:9px;text-decoration:none;display:flex}:is(.affan-os-file-grid button:hover,.affan-os-file-grid button:focus-visible,.affan-os-file-grid a:hover,.affan-os-file-grid a:focus-visible){background:#70b8ff1a;border-color:#70b8ff4d;outline:none}.affan-os-file-grid button>span:nth-child(2),.affan-os-file-grid a>span:nth-child(2){gap:5px;min-width:0;display:grid}.affan-os-file-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.affan-os-file-grid small{color:var(--os-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.affan-os-file-grid .affan-os-icon{transform:scale(.84)}.affan-os-external{color:var(--os-mint);margin-left:auto;font-size:15px}.affan-os-statusbar{border-top:1px solid var(--os-border);color:#7e8e98;background:#0a0f1670;justify-content:space-between;align-items:center;padding:0 12px;font-size:9px;display:flex}.affan-os-document{background:linear-gradient(135deg,#1d2431f5,#11161ffa);min-height:0;padding:clamp(28px,5vw,60px);overflow:auto}.affan-os-document-meta{color:var(--os-muted);letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;font:9px DM Mono,monospace;display:flex}.affan-os-document h1{margin:32px 0 16px;font-family:Georgia,serif;font-size:clamp(34px,5vw,64px);font-weight:400;line-height:1}.affan-os-document-intro{color:#bdc9cf;white-space:pre-line;max-width:720px;margin:0;font-size:clamp(13px,1.4vw,17px);line-height:1.75}.affan-os-document ul{gap:10px;max-width:700px;margin:28px 0 0;padding:0;list-style:none;display:grid}.affan-os-document li{color:#d6e0e3;padding-left:20px;font-size:13px;line-height:1.55;position:relative}.affan-os-document li:before{content:"";background:var(--os-mint);width:7px;height:2px;position:absolute;top:.65em;left:0}.affan-os-document-actions{flex-wrap:wrap;gap:9px;margin-top:30px;display:flex}.affan-os-document-actions a{color:#d9edff;background:#70b8ff17;border:1px solid #70b8ff4d;border-radius:7px;align-items:center;gap:12px;min-height:40px;padding:0 14px;font-size:11px;text-decoration:none;display:inline-flex}:is(.affan-os-document-actions a:hover,.affan-os-document-actions a:focus-visible){border-color:var(--os-blue);background:#70b8ff29;outline:none}.affan-os-log-body{color:#c8d3d8;border-top:1px solid #b3cbd829;max-width:760px;margin:34px 0 12px;padding-top:8px}.affan-os-log-body h2{color:#f2f7f8;margin:34px 0 13px;font:500 clamp(19px,2.4vw,27px)/1.2 Georgia,serif}.affan-os-log-body h3{color:#e3ecef;margin:27px 0 11px;font:600 15px/1.35 DM Sans,sans-serif}.affan-os-log-body p{margin:0 0 11px;font-size:13px;line-height:1.72}.affan-os-log-body strong{color:#edf6f4;font-weight:600}.affan-os-log-body code{color:#aaf2cb;background:#06100d8c;border:1px solid #68e0ae29;border-radius:4px;padding:2px 5px;font:11px DM Mono,monospace}.affan-os-log-body a{color:#8bc7ff;text-underline-offset:3px;overflow-wrap:anywhere;text-decoration-color:#8bc7ff73}:is(.affan-os-log-body a:hover,.affan-os-log-body a:focus-visible){color:#c4e3ff;outline:none;text-decoration-color:currentColor}.affan-os-log-space{height:4px;display:block}.affan-os-log-bullet,.affan-os-log-check{padding-left:21px;position:relative}.affan-os-log-bullet:before{content:"";background:var(--os-mint);width:7px;height:2px;position:absolute;top:.72em;left:2px}.affan-os-log-check{align-items:flex-start;gap:9px;padding-left:0;display:flex}.affan-os-log-check>span{color:var(--os-mint);font:13px/1.72 DM Mono,monospace}.affan-os-document.is-terminal{color:#bfffe0;background:#06100d;font-family:DM Mono,monospace}.affan-os-document.is-terminal h1{color:#effff5;font-family:DM Mono,monospace;font-size:28px}.affan-os-document.is-terminal .affan-os-document-intro{color:#8ad7ae;font:12px/1.8 DM Mono,monospace}.affan-os-resume-viewer{background:#353a43;grid-template-rows:48px minmax(0,1fr);min-height:0;display:grid}.affan-os-resume-viewer nav{border-bottom:1px solid var(--os-border);background:#171d27;align-items:center;gap:10px;padding:0 12px;display:flex}.affan-os-resume-viewer nav>div{gap:2px;min-width:0;margin-right:auto;display:grid}.affan-os-resume-viewer nav strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.affan-os-resume-viewer nav span{color:var(--os-muted);font-size:8px}.affan-os-resume-viewer nav a{border:1px solid var(--os-border);color:#dce9ef;white-space:nowrap;background:#ffffff0a;border-radius:6px;align-items:center;gap:7px;min-height:32px;padding:0 10px;font-size:9px;text-decoration:none;display:inline-flex}:is(.affan-os-resume-viewer nav a:hover,.affan-os-resume-viewer nav a:focus-visible){border-color:var(--os-blue);background:#70b8ff1f;outline:none}.affan-os-resume-viewer iframe{background:#e6e8ea;border:0;width:100%;height:100%}.affan-os-terminal{color:#aaf2cb;background:radial-gradient(circle at 80% 10%,#2d7e601f,#0000 28%),#050c0a;grid-template-rows:minmax(0,1fr) auto auto;gap:10px;min-height:0;padding:18px;font:11px/1.55 DM Mono,monospace;display:grid}.affan-os-terminal-history{scrollbar-color:#285b49 transparent;min-height:0;overflow:auto}.affan-os-terminal-history p{white-space:pre-wrap;margin:0 0 3px}.affan-os-terminal form{align-items:center;gap:8px;display:flex}.affan-os-terminal label{color:#e2fff0;white-space:nowrap}.affan-os-terminal input{color:#c8ffe1;min-width:0;font:inherit;caret-color:var(--os-mint);background:0 0;border:0;border-bottom:1px solid #68e0ae59;border-radius:0;outline:0;flex:1}.affan-os-terminal input:focus{border-bottom-color:var(--os-mint);box-shadow:0 3px 10px #68e0ae14}.affan-os-terminal>p{color:#598771;margin:0;font-size:9px}.affan-os-taskbar{z-index:31;border-top:1px solid var(--os-border);-webkit-backdrop-filter:blur(20px)saturate(130%);backdrop-filter:blur(20px)saturate(130%);background:#0c0f16eb;align-items:center;gap:5px;height:48px;padding:5px 9px;display:flex;position:absolute;inset:auto 0 0;box-shadow:0 -8px 30px #0000002e}.affan-os-taskbar>button{cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-width:40px;height:38px;padding:0 8px;display:flex}:is(.affan-os-taskbar>button:hover,.affan-os-taskbar>button:focus-visible){background:#ffffff14;outline:none}.affan-os-start{width:40px;font:900 15px DM Mono,monospace!important}.affan-os-taskbar .affan-os-icon{transform:scale(.62)}.affan-os-running{text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:10px;overflow:hidden;border-bottom:2px solid var(--os-blue)!important;padding-right:14px!important}.affan-os-running>span{background:var(--os-mint);width:7px;height:7px;box-shadow:0 0 8px var(--os-mint);border-radius:50%}.affan-os-task-spacer{flex:1}.affan-os-show-desktop{border-left:1px solid #ffffff47!important;border-radius:0!important;width:8px!important;min-width:8px!important;padding:0!important}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@keyframes affan-os-start{0%{opacity:0;filter:brightness(.4);transform:scale(1.018)}to{opacity:1;filter:none;transform:none}}@keyframes affan-os-window-in{0%{opacity:0;transform:translate(-50%,-47%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes affan-os-launcher-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@media (max-width:720px){.affan-os-panel{padding:0 7px}.affan-os-brand{font-size:10px!important}.affan-os-workspaces,.affan-os-tray>span{display:none}.affan-os-desktop{padding:13px 8px 34px}.affan-os-desktop-groups{gap:18px;display:grid;position:static}.affan-os-desktop-group,.affan-os-desktop-group.is-folders,.affan-os-desktop-group.is-documents,.affan-os-desktop-group.is-system{width:auto;position:static}.affan-os-desktop-grid{grid-template-columns:repeat(4,80px);overflow-x:auto}.affan-os-desktop-item{width:80px;min-height:72px}.affan-os-welcome{display:none}.affan-os-window,.affan-os-window.is-maximized{border-left:0;border-right:0;border-radius:0;width:100%;height:calc(100svh - 86px);animation:.24s both affan-os-mobile-window-in;top:38px;left:0;transform:none}.affan-os-window-controls button{width:38px}.affan-os-file-layout{grid-template-columns:1fr}.affan-os-places{display:none}.affan-os-file-grid{grid-template-columns:1fr 1fr;grid-auto-rows:76px;padding:10px}.affan-os-toolbar>span{display:none}.affan-os-document{padding:28px 20px 70px}.affan-os-document h1{margin-top:24px;font-size:36px}.affan-os-launcher{width:calc(100vw - 12px);bottom:52px;left:6px}.affan-os-launcher-grid{grid-template-columns:repeat(4,1fr)}.affan-os-running{max-width:120px}.affan-os-resume-viewer nav>div{display:none}.affan-os-resume-viewer nav{justify-content:flex-end}.affan-os-resume-viewer nav a{padding:0 8px}.affan-os-terminal{padding:14px 12px;font-size:10px}.room-desktop-active .room-stage-bar{display:none}}@keyframes affan-os-mobile-window-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (max-width:430px){.affan-os-file-grid{grid-template-columns:1fr}.affan-os-launcher-grid{grid-template-columns:repeat(3,1fr)}.affan-os-welcome{width:54vw}.affan-os-welcome span{display:none}}@media (prefers-reduced-motion:reduce){.affan-os,.affan-os-window,.affan-os-launcher{animation:none}}.room-popup-dismiss{z-index:10;cursor:default;background:0 0;border:0;padding:0;position:absolute;inset:0}.room-popup{z-index:11;color:#d5e2e5;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);scrollbar-color:#77e7ff40 transparent;background:linear-gradient(140deg,#77e7ff11,#0000 35%),#060a0fed;border:1px solid #77e7ff40;width:min(440px,100vw - 44px);max-height:calc(100svh - 210px);padding:28px;animation:.42s cubic-bezier(.2,.75,.25,1) both room-popup-in;position:absolute;top:17vh;right:clamp(22px,4vw,64px);overflow-y:auto;box-shadow:0 30px 100px #00000094}.room-popup:before{content:"OBJECT FILE";color:#4f6972;letter-spacing:.18em;font:6px DM Mono,monospace;position:absolute;top:12px;left:28px}.room-popup-close{color:#7f969e;cursor:pointer;background:#ffffff05;border:1px solid #77e7ff24;width:30px;height:30px;position:absolute;top:10px;right:12px}.room-popup-close:hover{color:#fff;border-color:#77e7ff66}.room-popup>p:first-of-type{color:var(--topology-cyan);letter-spacing:.15em;margin:13px 0 10px;font:7px DM Mono,monospace}.room-popup h2{color:#f1f6f5;letter-spacing:-.055em;margin:0;font:400 clamp(38px,5vw,62px)/.95 Georgia,Times New Roman,serif}.room-popup-line{background:var(--topology-cyan);width:64px;height:1px;margin:22px 0;box-shadow:0 0 14px #77e7ff80}.room-popup>p:not(:first-of-type){color:#9caaae;margin:0;font-size:12px;line-height:1.75}.room-popup ul{flex-wrap:wrap;gap:6px;margin:20px 0;padding:0;list-style:none;display:flex}.room-popup li{color:#8fa1a7;border:1px solid #77e7ff21;padding:6px 8px;font:7px DM Mono,monospace}.room-popup-sections{gap:17px;margin:4px 0 22px;display:grid}.room-popup-sections section{border-top:1px solid #77e7ff1a;padding-top:14px}.room-popup-sections h3{color:#d9eef1;letter-spacing:.11em;text-transform:uppercase;margin:0 0 7px;font:8px DM Mono,monospace}.room-popup-sections p{color:#879ba1;margin:0;font-size:11px;line-height:1.72}.room-popup-actions{gap:7px;display:grid}.room-popup-actions>a{color:#dffaff;letter-spacing:.08em;background:#77e7ff0f;border:1px solid #77e7ff4d;justify-content:space-between;align-items:center;min-height:42px;padding:0 13px;font:8px DM Mono,monospace;display:flex}.room-popup-actions>a:hover{border-color:var(--topology-cyan);background:#77e7ff1c}.room-popup small{color:#52666e;letter-spacing:.14em;margin-top:13px;font:6px DM Mono,monospace;display:block}.immersive-status{z-index:8;color:#53686f;letter-spacing:.1em;pointer-events:none;gap:18px;font:7px DM Mono,monospace;display:flex;position:fixed;bottom:46px;left:20px}.immersive-status span:first-child{color:#76938c}.immersive-status i{background:#68e0ae;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block;box-shadow:0 0 12px #68e0ae}.immersive-footer{z-index:13;color:#44565d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.06em;background:#05080cd1;border-top:1px solid #77e7ff1a;align-items:center;gap:16px;min-height:34px;padding:0 18px;font:7px DM Mono,monospace;display:flex;position:fixed;inset:auto 0 0}.immersive-footer span{margin-right:auto}.immersive-footer a{color:#687b82}.immersive-footer a:hover{color:#fff}body:has(.immersive-home) .soundtrack-toggle{bottom:20px}body:has(.room-has-popup) .soundtrack-toggle{opacity:0;pointer-events:none}@keyframes room-popup-in{0%{opacity:0;filter:blur(5px);transform:translate(26px)}to{opacity:1;filter:blur();transform:translate(0)}}@keyframes room-secret-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes room-index-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes room-click-spark{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--spark-angle)) translateX(3px) scaleX(.35)}24%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--spark-angle)) translateX(27px) scaleX(1)}}@media (max-width:900px){.immersive-header{padding-inline:14px}.immersive-identity span{display:none}.immersive-intro{top:88px}.immersive-intro h1{font-size:clamp(48px,14vw,76px)}.immersive-home .room-stage-bar{top:66px}.room-fluid-hint{width:178px;bottom:20px}.room-popup{width:min(410px,100vw - 24px);max-height:56vh;top:auto;bottom:20px;right:12px}.immersive-status{display:none}body:has(.immersive-home) .soundtrack-toggle{bottom:20px}}@media (max-width:560px){.immersive-header nav a{padding-inline:6px;font-size:7px}.immersive-header nav a:last-child{display:none}.immersive-intro{width:min(270px,100vw - 32px);top:112px;left:16px}.immersive-intro p{margin-bottom:9px;font-size:7px}.immersive-intro h1{font-size:clamp(42px,15vw,58px)}.immersive-intro>span{max-width:235px;margin-top:12px;font-size:10px;line-height:1.5}.immersive-home .room-stage-bar{max-width:calc(100vw - 24px);top:70px}.room-stage-actions{gap:6px}.room-stage-bar strong{max-width:38vw}.room-index-panel{width:min(260px,100vw - 24px);max-height:58vh;top:112px;right:12px}.room-fluid-hint{width:146px;padding:8px;bottom:12px;left:12px}.room-fluid-hint>span:not(:first-child),.room-has-popup .room-fluid-hint{display:none}.room-popup{max-height:62vh;padding:52px 20px 20px;bottom:12px}.room-popup-close{width:44px;height:44px;top:8px;right:8px}.room-popup h2{font-size:40px}.room-secret-toast{bottom:74px}.immersive-footer a{display:none}body:has(.immersive-home) .soundtrack-toggle{min-height:44px;padding-block:10px;bottom:12px}body:has(.immersive-home) .soundtrack-panel{overscroll-behavior:contain;max-height:calc(100svh - 92px);overflow-y:auto}}@media (max-height:520px) and (orientation:landscape){.immersive-home>.room-stage{height:100svh;min-height:100svh}.immersive-intro{width:min(330px,48vw);top:76px;left:18px}.immersive-intro p{margin-bottom:7px;font-size:6px}.immersive-intro h1{font-size:clamp(38px,9vw,58px)}.immersive-intro>span{max-width:260px;margin-top:9px;font-size:9px;line-height:1.45}.room-fluid-hint{width:146px;padding:8px;bottom:12px;left:12px}.room-fluid-hint>span:not(:first-child){display:none}.room-popup{max-height:none;padding-top:48px;top:66px;bottom:12px;right:12px}body:has(.immersive-home) .soundtrack-panel{max-height:none;top:12px;bottom:66px;overflow-y:auto}}@media (prefers-reduced-motion:reduce){.room-popup,.room-secret-toast{animation-duration:.01ms}.room-target-cursor,.room-click-spark{display:none}}@media (pointer:coarse){.room-target-cursor,.room-click-spark{display:none}}