.gallery-page{background:#111;color:#f2efe7}
.gallery-page .site-header{color:var(--ink)}

.gallery-hero{position:relative;min-height:650px;height:75vh;max-height:900px;display:flex;align-items:center;isolation:isolate;overflow:hidden}
.gallery-hero>img{position:absolute;inset:0 0 0 auto;width:78%;height:100%;object-fit:cover;z-index:-2}
.gallery-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111 5%,#111e 29%,#1113 75%),linear-gradient(0deg,#111,transparent 35%);z-index:-1}
.gallery-hero-copy{padding:60px 4vw;max-width:700px}
.gallery-hero h1{font-size:clamp(6rem,12vw,11rem);line-height:.85;margin:24px 0}
.gallery-hero h1 span{display:block;font-size:clamp(2rem,3.8vw,3.5rem);color:var(--orange);margin-top:24px}
.gallery-hero-copy>p:not(.section-kicker){max-width:410px;line-height:1.7;margin:28px 0}
.gallery-browse{display:flex;justify-content:space-between;gap:20px;padding:24px 4vw 35px;align-items:center}
.gallery-browse nav{display:flex;gap:12px;flex-wrap:wrap}
.gallery-browse a,.gallery-browse button{border:1px solid #ffffff45;border-radius:3px;padding:12px 18px;color:inherit;background:transparent;font:700 .75rem 'DM Sans',sans-serif;cursor:pointer}
.gallery-browse a:hover,.gallery-browse button:hover{border-color:var(--orange);color:var(--orange)}
.row-heading{display:flex;justify-content:space-between;align-items:center;padding:0 4vw}
.row-heading h2{font-size:clamp(2.4rem,4vw,4rem);letter-spacing:.02em}
.row-heading p{color:#aaa;margin:10px 0 0;font-size:.9rem}
.row-controls{display:flex;gap:10px}
.row-controls button{width:44px;height:44px;border:1px solid #666;background:transparent;color:white;border-radius:50%;font-size:1.4rem;cursor:pointer}
.row-controls button:disabled{opacity:.25;cursor:default}
.gallery-row{padding:28px 0 45px;scroll-margin-top:100px}
.gallery-page .work-track{padding-top:24px}
.gallery-page .project-card{flex-basis:260px}
.gallery-page .project-media{height:390px}
.gallery-end{margin:40px 4vw 0;padding:70px 0 90px;border-top:1px solid #ffffff25}
.gallery-end h2{font-size:clamp(3rem,6vw,6rem);line-height:.95;margin:24px 0 36px}
.gallery-page footer{background:#111;color:#f2efe7;border-top:1px solid #ffffff25}
.gallery-page :focus-visible{outline:2px solid var(--orange);outline-offset:5px}
@media(max-width:700px){.gallery-hero{height:auto;min-height:640px;align-items:flex-end}.gallery-hero>img{width:100%;height:100%;object-position:60% center}.gallery-hero:after{background:linear-gradient(0deg,#111 2%,#111d 35%,#1112 100%)}.gallery-hero-copy{padding:45px 6vw}.gallery-browse{padding:20px 6vw}.gallery-browse .preview-toggle{display:block!important;font-size:.6rem;padding:10px}.gallery-page .project-card{flex-basis:76vw}.gallery-page .project-media{height:110vw;max-height:460px}.row-heading{padding:0 6vw}.row-heading h2{font-size:2.4rem}.row-heading p{max-width:230px}.row-controls{gap:6px}.row-controls button{width:36px;height:36px}.gallery-page .menu-toggle{color:inherit}}
.rotating-feature{display:grid;height:auto;min-height:650px;max-height:none}
.rotating-feature:after{display:none}
.feature-slide{grid-area:1/1;position:relative;isolation:isolate;display:flex;align-items:center;min-height:650px;opacity:0;pointer-events:none;transition:opacity 1.2s ease}
.feature-slide.is-active{opacity:1;pointer-events:auto;z-index:1}
.feature-slide>img{position:absolute;inset:0 0 0 auto;width:78%;height:100%;object-fit:cover;z-index:-2}
.feature-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111 5%,#111e 29%,#1113 75%),linear-gradient(0deg,#111,transparent 35%);z-index:-1}
.feature-slide .gallery-hero-copy{padding-bottom:100px;max-width:780px}
.feature-slide h1{font-size:clamp(4rem,8vw,8rem)}
.feature-slide h1 span{font-size:clamp(1.6rem,3vw,2.7rem)}
.feature-controls{position:absolute;bottom:25px;left:4vw;display:flex;align-items:center;gap:16px;z-index:3}
.feature-controls button{background:#1119;color:var(--cream);border:1px solid #ffffff60;min-width:42px;min-height:42px;cursor:pointer;font:700 .7rem 'DM Sans',sans-serif;padding:10px}
.feature-count{font-size:.72rem;letter-spacing:.12em}
@media(max-width:700px){.feature-slide{min-height:720px;align-items:flex-end}.feature-slide>img{width:100%;object-position:60% center}.feature-slide:after{background:linear-gradient(0deg,#111 2%,#111e 40%,#1112 100%)}.feature-controls{left:6vw}.feature-slide .gallery-hero-copy{padding-bottom:100px}}
@media(prefers-reduced-motion:reduce){.feature-slide{transition:none}}

/* Fade the image itself so its left boundary cannot show through. */
.feature-slide>img{mask-image:linear-gradient(to right,transparent 0%,#000 45%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 45%)}
.feature-slide:after{background:linear-gradient(90deg,#111 5%,#111e 29%,#1113 75%)}
.rotating-feature{border-bottom:1px solid #ffffff30}
.gallery-browse{background:#181818}
@media(max-width:700px){.feature-slide>img{mask-image:linear-gradient(to right,transparent,#000 35%);-webkit-mask-image:linear-gradient(to right,transparent,#000 35%)}.feature-slide:after{background:linear-gradient(0deg,#111e 0%,#111c 40%,#1112 100%)}}