@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600;700&display=swap";.navbar{border-bottom:1px solid #6b5e4e;justify-content:space-between;align-items:center;margin:0 30px;padding:.4rem 0;font-family:JetBrains Mono,monospace;display:flex}.navbar *{font-size:1.2rem;text-decoration:none}.navbar__links{justify-content:right;gap:5%;width:60%;display:flex}.navbar-link{color:#292624}.navbar__logo{color:#292624;font-size:1.8rem;font-weight:700}.navbar a:hover{color:#6b5e4e}footer{color:#fff;background-color:#23232b;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:40px;padding:70px;font-size:.9rem;display:flex;bottom:0}.footer__socials{gap:1.2rem;margin-bottom:1.2rem;display:flex}.footer__social-link{color:#fff;transition:color .15s,transform .15s;display:inline-flex}.footer__social-link:hover{color:#eb7d0d;transform:translateY(-2px)}#about-me{gap:1rem;width:min(760px,100%);margin-top:4rem;display:grid}#about-me>*{opacity:0;animation:.48s forwards rise-in;transform:translateY(10px)}#about-me>:first-child{animation-delay:70ms}#about-me>:nth-child(2){animation-delay:.13s}#about-me>:nth-child(3){animation-delay:.19s}#about-me>:nth-child(4){animation-delay:.25s}#about-me>:nth-child(5){animation-delay:.32s}#about-me>:nth-child(6){animation-delay:.37s}.about-me__eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#3a5f7a;font-size:.85rem;font-weight:700}.about-me__cta-row{flex-wrap:wrap;gap:.8rem;margin-top:.4rem;display:flex}.about-me__cta{color:#292624;border:1px solid #6b5e4e;border-radius:999px;padding:.5rem 1rem;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s}.about-me__cta:hover{transform:translateY(-1px);box-shadow:0 8px 16px #23232b24}.about-me__cta--primary{color:#f7f3ef;background:#23232b;border-color:#23232b}.about-me__highlights{gap:.45rem;margin-top:.6rem;padding-left:1.2rem;display:grid}@media (prefers-reduced-motion:reduce){#about-me>*{opacity:1;animation:none;transform:none}}.about{gap:1.2rem;width:min(800px,100%);animation:.42s fade-in;display:grid}.about .eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#3a5f7a;font-size:.82rem;font-weight:700}.about section{background:#f7f3ef73;border:1px solid #23232b33;border-radius:12px;padding:1rem 1.1rem}.about ul{gap:.3rem;padding-left:1.2rem;display:grid}.about .about-link{color:#292624;border-bottom:2px solid #eb7d0d;justify-self:start;font-weight:600;text-decoration:none}.about .about-cta-row{flex-wrap:wrap;gap:.8rem;display:flex}.about .about-cta-row--top{margin-top:-.1rem;margin-bottom:.15rem}.about .about-link--primary{background:#f7f3efa6;border:1px solid #23232b59;border-radius:999px;padding:.48rem .95rem}.about .tech-stack{gap:.8rem;margin-top:20px;display:grid}.about .tech-stack__label{color:#292624;margin:0;font-weight:600}.about .tech-group{border-top:1px solid #23232b1f;gap:.5rem;padding-top:.7rem;display:grid}.about .tech-group__title{color:#3a5f7a;margin:0;font-size:.95rem;font-weight:700}.about .tech-stack__items{flex-wrap:wrap;gap:.5rem;display:flex}.about .tech-badge{color:#292624;background:#23232b14;border:1px solid #23232b2e;border-radius:6px;padding:.35rem .65rem;font-size:.9rem;font-weight:500;display:inline-block}.projects{gap:1rem;width:min(980px,100%);animation:.42s fade-in;display:grid}.projects .eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#3a5f7a;font-size:.82rem;font-weight:700}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.projects-grid__card{background:#f7f3ef8c;border:1px solid #23232b33;border-radius:14px;gap:.6rem;padding:1rem;transition:transform .2s,box-shadow .2s;display:grid}.projects-grid__card:hover{transform:translateY(-4px);box-shadow:0 14px 24px #23232b24}.projects-grid__stack{color:#6b5e4e;font-size:.82rem;font-weight:700}.projects-grid__link{color:#23232b;border-bottom:2px solid #eb7d0d;justify-self:start;font-weight:600;text-decoration:none}.projects-grid__coming-soon{color:#6b5e4e;font-size:.9rem;font-weight:600}.exhibition-page{gap:1.5rem;width:min(1080px,100%);padding-bottom:1rem;animation:.42s fade-in;display:grid}.exhibition-page .hero-panel,.exhibition-page .quiz-shell,.exhibition-page .results-panel{background:#fbf8f4f5;border:1px solid #2926241f;border-radius:22px;box-shadow:0 18px 40px #1c171514}.exhibition-page .hero-panel{gap:1rem;padding:clamp(1.4rem,3vw,2rem);display:grid;position:relative;overflow:hidden}.exhibition-page .hero-panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#eb7d0d29,#0000 70%);border-radius:50%;width:18rem;height:18rem;position:absolute;inset:auto -20% -65% auto}.exhibition-page .eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#7b4e12;font-size:.78rem;font-weight:700}.exhibition-page .hero-copy{color:#3a332f;max-width:68ch;font-size:1.02rem}.exhibition-page .hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.exhibition-page .hero-stats div{background:#ffffff8c;border:1px solid #29262414;border-radius:16px;gap:.2rem;padding:.85rem 1rem;display:grid}.exhibition-page .hero-stats strong{color:#1f1b18;font-size:1.05rem}.exhibition-page .hero-stats span{color:#655b54;font-size:.9rem}.exhibition-page .quiz-shell{gap:1rem;padding:clamp(1rem,2.5vw,1.5rem);display:grid}.exhibition-page .quiz-toolbar{color:#564e49;border-bottom:1px solid #29262414;flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding-bottom:.5rem;font-weight:600;display:flex}.exhibition-page .quiz-stage{gap:5rem;display:grid}.exhibition-page .question-card{gap:1.1rem;display:grid}.exhibition-page .question-copy{gap:.5rem;display:grid}.exhibition-page .question-kind{text-transform:uppercase;letter-spacing:.1em;color:#8a5a14;font-size:.76rem;font-weight:700}.exhibition-page .question-instruction{color:#5e5550}.exhibition-page .stimulus-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.15rem;display:grid}.exhibition-page .stimulus-card{background:#ffffffb8;border:1px solid #2926241a;border-radius:18px;gap:.7rem;padding:.9rem;display:grid;position:relative}.exhibition-page .stimulus-card img{aspect-ratio:4/3;object-fit:cover;background:#f4efe8;border-radius:14px;width:100%}.exhibition-page .stimulus-badge{z-index:1;color:#fff;background:#161311d6;border-radius:999px;padding:.22rem .55rem;font-size:.78rem;font-weight:700;position:absolute;top:1.2rem;left:1.2rem}.exhibition-page .answer-block{gap:.95rem;display:grid}.exhibition-page .answer-block__label{color:#352f2b;font-weight:700}.exhibition-page .choices{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.15rem;display:grid}.exhibition-page .choice-button,.exhibition-page .action-button{cursor:pointer;appearance:none;border:1px solid #29262429;border-radius:999px;padding:.9rem 1.05rem;font-weight:700;transition:transform .16s,background-color .16s,border-color .16s,box-shadow .16s;box-shadow:0 10px 22px #1c17151a}.exhibition-page .choice-button{color:#1e1915;text-align:center;letter-spacing:.01em;background:linear-gradient(#d7c8b6,#bea995);border-color:#2926244d;justify-content:center;align-items:center;min-height:3.4rem;font-size:.98rem;display:inline-flex}.exhibition-page .choice-button:hover,.exhibition-page .action-button:hover{transform:translateY(-2px);box-shadow:0 14px 26px #1c171529}.exhibition-page .choice-button:focus-visible,.exhibition-page .action-button:focus-visible{outline-offset:2px;outline:3px solid #eb7d0d6b}.exhibition-page .choice-button.is-selected{color:#171311;background:linear-gradient(#c8b08e,#a98b64);border-color:#eb7d0dd1;box-shadow:0 0 0 3px #eb7d0d29}.exhibition-page .choice-button.is-correct{color:#102116;background:linear-gradient(#9cc8af,#74a985);border-color:#1f7e4dd1}.exhibition-page .choice-button.is-incorrect{color:#251313;background:linear-gradient(#d7a1a1,#bd7777);border-color:#b73434d1}.exhibition-page .action-button{color:#fff;background:linear-gradient(#2f2924,#181411);border-color:#0003;min-height:3rem;padding-inline:1.1rem}.exhibition-page .action-button--ghost{color:#241f1b;background:#ece5ddeb}.exhibition-page .action-button:disabled,.exhibition-page .choice-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.exhibition-page .question-actions{flex-wrap:wrap;gap:.75rem;margin-top:-.35rem;display:flex}.exhibition-page .feedback-panel{background:#ffffff9e;border:1px solid #29262414;border-radius:16px;gap:.4rem;min-height:3.4rem;padding:.75rem 1rem;display:grid}.exhibition-page .feedback-copy{font-weight:600}.exhibition-page .feedback-copy.is-correct{color:#1b6d43}.exhibition-page .feedback-copy.is-incorrect{color:#9f3030}.exhibition-page .feedback-note{color:#615952;font-size:.95rem}.exhibition-page .results-panel{gap:.75rem;padding:1.2rem;display:grid}.exhibition-page .results-actions{flex-wrap:wrap;gap:.75rem;display:flex}@media (width<=720px){.exhibition-page .hero-stats{grid-template-columns:1fr}.exhibition-page .quiz-toolbar,.exhibition-page .question-actions{flex-direction:column}.exhibition-page .action-button,.exhibition-page .choice-button{width:100%}}.ellerin-page .project-hero-custom{color:#f7f3ef;background:linear-gradient(130deg,#12212c 0%,#2d4f64 52%,#68a1be 100%);border-radius:12px;gap:.8rem;margin-top:4rem;margin-bottom:2rem;padding:4rem 2rem;animation:.42s fade-in;display:grid}.ellerin-page h1{color:#ffe7c8;margin:0;font-size:2.5rem}.ellerin-page .project-meta{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700}.ellerin-page .project-overview{gap:.7rem;width:min(920px,100%);display:grid}.ellerin-page .project-overview ul{gap:.4rem;padding-left:1.2rem;display:grid}.ellerin-page .custom-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;width:min(920px,100%);margin-top:1rem;display:grid}.ellerin-page .custom-grid div{background:#fff4e8a6;border:1px solid #4a2e1e33;border-radius:8px;gap:.4rem;padding:1rem;display:grid}.ellerin-page .back-link{color:#292624;border-bottom:2px solid #eb7d0d;margin-top:1rem;font-weight:600;text-decoration:none}.ellerin-page .project-links__row{flex-flow:column wrap;align-items:flex-start;gap:.8rem;display:flex}.ellerin-page .project-link-btn{color:#23232b;border:1px solid #23232b59;border-radius:999px;align-items:center;padding:.5rem .95rem;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.ellerin-page .project-link-btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px #23232b1f}.ellerin-page .project-link-btn--muted{cursor:default;color:#4a555e;background:#ffffff80;border-color:#4a555e59}.ellerin-page .project-link-btn--muted:hover{box-shadow:none;transform:none}.ellerin-page .project-image-section{width:min(920px,100%);margin:1.2rem 0}.ellerin-page .project-image{border:1px solid #23232b14;border-radius:8px;width:100%;height:auto;display:block;box-shadow:0 8px 20px #23232b0f}.quiz-app-page .project-hero-custom{color:#f7f3ef;background:linear-gradient(135deg,#23232b 0%,#3a5f7a 55%,#6b5e4e 100%);border-radius:12px;gap:.8rem;margin-top:4rem;margin-bottom:2rem;padding:4rem 2rem;animation:.42s fade-in;display:grid}.quiz-app-page h1{color:#cac2b0;margin:0;font-size:2.5rem}.quiz-app-page .project-meta{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700}.quiz-app-page .project-overview{gap:.7rem;width:min(920px,100%);display:grid}.quiz-app-page .project-overview ul{gap:.4rem;padding-left:1.2rem;display:grid}.quiz-app-page .custom-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;width:min(920px,100%);margin-top:1rem;display:grid}.quiz-app-page .custom-grid div{background:#f7f3ef99;border:1px solid #23232b29;border-radius:8px;gap:.4rem;padding:1rem;display:grid}.quiz-app-page .back-link{color:#292624;border-bottom:2px solid #eb7d0d;margin-top:1rem;font-weight:600;text-decoration:none}.quiz-app-page .project-links__row{flex-flow:column wrap;align-items:flex-start;gap:.8rem;display:flex}.quiz-app-page .project-link-btn{color:#23232b;border:1px solid #23232b59;border-radius:999px;align-items:center;padding:.5rem .95rem;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.quiz-app-page .project-link-btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px #23232b1f}.quiz-app-page .project-image-section{width:min(920px,100%);margin:1.2rem 0}.quiz-app-page .project-image{border:1px solid #23232b14;border-radius:8px;width:100%;height:auto;display:block;box-shadow:0 8px 20px #23232b0f}.yapper-page .project-hero-custom{color:#f7f3ef;background:linear-gradient(130deg,#2a1f17 0%,#73513b 52%,#cf8d4a 100%);border-radius:12px;gap:.8rem;margin-top:4rem;margin-bottom:2rem;padding:4rem 2rem;animation:.42s fade-in;display:grid}.yapper-page h1{color:#ffe7c8;margin:0;font-size:2.5rem}.yapper-page .project-meta{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700}.yapper-page .project-overview{gap:.7rem;width:min(920px,100%);display:grid}.yapper-page .project-overview ul{gap:.4rem;padding-left:1.2rem;display:grid}.yapper-page .custom-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;width:min(920px,100%);margin-top:1rem;display:grid}.yapper-page .custom-grid div{background:#fff4e8a6;border:1px solid #4a2e1e33;border-radius:8px;gap:.4rem;padding:1rem;display:grid}.yapper-page .back-link{color:#292624;border-bottom:2px solid #eb7d0d;margin-top:1rem;font-weight:600;text-decoration:none}.yapper-page .project-links__row{flex-flow:column wrap;align-items:flex-start;gap:.8rem;display:flex}.yapper-page .project-link-btn{color:#23232b;border:1px solid #23232b59;border-radius:999px;align-items:center;padding:.5rem .95rem;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.yapper-page .project-link-btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px #23232b1f}.yapper-page .project-image-section{width:min(920px,100%);margin:1.2rem 0}.yapper-page .project-image{border:1px solid #23232b14;border-radius:8px;width:100%;height:auto;display:block;box-shadow:0 8px 20px #23232b0f}.notfound{justify-content:center;align-items:center;height:100%;margin-top:8rem;display:flex}.notfound h1{font-size:3rem}.notfound p{font-size:1.4rem}.notfound .home-link{color:#23232b;border:1px solid #23232b59;border-radius:999px;align-items:center;margin-top:5rem;padding:.5rem .95rem;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex;transform:scale(1.4)}*,:before,:after{box-sizing:border-box}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}html,body{background-color:#cac2b0;height:100%;margin:0;padding:0}.main-wrapper{flex-direction:column;min-height:100vh;display:flex}.content{flex:1;width:min(1100px,92%);margin-inline:auto}.project h2{margin-top:40px}main{color:#292624;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:2.5rem;padding:2rem 0 2.5rem;display:flex}main h1{color:#292624;font-family:JetBrains Mono,monospace;font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.2}main h2{font-size:clamp(1.2rem,2vw,1.55rem)}main p{max-width:70ch}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}