@font-face{font-family:Atkinson;src:local(Atkinson),url(/Portfolio/AtkinsonHyperlegible-Regular.ttf) format("truetype")}:root{--orange-color: #ff9b51;--chosen-font: "Atkinson"}body{margin:0;padding:0;box-sizing:border-box;overflow:hidden}.page1,.page2,.page3,.github,.linkedin,.mail{position:relative;display:inline-block;text-decoration:none;color:var(--orange-color);opacity:.6;transition:transform .16s ease,opacity .16s ease}.page1:hover,.page2:hover,.page3:hover,.github:hover,.linkedin:hover,.mail:hover{opacity:1;transform:translateY(-1px) scale(1.02)}.page1:active,.page2:active,.page3:active,.github:active,.linkedin:active,.mail:active{transform:translateY(0) scale(.98)}.page1.active-page,.page2.active-page,.page3.active-page{opacity:1}.header{position:absolute;top:0;width:100%;z-index:1;background-color:transparent;text-shadow:0 0 .5px var(--orange-color),0 0 .5px var(--orange-color),0 0 .5px var(--orange-color);pointer-events:none}.overlay-top{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto;row-gap:4px;column-gap:10px;padding:calc(env(safe-area-inset-top,0px) + 10px) calc(env(safe-area-inset-right,0px) + 20px) 10px calc(env(safe-area-inset-left,0px) + 20px);align-content:start;align-items:center}.overlay-top,.overlay-top *{pointer-events:auto}.V{grid-column:1;grid-row:1;color:#f16d34;font-family:var(--chosen-font);font-size:12px;align-self:center;opacity:.5}.index{grid-column:8;grid-row:1;color:var(--orange-color);font-family:var(--chosen-font);font-size:12px;align-self:center;opacity:.5}.resume{grid-column:10 / span 2;grid-row:1;align-self:center;display:inline-flex;align-items:center;justify-content:center;color:var(--orange-color);font-family:var(--chosen-font);font-size:13px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;opacity:.7;border-radius:14px;transition:transform .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease}.resume:hover{opacity:1;transform:translateY(-1px) scale(1.03)}.resume:active{transform:translateY(0)}.name{grid-column:1;grid-row:2;color:var(--orange-color);font-family:var(--chosen-font);font-size:12px;align-self:center;transform:translateY(-3px);opacity:1}.title{grid-column:3;grid-row:2;color:var(--orange-color);font-family:var(--chosen-font);font-size:10px;align-self:center;transform:translateY(-3px);opacity:1}.pages{grid-column:8 / span 2;grid-row:2 / span 2;color:var(--orange-color);font-family:var(--chosen-font);font-size:18px;align-self:center;transform:translateY(-3px)}.footer{position:absolute;bottom:0;width:100%;z-index:1}.overlay-bottom{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto;row-gap:6px;column-gap:10px;padding:10px calc(env(safe-area-inset-right,0px) + 20px) calc(env(safe-area-inset-bottom,0px) + 10px) calc(env(safe-area-inset-left,0px) + 20px)}.wheel{grid-column:1 / span 2;grid-row:1;display:flex;gap:8px;-webkit-user-select:none;user-select:none;color:var(--orange-color);font-family:var(--chosen-font);font-size:20px;align-self:center;opacity:.5}.wheel-dash{background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;opacity:.4;transition:transform .16s ease,opacity .16s ease,text-shadow .16s ease;border-radius:14px}.wheel-dash:hover{opacity:.95;transform:translateY(-1px) scale(1.08)}.wheel-active{opacity:1;text-shadow:0 0 6px rgba(255,255,255,.7)}.socials{grid-column:8 / span 2;grid-row:1;color:var(--orange-color);font-family:var(--chosen-font);font-size:14px;align-self:center}.email{grid-column:10 / span 2;grid-row:1;color:var(--orange-color);font-family:var(--chosen-font);font-size:12px;align-self:center}.music{grid-column:12;grid-row:1;color:var(--orange-color);font-family:var(--chosen-font);font-size:12px;align-self:center;opacity:.9}.music-toggle{appearance:none;background:#ff9b510d;border:1px solid rgba(255,155,81,.22);color:var(--orange-color);border-radius:14px;padding:7px 10px;display:inline-flex;align-items:center;gap:8px;font-family:var(--chosen-font);font-size:10px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease;opacity:.85}.music-toggle:hover{transform:translateY(-1px);background:#ff9b5114;border-color:#ff9b5157;opacity:1}.music-toggle:active{transform:translateY(0)}.music-dot{width:7px;height:7px;border-radius:999px;display:inline-block;background:#ff9b5173;box-shadow:0 0 #ff9b5100;transition:background .22s ease,box-shadow .22s ease,transform .22s ease}.music-label{opacity:.75}.music-state{opacity:.95}@keyframes audioPulse{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.music-toggle.is-on .music-dot{background:#ff9b51f2;box-shadow:0 0 14px #ff9b5138;animation:audioPulse .22s ease}.music-toggle.is-muted{opacity:.72}.music-toggle.is-muted .music-dot{background:#ff9b514d;box-shadow:0 0 #ff9b5100;animation:audioPulse .22s ease}.page1,.page2,.page3,.github,.linkedin,.mail,.resume{min-height:44px;display:inline-flex;align-items:center}@media(hover:none){.page1:hover,.page2:hover,.page3:hover,.github:hover,.linkedin:hover,.mail:hover,.resume:hover,.wheel-dash:hover,.music-toggle:hover{transform:none;opacity:inherit;background:inherit;border-color:inherit}}@media(max-width:1024px){.overlay-top{padding:calc(env(safe-area-inset-top,0px) + 10px) calc(env(safe-area-inset-right,0px) + 16px) 10px calc(env(safe-area-inset-left,0px) + 16px);row-gap:4px;column-gap:8px}.overlay-bottom{padding:10px calc(env(safe-area-inset-right,0px) + 16px) calc(env(safe-area-inset-bottom,0px) + 10px) calc(env(safe-area-inset-left,0px) + 16px);row-gap:6px;column-gap:8px}.pages{font-size:16px}.wheel{font-size:18px}.resume{padding:8px 10px}}@media(max-width:900px){.overlay-top{padding:calc(env(safe-area-inset-top,0px) + 10px) calc(env(safe-area-inset-right,0px) + 12px) 10px calc(env(safe-area-inset-left,0px) + 12px);row-gap:6px;column-gap:10px;grid-template-rows:auto auto auto;align-items:center}.overlay-bottom{padding:10px calc(env(safe-area-inset-right,0px) + 12px) calc(env(safe-area-inset-bottom,0px) + 10px) calc(env(safe-area-inset-left,0px) + 12px);row-gap:10px;column-gap:10px;align-items:center}.V{grid-column:1 / span 4;grid-row:1;font-size:12px;opacity:.55}.index{grid-column:5 / span 4;grid-row:1;justify-self:center;font-size:12px;opacity:.65}.resume{grid-column:9 / span 4;grid-row:1;justify-self:end;font-size:11px;padding:9px 10px;border-radius:12px}.name{grid-column:1 / span 6;grid-row:2;font-size:12px}.title{grid-column:7 / span 6;grid-row:2;justify-self:end;text-align:right;font-size:10px;opacity:.9}.pages{grid-column:1 / -1;grid-row:3;font-size:16px;justify-self:start}.wheel{grid-column:1 / span 6;grid-row:1;font-size:18px;gap:10px;opacity:.65}.socials{grid-column:7 / span 6;grid-row:1;justify-self:end;text-align:right;font-size:13px}.email{grid-column:1 / span 8;grid-row:2;font-size:12px;opacity:.85}.music{grid-column:9 / span 4;grid-row:2;justify-self:end}.music-toggle{min-height:40px;padding:10px 12px;font-size:10px;letter-spacing:.14em;border-radius:12px}.music-dot{width:8px;height:8px}.header{text-shadow:0 0 .35px var(--orange-color),0 0 .35px var(--orange-color)}}@media(max-width:380px){.overlay-top,.overlay-bottom{padding-left:calc(env(safe-area-inset-left,0px) + 10px);padding-right:calc(env(safe-area-inset-right,0px) + 10px)}.overlay-top{padding-top:calc(env(safe-area-inset-top,0px) + 10px);padding-bottom:10px}.overlay-bottom{padding-top:10px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 10px)}.pages{font-size:15px}.resume{font-size:10px;padding:8px 9px}.wheel{font-size:17px}.socials{font-size:12px}}.audioGate{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#0000008c;color:#fff;cursor:pointer;font-family:ui-sans-serif,system-ui;letter-spacing:.12em;text-transform:uppercase;border:none}.audioGate:active{transform:scale(.995)}.projects-audioGate{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#0000008c;color:#ffffffeb;letter-spacing:.14em;text-transform:uppercase;font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.mouseHudRoot{position:fixed;inset:0;pointer-events:none;z-index:6}.mouseGlow{position:absolute;transform:translate(-50%,-50%);width:170px;height:170px;border-radius:999px;background:radial-gradient(closest-side,#ffffff57,#ffffff24 30%,#fff0 70%);filter:blur(6px);mix-blend-mode:screen;opacity:.55}.mouseCoords{position:absolute;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#fffffffa;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:opacity .24s ease;mix-blend-mode:screen}.bottomChecker{margin-top:28px;padding:22px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);opacity:.75}.bottomCheckerLabel{letter-spacing:.22em;text-transform:uppercase;font-size:12px;margin-bottom:10px;opacity:.8}.bottomCheckerGrid{display:grid;grid-template-columns:repeat(12,1fr);gap:6px}.bottomCheckerCell{height:10px;border-radius:2px}.bottomCheckerCell.isBright{background:#ffffff2e}.bottomCheckerCell.isDim{background:#ffffff0f}.bottomCheckerHint{margin-top:10px;font-size:12px;opacity:.75}.sectionKicker{letter-spacing:.18em;font-size:12px;opacity:.7;margin-bottom:10px;margin-top:20px}.sectionPanel{border-radius:18px;padding:22px 20px;background:#0a0c1085;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .18s ease,border-color .18s ease,transform .18s ease}.sectionPanel.isHovered{background:#0a0c109e;border-color:#ffffff29;transform:translateY(-1px)}.sectionPanel[role=button]{cursor:pointer;outline:none}.panelHeaderRow{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.panelTitle{font-size:44px;letter-spacing:.06em}.panelCta{font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.78;border:1px solid rgba(255,255,255,.16);padding:10px 12px;border-radius:14px;-webkit-user-select:none;user-select:none;transition:opacity .18s ease}.panelCta.isHovered{opacity:.95}.panelLead{max-width:820px;line-height:1.6;opacity:.85;margin-top:10px}.subTitle{font-size:22px;letter-spacing:.12em}.sectionH2{font-size:18px;letter-spacing:.12em}.sectionBody{max-width:820px;line-height:1.6;opacity:.85;margin-top:10px}.panelTip{margin-top:14px;opacity:.65;letter-spacing:.16em;font-size:12px;text-transform:uppercase;border-top:1px dashed rgba(255,255,255,.1);padding-top:14px}.card{margin-top:14px;border-radius:16px;padding:18px;background:#0a0c108c;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cardTopRow{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.cardTitle{font-size:18px;letter-spacing:.12em}.cardTagline{opacity:.65;margin-top:6px}.cardBody{margin-top:12px;opacity:.78;line-height:1.55}.pillRow{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.pill{font-size:12px;letter-spacing:.08em;opacity:.85;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a}.imageGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.imageFrame{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#00000059}.image{width:100%;height:180px;object-fit:cover;display:block}.aboutHeaderLeft{display:flex;align-items:center;gap:12px}.headshotWrap{position:relative;width:52px;height:52px}.headshotImg{width:52px;height:52px;border-radius:999px;object-fit:cover;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 2px #00000059 inset;background:#ffffff0f;transform:scale(1.22);transform-origin:center;filter:contrast(1.05) saturate(1.02);display:block}.headshotDot{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border-radius:999px;background:#e58f65;box-shadow:0 0 8px #e58f65cc}.aboutGrid{display:grid;grid-template-columns:1fr;gap:14px}.aboutCard{border-radius:16px;padding:16px;background:#0a0c1073;border:1px solid rgba(255,255,255,.1)}.statGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.statCard{border-radius:16px;padding:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.1)}.statKey{font-size:12px;letter-spacing:.18em;opacity:.7}.statVal{margin-top:8px;letter-spacing:.08em;opacity:.9}.contactCard{border-radius:16px;padding:16px}.mutedLine{opacity:.7;margin-top:6px}.linkGrid{margin-top:12px;display:grid;gap:10px}.linkButton{text-decoration:none;color:#fff;border-radius:14px;padding:12px 14px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;letter-spacing:.12em;text-transform:uppercase;font-size:12px;display:inline-flex;justify-content:space-between;align-items:center;gap:12px}.linkButton.isHovered{border-color:#ffffff2e}.linkSub{opacity:.75}.spacer50{height:50px}.spacer26{height:26px}.spacer22{height:22px}.spacer16{height:16px}.pageBottomPad{height:220px}@media(max-width:1024px){.sectionPanel{padding:20px 18px}.panelTitle{font-size:36px}.panelLead,.sectionBody{max-width:720px}.image{height:170px}}@media(max-width:820px){.sectionPanel{padding:18px 16px;border-radius:16px}.panelTitle{font-size:30px;letter-spacing:.05em}.panelCta{padding:9px 10px;font-size:11px}.subTitle{font-size:18px}.sectionH2{font-size:16px}.statGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.imageGrid{grid-template-columns:1fr}.image{height:190px}.headshotImg{transform:scale(1.14)}}@media(max-width:520px){.sectionKicker{font-size:11px;letter-spacing:.16em}.sectionPanel{padding:16px 14px}.panelTitle{font-size:26px}.panelLead,.sectionBody{line-height:1.55}.pill{font-size:11px;padding:6px 9px}.statGrid{grid-template-columns:1fr}.headshotWrap{width:46px;height:46px}.headshotImg{width:46px;height:46px;transform:scale(1.08)}.headshotDot{width:9px;height:9px}.pageBottomPad{height:170px}}.homeRoot{position:fixed;inset:0;width:100vw;height:100vh;background:#000;overflow:hidden}.homeCanvas{width:100%;height:100%}.homeOverlayLayer{position:fixed;inset:0;z-index:200;pointer-events:none}.homeOverlayPointer{pointer-events:auto}.homeScrollHost{position:fixed;inset:0;z-index:5;overflow-y:auto;overflow-x:hidden;padding:150px 4vw;box-sizing:border-box;color:#ffffffe0;font-family:ui-sans-serif,system-ui;-webkit-mask-image:linear-gradient(to bottom,transparent 0px,transparent 200px,rgba(0,0,0,1) 215px,rgba(0,0,0,1) calc(100% - 140px),transparent calc(100% - 90px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0px,transparent 200px,rgba(0,0,0,1) 215px,rgba(0,0,0,1) calc(100% - 140px),transparent calc(100% - 90px),transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.homeScrollHost.isLocked{overflow-y:hidden}.sectionWrap{max-width:820px;width:min(820px,92%)}.sectionAlignRight{margin-left:auto;margin-right:14px}.sectionAlignCenter{margin-left:auto;margin-right:auto}.sectionAlignLeft{margin-left:14px;margin-right:auto}.homeSentinel{height:2px}.transitionDim{position:fixed;inset:0;pointer-events:none;z-index:50;background:#0000001f}:root{--header-h: 160px;--footer-h: 170px;--pad-x: clamp(14px, 4vw, 42px);--content-max: 820px;--content-w: min(var(--content-max), 92%);--title-size: 44px;--subtitle-size: 14px;--body-size: 15px;--tap: 44px;--panel-bg: rgba(10, 12, 16, .52);--panel-bg-hover: rgba(10, 12, 16, .62);--panel-border: rgba(255, 255, 255, .1);--panel-border-hover: rgba(255, 255, 255, .16);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--z-canvas: 0;--z-sections: 5;--z-hud: 6;--z-overlay: 200}@media(max-width:768px){:root{--header-h: 150px;--footer-h: 155px;--content-w: min(760px, 94%);--title-size: 36px;--subtitle-size: 13px;--body-size: 15px}}@media(max-width:480px){:root{--header-h: 138px;--footer-h: 148px;--content-w: min(680px, 94%);--title-size: 30px;--subtitle-size: 12px;--body-size: 15px}}html,body{height:100%;width:100%;background:#000;color:#ffffffe0;margin:0;padding:0;-webkit-text-size-adjust:100%}img{max-width:100%;display:block}a,button,[role=button]{-webkit-tap-highlight-color:rgba(255,255,255,.15);touch-action:manipulation}button,[role=button]{-webkit-user-select:none;user-select:none}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}:root{color-scheme:dark}html,body,#root{height:100%;margin:0}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#07080b}button{font:inherit}