/* Yuli Vantura portfolio.
   Layout: one page (hero, credits, photos, about with skills, press, contact) plus in-page résumé and legal views.
   Look: calm and professional. Pale blue paper, pastel green / pink / blue / lavender panels and highlights, dark indigo type,
   one rounded typeface (M PLUS Rounded 1c) throughout. Fonts are self-hosted. */
@font-face{font-family:"M PLUS Rounded 1c";src:url("fonts/mplus-rounded-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"M PLUS Rounded 1c";src:url("fonts/mplus-rounded-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"M PLUS Rounded 1c";src:url("fonts/mplus-rounded-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"M PLUS Rounded 1c";src:url("fonts/mplus-rounded-800.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}

:root{
  --paper:#F7F9FF;
  --white:#FFFFFF;
  --ink:#1E1A3C;
  --heading:#1E1A3C;
  --accent:#4A3A7A;
  --accent-ink:#1E1A3C;
  --muted:#3B3F63;
  --rule:#C3D0EA;
  --blue:#CDE6FA;
  --green:#C6EDD5;
  --lavender:#DDD2FA;
  --pink:#F8CDE0;
  --focus:#4A3A7A;
  --shade:rgba(30,26,60,.78);
  color-scheme:light;
  --font-display:"M PLUS Rounded 1c","Arial Rounded MT Bold","Avenir Next",system-ui,sans-serif;
  --font:"M PLUS Rounded 1c","Avenir Next","Segoe UI",system-ui,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-underline-offset:3px}
a:hover{color:var(--accent)}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
ul{list-style:none;margin:0;padding:0}
h1,h2,h3,p,dl,dd,figure{margin:0}
h1,h2,h3{text-wrap:balance}
.srOnly{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.skipLink{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));left:max(12px,env(safe-area-inset-left,0px));z-index:100;background:var(--ink);color:var(--white);padding:12px 18px;border-radius:8px;font-weight:700;transform:translateY(-300%);transition:transform .15s}
.skipLink:focus{transform:none;color:var(--white)}
.skipLink:focus-visible{outline-color:var(--white);box-shadow:0 0 0 6px var(--focus)}

/* Layout */
.page{max-width:1200px;margin:0 auto;padding-left:max(20px,4vw,env(safe-area-inset-left,0px));padding-right:max(20px,4vw,env(safe-area-inset-right,0px));padding-block:0 40px}
main{display:flex;flex-direction:column;gap:clamp(72px,9vw,112px)}
#main-content:focus,.infoView:focus{outline:none}
section[id]{scroll-margin-top:24px}

/* Header */
.page::before{content:"";display:block;height:6px;margin-inline:calc(-1*max(20px,4vw));background:linear-gradient(90deg,var(--green) 0 25%,var(--pink) 25% 50%,var(--blue) 50% 75%,var(--lavender) 75%)}
.siteHeader{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:80px;border-bottom:1px solid var(--rule)}
.brand{font-family:var(--font-display);font-weight:800;font-size:24px;text-decoration:none;color:var(--ink);display:inline-block;line-height:44px;min-height:44px;white-space:nowrap}
.brand em{font-style:normal;color:var(--ink);background:linear-gradient(transparent 54%,var(--pink) 54%,var(--pink) 86%,transparent 86%)}
.siteHeader nav{display:flex;flex-wrap:wrap;gap:4px 22px;font-weight:700;font-size:15px}
.siteHeader nav a{text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.siteHeader nav a:hover{text-decoration:underline}
.navAccent{color:var(--accent)}

/* Hero */
.hero{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(36px,6vw,80px);padding-top:clamp(28px,4vw,56px)}
.heroCopy{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:22px;align-items:flex-start}
.eyebrow{font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.eyebrowDot{display:none}
.hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(60px,9vw,128px);line-height:1;letter-spacing:-.02em;color:var(--heading)}
.hero h1 .first{display:block}
.hero h1 .last{display:block;width:fit-content;font-style:normal;color:var(--heading);background:linear-gradient(transparent 54%,var(--pink) 54%,var(--pink) 86%,transparent 86%)}
.lede{max-width:470px;font-size:clamp(18px,1.6vw,21px);color:var(--ink)}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:8px;font-weight:800;font-size:16px;text-decoration:none;border:2px solid transparent;transition:background .15s,color .15s,border-color .15s}
.btnPrimary{background:var(--lavender);border-color:var(--ink);color:var(--ink)}
.btnPrimary:hover{background:var(--pink);color:var(--ink)}
.btnGhost{background:var(--white);border-color:var(--ink);color:var(--ink)}
.btnGhost:hover{background:var(--green);color:var(--ink)}

.heroArt{flex:1 1 360px;min-width:0;max-width:460px;position:relative}
.heroFigure{position:relative;margin:0}
.heroFigure::before{content:"";position:absolute;inset:16px -16px -16px 16px;background:var(--green);border-radius:12px;z-index:-1}
.heroImage{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 22%;border-radius:12px;background:var(--blue)}
.sticker{display:none}

/* Section heads */
.block{display:flex;flex-direction:column;gap:28px}
.sectionHead{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 24px;border-bottom:1px solid var(--rule);padding-bottom:14px}
.sectionTitle{font-family:var(--font-display);font-weight:800;font-size:clamp(38px,4.4vw,58px);line-height:1;letter-spacing:-.015em;color:var(--heading)}
.sectionTitle{background:linear-gradient(transparent 60%,var(--hl,var(--blue)) 60%,var(--hl,var(--blue)) 94%,transparent 94%);padding-inline:2px}
main>.block:nth-of-type(4n+1){--hl:var(--blue)}main>.block:nth-of-type(4n+2){--hl:var(--pink)}main>.block:nth-of-type(4n+3){--hl:var(--green)}main>.block:nth-of-type(4n){--hl:var(--lavender)}
.muted{color:var(--muted)}
.groupLabel{display:block;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}

/* Credits */
.creditGroups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));gap:20px}
.creditGroup{background:var(--blue);border-radius:12px;padding:clamp(22px,3vw,32px);display:flex;flex-direction:column}
.creditGroup:first-child{grid-row:span 2}
.creditGroup:nth-child(2){background:var(--pink)}
.creditGroup:nth-child(3){background:var(--green)}
.creditList li{display:flex;flex-direction:column;gap:4px;padding:14px 0;border-top:1px solid rgba(30,26,60,.16)}
.creditList li:first-child{border-top:0;padding-top:2px}
.credit{font-family:var(--font-display);font-weight:700;font-size:clamp(24px,2.4vw,32px);line-height:1.12;color:var(--ink)}
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;color:var(--muted);font-size:15px}
.role{font-weight:800;color:var(--ink)}
.role::after{content:"·";margin-left:10px;font-weight:400;color:var(--muted)}
.role.lead{color:var(--accent)}
.status{font-weight:800;color:var(--accent);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.creditList.compact li{border-top:1px solid var(--rule)}
.creditList.compact li:first-child{border-top:0}
.creditList.compact .credit{font-family:var(--font);font-size:clamp(18px,1.8vw,20px);font-weight:800}

/* Photos */
.photoGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.galleryItem{position:relative;display:block;padding:0;border:0;background:var(--blue);border-radius:10px;overflow:hidden;cursor:zoom-in}
.galleryItem img{width:100%;aspect-ratio:2/3;object-fit:cover;transition:transform .4s ease}
.galleryItem:hover img{transform:scale(1.03)}

/* About */
#about{gap:24px}
.bio{max-width:880px;font-family:var(--font-display);font-weight:500;font-size:clamp(22px,2.2vw,29px);line-height:1.4}
.funFacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}
.fact{display:flex;flex-direction:column;gap:2px;padding:18px 20px;border-radius:10px;min-width:0;color:var(--ink)}
.fact strong{font-weight:800;font-size:18px;line-height:1.25}
.fact span{font-size:16px}
.fact.butter{background:var(--green)}
.fact.pink{background:var(--pink)}
.fact.mint{background:var(--lavender)}
.trainingBlock{display:flex;flex-direction:column;max-width:880px}

