:root{--background:#efe7dc;--foreground:#19120e;--muted:#65584d;--card:#fff9f1b3;--card-strong:#1e1611f0;--border:#19120e1a;--accent:#cb6d42;--accent-soft:#f4b089;--shadow:0 30px 80px #281c141f;--scroll-shift:0px;--scroll-spin:0deg}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);min-height:100vh;color:var(--foreground);margin:0;font-family:Avenir Next,Segoe UI,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}.portfolio-shell{background:radial-gradient(circle at 14% 12%,#ffffffe6,#0000 20%),linear-gradient(#f7f0e8 0%,#eadfd1 45%,#f7f0e8 100%);min-height:100vh;padding:1.2rem;position:relative;overflow:clip}.bg-orb,.bg-grid{pointer-events:none;z-index:0;position:fixed}.bg-orb{filter:blur(64px);opacity:.34;will-change:transform;border-radius:999px;width:32rem;height:32rem}.bg-orb-left{background:#f7b894a6;top:-10rem;left:-10rem}.bg-orb-right{transform:translateY(var(--scroll-shift));background:#4a61793d;top:16rem;right:-12rem}.bg-grid{background-image:linear-gradient(#19120e09 1px,#0000 1px),linear-gradient(90deg,#19120e09 1px,#0000 1px);background-size:36px 36px;inset:0;-webkit-mask-image:linear-gradient(#00000059,#0000 85%);mask-image:linear-gradient(#00000059,#0000 85%)}.topbar,.hero-panel,.marquee-strip,.story-section,.experience-section,.contact-section{z-index:1;content-visibility:auto;contain-intrinsic-size:1px 900px;width:min(1220px,100%);margin:0 auto;position:relative}.topbar{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9f194;border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex;box-shadow:0 20px 50px #281c1412}.hero-panel{content-visibility:visible;contain-intrinsic-size:auto}.brand-mark{color:#fff8f3;letter-spacing:.16em;background:#18120e;border-radius:999px;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:.9rem;font-weight:800;display:inline-flex}.topnav{color:var(--muted);gap:1.2rem;display:flex}.topnav a{padding-bottom:.22rem;position:relative}.topnav a:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .22s;position:absolute;inset:auto 0 0;transform:scaleX(0)}.topnav a:hover:after{transform-origin:0;transform:scaleX(1)}.hero-panel{grid-template-columns:minmax(0,1fr) minmax(320px,.92fr);align-items:center;gap:2rem;min-height:calc(100vh - 5.6rem);padding:2rem 0 1rem;display:grid}.hero-copy,.hero-stage,.story-sticky,.story-block,.section-heading,.experience-card,.contact-card{opacity:0;will-change:transform,opacity;transition:opacity .8s,transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(48px)scale(.98)}.is-visible{opacity:1;transform:translateY(0)scale(1)}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin:0 0 1rem;font-size:.78rem;font-weight:800}.hero-copy h1,.story-block h2,.section-heading h2,.contact-card h2,.experience-card h3{letter-spacing:-.055em;margin:0}.hero-copy h1{max-width:9.5ch;font-size:clamp(3.6rem,8.5vw,7.4rem);font-weight:850;line-height:.9}.hero-copy h1 span{color:#19120e73}.hero-text,.story-block p,.section-heading p,.experience-card p,.contact-card p{color:var(--muted);font-size:1.03rem;line-height:1.8}.hero-text{max-width:35rem;margin-top:1.5rem}.hero-actions,.hero-socials,.contact-links{flex-wrap:wrap;gap:.9rem;display:flex}.hero-actions,.contact-links{margin-top:2rem}.hero-socials{margin-top:1.1rem}.button-primary,.button-secondary,.hero-socials a,.contact-link{border:1px solid var(--border);border-radius:999px;justify-content:center;align-items:center;min-height:3.25rem;padding:.9rem 1.35rem;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.button-primary{color:#fff7f0;box-shadow:var(--shadow);background:#18120e;border-color:#0000}.button-secondary,.hero-socials a,.contact-link{background:#fffbf59e}.button-primary:hover,.button-secondary:hover,.hero-socials a:hover,.contact-link:hover{transform:translateY(-2px)}.hero-stage{place-items:center;min-height:42rem;display:grid;position:relative}.hero-card{border:1px solid var(--border);border-radius:2.2rem;position:absolute;inset:auto}.hero-card-back{width:min(90%,31rem);height:min(88%,38rem);transform:translate(1.1rem,1.2rem)rotate(calc(var(--scroll-spin)*-1));will-change:transform;backface-visibility:hidden;background:linear-gradient(140deg,#1f1813eb,#503727e0);box-shadow:0 18px 48px #19120e33}.hero-card-front{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:min(100%,33rem);min-height:42rem;box-shadow:var(--shadow);transform:rotate(var(--scroll-spin));will-change:transform;backface-visibility:hidden;background:radial-gradient(circle at 50% 28%,#fffffff2,#0000 28%),linear-gradient(#fffcf8e0,#fff7ef94);place-items:center;display:grid;position:relative;overflow:hidden}.hero-portrait{object-fit:contain;width:auto;max-width:100%;height:min(85vh,43rem);transform:translateY(calc(var(--scroll-shift)*-.22));will-change:transform;backface-visibility:hidden}.hero-ring{color:#5b4d42;text-transform:uppercase;letter-spacing:.16em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);will-change:transform;background:#fffcf7c2;border:1px solid #19120e1f;border-radius:999px;justify-content:center;align-items:center;padding:1rem 1.2rem;font-size:.72rem;animation:8s ease-in-out infinite float-ring;display:inline-flex;position:absolute}.hero-ring-top{top:1.2rem;right:1rem}.hero-ring-bottom{animation-delay:-4s;bottom:1.2rem;left:1rem}.marquee-strip{padding:1rem 0 3rem;overflow:hidden}.marquee-track{will-change:transform;gap:.9rem;width:max-content;animation:26s linear infinite marquee;display:flex}.marquee-track span{border:1px solid var(--border);color:#4a3d34;background:#fffaf48c;border-radius:999px;align-items:center;min-height:2.4rem;padding:.5rem .95rem;font-size:.9rem;display:inline-flex}.story-section,.experience-section,.contact-section{padding:1rem 0 4rem}.story-layout{grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);gap:1rem;display:grid}.story-sticky{align-self:start;position:sticky;top:6.2rem}.culture-card,.story-block,.experience-card,.contact-card{border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow)}.culture-card{border-radius:2rem;padding:1rem}.culture-visual{background:#1c1512;border-radius:1.5rem;min-height:36rem;position:relative;overflow:hidden}.culture-image{object-fit:cover;opacity:0;filter:saturate(.9)contrast(1.04);will-change:transform,opacity;width:100%;height:100%;transition:opacity .7s,transform 1.2s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(1.08)translate(3%)}.culture-image.is-active{opacity:1;transform:scale(1)translate(0)}.zoom-out-image{transform:scale(1.35)translate(0)}.zoom-out-image.is-active{animation:1.6s cubic-bezier(.22,1,.36,1) zoom-out-focus;transform:scale(1)translate(0)}.culture-scanline{mix-blend-mode:screen;background:linear-gradient(#0000 0%,#ffffff14 48%,#0000 100%) 0 0/100% 24%;animation:8s linear infinite scan;position:absolute;inset:0}.culture-indicators{justify-content:center;gap:.45rem;margin-top:.85rem;display:flex}.culture-indicators span{background:#19120e2e;border-radius:999px;width:.62rem;height:.62rem;transition:transform .18s,background .18s}.culture-indicators span.is-active{background:var(--accent);transform:scale(1.16)}.story-copy{gap:1rem;display:grid}.story-block{border-radius:2rem;padding:1.8rem}.story-block.large h2{font-size:clamp(2.5rem,5vw,4.6rem);font-weight:830;line-height:.95}.story-block.accent{color:#fff8f2;background:linear-gradient(145deg,#18120ef2,#3d2a1eeb)}.story-block.accent p{color:#fff7f0d1}.section-heading{max-width:46rem;margin-bottom:1.8rem}.section-heading h2,.contact-card h2{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:830;line-height:.94}.experience-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.experience-card{will-change:transform,opacity;border-radius:2rem;min-height:18rem;padding:1.8rem;transition:transform .26s,box-shadow .26s,opacity .8s}.experience-card:hover{box-shadow:0 35px 90px #281c142e;transform:translateY(-6px)rotate(0)!important}.tilt-left.is-visible{transform:translateY(0)rotate(-1.4deg)}.tilt-right.is-visible{transform:translateY(0)rotate(1.4deg)}.experience-period{color:var(--accent);letter-spacing:.16em;margin:0 0 .65rem;font-size:.78rem;font-weight:800}.experience-card h3{font-size:clamp(1.6rem,3vw,2.35rem);font-weight:800;line-height:.98}.experience-card strong{color:#362c25;margin:.75rem 0 .8rem;font-size:1rem;display:block}.contact-card{text-align:center;border-radius:2rem;padding:2.2rem}@keyframes float-ring{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(420%)}}@keyframes zoom-out-focus{0%{transform:scale(1.35)translate(0)}to{transform:scale(1)translate(0)}}@media (max-width:1024px){.hero-panel,.story-layout,.experience-grid{grid-template-columns:1fr}.hero-panel{padding-top:1.5rem}.hero-copy h1{max-width:11ch}.story-sticky{position:relative;top:auto}.hero-stage,.hero-card-front{min-height:36rem}.culture-visual{min-height:28rem}}@media (max-width:720px){.portfolio-shell{padding:.85rem}.topbar{border-radius:1.2rem;padding:.9rem 1rem}.topnav{gap:.8rem;font-size:.88rem}.hero-card-front,.culture-card,.story-block,.experience-card,.contact-card{border-radius:1.4rem}.hero-stage,.hero-card-front{min-height:30rem}.hero-ring{text-align:center;max-width:8.8rem;font-size:.62rem;line-height:1.4}.culture-visual{min-height:23rem}}@media (hover:none),(pointer:coarse){.topbar,.hero-panel,.marquee-strip,.story-section,.experience-section,.contact-section{content-visibility:visible;contain-intrinsic-size:auto}.marquee-track,.hero-ring,.culture-scanline{animation-duration:40s}.bg-orb-right{transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-copy,.hero-stage,.story-sticky,.story-block,.section-heading,.experience-card,.contact-card,.bg-orb-right,.hero-card-back,.hero-card-front,.hero-portrait,.hero-ring,.marquee-track,.culture-image,.culture-scanline{opacity:1;transition:none;animation:none;transform:none}}