@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800;900&family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap);body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--cream:#faf8f3;--cream-dark:#f2efe8;--ink:#0f0e0c;--ink-soft:#2e2d2a;--ink-muted:#6b6860;--rust:#c8533a;--rust-light:#f0ebe8;--rust-mid:#e8d5cf;--border:#e0ddd5;--border-dark:#c8c5bc;--white:#fff;--font-display:"Playfair Display",Georgia,serif;--font-body:"DM Sans",sans-serif;--font-mono:"DM Mono",monospace;--nav-h:68px;--px:clamp(1.5rem,6vw,8rem);--py:clamp(4rem,8vw,7rem);--r:8px;--t:200ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#faf8f3;background:var(--cream);color:#0f0e0c;color:var(--ink);font-family:DM Sans,sans-serif;font-family:var(--font-body);line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}strong{font-weight:600}.navbar{align-items:center;background:#faf8f3;background:var(--cream);border-bottom:1px solid #0000;display:flex;height:68px;height:var(--nav-h);justify-content:space-between;left:0;padding:0 clamp(1.5rem,6vw,8rem);padding:0 var(--px);position:fixed;right:0;top:0;transition:border-color .2s ease,box-shadow .2s ease;transition:border-color var(--t),box-shadow var(--t);z-index:100}.navbar.scrolled{border-color:#e0ddd5;border-color:var(--border);box-shadow:0 1px 0 #e0ddd5;box-shadow:0 1px 0 var(--border)}.nav-logo{align-items:center;cursor:pointer;display:flex;gap:10px;-webkit-user-select:none;user-select:none}.logo-box{align-items:center;background:#0f0e0c;background:var(--ink);border-radius:4px;color:#faf8f3;color:var(--cream);display:flex;font-size:.85rem;font-weight:900;height:34px;justify-content:center;width:34px}.logo-box,.logo-name{font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);letter-spacing:-.02em}.logo-name{color:#0f0e0c;color:var(--ink);font-size:1.05rem;font-weight:700}.nav-links{display:flex;gap:0}.nav-link{border-radius:8px;border-radius:var(--r);color:#6b6860;color:var(--ink-muted);cursor:pointer;font-size:.82rem;font-weight:500;letter-spacing:.01em;padding:7px 13px;transition:color .2s ease,background .2s ease;transition:color var(--t),background var(--t)}.nav-link:hover{background:#f2efe8;background:var(--cream-dark);color:#0f0e0c;color:var(--ink)}.nav-link.active{color:#c8533a;color:var(--rust);font-weight:600}.nav-right{align-items:center;display:flex;gap:10px}.nav-cta{background:#0f0e0c;background:var(--ink);border:none;border-radius:100px;color:#faf8f3;color:var(--cream);cursor:pointer;font-size:.82rem;font-weight:600;padding:9px 22px;transition:background .2s ease,transform .2s ease;transition:background var(--t),transform var(--t)}.nav-cta:hover{background:#c8533a;background:var(--rust);transform:translateY(-1px)}.menu-btn{align-items:center;background:#0000;border:1px solid #e0ddd5;border:1px solid var(--border);border-radius:8px;border-radius:var(--r);color:#0f0e0c;color:var(--ink);cursor:pointer;display:none;height:36px;justify-content:center;transition:border-color .2s ease;transition:border-color var(--t);width:36px}.menu-btn:hover{border-color:#0f0e0c;border-color:var(--ink)}.mobile-menu{background:#faf8f3;background:var(--cream);border-bottom:1px solid #e0ddd5;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:2px;left:0;padding:1rem clamp(1.5rem,6vw,8rem);padding:1rem var(--px);position:fixed;right:0;top:68px;top:var(--nav-h);z-index:99}.mobile-link{border-radius:8px;border-radius:var(--r);color:#6b6860;color:var(--ink-muted);cursor:pointer;font-size:.9rem;font-weight:500;padding:11px 13px;transition:all .2s ease;transition:all var(--t)}.mobile-link:hover{background:#f2efe8;background:var(--cream-dark);color:#0f0e0c;color:var(--ink)}.mobile-link.active{color:#c8533a;color:var(--rust)}.hero-section{background:#faf8f3;background:var(--cream);display:flex;flex-direction:column;min-height:100vh;padding:calc(68px + 2rem) clamp(1.5rem,6vw,8rem) 0;padding:calc(var(--nav-h) + 2rem) var(--px) 0;position:relative}.hero-section:after{background:#e0ddd5;background:var(--border);bottom:0;content:"";height:1px;left:clamp(1.5rem,6vw,8rem);left:var(--px);position:absolute;right:clamp(1.5rem,6vw,8rem);right:var(--px)}.hero-inner{grid-gap:3rem;align-items:center;display:grid;flex:1 1;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding-bottom:3rem;width:100%}.hero-tag{align-items:center;color:#c8533a;color:var(--rust);display:inline-flex;font-size:.72rem;font-weight:600;gap:8px;letter-spacing:.14em;margin-bottom:1.6rem;text-transform:uppercase}.hero-tag-line{background:#c8533a;background:var(--rust);height:1.5px;width:28px}.hero-name{color:#0f0e0c;color:var(--ink);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:clamp(3rem,5.5vw,5rem);font-weight:900;letter-spacing:-.03em;line-height:1;margin-bottom:.5rem}.hero-name-accent{color:#c8533a;color:var(--rust);display:block}.hero-role-line{align-items:center;color:#6b6860;color:var(--ink-muted);display:flex;font-size:clamp(1rem,1.6vw,1.2rem);font-weight:400;gap:10px;margin-bottom:1.6rem;min-height:2rem}.role-divider{border-radius:50%;flex-shrink:0;height:4px;width:4px}.cursor,.role-divider{background:#c8533a;background:var(--rust)}.cursor{animation:blink 1s step-end infinite;display:inline-block;height:1em;margin-left:1px;vertical-align:text-bottom;width:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-desc{color:#6b6860;color:var(--ink-muted);font-size:.96rem;line-height:1.85;margin-bottom:2.4rem;max-width:460px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:2.5rem}.btn-fill{align-items:center;background:#0f0e0c;background:var(--ink);border:none;border-radius:100px;color:#faf8f3;color:var(--cream);cursor:pointer;display:inline-flex;font-size:.86rem;font-weight:600;gap:8px;padding:13px 28px;transition:background .2s ease,transform .2s ease;transition:background var(--t),transform var(--t)}.btn-fill:hover{background:#c8533a;background:var(--rust);transform:translateY(-1px)}.btn-ghost{align-items:center;background:#0000;border:1.5px solid #c8c5bc;border:1.5px solid var(--border-dark);border-radius:100px;color:#0f0e0c;color:var(--ink);cursor:pointer;display:inline-flex;font-size:.86rem;font-weight:500;gap:8px;padding:13px 28px;transition:border-color .2s ease,background .2s ease,transform .2s ease;transition:border-color var(--t),background var(--t),transform var(--t)}.btn-ghost:hover{background:#f2efe8;background:var(--cream-dark);border-color:#0f0e0c;border-color:var(--ink);transform:translateY(-1px)}.hero-chips{display:flex;flex-wrap:wrap;gap:10px}.hero-chip{align-items:center;background:#fff;background:var(--white);border:1px solid #e0ddd5;border:1px solid var(--border);border-radius:100px;color:#6b6860;color:var(--ink-muted);display:flex;font-size:.78rem;gap:6px;padding:5px 12px}.hero-right{display:flex;justify-content:flex-end}.editor-frame{background:#2e2d2a;background:var(--ink-soft);border-radius:12px;box-shadow:0 0 0 1px #0f0e0c1a,0 20px 60px #0f0e0c2e,0 4px 12px #0f0e0c1a;max-width:480px;overflow:hidden;width:100%}.editor-titlebar{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff0f;display:flex;gap:7px;padding:11px 16px}.e-dot{border-radius:50%;height:11px;width:11px}.e-red{background:#ff6058}.e-yellow{background:#ffbd2e}.e-green{background:#28ca42}.editor-fname{color:#ffffff4d;font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.73rem;margin-left:10px}.editor-body{background:#1a1917;min-height:280px;padding:16px 0}.c-line{display:flex;padding:1.5px 16px}.c-num{color:#4a4845;flex-shrink:0;font-size:.72rem;-webkit-user-select:none;user-select:none;width:28px}.c-num,.c-text{font-family:DM Mono,monospace;font-family:var(--font-mono)}.c-text{font-size:.78rem;white-space:pre}.c-cur{animation:blink 1s step-end infinite;background:#c8533a;display:inline-block;height:.85em;margin-left:1px;vertical-align:text-bottom;width:2px}.editor-foot{background:#ffffff08;border-top:1px solid #ffffff0f;color:#fff3;display:flex;font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.68rem;gap:16px;padding:7px 16px}.hero-stats{border-top:1px solid #e0ddd5;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px;width:100%}.stat-cell{border-right:1px solid #e0ddd5;border-right:1px solid var(--border);padding:1.8rem 0;text-align:center}.stat-cell:last-child{border-right:none}.stat-num{color:#0f0e0c;color:var(--ink);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:2.2rem;font-weight:900;letter-spacing:-.04em;line-height:1}.stat-desc{color:#6b6860;color:var(--ink-muted);font-size:.72rem;font-weight:500;letter-spacing:.08em;margin-top:4px;text-transform:uppercase}.section{max-width:100%;padding:clamp(4rem,8vw,7rem) clamp(1.5rem,6vw,8rem);padding:var(--py) var(--px)}.s-white{background:#fff;background:var(--white)}.s-cream{background:#faf8f3;background:var(--cream)}.s-dark{background:#0f0e0c;background:var(--ink)}.s-rust{background:#c8533a;background:var(--rust)}.eyebrow{align-items:center;color:#c8533a;color:var(--rust);display:flex;font-size:.7rem;font-weight:700;gap:10px;letter-spacing:.18em;margin-bottom:.9rem;text-transform:uppercase}.eyebrow-rule{background:#c8533a;background:var(--rust);flex:1 1;height:1.5px;max-width:36px}.s-dark .eyebrow{color:#fff6}.s-dark .eyebrow-rule{background:#fff3}.sec-title{color:#0f0e0c;color:var(--ink);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:clamp(1.9rem,3.5vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:3rem}.sec-title em{color:#c8533a;color:var(--rust);font-style:italic}.s-dark .sec-title{color:#fff}.s-dark .sec-title em{color:#ffffff80}.inner{margin:0 auto;max-width:1200px;width:100%}.about-layout{grid-gap:5rem;align-items:start;display:grid;gap:5rem;grid-template-columns:1fr 420px}.about-body p{color:#6b6860;color:var(--ink-muted);font-size:.97rem;line-height:1.85;margin-bottom:1.1rem}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:1.8rem}.pill{background:#faf8f3;background:var(--cream);border:1.5px solid #e0ddd5;border:1.5px solid var(--border);border-radius:100px;color:#2e2d2a;color:var(--ink-soft);font-size:.77rem;font-weight:600;padding:5px 14px;transition:border-color .2s ease,color .2s ease,background .2s ease;transition:border-color var(--t),color var(--t),background var(--t)}.pill:hover{background:#f0ebe8;background:var(--rust-light);border-color:#c8533a;border-color:var(--rust);color:#c8533a;color:var(--rust)}.contact-card-box{background:#f2efe8;background:var(--cream-dark);border:1px solid #e0ddd5;border:1px solid var(--border);border-radius:12px;padding:1.6rem}.cc-row{align-items:flex-start;border-bottom:1px solid #e0ddd5;border-bottom:1px solid var(--border);display:flex;gap:13px;padding:11px 0}.cc-row:last-child{border-bottom:none}.cc-icon{align-items:center;background:#fff;background:var(--white);border:1px solid #e0ddd5;border:1px solid var(--border);border-radius:8px;color:#c8533a;color:var(--rust);display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.cc-info{display:flex;flex-direction:column;gap:2px}.cc-label{color:#6b6860;color:var(--ink-muted);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.cc-val{color:#2e2d2a;color:var(--ink-soft);font-size:.85rem}.cc-val a{transition:color .2s ease;transition:color var(--t)}.cc-val a:hover{color:#c8533a;color:var(--rust)}.skills-wrap{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.sk-card{background:#f2efe8;background:var(--cream-dark);border:1px solid #e0ddd5;border:1px solid var(--border);border-radius:12px;padding:1.6rem;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;transition:border-color var(--t),transform var(--t),box-shadow var(--t)}.sk-card:hover{border-color:#c8533a;border-color:var(--rust);box-shadow:0 8px 24px #c8533a1a;transform:translateY(-3px)}.sk-head{border-bottom:1.5px solid #e0ddd5;border-bottom:1.5px solid var(--border);color:#c8533a;color:var(--rust);font-size:.68rem;font-weight:700;letter-spacing:.14em;margin-bottom:14px;padding-bottom:12px;text-transform:uppercase}.sk-items{flex-direction:column}.sk-item,.sk-items{display:flex;gap:10px}.sk-item{align-items:center;background:#fff;background:var(--white);border-radius:8px;border-radius:var(--r);color:#2e2d2a;color:var(--ink-soft);font-size:.9rem;font-weight:500;padding:7px 10px;transition:background .2s ease,color .2s ease;transition:background var(--t),color var(--t)}.sk-item:hover{background:#f0ebe8;background:var(--rust-light);color:#c8533a;color:var(--rust)}.exp-card{background:#fff;background:var(--white);border:1px solid #e0ddd5;border:1px solid var(--border);border-radius:12px;max-width:860px;overflow:hidden}.exp-header{align-items:flex-start;background:#0f0e0c;background:var(--ink);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:2rem 2.5rem}.exp-role{color:#faf8f3;color:var(--cream);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1.4rem;font-weight:800;margin-bottom:6px}.exp-company{align-items:center;color:#ffffff8c;display:flex;font-size:.88rem;gap:7px;margin-bottom:4px}.exp-company svg{color:#c8533a;color:var(--rust)}.exp-loc{align-items:center;color:#fff6;display:flex;font-size:.8rem;gap:6px}.exp-period-badge{align-self:flex-start;background:#c8533a;background:var(--rust);border-radius:100px;color:#0f0e0c;color:var(--ink);font-size:.74rem;font-weight:700;letter-spacing:.06em;padding:6px 14px;white-space:nowrap}.exp-body{padding:2rem 2.5rem}.exp-points{display:flex;flex-direction:column;gap:12px}.exp-point{align-items:flex-start;color:#2e2d2a;color:var(--ink-soft);display:flex;font-size:.91rem;gap:12px;line-height:1.7}.exp-bullet{align-items:center;background:#f0ebe8;background:var(--rust-light);border:1.5px solid #e8d5cf;border:1.5px solid var(--rust-mid);border-radius:50%;color:#c8533a;color:var(--rust);display:flex;flex-shrink:0;height:22px;justify-content:center;margin-top:2px;width:22px}.proj-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.proj-card{background:#fff;background:var(--white);border:1px solid #e0ddd5;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;transition:transform var(--t),box-shadow var(--t)}.proj-card:hover{box-shadow:0 12px 40px #0f0e0c1a;transform:translateY(-4px)}.proj-card-top{background:#faf8f3;background:var(--cream);border-bottom:1px solid #e0ddd5;border-bottom:1px solid var(--border);flex:1 1;padding:1.8rem}.proj-num{color:#e0ddd5;color:var(--border);font-size:3rem;font-weight:900;letter-spacing:-.05em;line-height:1}.proj-num,.proj-title{font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);margin-bottom:.6rem}.proj-title{color:#0f0e0c;color:var(--ink);font-size:1.2rem;font-weight:800;line-height:1.25}.proj-desc{color:#6b6860;color:var(--ink-muted);font-size:.86rem;line-height:1.7;margin-bottom:1.2rem}.proj-feats{display:flex;flex-direction:column;gap:6px}.proj-feat{align-items:center;color:#2e2d2a;color:var(--ink-soft);display:flex;font-size:.8rem;font-weight:500;gap:7px}.proj-feat svg{color:#c8533a;color:var(--rust);flex-shrink:0}.proj-card-foot{display:flex;flex-wrap:wrap;gap:6px;padding:1rem 1.8rem}.tech-tag{background:#f2efe8;background:var(--cream-dark);border:1px solid #e0ddd5;border:1px solid var(--border);border-radius:4px;color:#2e2d2a;color:var(--ink-soft);font-size:.72rem;font-weight:600;letter-spacing:.04em;padding:4px 10px}.edu-wrap{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem;max-width:860px}.edu-card{grid-gap:1.5rem;align-items:center;background:#fff;background:var(--white);border:1px solid #e0ddd5;border:1px solid var(--border);border-radius:8px;border-radius:var(--r);display:grid;gap:1.5rem;grid-template-columns:46px 1fr auto;padding:1.4rem 1.8rem;transition:border-color .2s ease,box-shadow .2s ease;transition:border-color var(--t),box-shadow var(--t)}.edu-card:hover{border-color:#c8533a;border-color:var(--rust);box-shadow:0 4px 16px #c8533a14}.edu-icon-cell{align-items:center;color:#c8533a;color:var(--rust);display:flex;justify-content:center}.edu-deg{color:#0f0e0c;color:var(--ink);font-size:.92rem;font-weight:700;margin-bottom:3px}.edu-sch{font-size:.84rem;margin-bottom:3px}.edu-loc,.edu-sch{color:#6b6860;color:var(--ink-muted)}.edu-loc{align-items:center;font-size:.77rem}.edu-loc,.edu-right{display:flex;gap:5px}.edu-right{align-items:flex-end;flex-direction:column}.edu-badge{background:#f0ebe8;background:var(--rust-light);border:1px solid #e8d5cf;border:1px solid var(--rust-mid);border-radius:4px;color:#c8533a;color:var(--rust);font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:3px 9px}.edu-score{color:#15803d;font-size:.84rem;font-weight:700}.extras-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;max-width:860px}.extra-card{background:#fff;background:var(--white);border:1px solid #e0ddd5;border:1px solid var(--border);border-radius:8px;border-radius:var(--r);padding:1.6rem;transition:border-color .2s ease;transition:border-color var(--t)}.extra-card:hover{border-color:#c8533a;border-color:var(--rust)}.extra-head{color:#6b6860;color:var(--ink-muted);font-size:.68rem;font-weight:700;letter-spacing:.14em;margin-bottom:1.2rem;text-transform:uppercase}.extra-list{display:flex;flex-direction:column;gap:10px}.extra-item{align-items:center;color:#2e2d2a;color:var(--ink-soft);display:flex;font-size:.88rem;gap:9px}.extra-item svg{color:#c8533a;color:var(--rust);flex-shrink:0}.c-name{color:#0f0e0c;color:var(--ink);font-size:.95rem;font-weight:700;margin-bottom:3px}.c-org{color:#6b6860;color:var(--ink-muted);font-size:.8rem;margin-bottom:1rem}.c-topics{display:flex;flex-wrap:wrap;gap:6px}.c-topic{align-items:center;background:#f0ebe8;background:var(--rust-light);border:1px solid #e8d5cf;border:1px solid var(--rust-mid);border-radius:4px;color:#c8533a;color:var(--rust);display:flex;font-size:.76rem;font-weight:600;gap:5px;padding:4px 10px}.contact-intro-text{color:#ffffff80;font-size:1rem;line-height:1.8;margin-bottom:3rem;max-width:480px}.contact-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));max-width:860px}.ct-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;border-radius:var(--r);cursor:pointer;display:flex;gap:14px;padding:1.2rem 1.4rem;transition:background .2s ease,border-color .2s ease,transform .2s ease;transition:background var(--t),border-color var(--t),transform var(--t)}.ct-item:hover{background:#c8533a26;border-color:#c8533a80;transform:translateY(-2px)}.ct-icon{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;color:#c8533a;color:var(--rust);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.ct-txt{display:flex;flex-direction:column;gap:2px;overflow:hidden}.ct-label{color:#ffffff4d;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ct-val{color:#ffffffbf;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer{align-items:center;background:#faf8f3;background:var(--cream);border-top:1px solid #e0ddd5;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:2rem clamp(1.5rem,6vw,8rem);padding:2rem var(--px)}.footer-brand{color:#0f0e0c;color:var(--ink);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1rem;font-weight:900;letter-spacing:-.02em}.footer-note{color:#6b6860;color:var(--ink-muted);font-size:.78rem}.footer-socials{display:flex;gap:10px}.footer-socials a{color:#6b6860;color:var(--ink-muted);transition:color .2s ease;transition:color var(--t)}.footer-socials a:hover{color:#c8533a;color:var(--rust)}@media (max-width:960px){.nav-links{display:none}.menu-btn{display:flex}.hero-inner{grid-template-columns:1fr}.hero-right{order:-1}.hero-stats{grid-template-columns:repeat(2,1fr)}.stat-cell:nth-child(2){border-right:none}.about-layout{gap:2rem;grid-template-columns:1fr}.skills-wrap{grid-template-columns:repeat(2,1fr)}.proj-grid{grid-template-columns:1fr 1fr}.exp-card .exp-header{flex-direction:column}}@media (max-width:600px){.edu-card,.extras-row,.proj-grid{grid-template-columns:1fr}.edu-card{gap:.5rem}.edu-icon-cell{display:none}.edu-right{align-items:flex-start}.hero-stats{grid-template-columns:repeat(2,1fr)}.footer{align-items:flex-start;flex-direction:column}}.intro-screen{align-items:center;background:#000;display:flex;inset:0;justify-content:flex-start;opacity:1;overflow:hidden;position:fixed;transition:opacity .7s ease;z-index:9999}.intro-screen.intro-fade-out{opacity:0;pointer-events:none}.intro-video{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.intro-overlay{background:linear-gradient(90deg,#000000d1 0,#0000008c 45%,#00000026);inset:0;position:absolute;z-index:1}.intro-text-panel{max-width:560px;padding:0 clamp(2rem,8vw,8rem);position:relative;z-index:2}.intro-greeting{background:linear-gradient(90deg,#fff,gold);-webkit-background-clip:text;background-clip:text;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:clamp(.85rem,1.2vw,1rem);font-weight:500;letter-spacing:.25em;margin-bottom:.6rem;opacity:.85;text-transform:uppercase}.intro-greeting,.intro-name{-webkit-text-fill-color:#0000}.intro-name{background:radial-gradient(ellipse at 30% 50%,gold 0,#fff176 30%,#fff 70%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 32px rgba(255,215,0,.35));font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:clamp(2.4rem,5vw,5rem);font-weight:900;letter-spacing:-.04em;line-height:1.05;margin-bottom:1.6rem;white-space:nowrap}.intro-role-wrap{margin-bottom:1.4rem;min-height:2.4rem;transition:opacity .35s ease,transform .35s ease}.intro-role-wrap.role-in{opacity:1;transform:translateY(0)}.intro-role-wrap.role-out{opacity:0;transform:translateY(10px)}.intro-role-badge{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#ffe066 60%,gold);-webkit-background-clip:text;background-clip:text;display:inline-block;filter:drop-shadow(0 0 12px rgba(255,215,0,.5));font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:clamp(1rem,1.8vw,1.3rem);font-weight:600;letter-spacing:.04em}.intro-role-dots{display:flex;gap:7px;margin-bottom:0}.intro-dot{background:#ffffff4d;border-radius:50%;height:6px;transition:background .35s ease,transform .35s ease;width:6px}.intro-dot.active{background:gold;transform:scale(1.4)}.intro-progress-bar{background:#ffffff1f;bottom:0;height:3px;left:0;position:absolute;right:0;z-index:2}.intro-progress-fill{background:linear-gradient(90deg,gold,#fff);border-radius:0 2px 2px 0;height:100%;transition:width .25s linear}.intro-splash{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;z-index:3}.intro-splash-sub{color:#ffffff8c;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:clamp(.8rem,1.4vw,1rem);font-weight:400;letter-spacing:.04em;margin-bottom:2.5rem;margin-top:-1rem}.splash-play-btn{align-items:center;animation:pulse-ring 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffd70026;border:2px solid #ffd70099;border-radius:50%;color:gold;display:flex;height:72px;justify-content:center;margin-left:clamp(2rem,8vw,8rem);transition:background .25s ease,transform .25s ease,box-shadow .25s ease;width:72px}.intro-splash:hover .splash-play-btn{background:#ffd70047;box-shadow:0 0 40px #ffd70059;transform:scale(1.08)}.splash-play-btn svg{margin-left:4px}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 #ffd70066}70%{box-shadow:0 0 0 18px #ffd70000}to{box-shadow:0 0 0 0 #ffd70000}}.splash-hint{animation:blink-hint 2.2s ease-in-out infinite;bottom:2.4rem;color:#fff6;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.78rem;font-weight:500;left:50%;letter-spacing:.1em;position:absolute;text-transform:uppercase;transform:translateX(-50%);white-space:nowrap}@keyframes blink-hint{0%,to{opacity:.4}50%{opacity:.9}}.intro-skip-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffd7001f;border:1.5px solid #ffd7008c;border-radius:100px;bottom:2.8rem;color:gold;cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.85rem;font-weight:600;gap:8px;letter-spacing:.04em;padding:12px 26px;position:absolute;right:clamp(1.5rem,5vw,5rem);transition:background .2s ease,border-color .2s ease,transform .2s ease;z-index:3}.intro-skip-btn:hover{background:#ffd70040;border-color:gold;transform:translateY(-2px)}.intro-skip-btn svg{transition:transform .2s ease}.intro-skip-btn:hover svg{transform:translateX(3px)}@media (max-width:600px){.intro-text-panel{max-width:100%;padding:0 1.5rem}.intro-name{font-size:clamp(1.8rem,9vw,2.8rem);white-space:nowrap}.intro-overlay{background:linear-gradient(90deg,#000000e0 0,#0009 60%,#0000004d)}.intro-skip-btn{bottom:1.8rem;font-size:.8rem;padding:10px 20px;right:1.5rem}}
/*# sourceMappingURL=main.8bc42316.css.map*/