:root{--font-display:Georgia, "Times New Roman", serif;--font-body:Arial, Helvetica, sans-serif;--font-mono:"Courier New", monospace;--radius-sm:10px;--radius-md:18px;--radius-lg:28px;--radius-pill:999px;--max-width:1180px}.professional-mode{--color-bg:#fbf7f2;--color-bg-alt:#f3ece6;--color-surface:#ffffffe0;--color-text:#17131f;--color-muted:#62596a;--color-primary:#9f3f73;--color-primary-dark:#2a1430;--color-accent-soft:#f3c6d8;--color-accent-lavender:#d8c7ff;--color-line:#e4d6dd;--color-line-strong:#c9b6c2;--shadow-soft:0 18px 45px #2a143014;--shadow-card:0 14px 30px #2a14301a}.creative-mode{--color-bg:#0b0b0d;--color-bg-alt:#15111f;--color-surface:#151519eb;--color-text:#fafafa;--color-muted:#b9b3c6;--color-primary:#ff6db6;--color-primary-dark:#0b0b0d;--color-accent-soft:#b388ff;--color-accent-lavender:#cde6ff;--color-line:#fafafa2e;--color-line-strong:#ff6db673;--shadow-soft:0 18px 45px #00000059;--shadow-card:0 0 30px #ff6db62e}*{box-sizing:border-box}body{color:var(--color-text);font-family:var(--font-body);margin:0;line-height:1.6}.app{min-height:100vh;color:var(--color-text);background:radial-gradient(circle at top left, #f3c6d873, transparent 32rem), radial-gradient(circle at top right, #d8c7ff59, transparent 30rem), linear-gradient(180deg, var(--color-bg), var(--color-bg-alt));transition:background-color .22s,color .22s}.creative-mode.app{background:radial-gradient(circle at top left, #ff6db657, transparent 30rem), radial-gradient(circle at top right, #b388ff4d, transparent 32rem), linear-gradient(180deg, var(--color-bg), var(--color-bg-alt))}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--color-primary);outline-offset:4px}main{min-height:75vh}.site-header{max-width:var(--max-width);grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin:0 auto;padding:24px;display:grid}.logo{font-family:var(--font-display);color:var(--color-primary);font-size:2rem;font-weight:700}.site-nav{justify-content:center;gap:24px;font-size:.95rem;display:flex}.site-nav a{color:var(--color-muted);border-bottom:2px solid #0000;padding-bottom:6px}.site-nav a.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.menu-toggle{border:1px solid var(--color-line);color:var(--color-primary);border-radius:var(--radius-pill);font:inherit;cursor:pointer;background:#ffffffb8;padding:10px 16px;font-weight:700;display:none}.page-section{max-width:var(--max-width);margin:0 auto;padding:72px 24px}.narrow-page{max-width:820px}.hero-section{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid}.eyebrow{color:var(--color-primary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;font-weight:700}h1{font-family:var(--font-display);margin:0 0 24px;font-size:clamp(3rem,8vw,6.5rem);line-height:.95}h2{margin-top:0}.hero-text{max-width:620px;color:var(--color-muted);font-size:1.15rem}.button-row{flex-wrap:wrap;gap:16px;margin-top:32px;display:flex}.button{border-radius:var(--radius-pill);border:1px solid var(--color-primary);letter-spacing:.01em;justify-content:center;align-items:center;min-height:48px;padding:0 24px;font-weight:700;display:inline-flex}.button.primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 12px 24px #9f3f732e}.button.secondary{color:var(--color-primary);border-color:var(--color-primary);background:0 0}.button.primary:hover{box-shadow:0 16px 32px #9f3f7342}.button.secondary:hover{background:var(--color-surface);color:var(--color-primary)}.menu-toggle:hover{background:var(--color-surface);transform:translateY(-1px)}.nav-actions{align-items:center;gap:12px;display:flex}.theme-toggle{border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-pill);font:inherit;cursor:pointer;background:0 0;padding:10px 16px;font-size:.85rem;font-weight:700}.theme-toggle:hover{background:var(--color-surface);transform:translateY(-1px)}.hero-card,.card,.contact-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-card,.contact-card,.project-image-placeholder,.portrait-placeholder,.status-pill,.mini-list span,.tag-row span{transition:background-color .22s,color .22s,border-color .22s,box-shadow .22s}.hero-card{place-items:center;min-height:420px;padding:24px;display:grid}.portrait-placeholder{border-radius:var(--radius-md);width:100%;height:100%;min-height:260px;color:var(--color-primary-dark);background:linear-gradient(135deg,#9f3f7329,#d8c7ff73),repeating-linear-gradient(135deg,#ffffff73 0 8px,#ffffff26 8px 16px);place-items:center;font-weight:700;display:grid;position:relative;overflow:hidden}.portrait-placeholder:before{content:"SS";font-family:var(--font-display);color:#2a143014;font-size:clamp(5rem,12vw,9rem);line-height:1;position:absolute}.portrait-placeholder p{z-index:1;border:1px solid var(--color-line);border-radius:var(--radius-pill);background:#ffffffb8;margin:0;padding:10px 16px;position:relative}.grid{gap:24px;margin-top:32px;display:grid}.three-column{grid-template-columns:repeat(3,1fr)}.four-column{grid-template-columns:repeat(4,1fr)}.card{padding:24px}.card:before{content:"";pointer-events:none;border-top:4px solid #0000;position:absolute;inset:0}.featured-card:before{border-top-color:var(--color-primary)}.project-card{min-height:220px}.tag-row{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.tag-row span{border:1px solid var(--color-line);color:var(--color-primary);border-radius:999px;padding:4px 10px;font-size:.8rem}.contact-card{margin-top:32px;padding:24px}.site-footer{border-top:1px solid var(--color-line);text-align:center;color:var(--color-muted);padding:32px 24px}.site-footer p{margin:0 0 8px}@media (width<=800px){.site-header{grid-template-columns:auto auto;justify-content:space-between;align-items:center;gap:16px;position:relative}.site-header .nav-actions{gap:8px}.site-header .theme-toggle,.site-header .menu-toggle{padding:9px 12px;font-size:.8rem}.menu-toggle{justify-content:center;align-items:center;display:inline-flex}.site-nav{z-index:10;border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;flex-direction:column;gap:0;padding:12px;display:none;position:absolute;top:calc(100% - 8px);left:24px;right:24px}.site-nav.is-open{display:flex}.site-nav a{border-bottom:1px solid var(--color-line);padding:12px 14px}.site-nav a:last-child{border-bottom:0}.hero-section{grid-template-columns:1fr;padding-top:36px}.three-column,.four-column{grid-template-columns:1fr}.hero-card{min-height:300px}.intro-panel{gap:12px}.cta-panel{text-align:left}.cta-panel p{margin-left:0}.about-grid{grid-template-columns:1fr}}.section-intro{max-width:720px;color:var(--color-muted);margin-top:-8px;font-size:1.08rem}.card-label{color:var(--color-primary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px;font-size:.78rem;font-weight:700;display:inline-block}.featured-card{border-color:var(--color-primary)}.skill-card{min-height:260px}.mini-list{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.mini-list span{background:var(--color-accent-soft);color:var(--color-primary-dark);border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:700}.section-link{margin-top:32px}.section-link a{color:var(--color-primary);font-weight:700}.profile-card{align-content:start;gap:20px}.profile-card .portrait-placeholder{min-height:260px}.profile-details{width:100%}.profile-details h2{margin-bottom:8px}.profile-details p:last-child{color:var(--color-muted);margin-bottom:0}.intro-panel{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);gap:20px;max-width:920px;display:grid}.intro-panel h1,.cta-panel h1{font-size:clamp(2.5rem,6vw,4.5rem)}.focus-section{padding-top:24px}.cta-panel{text-align:center;max-width:980px}.cta-panel p{max-width:680px;color:var(--color-muted);margin:0 auto 28px;font-size:1.08rem}.card,.button,.menu-toggle,.theme-toggle,.site-nav a{transition:transform .18s,box-shadow .18s,border-color .18s,color .18s,background-color .18s}.card:hover{transform:translateY(-4px);box-shadow:0 22px 55px #2a14301f}.button:hover{transform:translateY(-2px)}.site-nav a:hover{color:var(--color-primary)}@media (width<=800px){.intro-panel{gap:12px}.cta-panel{text-align:left}.cta-panel p{margin-left:0}}.portfolio-grid{gap:28px;margin-top:40px;display:grid}.portfolio-grid .project-card{gap:18px;min-height:auto;display:grid}.project-card-topline{justify-content:space-between;gap:16px;display:flex}.project-description{color:var(--color-muted);font-size:1.05rem}.project-meta{border-top:1px solid var(--color-line);grid-template-columns:1fr 1.4fr;gap:20px;padding-top:18px;display:grid}.project-meta h3{color:var(--color-primary);font-size:.8rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px}.project-meta p{color:var(--color-muted);margin:0}@media (width>=900px){.portfolio-grid .project-card{grid-template-columns:.85fr 1.15fr;align-items:stretch}}@media (width<=700px){.project-meta{grid-template-columns:1fr}}.compact-project-card{flex-direction:column;min-height:280px;display:flex}.compact-project-card p:not(.card-label){color:var(--color-muted)}.compact-project-card .tag-row{margin-top:auto}.about-page{gap:40px;display:grid}.about-intro{max-width:900px}.about-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.about-grid .card p{color:var(--color-muted)}@media (width<=800px){.about-grid{grid-template-columns:1fr}}.skills-page{gap:48px;display:grid}.skills-intro{max-width:920px}.skills-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.subsection{border-top:1px solid var(--color-line);padding-top:48px}.subsection h2{font-family:var(--font-display);margin:0 0 24px;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.subsection h3{margin-top:0}.subsection .card p,.direction-panel p{color:var(--color-muted)}.direction-panel{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);grid-template-columns:1fr 1fr;align-items:start;gap:48px;padding:40px;display:grid}.direction-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.direction-list li{background:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-sm);padding:14px 18px 14px 42px;font-weight:700;position:relative}.direction-list li:before{content:"✦";color:var(--color-primary);position:absolute;left:18px}@media (width<=950px){.skills-grid{grid-template-columns:repeat(2,1fr)}.direction-panel{grid-template-columns:1fr}}@media (width<=650px){.skills-grid{grid-template-columns:1fr}.direction-panel{padding:24px}}.contact-page{gap:48px;display:grid}.contact-intro{max-width:920px}.contact-layout{grid-template-columns:1fr 1fr;gap:24px;display:grid}.contact-link{color:var(--color-primary);margin-top:4px;font-size:1.15rem;font-weight:700;display:inline-block}.contact-list{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.contact-list li{background:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-sm);padding:12px 14px;font-weight:700}.wide-card{grid-column:1/-1}.wide-card p{color:var(--color-muted);max-width:780px}@media (width<=750px){.contact-layout{grid-template-columns:1fr}.wide-card{grid-column:auto}}.footer-nav{flex-wrap:wrap;justify-content:center;gap:18px;margin:16px 0;display:flex}.footer-nav a{color:var(--color-primary);font-size:.9rem;font-weight:700}.page-section+.page-section{position:relative}.page-section+.page-section:before{content:"";width:min(100%, var(--max-width));background:linear-gradient(90deg, transparent, var(--color-line-strong), transparent);height:1px;margin:-36px auto 72px;display:block}.project-card-media{min-height:220px}.project-card-media img{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-line);width:100%;height:100%;min-height:220px;display:block}.project-image-placeholder{border-radius:var(--radius-sm);border:1px solid var(--color-line);height:100%;min-height:220px;color:var(--color-primary-dark);font-family:var(--font-display);text-align:center;background:linear-gradient(135deg,#9f3f731f,#d8c7ff61),repeating-linear-gradient(135deg,#ffffff80 0 8px,#ffffff2e 8px 16px);place-items:center;padding:24px;font-size:clamp(1.8rem,4vw,3rem);line-height:1;display:grid}.project-card-content{gap:18px;display:grid}.status-pill{border:1px solid var(--color-line);color:var(--color-muted);border-radius:var(--radius-pill);background:#ffffffb8;place-self:start;margin:0;padding:4px 10px;font-size:.75rem;font-weight:700}.compact-card-topline{gap:8px;display:grid}.project-links{flex-wrap:wrap;gap:16px;display:flex}.text-link{color:var(--color-primary);text-underline-offset:4px;font-weight:700;text-decoration:none}.text-link:hover,.text-link:focus-visible{text-decoration:underline}.project-detail-page{gap:40px;display:grid}.back-link{justify-self:start}.project-detail-hero{grid-template-columns:1.2fr .8fr;align-items:start;gap:48px;display:grid}.project-summary-card{gap:20px;display:grid}.snapshot-item{border-top:1px solid var(--color-line);padding-top:18px}.snapshot-item h2{font-family:var(--font-mono);color:var(--color-primary);text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:.8rem}.snapshot-item p{color:var(--color-muted);margin:0}.project-detail-media{min-height:360px}.project-detail-media img{object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-line);width:100%;min-height:360px;box-shadow:var(--shadow-soft)}.case-study-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.case-study-grid .card p{color:var(--color-muted)}@media (width<=900px){.project-detail-hero,.case-study-grid{grid-template-columns:1fr}}.case-overview-card{max-width:920px}.case-overview-card p,.case-study-grid .card p,.case-study-bottom .card p{color:var(--color-muted)}.case-study-bottom{grid-template-columns:1fr 1fr;gap:24px;display:grid}.case-highlight-list{gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.case-highlight-list li{background:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-sm);padding:14px 18px 14px 42px;font-weight:700;position:relative}.case-highlight-list li:before{content:"✦";color:var(--color-primary);position:absolute;left:18px}@media (width<=800px){.case-study-bottom{grid-template-columns:1fr}}button.button{cursor:pointer;font-family:inherit}button.button:disabled{cursor:not-allowed;opacity:.7}.creative-mode .logo{text-shadow:0 0 18px #ff6db68c}.creative-mode .card,.creative-mode .hero-card,.creative-mode .contact-card{box-shadow:var(--shadow-card)}.creative-mode .button.primary{color:var(--color-primary-dark)}.creative-mode .project-image-placeholder,.creative-mode .portrait-placeholder{color:var(--color-text);background:linear-gradient(135deg,#ff6db638,#b388ff52),repeating-linear-gradient(135deg,#ffffff14 0 8px,#ffffff05 8px 16px)}.not-found-page{align-content:center;justify-items:start;min-height:62vh;display:grid}.not-found-page h1{max-width:760px}.not-found-actions{flex-wrap:wrap;gap:16px;margin-top:28px;display:flex}.identity-panel{align-content:start;gap:22px;display:grid}.identity-portrait{border-radius:var(--radius-md);border:1px solid var(--color-line);text-align:center;background:linear-gradient(135deg,#9f3f7329,#d8c7ff73),repeating-linear-gradient(135deg,#ffffff73 0 8px,#ffffff26 8px 16px);place-items:center;min-height:260px;display:grid;position:relative;overflow:hidden}.identity-monogram{font-family:var(--font-display);color:#2a143014;font-size:clamp(5rem,12vw,9rem);line-height:1;position:absolute}.identity-portrait p{z-index:1;border:1px solid var(--color-line);border-radius:var(--radius-pill);color:var(--color-primary-dark);background:#ffffffb8;margin:0;padding:10px 16px;font-weight:700;position:relative}.identity-content{gap:14px;display:grid}.identity-content h2{margin-bottom:0}.identity-content p{color:var(--color-muted);margin:0}.identity-chip-list{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.identity-chip-list span{border:1px solid var(--color-line);border-radius:var(--radius-pill);color:var(--color-primary);background:#ffffff80;padding:5px 10px;font-size:.8rem;font-weight:700}.identity-details{border-top:1px solid var(--color-line);gap:10px;padding-top:14px;display:grid}.identity-details p{gap:2px;display:grid}.identity-details strong{color:var(--color-text);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.identity-details span{color:var(--color-muted)}.creative-mode .identity-portrait{background:linear-gradient(135deg,#ff6db638,#b388ff52),repeating-linear-gradient(135deg,#ffffff14 0 8px,#ffffff05 8px 16px)}.creative-mode .identity-monogram{color:#ff6db629;text-shadow:0 0 24px #ff6db659}.creative-mode .identity-portrait p,.creative-mode .identity-chip-list span{color:var(--color-text);background:#0b0b0db8}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-section{animation:.42s both pageFadeIn}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.grid .card,.portfolio-grid .card,.case-study-grid .card,.case-study-bottom .card,.contact-layout .contact-card,.about-grid .card,.skills-grid .card{animation:.48s both cardFadeIn}.grid .card:first-child,.portfolio-grid .card:first-child,.case-study-grid .card:first-child,.case-study-bottom .card:first-child,.contact-layout .contact-card:first-child,.about-grid .card:first-child,.skills-grid .card:first-child{animation-delay:60ms}.grid .card:nth-child(2),.portfolio-grid .card:nth-child(2),.case-study-grid .card:nth-child(2),.case-study-bottom .card:nth-child(2),.contact-layout .contact-card:nth-child(2),.about-grid .card:nth-child(2),.skills-grid .card:nth-child(2){animation-delay:.12s}.grid .card:nth-child(3),.portfolio-grid .card:nth-child(3),.case-study-grid .card:nth-child(3),.case-study-bottom .card:nth-child(3),.contact-layout .contact-card:nth-child(3),.about-grid .card:nth-child(3),.skills-grid .card:nth-child(3){animation-delay:.18s}.grid .card:nth-child(4),.portfolio-grid .card:nth-child(4),.about-grid .card:nth-child(4),.skills-grid .card:nth-child(4){animation-delay:.24s}.grid .card:nth-child(5),.portfolio-grid .card:nth-child(5),.skills-grid .card:nth-child(5){animation-delay:.3s}.grid .card:nth-child(6),.skills-grid .card:nth-child(6){animation-delay:.36s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.project-card{transition:transform .2s,box-shadow .2s,border-color .2s}.project-card:hover{border-color:var(--color-primary);transform:translateY(-6px);box-shadow:0 24px 60px #2a143024}.project-card-media{border-radius:var(--radius-sm);overflow:hidden}.project-card-media img,.project-image-placeholder{transition:transform .24s,border-color .2s}.project-card:hover .project-card-media img,.project-card:hover .project-image-placeholder{border-color:var(--color-primary);transform:scale(1.02)}.creative-mode .project-card:hover{box-shadow:0 0 34px #ff6db638}.creative-mode .project-card:hover .project-image-placeholder{box-shadow:inset 0 0 24px #ff6db624}.project-actions{flex-wrap:wrap;align-items:center;gap:18px;padding-top:8px;display:flex}.project-action-primary{border-radius:var(--radius-pill);background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);align-items:center;gap:8px;width:fit-content;min-height:44px;padding:0 18px;font-weight:700;transition:transform .18s,box-shadow .18s,background-color .18s,color .18s;display:inline-flex;box-shadow:0 12px 24px #9f3f7329}.project-action-primary:hover,.project-action-primary:focus-visible{transform:translateY(-2px);box-shadow:0 16px 30px #9f3f733d}.project-action-primary span{transition:transform .18s}.project-action-primary:hover span,.project-action-primary:focus-visible span{transform:translate(3px)}.creative-mode .project-action-primary{color:var(--color-primary-dark);box-shadow:0 0 24px #ff6db638}.creative-mode .project-action-primary:hover,.creative-mode .project-action-primary:focus-visible{box-shadow:0 0 34px #ff6db657}.back-to-top{z-index:20;border-radius:var(--radius-pill);border:1px solid var(--color-primary);background:var(--color-primary);color:#fff;width:48px;height:48px;font:inherit;cursor:pointer;opacity:0;pointer-events:none;font-size:1.2rem;font-weight:700;transition:opacity .18s,transform .18s,box-shadow .18s,background-color .18s,color .18s;position:fixed;bottom:24px;right:24px;transform:translateY(12px);box-shadow:0 14px 30px #9f3f732e}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover,.back-to-top:focus-visible{transform:translateY(-3px);box-shadow:0 18px 36px #9f3f7342}.creative-mode .back-to-top{color:var(--color-primary-dark);box-shadow:0 0 24px #ff6db638}.creative-mode .back-to-top:hover,.creative-mode .back-to-top:focus-visible{box-shadow:0 0 34px #ff6db657}@media (width<=600px){.back-to-top{width:44px;height:44px;bottom:16px;right:16px}}