/* Moduli fotografici ripresi dalla bozza Sites v34. Nessuna regola globale. */
.thoughts-page,.tearsheets-page{padding-top:86px}
.thoughts-study{padding:90px 0 150px}
.thoughts-study-heading{padding:0 4.2vw 42px;display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid var(--line)}
.thoughts-study-heading>p{font-family:var(--serif);font-size:22px;margin:0}
.thoughts-controls{display:flex;gap:10px}
.thoughts-controls button{border:1px solid var(--line);background:transparent;color:var(--ink);width:42px;height:42px;font-size:20px;cursor:pointer}
.thoughts-controls button:hover,.thoughts-controls button:focus-visible{background:var(--red);border-color:var(--red);color:#fff}
.thoughts-track{display:flex;gap:4vw;overflow-x:auto;scroll-snap-type:x mandatory;padding:70px 4.2vw 20px;scrollbar-width:thin;scrollbar-color:var(--red) transparent}
.thought-card{flex:0 0 min(78vw,980px);margin:0;scroll-snap-align:start}
.thought-card img{width:100%;height:min(62vh,700px);object-fit:contain;background:#11100e}
.thought-card figcaption{display:flex;gap:28px;align-items:baseline;padding-top:13px;font-size:10px;text-transform:uppercase;letter-spacing:.13em}
.thought-card figcaption span{opacity:.55}.thought-card figcaption strong{font-weight:500}

.tearsheets-collections{padding:80px 3.2vw 150px}
.tearsheet-collection{padding:70px 4.2vw 100px;border-top:1px solid var(--line)}
.tearsheet-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:45px;gap:30px}
.tearsheet-heading h2{font-family:var(--serif);font-size:clamp(38px,5vw,72px);font-weight:400;line-height:.9;margin:0;max-width:780px}
.tearsheet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2vw;align-items:start}
.tearsheet-grid figure{margin:0}
.tearsheet-grid img{width:100%;height:35vw;max-height:500px;object-fit:cover;object-position:top;background:#d8d4cb}
.tearsheet-grid figcaption{font-size:9px;letter-spacing:.14em;margin-top:10px}

.image-lightbox{display:block;cursor:zoom-in}
.image-lightbox:focus-visible{outline:3px solid var(--red);outline-offset:5px}
.sequence>.gallery-trigger-grid{grid-column:1/-1}
.gallery-trigger-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:140px 2vw}
.gallery-trigger-grid figure{margin:0}
.gallery-trigger-grid button{padding:0;border:0;background:#11100e;color:inherit;width:100%;text-align:left}
.gallery-trigger-grid .image-lightbox{display:block}
.gallery-trigger-grid img{display:block;width:100%;height:100%;object-fit:contain;background:#11100e}
.sequence .gallery-trigger-grid figure img{height:auto!important;max-height:none!important;width:100%;object-fit:contain;background:#11100e}

.lightbox{position:fixed;inset:0;z-index:100;background:rgba(17,16,14,.97);color:var(--paper);display:flex;align-items:center;justify-content:center;padding:70px 9vw 60px}
.lightbox-topbar{position:absolute;top:25px;left:3.2vw;right:3.2vw;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.15em}
.lightbox-close{border:0;background:transparent;color:var(--paper);font-size:42px;line-height:1;cursor:pointer;padding:0 8px}
.lightbox-content{width:min(80vw,1600px);height:min(76vh,960px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#000}
.lightbox-content img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;background:#000}
.lightbox-content p{font-family:var(--serif);font-size:20px;margin:0;text-align:center}
.lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--paper);font-size:42px;line-height:1;cursor:pointer;padding:18px}
.lightbox-prev{left:2vw}.lightbox-next{right:2vw}
.lightbox-hint{position:absolute;bottom:23px;left:0;right:0;text-align:center;font-size:9px;text-transform:uppercase;letter-spacing:.14em;opacity:.6}

@media(max-width:800px){
  .thoughts-page,.tearsheets-page{padding-top:70px}
  .thoughts-study{padding:60px 0 100px}
  .thoughts-study-heading{display:block;padding:0 20px 30px}
  .thoughts-study-heading p:not(.eyebrow){font-size:19px}
  .thoughts-controls{margin-top:28px}
  .thoughts-track{gap:20px;padding:40px 20px 15px}
  .thought-card{flex-basis:calc(100vw - 40px)}
  .thought-card img{height:62vh}
  .thought-card figcaption{gap:14px;line-height:1.35}
  .tearsheets-collections{padding:45px 20px 100px}
  .tearsheet-collection{padding:55px 0 75px}
  .tearsheet-heading{display:block;margin-bottom:30px}
  .tearsheet-heading h2{font-size:12vw;margin-top:20px}
  .tearsheet-grid{grid-template-columns:repeat(2,1fr);gap:26px 14px}
  .tearsheet-grid img{height:62vw}
  .lightbox{padding:65px 50px 55px}
  .lightbox-content{width:calc(100vw - 100px);height:calc(100vh - 180px)}
  .lightbox-content img{width:100%;height:100%}
  .lightbox-arrow{font-size:32px;padding:12px}
  .lightbox-prev{left:0}.lightbox-next{right:0}
  .lightbox-content p{font-size:18px}
  .lightbox-hint{bottom:15px}
}