*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden}
body{background:#f4dfd9;color:#30292a;font-family:Arial,Helvetica,sans-serif}
.work-page{height:100vh;max-height:100vh;height:100dvh;max-height:100dvh;overflow:hidden;display:flex;flex-direction:column}
.work-heading{flex:0 0 40%;min-height:0;width:100%;padding:clamp(90px,10vh,120px) 5.5% 0;margin:0}
.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px}
h1{font-family:"Freckle Face",system-ui;font-size:clamp(56px,min(8vw,11vh),130px);font-weight:400;letter-spacing:-.025em;line-height:1;margin:0 0 clamp(20px,2.5vh,28px)}
.work-intro{font-family:"Schoolbell",cursive;font-size:clamp(16px,1.4vw,20px);font-weight:400;color:#675358;line-height:1.5;max-width:670px;margin:0}
.projects{flex:1;min-height:0;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:center}
.gallery-window{--card-gap:clamp(20px,2.4vw,36px);position:relative;width:min(100%,1600px);height:auto;display:flex;justify-content:center;overflow:visible;padding:0}.project-track{display:flex;align-items:flex-start;justify-content:center;gap:var(--card-gap);width:89%;height:auto;list-style:none;padding:0;margin:0}.project-slot{position:relative;top:auto;left:auto;flex:1 1 0;min-width:0;max-width:420px;aspect-ratio:4 / 5;will-change:auto}.project-card{position:absolute;inset:0;aspect-ratio:auto;display:block;width:100%;height:100%;border-radius:28px;overflow:hidden;isolation:isolate;color:#fff;transform:scale(1);filter:blur(0);opacity:1;transition:transform 350ms ease,filter 350ms ease,opacity 350ms ease;box-shadow:0 14px 30px #49273112}.project-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 350ms ease}.project-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(0,0,0,.38) 0%,rgba(0,0,0,.10) 45%,rgba(0,0,0,.04) 100%)}.project-overlay h3{position:absolute;left:24px;bottom:28px;margin:0;font-size:clamp(28px,2.5vw,44px);font-weight:700;letter-spacing:-.035em;line-height:1;transition:transform 350ms ease}
@media(hover:hover) and (pointer:fine){.project-track:has(.project-slot:hover) .project-slot:not(:hover) .project-card{transform:scale(.95);filter:blur(4px);opacity:.66}.project-track:has(.project-slot:hover) .project-slot:hover{z-index:2}.project-track:has(.project-slot:hover) .project-slot:hover .project-card{transform:scale(1.055);filter:none;opacity:1}.project-track:has(.project-slot:hover) .project-slot:hover img{transform:scale(1.025)}}
.project-track:has(.project-slot:focus-within) .project-slot:not(:focus-within) .project-card{transform:scale(.95);filter:blur(4px);opacity:.66}.project-track:has(.project-slot:focus-within) .project-slot:focus-within{z-index:2}.project-track:has(.project-slot:focus-within) .project-slot:focus-within .project-card{transform:scale(1.055);filter:none;opacity:1}.project-track:has(.project-slot:focus-within) .project-slot:focus-within img{transform:scale(1.025)}
a:focus-visible,button:focus-visible{outline:2px solid #784453;outline-offset:5px}
@media(max-height:800px){.work-heading{padding-top:85px}h1{font-size:clamp(56px,min(7vw,11vh),90px);margin-bottom:20px}.eyebrow{margin-bottom:8px}}
@media(min-width:761px) and (max-width:1100px){.work-heading{flex-basis:38%;padding-inline:4%}.project-track{width:92%;gap:20px}.project-card{border-radius:24px}.project-overlay h3{left:20px;bottom:24px}}
@media(max-width:760px){html,body{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}.work-page{height:auto;max-height:none;min-height:100svh;overflow:visible;padding-bottom:20px}.work-heading{flex:none;padding:92px 22px 20px}.work-heading .eyebrow{margin-bottom:10px}h1{font-size:clamp(34px,9vw,56px);margin-bottom:16px}.work-intro{font-size:15px;max-width:42ch}.projects{flex:none;height:auto;min-height:0;padding:16px 0 34px}.gallery-window{width:100%;height:auto;overflow:visible}.project-track{width:100%;flex-direction:column;align-items:center;gap:22px}.project-slot{flex:none;width:min(340px,calc(100% - 40px));max-width:none;aspect-ratio:4 / 5}.project-card{border-radius:22px}.project-category{top:18px;left:18px;font-size:9px}.project-overlay h3{left:18px;bottom:20px;font-size:clamp(26px,7vw,36px)}}
@media(prefers-reduced-motion:reduce){.project-card,.project-card img,.project-overlay h3{transition:none}.project-track:has(.project-slot:hover) .project-slot .project-card,.project-track:has(.project-slot:focus-within) .project-slot .project-card{transform:none;filter:none;opacity:1}.project-track:has(.project-slot:hover) .project-slot img,.project-track:has(.project-slot:focus-within) .project-slot img{transform:none}}
.project-category{position:absolute;top:22px;left:24px;right:24px;margin:0;white-space:nowrap;font-size:10px;font-weight:600;letter-spacing:.12em;line-height:1.2;text-transform:uppercase;color:#fff;opacity:.85}
.project-category-long{font-size:8px}