/* PROMOTION — editorial refinement */
.gallery-page{background:#f2f1ed;color:#262723}
.gallery-header{padding:24px 5.5%;border-color:#d8d6cf}
.gallery-brand{font-size:25px;font-weight:500;letter-spacing:-.08em}
.gallery-brand span{color:inherit}
.gallery-header nav a{font-size:10px;letter-spacing:.13em}
.gallery-intro{padding:clamp(100px,12vw,175px) 8% clamp(75px,10vw,130px)}
.gallery-kicker{font-size:10px;color:#77766e;letter-spacing:.2em}
.gallery-intro h1{font-family:Arial,'Helvetica Neue',sans-serif;font-size:clamp(42px,6vw,84px);letter-spacing:-.055em;line-height:1.1;font-weight:400;margin:30px 0 65px}
.gallery-intro h1 em{font-family:Georgia,serif;font-size:.95em;font-weight:400}
.gallery-sub{border-top:1px solid #cbc9c2;padding-top:17px;align-items:start}
.gallery-sub span{font-size:10px;color:#77766e}
.gallery-sub p{margin:0;font-size:12px;line-height:2.3;color:#68675f}
.gallery-grid{padding:0 8%;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(65px,10vw,150px) 2.8%;align-items:start}
.gallery-item{grid-column:span 5;margin:0;min-width:0;padding:0!important}
.gallery-item:nth-child(4n + 1){grid-column:1 / span 7}
.gallery-item:nth-child(4n + 2){grid-column:9 / span 4;margin-top:28%}
.gallery-item:nth-child(4n + 3){grid-column:2 / span 4;margin-top:4%}
.gallery-item:nth-child(4n + 4){grid-column:7 / span 6;margin-top:20%}
.gallery-item:nth-child(8n + 5){grid-column:1 / span 6}
.gallery-item:nth-child(8n + 6){grid-column:9 / span 4;margin-top:38%}
.gallery-item img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;filter:none;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.gallery-item figcaption{padding-top:14px;font-size:9px;letter-spacing:.18em;color:#74736d}
.gallery-item a{display:block;overflow:hidden;cursor:zoom-in}
.gallery-item a:hover img{transform:scale(1.025)}
.gallery-end{margin-top:70px;padding:120px 8% 110px;border-top:1px solid #d2d0c9;align-items:center;font-size:10px;letter-spacing:.18em}
.gallery-end a{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:8px}
.gallery-footer{padding:25px 8%;border-color:#d2d0c9;font-size:10px}
.gallery-lightbox{position:fixed;inset:0;background:rgba(20,20,18,.95);z-index:1000;display:none;align-items:center;justify-content:center;padding:6vw}
.gallery-lightbox.is-open{display:flex}
.gallery-lightbox img{max-width:100%;max-height:85vh;object-fit:contain}
.gallery-lightbox button{position:absolute;top:24px;right:28px;border:0;background:none;color:#fff;font-size:30px;font-weight:300;cursor:pointer}
.gallery-lightbox .gallery-lightbox-count{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);color:#ddd;font-size:10px;letter-spacing:.15em}
@media(max-width:700px){
.gallery-header{padding:20px 6%;gap:12px;align-items:center}
.gallery-brand{font-size:23px}
.gallery-header nav{gap:11px}
.gallery-header nav a{font-size:9px}
.gallery-intro{padding:110px 7% 72px}
.gallery-intro h1{font-size:clamp(39px,9vw,62px);margin:22px 0 52px}
.gallery-sub{display:block}
.gallery-sub p{margin-top:24px;font-size:11px}
.gallery-grid{padding:0 7%;grid-template-columns:repeat(12,minmax(0,1fr));gap:72px 0}
.gallery-item:nth-child(n){grid-column:1 / span 11;margin:0;padding:0!important}
.gallery-item:nth-child(3n + 2){grid-column:3 / span 10}
.gallery-item:nth-child(3n + 3){grid-column:1 / span 10}
.gallery-item figcaption{padding-top:11px}
.gallery-end{margin-top:30px;padding:85px 7%;gap:35px}
.gallery-footer{padding:25px 7%}
}
@media(prefers-reduced-motion:reduce){.gallery-item img{transition:none}}
/* Mobile: keep the editorial rhythm, with smaller two-column imagery. */
@media(max-width:700px){
.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:43px;align-items:start}
.gallery-item:nth-child(n){grid-column:auto;margin:0;padding:0!important}
.gallery-item:nth-child(4n + 2){margin-top:48px}
.gallery-item:nth-child(4n + 3){margin-top:16px}
.gallery-item:nth-child(4n + 4){margin-top:64px}
.gallery-item figcaption{font-size:8px;letter-spacing:.1em;padding-top:9px}
}

/* Promotion full-bleed cover, using original wide Style 13 image */
.gallery-hero{position:relative;margin:0;width:100%;height:clamp(340px,60vw,750px);overflow:hidden;background:#c6bdb2}
.gallery-hero>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.gallery-hero:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.32));pointer-events:none}
.gallery-hero-caption{position:absolute;z-index:1;bottom:clamp(25px,5vw,70px);left:8%;color:#fff}
.gallery-hero-caption span{font-size:10px;letter-spacing:.18em}
.gallery-hero-caption h1{font-size:clamp(26px,3.8vw,52px);font-weight:400;letter-spacing:.08em;margin:13px 0 0}
.gallery-collection-intro{margin:0 8%;padding:80px 0 95px;display:flex;justify-content:space-between;align-items:start;gap:20px}
.gallery-collection-intro span{font-size:10px;letter-spacing:.18em;color:#77766e}
.gallery-collection-intro p{font-size:12px;line-height:2.3;color:#68675f;margin:0}
@media(max-width:700px){.gallery-hero{height:clamp(230px,56vw,400px)}.gallery-hero-caption{left:7%;bottom:22px}.gallery-hero-caption span{font-size:8px}.gallery-hero-caption h1{font-size:25px;margin-top:9px}.gallery-collection-intro{margin:0 7%;padding:48px 0 55px;display:block}.gallery-collection-intro p{margin-top:20px;font-size:11px}}
/* Header: shorter and translucent navigation band */
.gallery-header{background:rgba(242,241,237,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding-top:17px;padding-bottom:17px}
@media(max-width:700px){
.gallery-header{padding:13px 6%;background:rgba(242,241,237,.70);border-bottom:1px solid rgba(140,140,130,.20)}
.gallery-grid{padding-top:34px;padding-bottom:95px;row-gap:57px}
.gallery-item:nth-child(4n + 2){margin-top:64px}
.gallery-item:nth-child(4n + 3){margin-top:26px}
.gallery-item:nth-child(4n + 4){margin-top:82px}
.gallery-end{margin-top:0}
}
