:root{--page: #dad7d0;--sky-top: #667197;--sky-mid: #5c6488;--sky-bottom: #757389;--cloud: #f0ece6;--ink: #141414;--muted: rgba(20,20,20,.64);--white: rgba(255,255,255,.92);--line: rgba(20,20,20,.08);--font-display: "Manrope", "fenwick", sans-serif;--font-body: "Inter", sans-serif;--ease-view: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{margin:0;background:var(--page);color:var(--ink);font-family:var(--font-body)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.background-scene{position:fixed;inset:0;overflow:hidden;background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 42%,var(--sky-bottom) 100%);isolation:isolate}.background-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.portfolio-loader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;padding:8vw;color:#f3f2fab8;background:radial-gradient(circle at 50% 42%,rgba(95,102,137,.28),transparent 54%),linear-gradient(180deg,#252a3ef0,#2b2c3df5);opacity:1;transition:opacity .8s var(--ease-view)}.portfolio-loader:before,.portfolio-loader:after{content:"";position:absolute;inset:0;pointer-events:none}.portfolio-loader:before{opacity:.18;background-image:radial-gradient(rgba(255,255,255,.28) .6px,transparent .8px);background-size:5px 5px;mix-blend-mode:soft-light}.portfolio-loader:after{background:radial-gradient(circle at 50% 44%,transparent 16%,rgba(11,12,20,.3) 100%)}.portfolio-loader-terminal{position:relative;z-index:1;width:min(620px,84vw);transform:scale(1);transform-origin:45% 50%;filter:blur(0);transition:transform .8s var(--ease-view),filter .8s var(--ease-view),opacity .8s var(--ease-view)}.portfolio-loader-label{margin:0 0 24px;color:#edeef97a;font-size:10px;font-weight:700;line-height:1;letter-spacing:.14em}.portfolio-loader-code{min-height:190px;font-family:SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:clamp(12px,1.25vw,14px);line-height:1.9}.portfolio-loader-code p{min-height:1.9em;margin:0;white-space:pre-wrap}.portfolio-loader-code .is-ready{color:#f2f2fffa}.portfolio-loader-cursor{display:inline-block;width:1px;height:1em;margin-left:4px;vertical-align:-.13em;background:#f2f2ffd1;animation:portfolio-loader-cursor .8s steps(1,end) infinite}.portfolio-loader.is-exiting{opacity:0}.portfolio-loader.is-exiting .portfolio-loader-terminal{opacity:.36;transform:scale(.975);filter:blur(5px)}.portfolio-is-loading .view-panel{overflow-y:hidden}.portfolio-is-loading .view-shell,.portfolio-is-loading .dock,.portfolio-is-loading .top-mini{pointer-events:none}@keyframes portfolio-loader-cursor{50%{opacity:0}}.code-trail-overlay{position:fixed;inset:0;z-index:2;pointer-events:none}.contact-background-softener{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:0;background:#14141a38;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:opacity .52s var(--ease-view),backdrop-filter .52s var(--ease-view)}.contact-background-softener.is-visible{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.texture,.vignette,.ground-bar{position:absolute;inset:0;pointer-events:none}.texture{z-index:2;opacity:.28;background-image:radial-gradient(rgba(255,255,255,.24) .7px,transparent 1px);background-size:5px 5px;mix-blend-mode:soft-light}.vignette{z-index:3;background:radial-gradient(circle at 50% 45%,transparent 0 38%,rgba(0,0,0,.08) 78%,rgba(0,0,0,.16) 100%)}.cloud{position:absolute;z-index:1;filter:blur(14px);opacity:.98;background:radial-gradient(circle at 18% 54%,var(--cloud) 0 16%,transparent 18%),radial-gradient(circle at 30% 50%,var(--cloud) 0 20%,transparent 22%),radial-gradient(circle at 44% 46%,var(--cloud) 0 18%,transparent 20%),radial-gradient(circle at 59% 47%,var(--cloud) 0 20%,transparent 22%),radial-gradient(circle at 76% 52%,var(--cloud) 0 18%,transparent 20%),radial-gradient(circle at 50% 74%,var(--cloud) 0 28%,transparent 30%)}.cloud-left{width:42vw;min-width:340px;height:28vh;min-height:180px;left:-7vw;top:28vh;transform:rotate(2deg)}.cloud-right{width:56vw;min-width:520px;height:30vh;min-height:190px;right:-8vw;top:24vh}.top-mini{position:fixed;top:20px;left:22px;z-index:8;font-size:11px;color:#ffffffa8;letter-spacing:.12em;text-transform:uppercase}.ground-bar{top:auto;height:18px;background:#f8f6f1f0;z-index:4}.view-shell{position:fixed;inset:0;z-index:4;overflow:hidden}.view-track{display:flex;width:100vw;height:100dvh;will-change:transform;transition:transform .65s var(--ease-view)}.view-panel{position:relative;flex:0 0 100vw;width:100vw;height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.content{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:10vh 5vw 17vh;text-align:center}.about-hero{position:relative;min-height:100dvh}.intro{width:min(1280px,94vw);max-width:none;color:var(--white);text-shadow:0 2px 8px rgba(100,100,100,.28),0 10px 28px rgba(100,100,100,.28)}.intro p{margin:0;font-family:var(--font-display);font-size:clamp(30px,4vw,54px);line-height:1.05;font-weight:500;letter-spacing:.025em;white-space:nowrap}.intro strong{font-weight:700}.intro p+p{margin-top:4px}.about-details{min-height:100dvh;display:grid;align-items:center;padding:15vh 6vw 18vh;background:#f8f6f1eb;border-top:1px solid rgba(255,255,255,.38)}.about-inner,.projects-inner,.contact-inner{width:min(1120px,calc(100vw - 40px));margin:0 auto}.section-kicker{margin:0 0 18px;font-size:11px;font-weight:700;color:#14141485;letter-spacing:.14em;text-transform:uppercase}.projects-header .section-kicker,.contact-header .section-kicker{color:#ffffffc7}.about-lead{max-width:760px;margin:0;font-family:var(--font-display);font-size:clamp(34px,5vw,76px);line-height:1.02;font-weight:600}.about-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:clamp(28px,6vw,90px);margin-top:58px;align-items:start}.about-copy{max-width:560px;margin:0;color:var(--muted);font-size:16px;line-height:1.75}.info-groups{display:grid;gap:28px}.info-group{padding-top:18px;border-top:1px solid rgba(20,20,20,.08)}.info-group h2{margin:0 0 12px;font-family:var(--font-display);font-size:16px;line-height:1.2}.tag-list{display:flex;flex-wrap:wrap;gap:9px;margin:0;padding:0;list-style:none}.tag-list li{padding:8px 11px;border:1px solid rgba(20,20,20,.1);border-radius:999px;color:#141414b8;font-size:13px;line-height:1;background:#ffffff5c}.view-stage{min-height:100dvh;display:grid;align-items:center;padding:8vh 6vw 12vh}.projects-header,.contact-header{max-width:690px;margin-bottom:28px;color:var(--white);text-shadow:0 2px 18px rgba(0,0,0,.12)}.projects-header h1,.contact-header h1{margin:0;font-family:var(--font-display);font-size:clamp(42px,7vw,94px);line-height:.98;font-weight:600}.projects-header p,.contact-header p{max-width:520px;margin:18px 0 0;color:#ffffffc2;font-size:15px;line-height:1.7}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-card{min-height:360px;display:flex;flex-direction:column;padding:14px;border:1px solid rgba(255,255,255,.34);border-radius:8px;background:#f8f6f1c2;box-shadow:0 20px 60px #11121821;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .24s ease,background .24s ease}.project-card-link:hover,.project-card-link:focus-visible{transform:translateY(-4px);background:#f8f6f1d6}.project-media{min-height:150px;overflow:hidden;border-radius:5px;border:1px solid rgba(20,20,20,.08);background:linear-gradient(135deg,#ffffff75,#ffffff1f),#1414140d}.project-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.project-body{display:flex;flex:1;flex-direction:column;padding:18px 6px 4px}.project-body h2{margin:0;font-family:var(--font-display);font-size:24px;line-height:1.1}.project-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.project-status{flex:0 0 auto;padding:5px 8px;border:1px solid rgba(20,20,20,.18);border-radius:4px;color:#14141494;font-size:10px;font-weight:700;line-height:1;letter-spacing:0}.project-body p{margin:14px 0 0;color:#141414a3;font-size:14px;line-height:1.65}.project-arrow{margin-top:auto;padding-top:20px;color:#14141499;font-size:28px;line-height:1;transform:translate(0);transition:transform .24s ease}.project-card-link:hover .project-arrow,.project-card-link:focus-visible .project-arrow{transform:translate(8px)}.contact-links{display:grid;gap:12px;max-width:860px}.contact-link{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:22px 0;border-top:1px solid rgba(255,255,255,.28);color:var(--white);text-shadow:0 2px 18px rgba(0,0,0,.12);transition:transform .22s ease,color .22s ease,opacity .22s ease}.contact-link:last-child{border-bottom:1px solid rgba(255,255,255,.28)}.contact-link span:first-child{font-family:var(--font-display);font-size:clamp(34px,6vw,82px);line-height:1;font-weight:600}.contact-link span:last-child{font-size:clamp(28px,5vw,58px);line-height:1;transform:translate(0);transition:transform .22s ease}.contact-link:hover,.contact-link:focus-visible{transform:translate(8px);color:#fff}.contact-link:hover span:last-child,.contact-link:focus-visible span:last-child{transform:translate(8px)}.contact-link-disabled{cursor:not-allowed;opacity:.48}.contact-link-disabled:hover{transform:none}.dock{position:fixed;left:50%;bottom:8px;transform:translate(-50%);z-index:10;display:inline-flex;align-items:center;gap:8px}.dock-logo,.dock-nav{height:36px;border-radius:999px;background:#f8f6f1f5;border:1px solid rgba(20,20,20,.08);box-shadow:0 6px 18px #1c1c1c14}.dock-logo{width:36px;display:grid;place-items:center;overflow:hidden;font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:-.09em}.dock-logo img{display:block;width:100%;height:100%;object-fit:cover}.dock-logo:hover,.dock-logo:focus-visible{color:#111}.dock-nav{display:inline-flex;align-items:center;gap:16px;padding:0 16px;font-size:12px;color:#141414c2;white-space:nowrap}.dock-nav a,.dock-nav span{transition:opacity .18s ease,color .18s ease}.dock-nav a:hover,.dock-nav a:focus-visible,.dock-nav a[aria-current=page]{opacity:1;color:#111}.font-tester{position:fixed;right:14px;bottom:14px;z-index:90;width:220px;overflow:hidden;border:1px solid rgba(20,20,20,.12);border-radius:6px;background:#f8f6f1f5;box-shadow:0 12px 36px #1112182e;color:var(--ink);font-family:var(--font-body);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.font-tester-header{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 7px 0 12px;border-bottom:1px solid rgba(20,20,20,.09);font-size:11px;font-weight:700}.font-tester-header button{width:26px;height:26px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#1414148f;cursor:pointer;font-size:18px;line-height:1}.font-tester-header button:hover,.font-tester-header button:focus-visible{color:var(--ink)}.font-tester-options{max-height:218px;overflow-y:auto;padding:6px;scrollbar-width:thin}.font-tester-option{width:100%;min-height:40px;display:flex;align-items:center;padding:0 9px;border:0;border-radius:4px;background:transparent;color:#141414ad;cursor:pointer;font-size:16px;font-weight:600;text-align:left}.font-tester-option:hover,.font-tester-option:focus-visible{background:#1414140d;color:var(--ink)}.font-tester-option.is-active{background:#14141417;color:var(--ink)}@media(max-width:920px){.project-grid{grid-template-columns:1fr}.project-card{min-height:0}.project-media{min-height:210px}}@media(max-width:820px){.intro{width:min(96vw,720px)}.intro p{font-size:42px}.intro .intro-line-subtitle{font-size:30px}.cloud-left{width:58vw;top:36vh}.cloud-right{width:72vw;top:27vh}.dock-nav{gap:12px;padding:0 14px;font-size:11px}.about-grid{grid-template-columns:1fr;margin-top:40px}.about-details,.view-stage{padding-left:24px;padding-right:24px}}@media(max-width:560px){.content{padding:12vh 4vw 18vh}.intro p{font-size:34px;line-height:1.08}.intro .intro-line-subtitle{font-size:19px}.dock{gap:6px}.dock-logo{width:34px;height:34px;font-size:18px}.dock-nav{height:34px;gap:10px;padding:0 12px;font-size:10px}.top-mini{top:16px;left:16px;font-size:10px}.about-inner,.projects-inner,.contact-inner{width:min(100%,calc(100vw - 32px))}.about-details{padding-top:12vh}.tag-list li{font-size:12px}.project-media{min-height:170px}.contact-link{gap:12px}.font-tester{right:8px;bottom:52px;width:min(220px,calc(100vw - 16px))}}@media(max-width:380px){.intro .intro-line-subtitle{font-size:17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.view-track,.project-card,.project-arrow,.contact-link,.contact-link span:last-child{transition:none}.portfolio-loader{transition:opacity .25s ease}.portfolio-loader-terminal,.portfolio-loader.is-exiting .portfolio-loader-terminal{transform:none;filter:none;transition:none}.portfolio-loader-cursor{animation:none}}