:root{--navy-900:#1f1b16;--navy-800:#29241d;--navy:#241f19;--navy-600:#4c453a;--navy-400:#7d7566;--navy-100:#e4ddcc;--coral:#b1502c;--coral-dark:#8c3f22;--coral-light:#f4e1d5;--gold:#a67c1d;--gold-light:#f3e9d2;--cream:#f2efe7;--paper:#faf8f3;--paper-deep:#e8e1d1;--ink:#2a2620;--ink-soft:#5c554a;--line:#ddd4c0;--line-strong:#c6b9a0;--font-display:"Newsreader", "Iowan Old Style", Georgia, serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--shadow-card:0 18px 40px -22px #1f1b1661;--shadow-soft:0 10px 24px -16px #1f1b163d;--container-w:1140px;--paper-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--cream);background-image:var(--paper-grain);color:var(--ink);-webkit-font-smoothing:antialiased;background-repeat:repeat;background-size:180px 180px;overflow-x:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;font-family:inherit}h1,h2,h3,h4{font-family:var(--font-display);color:var(--navy);font-weight:600;line-height:1.12}.eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--coral-dark);align-items:center;gap:.5rem;font-size:.74rem;font-weight:500;display:inline-flex}.container{width:100%;max-width:var(--container-w);margin:0 auto;padding:0 1.75rem}.page-section{padding:5.5rem 0}.section-head{max-width:640px;margin-bottom:3rem}.section-head h2{margin-top:.6rem;font-size:clamp(2rem,4vw,2.75rem)}.section-head p{color:var(--ink-soft);margin-top:.9rem;font-size:1.05rem;line-height:1.6}.btn{border:2px solid #0000;border-radius:999px;align-items:center;gap:.5rem;padding:.85rem 1.6rem;font-size:.98rem;font-weight:600;transition:transform .18s,box-shadow .18s,background .18s,color .18s;display:inline-flex}.btn:hover{transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.btn:hover{transform:none}}.btn-primary{background:var(--coral);color:var(--paper);box-shadow:0 12px 24px -10px #b1502c8c}.btn-primary:hover{background:var(--coral-dark)}.btn-outline{color:var(--navy);border-color:var(--navy);background:0 0}.btn-outline:hover{background:var(--navy);color:var(--paper)}.btn-outline-light{color:var(--paper);background:0 0;border-color:#faf8f380}.btn-outline-light:hover{background:var(--paper);color:var(--navy)}.tag{font-family:var(--font-mono);background:var(--navy-100);color:var(--navy);white-space:nowrap;border-radius:999px;align-items:center;padding:.35rem .8rem;font-size:.76rem;font-weight:500;display:inline-flex}.tag-coral{background:var(--coral-light);color:var(--coral-dark)}.tag-gold{background:var(--gold-light);color:#7a5a10}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--coral);outline-offset:3px}@media (width<=720px){.page-section{padding:3.5rem 0}}.navbar{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#faf8f3e0;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;height:5rem;display:flex}.navbar-logo{font-family:var(--font-display);color:var(--navy);font-size:1.5rem;font-style:italic;font-weight:600}.navbar-logo span{color:var(--coral)}.navbar-links{align-items:center;gap:2.25rem;display:flex}.navbar-link{color:var(--navy-600);padding:.35rem 0;font-size:.98rem;font-weight:600;position:relative}.navbar-link:after{content:"";background:var(--coral);transform-origin:0;width:100%;height:2px;transition:transform .22s;position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.navbar-link:hover,.navbar-link.is-active{color:var(--navy)}.navbar-link:hover:after,.navbar-link.is-active:after{transform:scaleX(1)}.navbar-resume{padding:.6rem 1.35rem;font-size:.9rem}.navbar-toggle{background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:2.5rem;height:2.5rem;display:none}.navbar-toggle span{background:var(--navy);border-radius:2px;width:100%;height:2px;transition:transform .22s,opacity .22s;display:block}.navbar-toggle.is-open span:first-child{transform:translateY(7px)rotate(45deg)}.navbar-toggle.is-open span:nth-child(2){opacity:0}.navbar-toggle.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navbar-mobile{background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:.25rem;max-height:0;transition:max-height .26s;display:none;overflow:hidden}.navbar-mobile.is-open{max-height:320px}.navbar-mobile-link{color:var(--navy-600);border-bottom:1px solid var(--line);padding:.9rem 1.75rem;font-weight:600}.navbar-mobile-link.is-active{color:var(--coral-dark)}.navbar-mobile-resume{justify-content:center;margin:1rem 1.75rem}@media (width<=760px){.navbar-links{display:none}.navbar-toggle,.navbar-mobile{display:flex}}.footer{background:var(--navy-900);color:var(--navy-100);margin-top:4rem}.footer-inner{grid-template-columns:1.4fr 1fr 1fr;gap:2.5rem;padding:4rem 0 2.5rem;display:grid}.footer-logo{font-family:var(--font-display);color:var(--paper);font-size:1.4rem;font-style:italic;font-weight:600}.footer-logo span{color:var(--coral)}.footer-tagline{max-width:320px;color:var(--navy-100);opacity:.75;margin-top:.9rem;font-size:.95rem;line-height:1.6}.footer-links,.footer-contact{flex-direction:column;gap:.85rem;font-size:.95rem;display:flex}.footer-links a,.footer-contact a{opacity:.8;transition:opacity .16s,color .16s}.footer-links a:hover,.footer-contact a:hover{opacity:1;color:var(--coral)}.footer-bottom{opacity:.6;border-top:1px solid #faf8f31f;padding:1.5rem 0;font-size:.85rem}@media (width<=760px){.footer-inner{grid-template-columns:1fr;gap:2rem;padding:3rem 0 2rem}}.folder{--lift:-10px;background:var(--paper);border:1px solid var(--line-strong);width:208px;box-shadow:var(--shadow-soft);will-change:transform;border-radius:4px 14px 14px;flex-direction:column;flex-shrink:0;transition:transform .22s,box-shadow .22s,z-index;display:flex;position:relative}.folder-tab{font-family:var(--font-mono);letter-spacing:.02em;color:var(--paper);background:var(--fc);white-space:nowrap;text-overflow:ellipsis;border-radius:8px 8px 0 0;align-self:flex-start;max-width:100%;padding:.5rem .9rem;font-size:.72rem;font-weight:600;overflow:hidden}.folder-body{border-top:3px solid var(--fc);border-radius:0 14px 14px;flex-direction:column;flex:1;gap:.65rem;padding:1rem 1.1rem 1.2rem;display:flex}.folder-badge{font-family:var(--font-mono);color:var(--fc);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:500}.folder-hook{color:var(--ink-soft);font-size:.88rem;line-height:1.5}.folder-stack{flex-wrap:wrap;gap:.4rem;margin-top:auto;display:flex}.folder-chip{font-family:var(--font-mono);background:var(--fc-soft);color:var(--ink);border-radius:999px;padding:.22rem .5rem;font-size:.66rem}.folder-chip-more{background:var(--line);color:var(--ink-soft)}.folder:hover,.folder:focus-visible{transform:translateY(var(--lift));box-shadow:var(--shadow-card);z-index:50}.folder:focus-visible{outline:3px solid var(--coral);outline-offset:3px}@media (prefers-reduced-motion:reduce){.folder{transition:box-shadow .12s}.folder:hover,.folder:focus-visible{transform:none}}@media (width>=760px){.folder[data-index="0"]{z-index:1;transform:rotate(-2deg)translateY(6px)}.folder[data-index="1"]{z-index:2;margin-left:-1.6rem;transform:rotate(1.4deg)translateY(-6px)}.folder[data-index="2"]{z-index:3;margin-left:-1.6rem;transform:rotate(-1.1deg)translateY(10px)}.folder[data-index="3"]{z-index:4;margin-left:-1.6rem;transform:rotate(2deg)translateY(-4px)}.folder[data-index="4"]{z-index:5;margin-left:-1.6rem;transform:rotate(-1.6deg)translateY(8px)}.folder[data-index="5"]{z-index:6;margin-left:-1.6rem;transform:rotate(1.1deg)translateY(-2px)}.folder[data-index="0"]:hover,.folder[data-index="0"]:focus-visible{transform:rotate(-2deg) translateY(calc(6px + var(--lift)))}.folder[data-index="1"]:hover,.folder[data-index="1"]:focus-visible{transform:rotate(1.4deg) translateY(calc(-6px + var(--lift)))}.folder[data-index="2"]:hover,.folder[data-index="2"]:focus-visible{transform:rotate(-1.1deg) translateY(calc(10px + var(--lift)))}.folder[data-index="3"]:hover,.folder[data-index="3"]:focus-visible{transform:rotate(2deg) translateY(calc(-4px + var(--lift)))}.folder[data-index="4"]:hover,.folder[data-index="4"]:focus-visible{transform:rotate(-1.6deg) translateY(calc(8px + var(--lift)))}.folder[data-index="5"]:hover,.folder[data-index="5"]:focus-visible{transform:rotate(1.1deg) translateY(calc(-2px + var(--lift)))}}@media (width>=760px) and (prefers-reduced-motion:reduce){.folder[data-index]{transform:none!important}}@media (width<=759px){.folder{border-radius:12px;flex-direction:row;align-items:stretch;width:100%;overflow:hidden;margin-left:0!important;transform:none!important}.folder-tab{writing-mode:vertical-rl;text-orientation:mixed;border-radius:0;justify-content:center;align-self:stretch;align-items:center;padding:.9rem .55rem;display:flex}.folder-body{border-top:none;border-left:3px solid var(--fc);border-radius:0}.folder:hover,.folder:focus-visible{box-shadow:var(--shadow-soft)}}.hero{background:linear-gradient(180deg, var(--paper-deep) 0%, #f2efe700 60%);padding:5rem 0 4rem;position:relative;overflow:hidden}.hero-inner{grid-template-columns:1.15fr .85fr;align-items:center;gap:3rem;display:grid}.hero-text h1{margin-top:.75rem;margin-bottom:1.25rem;font-size:clamp(2.75rem,6vw,4.4rem);font-style:italic}.hero-highlight{color:var(--coral);font-style:normal}.hero-tagline{color:var(--ink-soft);max-width:520px;font-size:1.1rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.hero-focus{flex-wrap:wrap;gap:1.75rem;margin-top:3rem;display:flex}.hero-focus-item{border-left:3px solid var(--coral);padding-left:.85rem}.hero-focus-title{color:var(--navy);font-size:.95rem;font-weight:700}.hero-focus-desc{color:var(--ink-soft);margin-top:.15rem;font-size:.85rem}.hero-photo-wrap{justify-self:center;position:relative}.hero-photo-frame{aspect-ratio:4/5;border:6px solid var(--paper);width:min(360px,80vw);box-shadow:var(--shadow-card);background:var(--paper-deep);border-radius:6px 18px 18px;overflow:hidden;transform:rotate(1.5deg)}.hero-photo-frame img{object-fit:cover;width:100%;height:100%}.hero-photo-tag{font-family:var(--font-mono);color:var(--paper);background:var(--coral);box-shadow:var(--shadow-soft);border-radius:4px;padding:.4rem .8rem;font-size:.78rem;font-weight:600;position:absolute;bottom:1.4rem;left:-.9rem;transform:rotate(-3deg)}.work-preview-folders{flex-wrap:wrap;align-items:flex-start;gap:1.5rem;margin-bottom:2.5rem;display:flex}@media (width>=760px){.work-preview-folders{flex-wrap:nowrap;gap:0;padding:1rem .5rem 1.5rem;overflow-x:auto}}@media (width<=759px){.work-preview-folders{flex-direction:column}}.highlights{background:var(--paper-deep)}.highlights-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:3.5rem;display:grid}.highlights-flagship{border-right:1px solid var(--line-strong);padding-right:2rem}.flagship-value{font-family:var(--font-display);color:var(--coral);margin:.75rem 0 .5rem;font-size:clamp(4rem,9vw,6.5rem);font-style:italic;font-weight:600;line-height:1}.flagship-label{color:var(--navy);font-size:1.1rem;font-weight:700;line-height:1.35}.flagship-detail{color:var(--ink-soft);margin-top:.6rem;font-size:.92rem}.highlights-index{counter-reset:none;flex-direction:column;gap:1.75rem;display:flex}.highlights-index li{border-bottom:1px solid var(--line);gap:1.25rem;padding-bottom:1.75rem;display:flex}.highlights-index li:last-child{border-bottom:none;padding-bottom:0}.highlights-index-n{font-family:var(--font-mono);color:var(--coral-dark);padding-top:.2rem;font-size:.85rem}.highlights-index-label{color:var(--navy);font-size:1rem;font-weight:700;line-height:1.4}.highlights-index-detail{color:var(--ink-soft);margin-top:.35rem;font-size:.88rem}.cta-strip{background:var(--navy-900);color:var(--paper);margin:2rem 0 0}.cta-strip-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding:3.5rem 0;display:flex}.cta-strip h2{color:var(--paper);font-size:clamp(1.6rem,3vw,2.2rem);font-style:italic}.cta-strip p{color:var(--navy-100);margin-top:.5rem}.cta-strip-actions{flex-wrap:wrap;gap:1rem;display:flex}@media (width<=900px){.hero-inner{grid-template-columns:1fr}.hero-photo-wrap{order:-1}.highlights-grid{grid-template-columns:1fr;gap:2rem}.highlights-flagship{border-right:none;border-bottom:1px solid var(--line-strong);padding-bottom:2rem;padding-right:0}}.about-hero-inner{grid-template-columns:.85fr 1.15fr;align-items:center;gap:3.5rem;display:grid}.about-photo-wrap{justify-self:center;position:relative}.about-photo{aspect-ratio:3/4;object-fit:cover;border:6px solid var(--paper);width:min(340px,75vw);box-shadow:var(--shadow-card);border-radius:6px 18px 18px;transform:rotate(-1.5deg)}.about-text h1{margin:.65rem 0 1.5rem;font-size:clamp(2.25rem,4.5vw,3.2rem);font-style:italic}.about-text p{color:var(--ink-soft);max-width:620px;margin-bottom:1.1rem;line-height:1.75}.about-resume-btn{margin-top:1rem}.skills-section{background:var(--navy-900)}.skills-section .eyebrow{color:var(--gold)}.skills-section h2{color:var(--paper)}.skills-grid{flex-wrap:wrap;gap:.75rem;display:flex}.skills-tag{color:var(--paper);background:#faf8f31a;padding:.55rem 1.1rem;font-size:.82rem}.involvement-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.involvement-card{background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--coral);box-shadow:var(--shadow-soft);border-radius:4px 14px 14px;padding:1.75rem}.involvement-role{font-family:var(--font-display);color:var(--navy);font-size:1.2rem;font-style:italic;font-weight:600}.involvement-org{font-family:var(--font-mono);color:var(--coral-dark);text-transform:uppercase;letter-spacing:.03em;margin:.5rem 0 .85rem;font-size:.76rem;font-weight:500}.involvement-desc{color:var(--ink-soft);font-size:.92rem;line-height:1.6}@media (width<=900px){.about-hero-inner,.involvement-grid{grid-template-columns:1fr}}.projects-hero{min-height:70vh}.projects-hero h1{margin:.6rem 0 1rem;font-size:clamp(2.4rem,5vw,3.4rem);font-style:italic}.projects-intro{color:var(--ink-soft);max-width:540px;margin-bottom:3.5rem;font-size:1.05rem;line-height:1.65}.folder-cabinet{flex-wrap:wrap;align-items:flex-start;gap:1.5rem;padding-top:1rem;display:flex}@media (width>=760px){.folder-cabinet{flex-wrap:nowrap;gap:0;padding:1rem .5rem 2.5rem;overflow:auto visible}}@media (width<=759px){.folder-cabinet{flex-direction:column}}.placeholder-img{border-radius:var(--radius-sm);background:repeating-linear-gradient(135deg, var(--paper-deep), var(--paper-deep) 10px, var(--cream) 10px, var(--cream) 20px);border:1.5px dashed var(--line-strong);width:100%;color:var(--ink-soft);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex}.placeholder-img-icon{opacity:.55;font-size:1.4rem}.placeholder-img-label{font-family:var(--font-mono);letter-spacing:.01em;max-width:85%;font-size:.72rem;font-weight:500}.project-detail{position:relative}.project-detail-wash{background:linear-gradient(180deg, var(--fc-soft) 0%, #faf8f300 100%);z-index:0;height:480px;position:absolute;top:0;left:0;right:0}.project-detail-inner{z-index:1;max-width:860px;padding:3rem 1.75rem 5rem;position:relative}.project-back{font-family:var(--font-mono);color:var(--ink-soft);align-items:center;margin-bottom:2.5rem;padding:.4rem .1rem;font-size:.82rem;font-weight:500;transition:color .16s;display:inline-flex}.project-back:hover,.project-back:focus-visible{color:var(--fc)}.project-detail-badge{background:var(--fc-soft);color:var(--fc);margin-bottom:1rem}.project-detail h1{margin-bottom:.6rem;font-size:clamp(2.2rem,5vw,3.2rem)}.project-detail-subtitle{font-family:var(--font-mono);color:var(--ink-soft);margin-bottom:2rem;font-size:.92rem;font-weight:500}.project-detail-dot{color:var(--fc)}.project-detail-description{color:var(--ink);max-width:68ch;margin-bottom:2.75rem;font-size:1.1rem;line-height:1.75}.project-detail-media{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:3rem;display:grid}.project-detail-grid{border-top:1px solid var(--line);grid-template-columns:1.3fr 1fr;gap:2.5rem;margin-bottom:3rem;padding-top:2.5rem;display:grid}.project-detail-grid h2{margin-bottom:1.1rem;font-size:1.3rem}.project-detail-highlights{flex-direction:column;gap:.75rem;display:flex}.project-detail-highlights li{color:var(--ink-soft);padding-left:1.35rem;font-size:.97rem;line-height:1.6;position:relative}.project-detail-highlights li:before{content:"";background:var(--fc);border-radius:50%;width:8px;height:8px;position:absolute;top:.55em;left:0}.project-detail-stack{flex-wrap:wrap;gap:.6rem;display:flex}.btn-outline.project-detail-footer-back{border-color:var(--fc);color:var(--fc)}.btn-outline.project-detail-footer-back:hover{background:var(--fc);color:var(--paper)}@media (width<=720px){.project-detail-media{grid-template-columns:1fr}.project-detail-grid{grid-template-columns:1fr;gap:2rem}}