/* Press */
.pressCard{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px;background:var(--lavender);color:var(--ink);border-radius:12px;padding:clamp(24px,3.5vw,40px)}
.pressMeta{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.pressTitle{font-family:var(--font-display);font-weight:800;font-size:clamp(30px,3.4vw,46px);line-height:1.05;margin-top:6px}
.pressCard .btn{background:var(--white);border-color:var(--ink);color:var(--ink)}
.pressCard .btn:hover{background:var(--pink);color:var(--ink)}

/* Contact */
.contact{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;background:var(--blue);color:var(--ink);border-radius:12px;padding:clamp(28px,4vw,52px)}
.contact h2{font-family:var(--font-display);font-weight:800;font-size:clamp(40px,4.6vw,64px);line-height:1;color:var(--heading)}
.contact p{max-width:500px;margin-top:10px}
.contactSide{display:flex;flex-direction:column;gap:12px;align-items:flex-start;min-width:0}
.email{font-size:clamp(19px,2vw,24px);font-weight:800;text-decoration:none;user-select:all;overflow-wrap:anywhere;display:inline-flex;align-items:center;min-height:44px}
.textLink{font-weight:800;display:inline-flex;align-items:center;min-height:44px}

/* Footer */
.siteFooter{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 28px;margin-top:64px;padding:18px 0 8px;border-top:1px solid var(--rule);font-size:15px;font-weight:600;color:var(--muted)}
.siteFooter nav{display:flex;flex-wrap:wrap;gap:0 22px}
.siteFooter nav a{display:inline-flex;align-items:center;min-height:44px}

/* Photo credits */
.photoCredit{position:absolute;left:8px;bottom:8px;z-index:2;max-width:calc(100% - 16px);padding:3px 8px;border-radius:6px;background:var(--shade);color:#FFFFFF;font-size:12px;font-weight:700;line-height:1.35;text-align:left;pointer-events:none}

/* Lightbox */
.lightbox{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:rgba(20,18,40,.95);padding:calc(64px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.lightbox figure{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:min(1100px,92vw)}
.lightbox img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px}
.lightbox figcaption{align-self:center;color:#E9E6F7;font-size:15px;font-weight:600}
.lightboxClose{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px));min-height:44px;background:#FFFFFF;border:2px solid #FFFFFF;border-radius:8px;color:#1E1A3C;font:inherit;font-weight:800;font-size:15px;padding:0 20px;cursor:pointer}
.lightboxClose:focus-visible{outline-color:#FFFFFF;box-shadow:0 0 0 6px #5B33A8}

/* Mobile menu (button inserted by site.js) */
.menuToggle{display:none;align-items:center;gap:10px;min-height:44px;background:var(--white);border:2px solid var(--ink);border-radius:8px;color:var(--ink);font:inherit;font-weight:800;font-size:15px;padding:0 16px;cursor:pointer}
.menuIcon{width:16px;height:8px;border-top:2px solid currentColor;border-bottom:2px solid currentColor}
@media (width<=980px){.photoGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.funFacts{grid-template-columns:repeat(2,minmax(0,1fr))}.creditGroup:first-child{grid-row:auto}}
@media (width<=820px){
  .siteHeader .menuToggle{display:inline-flex}
  .siteHeader nav{display:none;position:absolute;top:80px;left:0;right:0;z-index:20;flex-direction:column;gap:0;background:var(--white);border:1px solid var(--rule);border-radius:10px;padding:6px 18px;box-shadow:0 16px 32px rgba(30,26,60,.14)}
  .siteHeader nav.open{display:flex}
  .siteHeader nav a{padding:6px 0;font-size:17px;border-bottom:1px solid var(--rule)}
  .siteHeader nav a:last-child{border-bottom:0}
  .heroArt{max-width:none}
}
@media (width<=560px){
  .photoGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .funFacts{grid-template-columns:1fr}
  .btn{flex:1 1 auto}
  .heroFigure::before{inset:10px -10px -10px 10px}
}

/* In-page info views (résumé, legal) */
.infoView{padding-block:8px 40px}
.backLink{display:inline-flex;min-height:44px;align-items:center;font-weight:800;text-decoration:none;color:var(--muted)}
.backLink:hover{color:var(--accent);text-decoration:underline}
.informationHero{display:flex;flex-direction:column;gap:16px;align-items:flex-start;padding:24px 0 clamp(28px,4vw,48px);border-bottom:1px solid var(--rule)}
.informationHero .sectionLabel{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.informationHero h1{font-family:var(--font-display);font-weight:800;overflow-wrap:break-word;font-size:clamp(40px,7vw,96px);line-height:.95;letter-spacing:-.02em;color:var(--heading)}
.informationHero h1 em{font-style:normal}
.informationIntro{max-width:720px;font-size:clamp(18px,1.7vw,21px);color:var(--muted)}
.informationUpdated{font-size:14px;color:var(--muted)}
.informationBody{max-width:860px;padding:16px 0 32px}
.informationBody section,.resumeSection{padding:28px 0 30px;border-bottom:1px solid var(--rule)}
.informationBody h2,.resumeSection h2{font-family:var(--font-display);font-weight:800;font-size:clamp(26px,2.8vw,34px);margin-bottom:12px;color:var(--heading)}
.informationBody p,.informationBody li{line-height:1.7}
.informationBody p+p{margin-top:12px}
.informationBody ul{list-style:disc;padding-inline-start:22px}
.informationBody li+li{margin-top:6px}
.informationBody a{color:var(--accent);font-weight:700}
.resumeActions,.infoEnd{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 28px}
.infoEnd{margin:36px 0 8px}
.button{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 24px;border-radius:8px;font-weight:800;text-decoration:none;border:2px solid transparent}
button.button{font:inherit;font-weight:800;cursor:pointer}
.buttonPrimary{background:var(--lavender);border-color:var(--ink);color:var(--ink)}
.buttonPrimary:hover{background:var(--pink);color:var(--ink)}
.buttonSecondary{border-color:var(--ink);color:var(--ink);background:var(--white)}
.buttonSecondary:hover{background:var(--green);color:var(--ink)}
.resumeSheet{margin:0 0 28px;max-width:820px}
.resumeSheetBtn{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.resumeSheet img{width:100%;height:auto;background:#fff;border-radius:8px;box-shadow:0 10px 28px rgba(30,26,60,.14)}
.resumeSheet figcaption{margin-top:10px;font-size:14px;color:var(--muted)}
.resumeFacts{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 20px}
.resumeFacts div{background:var(--blue);padding:12px 18px;border-radius:10px}
.resumeFacts dt{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.resumeFacts dd{margin:2px 0 0;font-size:17px;font-weight:700}
.resumeTable{border-top:1px solid var(--rule)}
.resumeRow{display:grid;grid-template-columns:1.3fr 1fr 1.4fr;gap:20px;padding:12px 0;border-bottom:1px solid var(--rule)}
.resumeRow strong{font-size:17px;font-weight:800}
.resumeRow span{color:var(--muted)}
.informationBody .resumeSection ul{list-style:none;padding:0;border-top:1px solid var(--rule)}
.informationBody .resumeSection ul li{padding:12px 0;border-bottom:1px solid var(--rule);margin:0}
@media (width<=600px){.resumeRow{grid-template-columns:1fr;gap:2px}}

/* Copy email */
.emailRow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;min-width:0}
.copyEmail{font:inherit;font-size:15px;font-weight:800;min-height:44px;padding:0 18px;border-radius:8px;border:2px solid var(--ink);background:var(--ink);color:var(--white);cursor:pointer}
.copyEmail:hover{background:var(--pink);color:var(--ink)}
.copyStatus{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}


/* Entry chooser */
.chooser{display:flex;flex-direction:column;gap:clamp(20px,3vw,32px);padding-block:clamp(28px,5vw,64px) 8px}
.chooseHead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;border-bottom:1px solid var(--rule);padding-bottom:16px}
.chooseHead h1{font-family:var(--font-display);font-weight:800;font-size:clamp(48px,7vw,96px);line-height:.95;letter-spacing:-.02em;color:var(--heading)}
.chooseHead h1 em{font-style:normal;color:var(--heading);background:linear-gradient(transparent 54%,var(--pink) 54%,var(--pink) 86%,transparent 86%)}
.chooseHead p{font-size:18px;color:var(--muted)}
.chooseGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.choosePanel{position:relative;display:block;border-radius:12px;overflow:hidden;text-decoration:none;color:var(--ink);background:var(--blue);min-height:44px}
.choosePanel img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;transition:transform .5s ease}
.choosePanel:hover img{transform:scale(1.02)}
.chooseText{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:2px;padding:20px 24px;background:var(--lavender)}
.choosePanel:nth-child(2) .chooseText{background:var(--green)}
.chooseLabel{font-family:var(--font-display);font-weight:800;font-size:clamp(30px,3.4vw,44px);line-height:1.05;color:var(--heading)}
.chooseLabel::after{content:" →"}
.chooseSub{font-size:16px;color:var(--muted);font-weight:600}
.choosePanel:hover .chooseLabel,.choosePanel:focus-visible .chooseLabel{text-decoration:underline;text-underline-offset:6px}
.photoCreditTop{top:10px;bottom:auto;left:10px}
@media (width<=760px){.chooseGrid{grid-template-columns:1fr}.choosePanel img{aspect-ratio:4/3}}

/* Producer portfolio: quieter, more editorial */
.prodHero{display:flex;flex-wrap:wrap;align-items:flex-end;gap:clamp(32px,6vw,80px);padding-top:clamp(28px,4vw,56px)}
.prodHeroCopy{flex:1 1 460px;min-width:0;display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.prodHero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(56px,8vw,112px);line-height:.92;letter-spacing:-.025em;color:var(--heading)}
.prodLede{max-width:560px;font-size:clamp(18px,1.7vw,21px)}
.prodPortrait{flex:0 1 360px;min-width:0;position:relative;margin:0}
.prodPortrait img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 20%;border-radius:12px;background:var(--blue)}
.slateList{list-style:none;margin:0;padding:0}
.slateItem{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px 40px;padding:28px 0;border-bottom:1px solid var(--rule)}
.slateItem:first-child{padding-top:8px}
.slateMeta{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.slateTitle{font-family:var(--font-display);font-weight:800;font-size:clamp(32px,3.6vw,48px);line-height:1.05;margin:6px 0 10px;color:var(--ink)}
.slateText{max-width:640px;color:var(--muted)}
.awardList{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;max-width:640px;color:var(--muted)}
.awardList li{padding-left:22px;position:relative}
.awardList li::before{content:"★";position:absolute;left:0;color:var(--accent)}
.awardList strong{color:var(--ink)}
.slateFacts{display:flex;flex-direction:column;gap:10px;align-self:start;background:var(--blue);border-radius:10px;padding:16px 18px}
.slateItem:nth-child(2) .slateFacts{background:var(--pink)}
.slateItem:nth-child(3) .slateFacts{background:var(--green)}
.slateItem:nth-child(4) .slateFacts{background:var(--lavender)}
.slateFacts dt{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.slateFacts dd{font-weight:800}
.capGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:12px;overflow:hidden}
.capGrid li{display:flex;flex-direction:column;gap:4px;background:var(--blue);padding:20px 22px;min-width:0}
.capGrid strong{font-weight:800;font-size:18px}
.capGrid span{color:var(--muted)}
.capGrid li:nth-child(4n+2){background:var(--pink)}.capGrid li:nth-child(4n+3){background:var(--green)}.capGrid li:nth-child(4n){background:var(--lavender)}
.capGrid .capWide{grid-column:1/-1}
.producerSite .contact{background:var(--lavender)}
@media (width<=820px){.slateItem{grid-template-columns:1fr}.capGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.prodPortrait{flex-basis:100%;max-width:420px}}
@media (width<=560px){.capGrid{grid-template-columns:1fr}}

.profileLink{display:inline-flex;align-items:center;min-height:44px;font-weight:800;color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.profileLink:hover{color:var(--accent)}
.resumeProfile{margin:0 0 16px}

/* Windows high contrast / forced colors */
@media (forced-colors:active){
  .btn,.button,.copyEmail,.menuToggle,.lightboxClose,.skipLink{border:2px solid ButtonText}
  .creditGroup,.fact,.pressCard,.contact,.resumeFacts div,.slateFacts,.chooseText{border:1px solid CanvasText}
  .photoCredit{forced-color-adjust:none}
  :focus-visible{outline:3px solid Highlight}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.galleryItem:hover img{transform:none}}
[hidden]{display:none!important}

/* 404 page */
.notFound{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding-block:clamp(64px,10vw,120px)}