:root{--bg:#f4efe8;--surface:#fffcf7e0;--text:#43505a;--text-strong:#14212b;--border:#14212b1a;--border-soft:#14212b14;--accent:#b87333;--accent-soft:#b873331f;--shadow:0 22px 60px #2f37421f;--sans:"Avenir Next", "Segoe UI", "Trebuchet MS", sans-serif;--heading:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", serif;--mono:"Cascadia Code", "SFMono-Regular", Consolas, monospace;font:18px/1.6 var(--sans);color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg);background-image:linear-gradient(#f8f4eeb3,#efe6d9c7),radial-gradient(circle at 0 0,#b873332e,#0000 32%),radial-gradient(circle at 100% 0,#14532d29,#0000 26%),url(/assets/itsehsanh-C8Jr6kLJ.jpg);background-position:50%,0 0,100% 0,50%;background-repeat:no-repeat;background-size:cover,auto,auto,cover;background-attachment:fixed;min-width:320px;margin:0}#root{min-height:100svh}h1,h2,h3{font-family:var(--heading);color:var(--text-strong);margin:0;line-height:1.05}h1{letter-spacing:-.04em;font-size:clamp(3rem,8vw,5.5rem)}h2{letter-spacing:-.03em;font-size:clamp(2rem,4vw,3rem)}h3{font-size:1.2rem}p{margin:0}a{color:inherit}img,svg{display:block}ul{margin:0}@media (width<=720px){:root{font-size:16px}}.hero{background:linear-gradient(125deg,#fffcf7f5,#f1e9dcf0),radial-gradient(circle at 100% 0,#14532d29,#0000 30%);grid-template-columns:minmax(0,1.6fr) minmax(340px,1fr);align-items:stretch;gap:24px;display:grid;overflow:hidden}.hero__content{text-align:left;flex-direction:column;gap:18px;display:flex}.hero__name{font-size:clamp(3.4rem,8vw,5.4rem)}.hero__role{color:#14212be0;max-width:22ch;font-size:clamp(1.2rem,2.6vw,1.8rem);font-weight:600;line-height:1.2}.hero__summary{max-width:26ch;color:var(--text-strong);font-size:clamp(1.25rem,2.4vw,1.7rem)}.hero__detail{max-width:56ch}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.hero__glance{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:10px;display:grid}.hero__glance-card{background:#ffffff6b;border:1px solid #14212b14;border-radius:18px;min-height:100%;padding:1rem 1rem 1.1rem;box-shadow:inset 0 1px #ffffff80}.hero__glance-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:.76rem;font-weight:700}.hero__panel{color:#f8fafce0;background:linear-gradient(#14212bf5,#203845f5);border-radius:24px;flex-direction:column;gap:18px;padding:24px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0f}.hero__panel-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.hero__traffic-lights{gap:8px;display:inline-flex}.hero__traffic-lights span{background:#f8fafc38;border-radius:50%;width:10px;height:10px}.hero__traffic-lights span:first-child{background:#ef7d57}.hero__traffic-lights span:nth-child(2){background:#f2cc8f}.hero__traffic-lights span:nth-child(3){background:#81b29a}.hero__panel-label{letter-spacing:.16em;text-transform:uppercase;color:#f8fafc9e;margin:0;font-size:.78rem;font-weight:700}.hero__terminal{background:#09111b75;border:1px solid #ffffff14;border-radius:18px;gap:10px;padding:14px;display:grid}.hero__terminal-line{opacity:.45;border-radius:14px;padding:12px;transition:opacity .22s,transform .22s,background-color .22s;transform:translate(0)}.hero__terminal-line.is-active{opacity:1;background:#ffffff0f;transform:translate(4px)}.hero__terminal-command,.hero__terminal-note{margin:0}.hero__terminal-command{min-height:1.2em;font-family:var(--mono);color:#f8fafc;white-space:normal;overflow-wrap:anywhere;word-break:break-word;font-size:.86rem}.hero__terminal-cursor{vertical-align:-.16em;background:#f2cc8feb;border-radius:1px;width:.62ch;height:1.05em;margin-left:.1ch;animation:1s step-end infinite heroCursorBlink;display:inline-block}.hero__terminal-note{color:#f8fafcbd;margin-top:6px}.hero__highlights{padding-left:1.1rem}.hero__highlights li+li{margin-top:.9rem}@media (prefers-reduced-motion:no-preference){.hero__panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#b873332e,#0000 68%);border-radius:50%;width:180px;height:180px;animation:8s ease-in-out infinite heroFloat;position:absolute;inset:auto -10% -30% auto}}@keyframes heroFloat{0%,to{transform:translate(0,0)}50%{transform:translate(-10px,-12px)}}@keyframes heroCursorBlink{0%,45%{opacity:1}46%,to{opacity:0}}@media (width<=900px){.hero{grid-template-columns:1fr}.hero__role,.hero__summary{max-width:none}.hero__glance{grid-template-columns:1fr}.hero__panel-top{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.hero__terminal-cursor{animation:none}}.about__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.about__card{border:1px solid var(--border-soft);background:#ffffff9e;border-radius:22px;padding:1.5rem}.about__card--accent{background:linear-gradient(#b873331f,#ffffffbf)}.about__card h3{margin-bottom:1rem}.about__card p+p{margin-top:1rem}.about__card ul{padding-left:1.1rem}.about__card li+li{margin-top:.8rem}@media (width<=820px){.about__grid{grid-template-columns:1fr}}.projects__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.projects__card{border:1px solid var(--border-soft);background:#fffcf7eb;border-radius:22px;flex-direction:column;gap:14px;min-height:100%;padding:1.5rem;transition:transform .22s,box-shadow .22s,border-color .22s,background-color .22s;display:flex}.projects__card:hover{transform:translateY(-4px);box-shadow:0 18px 34px #2f37421f}.projects__card.is-expanded{background:#fffbf5fa;border-color:#b8733347}.projects__toggle{color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:0;display:flex}.projects__toggle-copy{gap:6px;display:grid}.projects__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:.72rem;font-weight:700}.projects__toggle-icon{background:var(--accent-soft);width:2rem;height:2rem;color:var(--text-strong);border-radius:999px;justify-content:center;align-items:center;font-size:1.35rem;line-height:1;transition:transform .18s,background-color .18s;display:inline-flex}.projects__card.is-expanded .projects__toggle-icon{transform:rotate(180deg)}.projects__details{animation:.22s projectDetailsIn}.projects__details p+p{margin-top:10px}.projects__card strong{color:var(--text-strong)}@keyframes projectDetailsIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.projects__tags{flex-wrap:wrap;gap:10px;margin-top:auto;padding:0;list-style:none;display:flex}.projects__tags li{background:var(--accent-soft);color:var(--text-strong);border-radius:999px;padding:.45rem .8rem;font-size:.92rem;font-weight:700}@media (prefers-reduced-motion:reduce){.projects__card,.projects__toggle-icon,.projects__details{transition:none}.projects__card:hover{transform:none}}@media (width<=980px){.projects__grid{grid-template-columns:1fr}}.projects__card h3{margin:0}.fox-section{background:linear-gradient(135deg,#fffcf7f5,#f6ede0f5),radial-gradient(circle at 100% 0,#7d4e221f,#0000 34%);position:relative;overflow:hidden}.fox-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#7d4e221a,#0000 70%);border-radius:50%;width:240px;height:240px;position:absolute;inset:auto -5% -12% auto}.fox-section__header{max-width:70ch}.fox-section__grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.85fr);align-items:start;gap:24px;display:grid}.fox-section__content{gap:20px;display:grid}.fox-section__intro-card{background:#ffffff80;border:1px solid #5e3c1d1f;border-radius:22px;padding:1.25rem}.fox-section__label{letter-spacing:.16em;text-transform:uppercase;color:#8c5a2b;margin:0 0 .7rem;font-size:.76rem;font-weight:700}.fox-section__highlights{gap:12px;padding-left:1.15rem;display:grid}.fox-section__symbols{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.fox-section__symbol-card{background:#ffffff94;border:1px solid #5e3c1d1f;border-radius:20px;min-height:100%;padding:1.2rem}.fox-section__symbol-card h3{margin-bottom:.75rem}.fox-section__actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.fox-section__note{color:#14212bb8}.fox-section__brand-panel{box-shadow:var(--shadow);background:linear-gradient(#fff9f1eb,#f7efe2f5);border:1px solid #5e3c1d1f;border-radius:28px;gap:18px;padding:24px;display:grid;position:relative}.fox-section__crest-wrap{background:#ffffffad;border-radius:24px;padding:1.5rem}.fox-section__crest{width:min(100%,320px);height:auto;margin:0 auto}.fox-section__motif-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.fox-section__motif-row span{color:#6b4320;background:#fff9;border:1px solid #5e3c1d1f;border-radius:999px;padding:.45rem .8rem;font-size:.85rem;font-weight:700}.fox-section__panel-copy{padding-top:6px}@media (width<=980px){.fox-section__grid,.fox-section__symbols{grid-template-columns:1fr}}@media (width<=720px){.fox-section__brand-panel{border-radius:24px;padding:20px}.fox-section__crest-wrap{padding:1rem}.fox-section__actions{flex-direction:column;align-items:flex-start}}.personal__header{max-width:62ch}.personal__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.personal__card{border:1px solid var(--border-soft);background:#fff9;border-radius:22px;padding:1.5rem}.personal__card--accent{background:linear-gradient(#b873331a,#ffffffb8)}.personal__card h3{margin-bottom:.9rem}@media (width<=900px){.personal__grid{grid-template-columns:1fr}}.footer{border:1px solid var(--border);color:#f5f7faeb;width:min(1120px,100% - 32px);box-shadow:var(--shadow);background:linear-gradient(135deg,#0b1729eb,#143543eb);border-radius:28px;margin:24px auto 32px;padding:32px}.footer h2{color:#f8fafc;max-width:16ch;margin:0;font-size:clamp(1.8rem,3.2vw,2.65rem)}.footer__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#f5f7faad;margin-bottom:12px;font-size:.78rem;font-weight:700}.footer__copy{color:#f5f7fad1;max-width:60ch;margin-top:16px}.footer__links{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.footer__links a{color:#f8fafc;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:10px;padding:.8rem 1rem;text-decoration:none;transition:transform .18s,background-color .18s,border-color .18s;display:inline-flex}.footer__links a:hover,.footer__links a:focus-visible{background:#ffffff24;border-color:#ffffff4d;transform:translateY(-2px)}.footer__meta{color:#f5f7fab8;margin-top:24px;margin-bottom:0}.icon{flex:none;width:20px;height:20px}@media (width<=720px){.footer{border-radius:24px;width:min(1120px,100% - 24px);margin-top:18px;padding:24px}.footer h2{max-width:none;font-size:clamp(1.75rem,8vw,2.35rem)}.footer__links a{justify-content:center;width:100%}}.experience__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.experience__card{border:1px solid var(--border-soft);background:#f8fafcd1;border-radius:22px;padding:1.5rem}.experience__card h3{text-align:left;margin:0 0 1rem;font-size:1.1rem}.experience__card ul{margin:0;padding-left:1.1rem}.experience__card li+li{margin-top:.8rem}@media (width<=980px){.experience__grid{grid-template-columns:1fr}}.language-bar{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffcf7d1;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;transition:padding .18s,border-radius .18s;display:flex;box-shadow:0 12px 34px #2f37421a}.language-bar.is-compact{border-radius:999px;justify-content:space-between;padding:8px}.language-bar__label{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:.78rem;font-weight:700}.language-bar__buttons{flex-wrap:wrap;gap:8px;display:flex}.language-bar__button{border:1px solid var(--border);min-width:3rem;min-height:2.4rem;color:var(--text-strong);font:inherit;cursor:pointer;background:#ffffffad;border-radius:999px;justify-content:center;align-items:center;padding:.45rem .8rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .18s,background-color .18s,border-color .18s;display:inline-flex}.language-bar__button.is-active{background:#b8733324;border-color:#b8733347}.language-bar__button:hover,.language-bar__button:focus-visible{border-color:#b8733352;transform:translateY(-1px)}.language-bar__home{min-width:3rem;min-height:3rem;color:var(--text-strong);background:linear-gradient(135deg,#ffffffeb,#f7eee2e0);border:1px solid #b8733333;border-radius:999px;justify-content:center;align-items:center;padding:.5rem;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex}.language-bar__home:hover,.language-bar__home:focus-visible{border-color:#b8733352;transform:translateY(-1px);box-shadow:0 10px 24px #b873332e}.language-bar__home-icon{width:1.4rem;height:1.4rem;color:var(--accent);place-items:center;line-height:1;display:inline-grid}.language-bar__home-icon svg{fill:currentColor;width:100%;height:100%;display:block}.language-bar__socials{align-items:center;gap:8px;display:flex}.language-bar__social-link{width:3rem;height:3rem;color:var(--text-strong);background:#ffffffb8;border:1px solid #b8733329;border-radius:999px;justify-content:center;align-items:center;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex}.language-bar__social-link:hover,.language-bar__social-link:focus-visible{border-color:#b8733347;transform:translateY(-1px);box-shadow:0 10px 24px #b8733324}.language-bar__social-icon{fill:currentColor;width:1.15rem;height:1.15rem}.language-bar__social-icon--airbnb{width:.95rem;height:.95rem}@media (width<=720px){.language-bar{flex-direction:column;align-items:flex-start}.language-bar.is-compact{align-items:stretch;gap:10px}.language-bar__buttons{width:100%}.language-bar__button{flex:1 1 0}.language-bar.is-compact .language-bar__home{justify-content:center;width:100%}.language-bar__socials{justify-content:center}}.page-shell{min-height:100%;padding:32px 0 0}.page-topbar{z-index:20;width:min(1120px,100% - 32px);margin:0 auto 18px;position:sticky;top:12px}.page-content{gap:24px;width:min(1120px,100% - 32px);margin:0 auto;display:grid}.section{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:28px;padding:32px}.section__header{max-width:64ch;margin-bottom:24px}.section__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 10px;font-size:.78rem;font-weight:700}.reveal-on-scroll{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1);transform:translateY(34px)scale(.985)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)scale(1)}@media (prefers-reduced-motion:reduce){.reveal-on-scroll,.reveal-on-scroll.is-visible{opacity:1;transition:none;transform:none}}.button-link{background:var(--accent);color:#f8fafc;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:.75rem 1.2rem;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,background-color .18s;display:inline-flex}.button-link:hover,.button-link:focus-visible{transform:translateY(-2px);box-shadow:0 10px 30px #b8733338}.button-link--secondary{border-color:var(--border);color:var(--text-strong);background:0 0}@media (width<=720px){.page-shell{padding-top:24px}.page-topbar{width:min(1120px,100% - 24px);margin-bottom:16px;top:8px}.page-content{gap:18px;width:min(1120px,100% - 24px)}.section{border-radius:24px;padding:24px}}