.portfolio-project{--project-bg:#f5f1ea;--project-text:#191817;--project-line:#19181738;--project-accent:#9b4a37;--project-band:#e8e0d5;background:var(--project-bg);min-height:100vh;color:var(--project-text);padding:clamp(2rem,5vw,5rem) clamp(1rem,3.5vw,4rem) clamp(2rem,10vw,9rem);font-family:Nunito,sans-serif;overflow:hidden}.theme-love{--project-bg:#fffaf5;--project-accent:#d86279;--project-band:#fff0f2}.theme-fan{--project-bg:#f6f2fb;--project-accent:#6650a3;--project-band:#e9e2f4}.theme-kh{--project-bg:#f1f5f0;--project-accent:#267076;--project-band:#dce9e2}.theme-misc{--project-bg:#fbf5f7;--project-accent:#a84f70;--project-band:#f0e2e8}:root.dark .portfolio-project{--project-bg:#17171d;--project-text:#f7f3ed;--project-line:#f7f3ed38;--project-band:#24242d}.project-title,.project-section{width:min(100%,1540px);margin-inline:auto}.project-title{text-align:center;margin-bottom:clamp(2rem,5vw,4rem)}.project-title h1{letter-spacing:-.055em;font-size:clamp(2.25rem,5vw,5.5rem);font-weight:700;line-height:.95}.project-hero{width:100vw;margin-bottom:clamp(2rem,4vw,4rem);position:relative;left:50%;transform:translate(-50%)}.project-hero-button,.portfolio-item button{width:100%;color:inherit;cursor:zoom-in;background:0 0;border:0;padding:0}.project-hero-image,.portfolio-item img,.portfolio-item video{width:100%;height:auto;display:block}.project-section{padding-block:clamp(2rem,4vw,4rem)}.project-section.tone-soft,.project-section.tone-dark{background:var(--section-bg);box-shadow:0 0 0 100vmax var(--section-bg);clip-path:inset(0 -100vmax)}.project-section.tone-soft{--section-bg:var(--project-band)}.project-section.tone-dark{--section-bg:#111113;color:#f6f2ec}.project-section.tone-dark .section-heading{border-color:#ffffff40}.section-heading{border-top:1px solid var(--project-line);margin-bottom:clamp(1.5rem,3vw,2.5rem);padding-top:1rem}.section-heading h2{letter-spacing:.08em;text-transform:uppercase;font-size:clamp(2rem,1.6vw,1.35rem);font-weight:700}.portfolio-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:clamp(.6rem,1.25vw,1.4rem);display:grid}.portfolio-item{grid-column:span 6;margin:0}.portfolio-item.layout-full{grid-column:1/-1}.portfolio-item.layout-portrait{grid-column:span 4}.portfolio-item.layout-feature{grid-column:span 8}.portfolio-item img,.portfolio-item video{background:#0000000a}.portfolio-item img{transition:opacity .18s,transform .3s}.portfolio-item button:hover img,.portfolio-item button:focus-visible img{opacity:.92;transform:translateY(-3px)}.project-hero-button:focus-visible,.portfolio-item button:focus-visible,.portfolio-lightbox-close:focus-visible{outline:3px solid var(--project-accent);outline-offset:4px}.portfolio-lightbox{z-index:1000;cursor:zoom-out;background:#0a0a0cf0;place-items:center;padding:clamp(1rem,4vw,4rem);display:grid;position:fixed;inset:0}.portfolio-lightbox-image{object-fit:contain;cursor:default;max-width:94vw;max-height:90vh;display:block}.portfolio-lightbox-close{z-index:1;color:#fff;cursor:pointer;background:#0000004d;border:1px solid #ffffffb3;border-radius:50%;width:3rem;height:3rem;font:300 2rem/1 sans-serif;position:fixed;top:1rem;right:1rem}@media (max-width:620px){.portfolio-project{padding-inline:.75rem}.portfolio-item,.portfolio-item.layout-portrait,.portfolio-item.layout-feature,.portfolio-item.layout-full{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.portfolio-item img{transition:none}}