@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500&family=Fraunces:opsz,wght@9..144,300..600&display=swap";:root{--font-sans:"Instrument Sans", "Segoe UI", sans-serif;--font-serif:"Fraunces", "Times New Roman", serif;--color-bg:#f6f5f2;--color-panel:#fdfcfb;--color-text:#1e1c1a;--color-text-soft:#66625d;--color-border:#d8d4ce;--color-border-strong:#b8b3ac}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-sans);background:radial-gradient(circle at 8% 12%, #ffffffd9, transparent 48%), linear-gradient(180deg, #f8f7f5 0%, var(--color-bg) 65%);color:var(--color-text)}button{font:inherit}.portfolio-landing{width:100%;min-height:100vh;margin:auto;position:relative}.portfolio-landing-container{width:var(--p-width);grid-template-columns:1fr minmax(320px,38vw) 1fr;align-items:center;min-height:100vh;margin:auto;display:grid;position:relative}.portfolio-character-model{z-index:8;height:min(76vh,820px);position:relative}.portfolio-character-rim{aspect-ratio:1;filter:blur(12px);z-index:1;background:radial-gradient(circle,#baab986b,#baab9800);border-radius:50%;width:clamp(220px,34vw,460px);position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.portfolio-character-model canvas{z-index:2;position:relative}.portfolio-intro,.portfolio-info{z-index:9;position:relative}.portfolio-intro h2,.portfolio-info h3{color:#6a6258;letter-spacing:.02em;margin:0;font-size:clamp(.95rem,1.6vw,1.45rem);font-weight:500}.portfolio-intro h1,.portfolio-info h2{font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;margin:.35rem 0 0;font-size:clamp(1.95rem,4vw,4rem);line-height:.94}.portfolio-info{text-align:right}@media (width<=1024px){.portfolio-landing-container{grid-template-columns:1fr;align-content:end;gap:1.5rem;padding-top:7rem}.portfolio-info{text-align:left}.portfolio-character-model{order:3;height:56vh}}.portfolio-hover-link{display:inline-flex;position:relative;overflow:hidden}.portfolio-hover-in{transition:all .3s;position:relative}.portfolio-hover-in>span{position:absolute;top:100%;left:0}.portfolio-hover-link:hover .portfolio-hover-in{color:#7f7364;transform:translateY(-100%)}.portfolio-header{width:var(--p-width);box-sizing:border-box;z-index:30;grid-template-columns:1fr auto 1fr;justify-content:space-between;align-items:center;margin:0 auto;padding:1.5rem 0;display:grid;position:fixed;top:0;left:50%;transform:translate(-50%)}.portfolio-header nav{justify-self:end;gap:2.1rem;display:flex}.portfolio-header nav a,.portfolio-connect,.portfolio-brand{color:#2f2a24;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:600;text-decoration:none}.portfolio-connect{color:#5f564b}@media (width<=900px){.portfolio-header{grid-template-columns:auto 1fr;gap:1rem}.portfolio-connect{display:none}}.portfolio-icons-wrap{width:var(--p-width);z-index:30;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.portfolio-social-icons{flex-direction:column;gap:1rem;display:flex;position:absolute;bottom:2.2rem;left:-1.8rem}.portfolio-social-icons a{color:#4e463d;font-size:1.3rem}.portfolio-resume{color:#5e5448;letter-spacing:.1em;font-size:.82rem;font-family:var(--font-sans);align-items:center;gap:.3rem;font-weight:600;text-decoration:none;display:inline-flex;position:absolute;bottom:2.2rem;right:0}.resume-icon{display:inline-flex}@media (width<=1024px){.portfolio-social-icons{bottom:1rem;left:0}.portfolio-resume{bottom:1rem;right:0}}.portfolio-main-container{--p-width:min(1240px, 92vw);color:#2f2a24;background:radial-gradient(circle at 50% 0,#f2ece473,#eae2d7eb);min-height:100vh;position:relative}.portfolio-section{min-height:92vh;width:var(--p-width);border-top:1px solid #766b5c42;align-items:center;margin:0 auto;display:grid}.portfolio-section h3{font-family:var(--font-serif);letter-spacing:.03em;color:#3a342d;margin:0;font-size:clamp(2.8rem,8vw,7rem);font-weight:400}.portfolio-contact-email{color:#6a6156;font-family:var(--font-sans);letter-spacing:.04em;margin-top:1rem;text-decoration:none}.cinema-shell{background:#ece6de;min-height:100dvh;padding:0;position:relative;overflow:hidden}.scene{isolation:isolate;min-height:100dvh;position:relative;overflow:hidden}.layer{position:absolute;inset:0}.layer-atmosphere{z-index:1;transform-origin:50%;background-position:50%;background-size:cover}.layer-atmosphere-tone{mix-blend-mode:multiply;background:radial-gradient(circle at 20% 18%,#fffcf859,#24201c9e);position:absolute;inset:0}.layer-name{z-index:2;pointer-events:none;align-content:center;justify-items:start;gap:.9rem;padding:clamp(1.2rem,3.6vw,3rem);display:grid}.outlined-title{font-family:var(--font-serif);letter-spacing:.03em;color:#0000;-webkit-text-stroke:1.5px #f8f1eae0;text-transform:uppercase;flex-wrap:wrap;gap:.22em;margin:0;font-size:clamp(3.6rem,15vw,13.5rem);font-weight:500;line-height:.84;display:flex}.scene-begin{background:#f4efe8}.texture-layer{filter:saturate(.92);background:radial-gradient(circle at 12% 18%,#ffffff73,#0000 45%),radial-gradient(circle at 86% 82%,#d8cdbf42,#0000 42%),repeating-linear-gradient(115deg,#998a790a 0 1px,#0000 1px 7px),linear-gradient(160deg,#f8f4ef,#eee7de)}.begin-name{text-align:center;align-content:center;justify-items:center}.assembled-phrase{font-family:var(--font-serif);letter-spacing:.04em;color:#2d2924;flex-wrap:wrap;justify-content:center;align-items:center;margin:0;font-size:clamp(2.6rem,11vw,8.8rem);font-weight:500;line-height:.9;display:flex}.phrase-letter{display:inline-block}.phrase-space{width:.35em}.scene-avatar{background:radial-gradient(circle at 20% 12%,#ffffff75,#0000 42%),linear-gradient(150deg,#f6f1ea,#e9e2d9)}.avatar-atmosphere{z-index:1;background:radial-gradient(circle at 18% 24%,#fffcf857,#0000 52%),radial-gradient(circle at 82% 66%,#cdc0b142,#0000 48%);position:absolute;inset:0}.avatar-glow{aspect-ratio:1;filter:blur(10px);z-index:2;background:radial-gradient(circle,#f4ebe085,#f4ebe000);border-radius:999px;width:clamp(13rem,25vw,22rem);position:absolute;translate:-50% -50%}.avatar-image-layer{z-index:3;filter:saturate(.93)contrast(.95);background-position:50%;background-size:cover;position:absolute;inset:8vh 15vw 14vh}.avatar-image-layer:after{content:"";background:linear-gradient(#201c1814,#201c184d);position:absolute;inset:0}.avatar-title{z-index:4;font-family:var(--font-serif);letter-spacing:.03em;color:#312c27e6;margin:0;font-size:clamp(2.8rem,12vw,8.8rem);line-height:.9;position:absolute;bottom:clamp(2rem,5vw,3.5rem);left:50%;translate:-50%}.global-atmosphere{pointer-events:none;background:radial-gradient(circle at 50% 45%,#fff8f238,#fff8f200);position:fixed;inset:0}@media (width<=820px){.outlined-title{-webkit-text-stroke:1px #f8f1eae6}.avatar-image-layer{inset:11vh 8vw 20vh}}