:root{--bone:#ede8de;--terminal-text:#ece8df;--muted:#92968e;--line:#ede8de21;--la:#d09250;--sea:#78a8b8;--background:#101310;--panel:#171b17;--snowline:#9bc5d2;--carrel:#d4a493;--digest:#b9624b;--live:#9ab885}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--background);min-height:100%}body{background:var(--background);min-width:320px;min-height:100%;color:var(--bone);font-family:var(--font-geist-mono), "Courier New", monospace;text-rendering:optimizelegibility;margin:0;font-size:15px;overflow-x:hidden}button,input,a{font:inherit}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--la);outline-offset:3px}.portfolio-shell{background:radial-gradient(ellipse 50% 30% at 16% 7%, #ad6e351c, transparent 78%), radial-gradient(ellipse 50% 34% at 84% 12%, #5377871f, transparent 78%), var(--background);min-height:100vh;overflow-x:clip}.topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#101310db;border-bottom:1px solid #ede8de14;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:22px;padding:17px clamp(18px,4vw,48px);transition:opacity .52s,transform .7s cubic-bezier(.16,1,.3,1);display:grid;position:sticky;top:0}.identity{min-width:0;color:var(--bone);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;text-decoration:none;overflow:hidden}.identity span{color:var(--la)}.topbar-nav{color:#7f857d;align-items:center;gap:22px;font-size:11px;display:flex}.topbar-nav a{text-decoration:none;transition:color .16s}.topbar-nav a:hover{color:var(--bone)}.social-links{justify-self:end;align-items:center;gap:7px;display:flex}.social-links a{color:#b3b5ae;border:1px solid #0000;border-radius:50%;place-items:center;width:32px;height:32px;text-decoration:none;transition:border-color .16s,color .16s,transform .16s;display:grid}.social-links a:hover{border-color:var(--line);color:var(--bone);transform:translateY(-1px)}.social-links--compact{gap:4px}.social-links--compact a{width:28px;height:28px}.hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:clamp(28px,6vw,96px);width:min(1440px,100% - clamp(36px,8vw,112px));min-height:min(760px,100vh - 66px);margin:0 auto;padding:clamp(54px,9vw,132px) 0 clamp(62px,8vw,112px);display:grid;position:relative}.portfolio-shell:not(.is-intro-settled) .topbar{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-10px)}.portfolio-shell:not(.is-intro-settled) .hero{min-height:calc(100svh - 67px)}.hero-copy{z-index:2;visibility:hidden;opacity:0;max-width:570px;transition:opacity .72s,transform .95s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(18px)}.portfolio-shell.is-intro-settled .hero-copy{visibility:visible;opacity:1;transform:translateY(0)}.eyebrow,.section-kicker,.section-bar,.project-card__header,.project-card__domain,.hero-location{color:#7f857d;letter-spacing:.08em;text-transform:uppercase;font-size:10px;line-height:1.45}.eyebrow{align-items:center;gap:9px;margin:0 0 26px;display:flex}.eyebrow__signal{background:var(--live);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #9ab8851a}.hero h1{max-width:620px;color:var(--bone);letter-spacing:-.075em;margin:0;font-size:clamp(48px,6.3vw,92px);font-weight:500;line-height:.98}.hero-lede{color:#a7aba3;max-width:480px;margin:30px 0 0;font-size:clamp(14px,1.35vw,17px);line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:40px;display:flex}.hero-link{color:var(--bone);border:1px solid #ede8de3d;align-items:center;gap:12px;padding:12px 15px;font-size:11px;text-decoration:none;transition:border-color .16s,background .16s,transform .16s;display:inline-flex}.hero-link:hover{border-color:var(--la);background:#d0925014;transform:translateY(-2px)}.hero-link span{color:var(--la);font-size:17px;line-height:.8}.hero-location{letter-spacing:.04em}.hero-city-slot{z-index:1;width:100%;min-width:0;height:clamp(340px,40vw,520px);position:relative}.hero-city{width:100%;height:100%;position:relative}.city-journey{width:100%;height:100%;min-height:0;position:relative}.city-picker{flex-direction:column;width:100%;height:100%;min-height:0;display:flex;position:relative}.city-switcher{visibility:hidden;opacity:0;border-bottom:1px solid #ede8de1a;flex:none;grid-template-columns:repeat(2,minmax(0,1fr));height:45px;margin:0 4.5%;transition:opacity .28s,transform .4s cubic-bezier(.16,1,.3,1);display:grid;position:relative;transform:translateY(4px)}.portfolio-shell.is-intro-settled .city-switcher{visibility:visible;opacity:1;transition-delay:90ms;transform:translateY(0)}.portfolio-shell:not(.is-intro-settled) .city-switcher{pointer-events:none}.city-switcher__option{color:#676d65;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:1fr;align-items:center;min-width:0;padding:7px 0 9px;transition:color .22s;display:grid;position:relative}.city-switcher__option:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .36s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.city-switcher__option strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:550;overflow:hidden}.city-label-short{display:none}.city-switcher__option--la.is-active{color:#c48646}.city-switcher__option--sea.is-active{color:#6e9dad}.city-switcher__option.is-active:after{transform:scaleX(1)}.city-switcher__option:focus-visible{outline-offset:-3px;outline:1px solid}.city-picker__stage{flex:auto;min-height:0;position:relative;overflow:hidden}.city-panel{opacity:0;pointer-events:none;min-width:0;padding:0;transition:opacity .26s,transform .48s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translate(18px)}.city-panel--sea{transform:translate(-18px)}.city-panel.is-active{z-index:1;opacity:1;pointer-events:auto;transform:translate(0,0)}.city-panel__note{display:none}.city-panel__art{height:100%;margin-top:0;position:relative}.city-outline{position:absolute;inset:0;overflow:visible}.outline-canvas{width:100%;height:100%;display:block}.section-bar{border-bottom:1px solid #ede8de1c;justify-content:space-between;gap:20px;padding-bottom:13px;display:flex}.projects-section,.terminal-section{width:min(1120px,100% - clamp(36px,8vw,112px));margin:0 auto}.projects-section{visibility:hidden;opacity:0;transition:opacity .65s,transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.portfolio-shell.is-intro-settled .projects-section{visibility:visible;opacity:1;transform:translateY(0)}.projects-section{padding:clamp(76px,10vw,148px) 0 clamp(90px,11vw,168px)}.projects-heading{grid-template-columns:minmax(0,1fr) minmax(240px,.68fr);align-items:end;gap:44px;padding:34px 0 40px;display:grid}.terminal-heading{padding:34px 0 40px}.section-kicker{color:var(--la);margin:0 0 15px}.projects-heading h2,.terminal-heading h2{max-width:650px;color:var(--bone);letter-spacing:-.06em;margin:0;font-size:clamp(30px,4.2vw,58px);font-weight:500;line-height:1.02}.projects-heading>p{color:#8d938b;max-width:360px;margin:0 0 2px;font-size:12px;line-height:1.7}.project-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.project-card{min-height:365px;color:var(--bone);border:1px solid #ede8de26;border-radius:3px;flex-direction:column;justify-content:space-between;padding:clamp(20px,2.6vw,34px);text-decoration:none;transition:border-color .22s,transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s;display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:#ede8de6b;transform:translateY(-4px);box-shadow:0 22px 60px #0003}.project-card>:not(.project-card__visual){z-index:1;position:relative}.project-card__visual{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.project-card__visual>span{color:#ede8de14;letter-spacing:-.1em;white-space:nowrap;font-size:clamp(48px,8vw,106px);font-weight:650;line-height:.9;position:absolute;bottom:-.08em;right:-.04em}.project-card--digest{color:#202923;background:#e9e3d7}.project-card--digest .project-card__visual{background:radial-gradient(circle at 78% 28%,#b9624b30,#0000 25%),linear-gradient(145deg,#255f4e1a,#0000 48%)}.project-card--digest .project-card__visual:before{content:"";background:#2029232e;width:58%;height:1px;position:absolute;top:21%;right:7%;transform:rotate(-11deg);box-shadow:0 22px #2029231f,0 44px #20292314}.project-card--digest .project-card__visual:after{background:var(--digest);content:"";border-radius:50%;width:9px;height:9px;position:absolute;top:16%;right:11%;box-shadow:0 26px #b9624b94,0 52px #b9624b59}.project-card--digest .project-card__header{color:#20292394}.project-card--digest .project-card__body p{color:#202923ad}.project-card--digest .project-card__domain{color:#2029237a}.project-card--digest .project-card__visual>span{color:#2029231a}.project-card--snowline{color:#eef4ef;background:#12272d}.project-card--snowline .project-card__visual{background:radial-gradient(circle at 76% 30%,#9bcad738,#0000 27%),linear-gradient(155deg,#76a8b81f,#0000 42%)}.project-card--snowline .project-card__visual:before{content:"";border:1px solid #9bcad73d;border-radius:50%;width:74%;height:70%;position:absolute;top:16%;right:8%;transform:rotate(-17deg)}.project-card--snowline .project-card__visual:after{content:"";background:#9bcad74d;width:80%;height:1px;position:absolute;bottom:22%;right:-6%;transform:rotate(-17deg);box-shadow:0 -26px #9bcad729,0 26px #9bcad71f}.project-card--carrel{color:#f1ebe3;background:#2b2733}.project-card--carrel .project-card__visual{background:radial-gradient(circle at 78% 28%,#d4a49338,#0000 27%),linear-gradient(145deg,#7a6b9a2b,#0000 47%)}.project-card--carrel .project-card__visual:before{content:"";border:1px solid #d4a49359;border-radius:2px;width:43%;height:67%;position:absolute;top:13%;right:12%;transform:rotate(-7deg);box-shadow:12px 8px #d4a4931c,24px 16px #d4a49312}.project-card--carrel .project-card__visual:after{content:"";background:#d4a49370;width:40%;height:1px;position:absolute;bottom:20%;right:12%;box-shadow:0 -14px #d4a49340,0 14px #d4a4932e}.project-card--5pm{background:#18241c;min-height:365px}.project-card--5pm .project-card__visual{background:radial-gradient(circle at 85% 62%,#9ab88530,#0000 29%),linear-gradient(130deg,#9ab88514,#0000 45%)}.project-card--5pm .project-card__visual:before{content:"";background:#9ab88547;width:46%;height:1px;position:absolute;top:23%;right:8%;transform:rotate(-9deg);box-shadow:0 20px #9ab88533,0 40px #9ab88521}.project-card__header{color:#ede8de8f;justify-content:space-between;gap:14px;display:flex}.project-card__status{color:var(--live)}.project-card--digest .project-card__status{color:var(--digest)}.project-card--carrel .project-card__status{color:var(--carrel)}.project-card--snowline .project-card__status{color:var(--snowline)}.project-card__body{justify-content:space-between;align-items:end;gap:24px;margin-top:auto;padding-top:48px;display:flex}.project-card__body h3{color:inherit;letter-spacing:-.08em;margin:0 0 11px;font-size:clamp(29px,4vw,52px);font-weight:500;line-height:.95}.project-card__body p{color:#ede8deb3;max-width:390px;margin:0;font-size:12px;line-height:1.6}.project-card__arrow{color:#ede8debf;border:1px solid #ede8de40;border-radius:50%;flex:none;place-items:center;width:37px;height:37px;transition:background .16s,color .16s,transform .16s;display:grid}.project-card:hover .project-card__arrow{background:var(--bone);color:var(--background);transform:rotate(45deg)}.project-card__domain{color:#ede8de7a;letter-spacing:.02em;text-transform:none;margin-top:28px}.terminal-section{padding:0 0 clamp(88px,12vw,168px)}.terminal-wrap{--terminal-sequence-delay:.3s;z-index:5;visibility:hidden;opacity:0;width:100%;margin:0;position:relative;transform:translateY(18px)}.terminal-wrap.is-visible{visibility:visible;animation:terminal-arrive .42s cubic-bezier(.2, .75, .2, 1) var(--terminal-sequence-delay) forwards}.terminal-kicker{display:none}.terminal{border:1px solid var(--line);color:var(--terminal-text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101310eb;overflow:hidden;box-shadow:0 30px 70px #00000047}.terminal-output{scrollbar-color:#454940 transparent;scrollbar-width:thin;height:clamp(250px,28vw,320px);padding:24px 24px 8px;overflow:hidden auto}.terminal-output::-webkit-scrollbar{width:5px}.terminal-output::-webkit-scrollbar-thumb{background:#454940}.terminal-output::-webkit-scrollbar-track{background:0 0}.terminal-entry{margin-bottom:22px}.terminal-entry--bio .terminal-response,.terminal-entry--projects,.terminal-entry--projects .terminal-response{opacity:0;transform:translateY(5px)}.terminal-wrap.is-visible .terminal-entry--bio .terminal-response{animation:terminal-reveal .28s ease calc(var(--terminal-sequence-delay) + .72s) forwards}.terminal-wrap.is-visible .terminal-entry--projects{animation:terminal-reveal .14s ease calc(var(--terminal-sequence-delay) + 1.05s) forwards}.terminal-wrap.is-visible .terminal-entry--projects .terminal-response{animation:terminal-reveal .3s ease calc(var(--terminal-sequence-delay) + 1.45s) forwards}.command-line{color:#d7d4ca;margin:0 0 9px;font-size:13px;line-height:1.5}.command-line>span,.terminal-prompt label{color:#d4a064}.command-line i{font-style:normal}.boot-command{vertical-align:bottom;white-space:nowrap;width:0;display:inline-block;overflow:hidden}.boot-command--whoami{--command-width:6ch}.boot-command--projects{--command-width:8ch}.terminal-wrap.is-visible .boot-command--whoami{animation:terminal-type .36s steps(6, end) calc(var(--terminal-sequence-delay) + .32s) forwards}.terminal-wrap.is-visible .boot-command--projects{animation:terminal-type .36s steps(8, end) calc(var(--terminal-sequence-delay) + 1.05s) forwards}.bio-output{min-width:0}.bio-output h3{letter-spacing:-.025em;margin:0 0 5px;font-size:20px;font-weight:650;line-height:1.3}.bio-output p{overflow-wrap:break-word;max-width:100%;margin:4px 0;font-size:14px;line-height:1.55}.muted-output,.empty-session{color:var(--muted)}.project-output{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.project-output a{min-width:0;color:var(--muted);border:1px solid #ede8de14;grid-template-columns:24px minmax(0,1fr) auto 14px;align-items:start;gap:9px;padding:12px;font-size:12px;text-decoration:none;transition:border-color .16s,background .16s;display:grid}.project-output a:hover{background:#ede8de06;border-color:#ede8de33}.project-output strong{color:var(--terminal-text);margin-bottom:4px;font-size:13px;font-weight:600;display:block}.project-output small{color:#888c84;font-size:11px;line-height:1.45;display:block}.status{white-space:nowrap;font-size:10px}.status--5pm{color:#89a678}.status--digest{color:#b9624b}.status--carrel{color:#d4a493}.status--snowline{color:#83b7c7}.link-output{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.link-output a{color:var(--muted);grid-template-columns:18px 64px minmax(0,1fr) 14px;align-items:center;gap:8px;padding:10px;font-size:12px;text-decoration:none;display:grid}.link-output a:hover{color:var(--terminal-text);background:#ede8de09}.link-output a span:nth-child(2){color:var(--terminal-text)}.help-output,.message-output{color:var(--muted)}.help-output{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 20px;font-size:12px;line-height:1.5;display:grid}.help-output b{min-width:112px;color:var(--terminal-text);font-weight:500;display:inline-block}.message-output,.empty-session{margin:0;font-size:13px;line-height:1.6}.terminal-prompt{visibility:hidden;opacity:0;border-top:1px solid #ede8de17;align-items:center;gap:7px;min-height:52px;padding:0 24px;font-size:13px;display:flex;transform:translateY(4px)}.terminal-wrap.is-visible .terminal-prompt{animation:terminal-prompt-reveal .18s ease calc(var(--terminal-sequence-delay) + 1.83s) forwards}.terminal-prompt label{flex:none}.prompt-input-shell{flex:1;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.terminal-prompt input{z-index:1;width:100%;color:var(--terminal-text);caret-color:#0000;background:0 0;border:0;outline:0;padding:0;position:absolute;inset:0}.terminal-prompt input:focus-visible{outline:0}.terminal-prompt:focus-within{box-shadow:inset 2px 0 #d09a61}.prompt-input-measure{color:#0000;white-space:pre;max-width:calc(100% - 9px);overflow:hidden}.cursor{z-index:2;pointer-events:none;background:#d09a61;flex:none;width:7px;height:16px;margin-left:1px;animation:1.1s step-end infinite cursor-blink;position:relative}@keyframes terminal-arrive{to{opacity:1;transform:translateY(0)}}@keyframes terminal-type{to{width:calc(var(--command-width) + 2px)}}@keyframes terminal-reveal{to{opacity:1;transform:translateY(0)}}@keyframes terminal-prompt-reveal{to{visibility:visible;opacity:1;transform:translateY(0)}}@keyframes cursor-blink{0%,48%{opacity:1}49%,to{opacity:0}}@media (width<=1020px){.hero{gap:28px}.projects-heading{grid-template-columns:minmax(0,1fr) minmax(220px,.75fr);gap:28px}.project-output{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.topbar{gap:10px;padding:14px 18px;display:flex}.identity{flex:auto;font-size:11px}.topbar-nav{gap:12px;font-size:10px}.topbar-nav a:last-child{display:none}.social-links{gap:3px}.social-links a{width:29px;height:29px}.hero{flex-direction:column;align-items:stretch;gap:20px;width:min(100% - 36px,620px);min-height:0;padding:58px 0 54px;display:flex}.portfolio-shell:not(.is-intro-settled) .hero{width:100%;min-height:calc(100svh - 58px);padding:58px 18px 54px}.eyebrow{margin-bottom:20px;font-size:9px}.hero h1{max-width:520px;font-size:clamp(43px,13vw,64px);line-height:.97}.hero-lede{margin-top:23px;font-size:13px;line-height:1.65}.hero-actions{gap:16px;margin-top:28px}.hero-link{padding:11px 13px}.hero-location{font-size:9px}.hero-city-slot{order:2;width:100%;height:min(77vw,370px);margin-top:20px}.projects-section,.terminal-section{width:min(100% - 36px,620px)}.projects-section{padding:70px 0 90px}.section-bar{font-size:9px}.projects-heading{padding:27px 0 30px;display:block}.terminal-heading{padding:27px 0 30px}.projects-heading h2,.terminal-heading h2{font-size:clamp(34px,10vw,50px)}.projects-heading>p{max-width:470px;margin-top:22px;font-size:11px;line-height:1.7}.project-showcase{grid-template-columns:1fr;gap:8px}.project-card,.project-card--5pm{grid-column:auto;min-height:315px;padding:20px}.project-card--5pm{min-height:245px}.project-card__body{gap:16px;padding-top:40px}.project-card__body h3{font-size:clamp(34px,11vw,50px)}.project-card__body p{max-width:275px;font-size:11px}.project-card__domain{margin-top:22px;font-size:9px}.project-card__visual>span{font-size:clamp(48px,15vw,86px)}.terminal-section{padding-bottom:90px}.terminal-wrap{width:100%}.terminal-output{height:min(360px,53svh);min-height:245px;padding:17px 15px 4px}.terminal-entry{margin-bottom:15px}.command-line{margin-bottom:6px;font-size:12px}.bio-output h3{margin-bottom:3px;font-size:18px}.bio-output p{margin:2px 0;font-size:12px;line-height:1.5}.project-output,.link-output{grid-template-columns:1fr;gap:6px}.project-output a{grid-template-columns:22px minmax(0,1fr) auto 14px;padding:9px}.project-output strong{margin-bottom:2px;font-size:12px}.project-output small{max-width:230px;font-size:10px;line-height:1.35}.status{font-size:9px}.link-output a{grid-template-columns:18px 64px minmax(0,1fr) 14px;padding:9px 5px}.link-output a span:nth-child(3){overflow-wrap:anywhere}.help-output{grid-template-columns:1fr}.terminal-prompt{min-height:42px;padding:0 15px;font-size:11px}.terminal-wrap.is-visible .terminal-prompt{animation-delay:calc(var(--terminal-sequence-delay) + 2.25s)}.terminal-prompt:focus-within{background:#ede8de04;min-height:50px}}@media (width<=380px){.topbar{gap:7px;padding-inline:14px}.identity{max-width:135px}.topbar-nav{gap:8px}.social-links a{width:26px;height:26px}.city-label-full{display:none}.city-label-short{display:inline}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.terminal-wrap.is-visible,.terminal-entry--initial,.terminal-entry--initial .terminal-response,.terminal-prompt{visibility:visible;opacity:1;transform:none}.portfolio-shell:not(.is-intro-settled) .topbar{visibility:visible;opacity:1;pointer-events:auto;position:sticky;transform:none}.city-picker{transform:none}.hero-copy{opacity:1;visibility:visible;transform:none}.projects-section{visibility:visible;opacity:1;transform:none}.portfolio-shell.is-intro-settled .city-switcher,.portfolio-shell.is-intro-settled .city-panel__note{transition-delay:0s}.boot-command{width:var(--command-width)}}@supports ((-moz-appearance:none)){.portfolio-shell{background:var(--background)}}
