:root{--sand:#f0e8da;--chalk:#fffdf8;--ink:#182033;--paper:#f8f4ec;--brand-blue:#2d2d86;--brand-red:#a5202a;--brand-gold:#d0a541;--line:rgba(24,32,51,.20);--serif:Georgia,'Times New Roman',serif;--brand-serif:'Times New Roman',Times,serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.prototype-ribbon{background:var(--brand-gold);color:var(--ink);text-align:center;font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:7px 14px;font-weight:700}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:rgba(248,244,236,.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;min-width:220px}.brand-mark{width:45px;height:36px;object-fit:contain}.brand-wordmark,.footer-brand{font-family:var(--brand-serif);font-weight:400;letter-spacing:-.045em}.brand-wordmark{font-size:29px;line-height:1;white-space:nowrap}.brand-gold{color:var(--brand-gold)}.brand-red{color:var(--brand-red)}.main-nav{display:flex;gap:22px;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.075em}.main-nav a{padding:7px 0}.main-nav a:hover,.main-nav a.is-active{opacity:.55}.main-nav a.is-active{border-bottom:1px solid currentColor}.language-switch{display:inline-flex;gap:6px;align-items:center}.language-switch a{opacity:.55}.active-lang{font-weight:700}.menu-toggle{display:none;background:none;border:1px solid var(--ink);border-radius:999px;padding:9px 13px}.section-pad{padding:105px 7vw}.eyebrow{margin:0 0 20px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.eyebrow.dark{color:var(--brand-red)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 19px;border-radius:999px;border:1px solid transparent;text-transform:uppercase;font-size:10px;letter-spacing:.1em;font-weight:700;transition:.2s ease}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--brand-gold);color:var(--ink)}.button.ghost{border-color:rgba(255,255,255,.7);color:white}.button.light{background:var(--chalk);color:var(--ink)}.button.line{border-color:currentColor}.text-link,.card-link{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:3px;font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:700}.hero{position:relative;min-height:88vh;overflow:hidden;background:var(--ink);color:var(--chalk);display:flex;align-items:flex-end}.hero-media{position:absolute;inset:0;z-index:0;overflow:hidden;background:#111827}.hero-slide{position:absolute;inset:-2%;opacity:0;background-size:cover;background-position:center;transform:scale(1.055);transition:opacity 1.15s ease}.hero-slide.active{opacity:1;animation:hero-breathe 6.5s ease-out both}@keyframes hero-breathe{from{transform:scale(1.065)}to{transform:scale(1.015)}}.hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(11,15,27,.84),rgba(11,15,27,.50) 45%,rgba(11,15,27,.15) 78%),linear-gradient(to top,rgba(11,15,27,.62),transparent 48%)}.hero-content{position:relative;z-index:2;max-width:940px;padding:8vw 7vw 145px}.hero h1{font-family:var(--serif);font-size:clamp(68px,9.4vw,155px);line-height:.79;letter-spacing:-.055em;font-weight:400;margin:0}.hero h1 em,.closing h2 em{font-weight:400;color:var(--brand-gold)}.hero-copy{max-width:620px;font-size:clamp(18px,2vw,26px);line-height:1.38;margin:34px 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-gallery-ui{position:absolute;left:7vw;right:5vw;bottom:25px;z-index:4;display:flex;align-items:end;justify-content:space-between;gap:28px;color:white;pointer-events:none}.hero-photo-meta{display:flex;flex-direction:column;gap:5px}.hero-photo-meta span{font-size:9px;text-transform:uppercase;letter-spacing:.16em;opacity:.72}.hero-photo-meta strong{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.hero-controls{display:flex;align-items:center;gap:12px;pointer-events:auto}.hero-dots{display:flex;gap:8px}.hero-dot{width:34px;height:44px;border:0;background:transparent;cursor:pointer;position:relative}.hero-dot:before{content:'';position:absolute;left:0;right:0;top:21px;height:1px;background:rgba(255,255,255,.42)}.hero-dot.active:before{height:3px;background:var(--brand-gold)}.hero-pause{min-height:40px;padding:0 13px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(15,18,30,.25);color:white;cursor:pointer;font-size:9px;text-transform:uppercase;letter-spacing:.11em}.ticker{overflow:hidden;background:var(--brand-red);color:var(--chalk)}.ticker div{width:max-content;padding:13px 0;white-space:nowrap;font-size:11px;letter-spacing:.14em;animation:ticker 35s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}h2,h3{font-family:var(--serif);font-weight:400}.split-heading{display:grid;grid-template-columns:1fr 2fr;gap:4vw;align-items:start}.split-heading h2,.section-head h2{font-size:clamp(48px,6.7vw,105px);line-height:.9;letter-spacing:-.05em;margin:0}.home-intro{background:var(--sand)}.two-col-copy{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:950px;margin:45px 0 25px 33.3%}.two-col-copy p{font-size:18px;line-height:1.65;margin:0}.home-intro>.text-link{margin-left:33.3%}.dark-section{background:var(--ink);color:var(--chalk)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:48px}.cards-three{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.teaser-image,.archive-image{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background-size:cover;background-position:center;margin-bottom:16px}.image-chip{position:absolute;left:14px;top:14px;background:var(--paper);color:var(--ink);padding:7px 9px;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.project-meta{display:flex;justify-content:space-between;gap:12px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;opacity:.68}.project-teaser h3,.archive-card h3{font-size:clamp(28px,3vw,46px);line-height:1;margin:11px 0 10px;letter-spacing:-.035em}.project-teaser p{color:rgba(255,255,255,.72);line-height:1.55}.abstract-cover{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.abstract-cover:before{content:'';position:absolute;width:68%;height:68%;border:1px solid currentColor;transform:rotate(18deg);border-radius:50% 40% 60% 35%}.abstract-cover span{position:relative;z-index:2;font-family:var(--serif);font-size:clamp(28px,3.2vw,50px);line-height:.88;text-align:center;letter-spacing:-.04em}.cover-red{background:#a5202a;color:#fffdf8}.cover-blue{background:#2d2d86;color:#fffdf8}.cover-gold{background:#d0a541;color:#182033}.cover-green{background:#496b5d;color:#fffdf8}.cover-rust{background:#b56749;color:#fffdf8}.numbers-lite{display:grid;grid-template-columns:repeat(4,1fr);background:var(--chalk);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.numbers-lite>div{padding:10px 25px 10px 0;border-right:1px solid var(--line)}.numbers-lite>div:nth-child(4){border-right:0}.numbers-lite strong{display:block;font-family:var(--serif);font-size:clamp(50px,6vw,90px);font-weight:400;letter-spacing:-.05em}.numbers-lite span{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.numbers-lite .data-note{grid-column:1/-1;font-size:10px;opacity:.55;margin-top:25px}.home-erasmus{background:var(--paper)}.feature-links{margin-top:55px;border-top:1px solid var(--ink)}.feature-links a{display:grid;grid-template-columns:80px 1fr 1fr;gap:24px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line)}.feature-links span{font-size:10px;letter-spacing:.1em}.feature-links strong{font-family:var(--serif);font-size:clamp(28px,3.2vw,48px);font-weight:400}.feature-links small{font-size:13px;line-height:1.5}.stories-strip{background:var(--brand-blue);color:white;padding:105px 7vw}.stories-strip>div{max-width:1000px}.stories-strip h2{font-size:clamp(50px,6.5vw,100px);line-height:.9;letter-spacing:-.05em;margin:0 0 32px}.closing{background:var(--brand-red);color:white;text-align:center}.closing>p{text-transform:uppercase;font-size:10px;letter-spacing:.16em}.closing h2{font-size:clamp(55px,7vw,108px);line-height:.9;letter-spacing:-.05em;margin:30px 0}.page-hero{padding:115px 7vw 90px;background:var(--sand);border-bottom:1px solid var(--line)}.page-hero.blue{background:var(--brand-blue);color:white}.page-hero.green{background:#496b5d;color:white}.page-hero.projects-hero{background:var(--ink);color:white}.page-hero.stories-hero{background:var(--brand-red);color:white}.page-hero.contact-hero{background:var(--brand-gold)}.page-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(78px,11vw,180px);line-height:.78;letter-spacing:-.06em;margin:0}.page-hero>p:last-child{font-size:clamp(18px,2vw,27px);line-height:1.4;max-width:820px;margin:35px 0 0}.editorial-section{display:grid;grid-template-columns:1fr 2fr;gap:6vw}.editorial-aside{border-top:1px solid var(--ink);padding-top:20px}.big-year,.big-symbol{font-family:var(--serif);font-size:clamp(70px,9vw,145px);letter-spacing:-.06em}.editorial-aside p{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.editorial-main h2,.project-story h2{font-size:clamp(48px,6vw,92px);line-height:.92;letter-spacing:-.05em;margin:0 0 35px}.editorial-main>p:not(.eyebrow){font-size:19px;line-height:1.65;max-width:800px}.timeline{background:var(--chalk)}.timeline-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);margin-top:30px}.timeline-grid article{padding:30px 25px 10px 0;border-right:1px solid var(--line)}.timeline-grid article:last-child{border-right:0}.timeline-grid strong{font-family:var(--serif);font-size:48px;font-weight:400}.timeline-grid h3{font-size:28px;margin:20px 0 12px}.timeline-grid p{line-height:1.55}.pillars{background:var(--brand-blue);color:white}.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:60px}.pillar-grid article{border-top:1px solid rgba(255,255,255,.45);padding-top:20px}.pillar-grid span{font-size:10px;letter-spacing:.1em}.pillar-grid h3{font-size:42px;margin:30px 0 12px}.pillar-grid p{line-height:1.55;color:rgba(255,255,255,.75)}.page-next{background:var(--sand)}.page-next h2{font-size:clamp(44px,6vw,90px);line-height:.94;letter-spacing:-.05em;max-width:950px;margin:10px 0 30px}.mobility-types{background:var(--chalk)}.feature-links.large strong{font-size:clamp(28px,3.8vw,58px)}.youthpass{display:grid;grid-template-columns:.7fr 1.3fr;gap:6vw;background:var(--brand-gold)}.youthpass-mark{font-family:var(--serif);font-size:clamp(120px,18vw,280px);line-height:.7;align-self:center}.youthpass h2{font-size:clamp(55px,7vw,105px);letter-spacing:-.05em;line-height:.9;margin:0 0 30px}.youthpass p{font-size:19px;line-height:1.6}.competence-chips,.partner-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.competence-chips span,.partner-chips span{border:1px solid currentColor;border-radius:999px;padding:9px 12px;font-size:10px;text-transform:uppercase;letter-spacing:.07em}.faq-list{max-width:1000px;margin:50px 0 35px 33.3%}.faq-list details{border-top:1px solid var(--ink);padding:18px 0}.faq-list details:last-child{border-bottom:1px solid var(--ink)}.faq-list summary{cursor:pointer;font-family:var(--serif);font-size:27px}.faq-list p{line-height:1.6;max-width:750px}.archive{background:var(--paper)}.archive-toolbar{margin-bottom:42px}.dark-filters .filter{border:1px solid var(--line);color:var(--ink);background:transparent}.dark-filters .filter.active{background:var(--ink);color:white}.filter{border:1px solid rgba(255,255,255,.35);background:transparent;color:white;border-radius:999px;padding:10px 13px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.filter-row{display:flex;gap:8px;flex-wrap:wrap}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px 24px}.archive-card p{font-size:13px;line-height:1.45;opacity:.7}.archive-card[hidden]{display:none}.project-detail-hero{position:relative;min-height:68vh;background:var(--ink);color:white;display:flex;align-items:flex-end;overflow:hidden;background-size:cover;background-position:center}.project-detail-hero:not(.has-bg):before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 25%,rgba(208,165,65,.45),transparent 20%),linear-gradient(135deg,#2d2d86,#182033 55%,#a5202a)}.project-detail-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,17,31,.84),rgba(12,17,31,.38) 65%,rgba(12,17,31,.15))}.project-detail-inner{position:relative;z-index:2;padding:90px 7vw 70px;max-width:1050px}.project-detail-inner h1{font-family:var(--serif);font-size:clamp(70px,10vw,155px);line-height:.8;letter-spacing:-.06em;font-weight:400;margin:0}.project-detail-inner>p:last-child{font-size:clamp(18px,2vw,27px);line-height:1.45;max-width:800px;margin:30px 0 0}.project-facts{background:var(--brand-gold)}.project-facts dl{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.project-facts dl div{padding:22px 18px 22px 0;border-right:1px solid rgba(24,32,51,.25)}.project-facts dl div:last-child{border-right:0}.project-facts dt{font-size:9px;text-transform:uppercase;letter-spacing:.1em}.project-facts dd{font-family:var(--serif);font-size:24px;margin:8px 0 0}.project-story{display:grid;grid-template-columns:1fr 1fr;gap:6vw}.project-story>div:last-child p{font-size:19px;line-height:1.65;margin:0 0 20px}.project-routes{background:var(--chalk)}.route-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.route-cards article{border-top:1px solid var(--ink);padding-top:20px}.route-cards span{font-size:10px}.route-cards h3{font-size:38px;margin:26px 0 12px}.route-cards p{line-height:1.55}.project-gallery{background:var(--ink)}.gallery-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:290px;gap:12px}.gallery-photo{background-size:cover;background-position:center}.gallery-photo.wide{grid-column:span 2}.project-partners{background:var(--sand)}.project-partners .partner-chips{max-width:1000px}.source-link{background:var(--chalk)}.source-link>div{max-width:860px}.source-link p{font-size:18px;line-height:1.6}.opportunities{background:var(--chalk)}.empty-state{margin-top:50px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:35px 0;display:grid;grid-template-columns:160px 1fr;gap:30px}.empty-state>span{font-family:var(--serif);font-size:110px;line-height:.8}.empty-state h3{font-size:35px;margin:0 0 10px}.empty-state p{max-width:760px;line-height:1.55}.how-to{background:var(--paper)}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid var(--ink)}.steps article{padding:25px 20px 0 0;border-right:1px solid var(--line)}.steps article:last-child{border-right:0}.steps span{font-size:10px}.steps h3{font-size:32px;margin:28px 0 12px}.steps p{line-height:1.55}.call-anatomy{display:grid;grid-template-columns:1fr 1fr;gap:7vw;background:var(--brand-blue);color:white}.call-anatomy h2{font-size:clamp(50px,6vw,90px);line-height:.9;letter-spacing:-.05em;margin:0}.call-anatomy ul{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.5)}.call-anatomy li{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.28);font-size:13px;text-transform:uppercase;letter-spacing:.07em}.contact-banner{background:var(--sand);text-align:center}.contact-banner h2{font-size:clamp(45px,6vw,88px);line-height:.92;letter-spacing:-.05em;margin:0}.contact-banner p{margin:24px auto;max-width:600px;line-height:1.55}.story-index{background:var(--chalk)}.story-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px;margin-top:55px;border-top:1px solid var(--ink)}.story-cards a{padding:25px 0;border-bottom:1px solid var(--line)}.story-cards span{font-size:9px;letter-spacing:.1em}.story-cards h3{font-size:38px;margin:12px 0 8px}.story-cards p{line-height:1.5;margin:0}.media-outcomes{background:var(--sand)}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:55px}.media-grid article{border-top:1px solid var(--ink);padding-top:20px}.media-code{display:inline-flex;width:52px;height:52px;border:1px solid var(--ink);border-radius:50%;align-items:center;justify-content:center;font-size:10px}.media-grid h3{font-size:34px;margin:25px 0 12px}.media-grid p{line-height:1.55}.stories-note{background:var(--brand-red);color:white}.stories-note h2{font-size:clamp(50px,6.5vw,100px);line-height:.9;letter-spacing:-.05em;margin:0;max-width:1050px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.contact-direct>a{display:block;padding:24px 0;border-top:1px solid var(--ink)}.contact-direct>a strong,.contact-direct>a span{display:block}.contact-direct>a span{font-size:10px;text-transform:uppercase;letter-spacing:.09em;margin-bottom:8px}.contact-direct>a strong{font-family:var(--serif);font-size:clamp(26px,3vw,42px);font-weight:400}.legal-box{margin-top:40px;padding:24px;background:var(--sand);display:flex;flex-direction:column;gap:8px}.legal-box span{font-size:11px}.legal-box strong{font-family:var(--serif);font-size:30px}.contact-form{border-top:1px solid var(--ink);padding-top:20px}.contact-form label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.09em;margin:0 0 20px}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:8px;border:1px solid var(--line);background:var(--chalk);padding:14px;font-size:16px;color:var(--ink)}.contact-form textarea{resize:vertical}.form-note{font-size:10px;opacity:.6;line-height:1.5}.site-footer{background:#20205c;color:white;padding:58px 7vw 36px;display:grid;grid-template-columns:1.4fr 1fr .7fr;gap:30px;align-items:end}.footer-brand{font-size:46px}.site-footer p{color:rgba(255,255,255,.65);line-height:1.5;font-size:12px;max-width:460px}.footer-tax{opacity:.7}.footer-links{display:flex;flex-direction:column;gap:9px;text-transform:uppercase;font-size:9px;letter-spacing:.1em}.footer-links a{width:max-content;border-bottom:1px solid rgba(255,255,255,.3)}.footer-note{text-align:right;font-size:9px;text-transform:uppercase;letter-spacing:.1em;opacity:.5}
@media(max-width:980px){.site-header{padding:12px 18px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:18px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.main-nav a.is-active{border-bottom:0}.hero{min-height:780px}.hero-content{padding:85px 24px 165px}.hero h1{font-size:clamp(64px,18vw,118px)}.hero-gallery-ui{left:24px;right:20px;bottom:20px;align-items:flex-start;flex-direction:column;gap:8px}.hero-controls{width:100%;justify-content:space-between}.section-pad{padding:78px 22px}.split-heading,.editorial-section,.project-story,.call-anatomy,.contact-layout{grid-template-columns:1fr;gap:26px}.two-col-copy{grid-template-columns:1fr;margin:32px 0 24px}.home-intro>.text-link{margin-left:0}.cards-three,.archive-grid,.pillar-grid,.route-cards,.media-grid{grid-template-columns:1fr}.numbers-lite{grid-template-columns:1fr 1fr}.numbers-lite>div{border-bottom:1px solid var(--line)}.feature-links a{grid-template-columns:50px 1fr}.feature-links small{grid-column:2}.timeline-grid,.steps{grid-template-columns:1fr 1fr}.timeline-grid article:nth-child(2),.steps article:nth-child(2){border-right:0}.youthpass{grid-template-columns:1fr}.youthpass-mark{font-size:120px}.faq-list{margin-left:0}.project-facts dl{grid-template-columns:1fr 1fr}.project-facts dl div{border-bottom:1px solid rgba(24,32,51,.25)}.gallery-grid{grid-template-columns:1fr 1fr}.empty-state{grid-template-columns:100px 1fr}.story-cards{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.footer-note{text-align:left}.page-hero{padding:85px 22px 70px}.project-detail-inner{padding:85px 22px 60px}.project-detail-inner h1{font-size:clamp(62px,17vw,115px)}}
@media(max-width:600px){.hero-actions{align-items:flex-start;flex-direction:column}.hero-actions .button{width:auto}.brand{min-width:0}.brand-wordmark{font-size:24px}.brand-mark{width:38px}.cards-three{grid-template-columns:1fr}.numbers-lite,.timeline-grid,.steps,.project-facts dl,.gallery-grid,.call-anatomy ul{grid-template-columns:1fr}.timeline-grid article,.steps article,.numbers-lite>div,.project-facts dl div{border-right:0}.gallery-photo.wide{grid-column:auto}.empty-state{grid-template-columns:1fr}.empty-state>span{font-size:80px}.page-hero h1{font-size:clamp(68px,20vw,110px)}.project-detail-inner h1{font-size:clamp(58px,18vw,100px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div,.hero-slide.active{animation:none}.hero-slide{transition:none;transform:none!important}.button{transition:none}}

/* V5.2 · opening logo → photograph sequence */
.logo-intro{position:absolute;inset:0;z-index:8;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none}.logo-intro::before{content:'';position:absolute;inset:0;z-index:0;background:var(--paper);opacity:0}.logo-intro-art{position:absolute;left:50%;top:49%;z-index:2;width:min(52vw,520px);aspect-ratio:1322/1058;transform:translate(-50%,-50%)}.logo-intro-trace,.logo-intro-mark,.logo-intro-photo-mask{position:absolute;inset:0;width:100%;height:100%}.logo-intro-trace{z-index:1;overflow:visible}.logo-intro-trace path{fill:none;stroke:var(--brand-gold);stroke-width:14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}.logo-intro-trace path.red-trace{stroke:var(--brand-red);stroke-width:18}.logo-intro-mark{z-index:3;object-fit:contain;opacity:0}.logo-intro-photo-mask{z-index:4;background-image:linear-gradient(rgba(20,24,35,.08),rgba(20,24,35,.08)),var(--intro-photo);background-size:cover;background-position:center;opacity:0;-webkit-mask-image:url('assets/logo-mark.png');mask-image:url('assets/logo-mark.png');-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.logo-intro-photo-expand{position:absolute;inset:-2%;z-index:1;background-image:linear-gradient(rgba(11,15,27,.10),rgba(11,15,27,.10)),var(--intro-photo);background-size:cover;background-position:center;clip-path:circle(0% at 50% 49%);opacity:0;transform:scale(1.025)}.hero-replay{min-height:40px;padding:0 13px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:transparent;color:white;cursor:pointer;font-size:9px;text-transform:uppercase;letter-spacing:.11em}.hero-replay:hover{border-color:rgba(255,255,255,.75)}
.hero.intro-running .logo-intro{visibility:visible;animation:intro-shell 2.30s ease both}.hero.intro-running .logo-intro::before{animation:intro-backdrop 2.30s ease both}.hero.intro-running .logo-intro-trace path{animation:intro-draw .76s cubic-bezier(.45,0,.22,1) forwards,intro-trace-out .18s .82s ease-out forwards;animation-delay:var(--draw-delay,.08s),.82s}.hero.intro-running .logo-intro-mark{animation:intro-mark 1.22s .74s cubic-bezier(.4,0,.2,1) both}.hero.intro-running .logo-intro-photo-mask{display:none}.hero.intro-running .logo-intro-photo-expand{animation:intro-photo-expand .48s 1.75s cubic-bezier(.66,0,.2,1) forwards}.hero.intro-running .hero-content{animation:intro-content-in 2.23s ease both}.hero.intro-running .hero-gallery-ui{animation:intro-ui-in 2.27s ease both}
@keyframes intro-draw{0%{stroke-dashoffset:1;opacity:0}8%{opacity:1}100%{stroke-dashoffset:0;opacity:1}}@keyframes intro-trace-out{0%{opacity:1}100%{opacity:0}}@keyframes intro-mark{0%{opacity:0;transform:scale(.988)}14%{opacity:1;transform:scale(1)}68%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.012)}}@keyframes intro-mask-photo{0%{opacity:0;transform:scale(.996)}38%,72%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.018)}}@keyframes intro-photo-expand{0%{clip-path:circle(0% at 50% 49%);opacity:0}7%{opacity:1}100%{clip-path:circle(82% at 50% 49%);opacity:1;transform:scale(1)}}@keyframes intro-backdrop{0%,77%{opacity:1}96%,100%{opacity:0}}@keyframes intro-shell{0%,94%{opacity:1}100%{opacity:0}}@keyframes intro-content-in{0%,85%{opacity:0;transform:translateY(18px)}100%{opacity:1;transform:translateY(0)}}@keyframes intro-ui-in{0%,87%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.logo-intro-art{width:min(78vw,340px);top:47%}.logo-intro-trace path{stroke-width:17}.logo-intro-trace path.red-trace{stroke-width:20}.hero-replay{padding:0 11px}.hero-controls{gap:7px;flex-wrap:wrap}.hero-dots{flex:1}.hero-pause,.hero-replay{min-height:38px}}
@media(prefers-reduced-motion:reduce){.logo-intro{display:none!important}.hero.intro-running .hero-content,.hero.intro-running .hero-gallery-ui{animation:none!important}.hero-replay{display:none}}

/* WordPress preview integration */
body.mediterrart-new-site{margin:0!important;padding:0!important;max-width:none!important;}
body.mediterrart-new-site #wpadminbar{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}
body.mediterrart-new-site .site-header{width:100%;}

/* WordPress/OceanWP compatibility: keep the prototype's inherited colors.
   OceanWP assigns heading colors directly, which can override the white/chalk
   text inherited from dark and photographic sections. */
body.mediterrart-new-site h1,
body.mediterrart-new-site h2,
body.mediterrart-new-site h3,
body.mediterrart-new-site h4,
body.mediterrart-new-site h5,
body.mediterrart-new-site h6 {
  color: inherit;
}

body.mediterrart-new-site a {
  color: inherit;
}


/* Offline master v6 refinements */
:focus-visible{outline:2px solid var(--brand-gold);outline-offset:4px}
.site-header{min-height:66px}
.menu-toggle{cursor:pointer;text-transform:uppercase;font-size:10px;letter-spacing:.08em;font-weight:700}
.archive-card,.project-teaser{min-width:0}
.archive-card h3 a,.project-teaser h3 a{display:inline}
.archive-card .card-link{margin-top:8px}
.project-detail-inner,.page-hero>*,.home-intro>*,.home-erasmus>*{position:relative}

@media (max-width:980px){
  body.nav-open{overflow:hidden}
  .site-header{position:sticky;top:0;z-index:100;min-height:64px}
  .main-nav{position:fixed;top:64px;left:0;right:0;bottom:0;z-index:99;padding:28px 22px 34px;background:var(--paper);border:0;border-top:1px solid var(--line);overflow:auto;gap:0}
  .main-nav.open{display:flex}
  .main-nav>a{font-family:var(--serif);font-size:clamp(34px,7vw,58px);line-height:1.05;letter-spacing:-.035em;text-transform:none;padding:12px 0;border-bottom:1px solid var(--line)!important;opacity:1!important}
  .main-nav>a.is-active{color:var(--brand-red)}
  .language-switch{margin-top:28px;font-size:12px;letter-spacing:.12em}
  .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cards-three{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cards-three .project-teaser:last-child{grid-column:1/-1;max-width:calc(50% - 12px)}
  .hero{min-height:calc(100svh - 64px)}
  .hero-content{padding-top:90px}
}

@media (max-width:700px){
  .section-pad{padding:68px 20px}
  .hero{min-height:calc(100svh - 64px)}
  .hero-content{padding:72px 20px 158px;max-width:none}
  .hero h1{font-size:clamp(58px,18vw,92px);line-height:.82}
  .hero-copy{font-size:17px;line-height:1.46;margin:24px 0}
  .hero-gallery-ui{left:20px;right:20px;bottom:14px}
  .hero-photo-meta span{display:none}
  .hero-controls{gap:6px;flex-wrap:wrap}
  .hero-dot{width:28px}
  .hero-pause,.hero-replay{font-size:8px;padding:0 10px}
  .split-heading h2,.section-head h2{font-size:clamp(44px,14vw,72px)}
  .section-head{align-items:flex-start;flex-direction:column}
  .cards-three,.archive-grid{grid-template-columns:1fr}
  .cards-three .project-teaser:last-child{grid-column:auto;max-width:none}
  .numbers-lite{grid-template-columns:1fr 1fr}
  .numbers-lite>div{padding:20px 12px 20px 0}
  .numbers-lite strong{font-size:52px}
  .feature-links a{grid-template-columns:38px 1fr;padding:20px 0}
  .feature-links strong{font-size:32px}
  .stories-strip{padding:72px 20px}
  .stories-strip h2{font-size:clamp(45px,13vw,68px)}
  .closing h2{font-size:clamp(50px,15vw,76px)}
  .page-hero{padding:72px 20px 58px}
  .page-hero h1{font-size:clamp(64px,19vw,100px)}
  .project-detail-hero{min-height:66svh}
  .project-detail-inner{padding:76px 20px 54px}
  .project-detail-inner h1{font-size:clamp(56px,17vw,92px)}
  .project-facts dl{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:1fr;grid-auto-rows:250px}
  .gallery-photo.wide{grid-column:auto}
  .filter-row{gap:6px}
  .filter{padding:9px 11px}
  .site-footer{padding:48px 20px 30px}
  .footer-brand{font-size:38px}
}

@media (max-width:420px){
  .brand-wordmark{font-size:21px}
  .brand-mark{width:34px}
  .site-header{padding-left:14px;padding-right:14px}
  .numbers-lite{grid-template-columns:1fr}
  .numbers-lite>div{border-right:0}
  .hero-actions{gap:9px}
  .button{min-height:44px}
}


/* Project pages — content-rich master v6.1 */
.project-subnav{position:sticky;top:65px;z-index:22;display:flex;gap:26px;align-items:center;padding:14px 7vw;background:rgba(248,244,236,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);overflow-x:auto;white-space:nowrap}.project-subnav a{font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;opacity:.72}.project-subnav a:hover{opacity:1}.project-section-head{display:grid;grid-template-columns:1fr 2fr;gap:6vw;align-items:start;margin-bottom:54px}.project-section-head h2{font-family:var(--serif);font-size:clamp(48px,6vw,92px);line-height:.92;letter-spacing:-.05em;font-weight:400;margin:0;max-width:980px}.project-focus{background:var(--brand-blue);color:white}.project-focus .project-section-head .eyebrow{color:rgba(255,255,255,.72)}.project-focus-grid,.project-activity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid currentColor}.project-focus-grid article,.project-activity-grid article{padding:24px 24px 10px 0;border-right:1px solid currentColor;min-width:0}.project-focus-grid article:last-child,.project-activity-grid article:last-child{border-right:0}.project-focus-grid span,.project-activity-grid span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;opacity:.65}.project-focus-grid h3,.project-activity-grid h3{font-family:var(--serif);font-size:clamp(27px,2.6vw,40px);line-height:1;letter-spacing:-.03em;font-weight:400;margin:34px 0 14px}.project-focus-grid p,.project-activity-grid p{font-size:14px;line-height:1.65;margin:0;max-width:330px}.project-focus-grid p{color:rgba(255,255,255,.77)}.project-activities{background:var(--chalk)}.project-activity-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));border-color:var(--ink)}.project-activity-grid article{border-color:var(--line)}.project-outcomes{display:grid;grid-template-columns:1fr 1.45fr;gap:7vw;background:var(--ink);color:var(--chalk)}.project-outcomes h2{font-family:var(--serif);font-size:clamp(48px,6vw,92px);line-height:.92;letter-spacing:-.05em;font-weight:400;margin:0}.project-outcomes ol{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.5)}.project-outcomes li{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.24)}.project-outcomes li span{font-size:9px;letter-spacing:.1em;opacity:.55;padding-top:5px}.project-outcomes li p{font-size:18px;line-height:1.5;margin:0}.project-partners .project-section-head{margin-bottom:38px}.partner-chips{display:flex;flex-wrap:wrap;gap:9px}.partner-chips span{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border:1px solid rgba(24,32,51,.3);border-radius:999px;font-size:10px;letter-spacing:.055em;line-height:1.3}.project-memory{background:var(--paper)}.project-memory-grid{display:grid;grid-template-columns:1.45fr .78fr .78fr;gap:14px;min-height:480px}.project-memory-grid figure{margin:0;overflow:hidden;background:var(--sand);min-height:280px}.project-memory-grid figure:first-child{grid-row:span 2}.project-memory-grid img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.project-memory-grid figure:hover img{transform:scale(1.025)}.project-resources{background:var(--chalk)}.project-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-resource-card{display:block;border:1px solid var(--line);padding:24px;min-height:230px;transition:transform .2s ease,background .2s ease}.project-resource-card:hover{transform:translateY(-3px);background:var(--sand)}.project-resource-card>span{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;opacity:.6}.project-resource-card h3{font-family:var(--serif);font-size:34px;line-height:1;letter-spacing:-.03em;font-weight:400;margin:48px 0 12px}.project-resource-card p{font-size:13px;line-height:1.55;margin:0;opacity:.78}.project-story{background:var(--paper)}
@media(max-width:980px){.project-memory-grid{grid-template-columns:1fr 1fr;min-height:0}.project-memory-grid figure:first-child{grid-row:auto;grid-column:span 2;min-height:420px}.project-subnav{top:61px;padding:13px 22px;gap:20px}.project-section-head,.project-outcomes{grid-template-columns:1fr;gap:26px}.project-focus-grid{grid-template-columns:1fr 1fr}.project-focus-grid article:nth-child(2){border-right:0}.project-focus-grid article{border-bottom:1px solid rgba(255,255,255,.25)}.project-resource-grid{grid-template-columns:1fr 1fr}.project-outcomes li p{font-size:17px}}
@media(max-width:600px){.project-memory-grid{grid-template-columns:1fr}.project-memory-grid figure:first-child{grid-column:auto;min-height:300px}.project-memory-grid figure{min-height:240px}.project-subnav{top:59px;padding:12px 20px}.project-focus-grid,.project-activity-grid,.project-resource-grid{grid-template-columns:1fr}.project-focus-grid article,.project-activity-grid article{border-right:0;border-bottom:1px solid currentColor;padding:22px 0}.project-activity-grid article{border-color:var(--line)}.project-focus-grid h3,.project-activity-grid h3{margin-top:18px}.project-resource-card{min-height:190px}.project-resource-card h3{margin-top:34px}.project-outcomes li{grid-template-columns:36px 1fr}}

/* V6.2 — project readability + integrated archive */
.eyebrow{font-size:12px;line-height:1.45;letter-spacing:.15em}
.project-subnav a{font-size:11px;line-height:1.35;letter-spacing:.1em}
.project-facts dt{font-size:11px;line-height:1.35}
.project-focus-grid span,.project-activity-grid span{font-size:12px;line-height:1.35;opacity:.76}
.project-outcomes li span{font-size:12px;line-height:1.35;opacity:.68}
.project-resource-card>span{font-size:11px;line-height:1.35;opacity:.72}
.route-story-list{border-top:1px solid var(--line)}
.route-story{display:grid;grid-template-columns:minmax(145px,.42fr) minmax(0,1.58fr);gap:5vw;padding:44px 0;border-bottom:1px solid var(--line)}
.route-story-meta{display:flex;flex-direction:column;gap:14px}.route-story-meta span{font-family:var(--serif);font-size:42px;line-height:1}.route-story-meta small{font-size:11px;line-height:1.5;text-transform:uppercase;letter-spacing:.09em;max-width:180px}
.route-story-body h3{font-family:var(--serif);font-size:clamp(42px,5vw,72px);line-height:.95;letter-spacing:-.045em;font-weight:400;margin:0 0 24px}.route-story-body p{font-size:17px;line-height:1.68;max-width:850px;margin:0 0 16px}.route-story-body figure{margin:30px 0 0;height:min(52vw,520px);overflow:hidden;background:var(--sand)}.route-story-body img{width:100%;height:100%;display:block;object-fit:cover}
@media(max-width:700px){.eyebrow{font-size:11px}.project-subnav a{font-size:10px}.project-focus-grid span,.project-activity-grid span,.project-outcomes li span{font-size:11px}.route-story{grid-template-columns:1fr;gap:18px;padding:34px 0}.route-story-meta{flex-direction:row;align-items:baseline;justify-content:space-between}.route-story-meta span{font-size:34px}.route-story-meta small{text-align:right}.route-story-body p{font-size:16px}.route-story-body figure{height:70vw}}

/* V6.3 — DiscoverEU: project hub + dedicated travel stories */
.travel-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.travel-index-card{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--paper);min-width:0;transition:transform .25s ease,box-shadow .25s ease}.travel-index-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(24,32,51,.08)}.travel-index-card figure{margin:0;height:330px;overflow:hidden;background:var(--sand)}.travel-index-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.travel-index-card:hover img{transform:scale(1.025)}.travel-index-card>div{padding:24px}.travel-index-card span,.travel-next span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;opacity:.66}.travel-index-card h3{font-family:var(--serif);font-size:clamp(34px,3vw,48px);line-height:.98;letter-spacing:-.04em;font-weight:400;margin:22px 0 15px}.travel-index-card p{font-size:15px;line-height:1.6;margin:0 0 24px}.travel-index-card strong{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.travel-gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:220px;gap:12px}.travel-gallery figure{margin:0;overflow:hidden;background:var(--sand);grid-column:span 4}.travel-gallery figure:nth-child(1),.travel-gallery figure:nth-child(5),.travel-gallery figure:nth-child(9){grid-column:span 8;grid-row:span 2}.travel-gallery figure:nth-child(3),.travel-gallery figure:nth-child(7){grid-row:span 2}.travel-gallery img{width:100%;height:100%;object-fit:cover;display:block}.project-guide{background:var(--sand)}.guide-layout{display:grid;grid-template-columns:.8fr 1.7fr;gap:5vw;align-items:start}.guide-copy p{font-size:18px;line-height:1.7;max-width:520px;margin:0 0 28px}.guide-embed{height:760px;background:var(--paper);border:1px solid var(--line)}.guide-embed iframe{width:100%;height:100%;border:0}.travel-hero{min-height:76svh;position:relative;background-size:cover;background-position:center;display:flex;align-items:end;color:white}.travel-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,15,28,.12),rgba(10,15,28,.78))}.travel-hero-inner{position:relative;z-index:2;padding:110px 7vw 70px;max-width:1500px}.travel-hero h1{font-family:var(--serif);font-size:clamp(72px,11vw,170px);line-height:.79;letter-spacing:-.065em;font-weight:400;margin:26px 0}.travel-hero p:last-child{font-size:17px;letter-spacing:.05em}.back-link{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.travel-narrative{display:grid;grid-template-columns:.85fr 1.35fr;gap:8vw}.travel-narrative h2{font-family:var(--serif);font-size:clamp(48px,6vw,90px);line-height:.92;letter-spacing:-.05em;font-weight:400;margin:16px 0 0}.travel-narrative>div:last-child p{font-size:18px;line-height:1.72;margin:0 0 20px}.travel-chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:var(--brand-blue);color:white}.travel-chapters article{padding:34px 28px 18px 0;border-right:1px solid rgba(255,255,255,.32)}.travel-chapters article:last-child{border-right:0}.travel-chapters span{font-size:13px;letter-spacing:.1em;opacity:.7}.travel-chapters h3{font-family:var(--serif);font-size:clamp(34px,3.2vw,50px);line-height:.96;letter-spacing:-.04em;font-weight:400;margin:38px 0 16px}.travel-chapters p{font-size:15px;line-height:1.65;color:rgba(255,255,255,.78)}.travel-video-section{background:var(--chalk)}.media-source-note{max-width:820px;font-size:16px;line-height:1.7;padding:20px 24px;border-left:3px solid var(--brand-gold);background:rgba(255,255,255,.55)}.travel-next{background:var(--ink);color:var(--chalk)}.travel-next a{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.travel-next strong{font-family:var(--serif);font-size:clamp(38px,5vw,74px);font-weight:400;letter-spacing:-.04em}
@media(max-width:980px){.travel-index-grid{grid-template-columns:1fr}.travel-index-card{display:grid;grid-template-columns:1fr 1fr}.travel-index-card figure{height:100%;min-height:300px}.guide-layout,.travel-narrative{grid-template-columns:1fr}.guide-embed{height:620px}.travel-chapters{grid-template-columns:1fr 1fr}.travel-chapters article:nth-child(2){border-right:0}.travel-chapters article{border-bottom:1px solid rgba(255,255,255,.25)}.travel-gallery figure,.travel-gallery figure:nth-child(1),.travel-gallery figure:nth-child(5),.travel-gallery figure:nth-child(9){grid-column:span 6;grid-row:span 1}.travel-gallery figure:nth-child(3),.travel-gallery figure:nth-child(7){grid-row:span 1}}
@media(max-width:600px){.travel-index-card{grid-template-columns:1fr}.travel-index-card figure{height:260px;min-height:0}.travel-hero-inner{padding:95px 20px 48px}.travel-hero h1{font-size:clamp(64px,19vw,100px)}.guide-embed{height:520px}.travel-chapters{grid-template-columns:1fr}.travel-chapters article{border-right:0}.travel-gallery{grid-template-columns:1fr;grid-auto-rows:280px}.travel-gallery figure,.travel-gallery figure:nth-child(1),.travel-gallery figure:nth-child(3),.travel-gallery figure:nth-child(5),.travel-gallery figure:nth-child(7),.travel-gallery figure:nth-child(9){grid-column:auto;grid-row:auto}.travel-next a{flex-direction:column}.media-source-note{font-size:15px}}


/* V6.4 — complete content migration from WordPress export */
.project-integrated-archive{background:var(--sand)}
.project-integrated-archive>.project-section-head{margin-bottom:34px}
.migrated-module+.migrated-module{margin-top:12px}
.archive-module{border-top:1px solid var(--line);background:rgba(255,255,255,.22)}
.archive-module:last-child{border-bottom:1px solid var(--line)}
.archive-module>summary{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 0;cursor:pointer;list-style:none}
.archive-module>summary::-webkit-details-marker{display:none}
.archive-module>summary span{display:flex;flex-direction:column;gap:6px}
.archive-module>summary small{font-size:11px;text-transform:uppercase;letter-spacing:.12em;opacity:.62}
.archive-module>summary strong{font-family:var(--serif);font-size:clamp(28px,3vw,44px);line-height:1;font-weight:400;letter-spacing:-.035em}
.archive-module>summary em{font-style:normal;font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.58;white-space:nowrap}
.archive-module>summary:after{content:"+";font-family:var(--serif);font-size:34px;line-height:1;margin-left:12px}
.archive-module[open]>summary:after{content:"–"}
.archive-module-body{padding:8px 0 54px;max-width:1280px}
.archive-source-heading{font-family:var(--serif);font-weight:400;font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-.04em;margin:48px 0 20px}
.archive-source-copy{font-size:16px;line-height:1.72;max-width:930px;margin:18px 0}
.archive-source-copy p{margin:0 0 16px}
.archive-source-copy ul,.archive-source-copy ol{padding-left:22px}
.archive-text{max-width:930px;border:1px solid var(--line);margin:14px 0;background:var(--chalk)}
.archive-text summary{cursor:pointer;padding:16px 18px;font-size:12px;text-transform:uppercase;letter-spacing:.09em;font-weight:700}
.archive-text>div{padding:0 18px 18px;font-size:15px;line-height:1.7}
.archive-text p{margin:0 0 14px}
.media-gallery{columns:4 220px;column-gap:12px;margin-top:22px}
.media-gallery figure{break-inside:avoid;margin:0 0 12px;background:var(--paper);overflow:hidden}
.media-gallery img{display:block;width:100%;height:auto;min-height:80px}
.media-gallery.is-collapsed figure:nth-child(n+13){display:none}
.media-gallery.is-expanded figure{display:block}
.gallery-toggle{margin-top:18px;border:1px solid var(--ink);background:transparent;border-radius:999px;padding:12px 18px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;cursor:pointer}
.media-grid-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0 34px}
.media-video{position:relative;aspect-ratio:16/9;background:#090d16;overflow:hidden}
.media-video iframe,.media-video video{width:100%;height:100%;border:0;display:block;object-fit:contain;background:#090d16}
.document-viewer{margin:28px 0 42px}
.document-viewer iframe{width:100%;height:min(75vh,850px);border:1px solid var(--line);background:white;display:block;margin-bottom:16px}
.travel-media-stories{background:var(--chalk)}
.travel-media-story{display:grid;grid-template-columns:.8fr 1.45fr;gap:5vw;align-items:center;padding:42px 0;border-top:1px solid var(--line)}
.travel-media-story:last-child{border-bottom:1px solid var(--line)}
.travel-media-copy span{display:block;font-family:var(--serif);font-size:42px;line-height:1;color:var(--brand-red);margin-bottom:18px}
.travel-media-copy p{font-size:17px;line-height:1.72;margin:0}
.travel-full-gallery{background:var(--paper)}
.travel-full-gallery .media-gallery{columns:4 250px}
.route-story-body .text-link{margin-top:20px}
@media(max-width:900px){
  .media-grid-videos{grid-template-columns:1fr}
  .travel-media-story{grid-template-columns:1fr;gap:22px}
  .archive-module>summary{align-items:flex-start}
  .archive-module>summary em{display:none}
}
@media(max-width:600px){
  .project-integrated-archive{padding-left:20px;padding-right:20px}
  .archive-module>summary strong{font-size:30px}
  .archive-source-copy{font-size:15px}
  .media-gallery,.travel-full-gallery .media-gallery{columns:2 135px}
  .media-gallery.is-collapsed figure:nth-child(n+9){display:none}
  .document-viewer iframe{height:65vh}
  .travel-media-copy p{font-size:16px}
}


/* V6.5 — project readability, breathing room and richer DiscoverEU travel overview */
.project-story .eyebrow,
.project-section-head .eyebrow,
.project-outcomes .eyebrow{font-size:15px;line-height:1.45;letter-spacing:.13em}
.project-facts dt{font-size:13px;line-height:1.4;letter-spacing:.09em;font-weight:700}
.project-focus-grid span,.project-activity-grid span{font-size:15px;line-height:1.35;letter-spacing:.1em;font-weight:700;opacity:.82}
.project-outcomes li span{font-size:16px;line-height:1.35;letter-spacing:.08em;font-weight:700;opacity:.78}
.project-resource-card>span{font-size:13px;line-height:1.4}
.route-story-meta small{font-size:13px;line-height:1.45}
.project-facts dl div{padding:28px 26px}
.project-focus-grid article,.project-activity-grid article{padding:30px 26px 28px}
.project-focus-grid h3,.project-activity-grid h3{margin-top:30px}

.travel-overview-head{text-align:center;max-width:1050px;margin:0 auto 48px}
.travel-overview-head .eyebrow{margin-bottom:18px}
.travel-overview-head h2{font-family:var(--serif);font-size:clamp(58px,7.5vw,116px);line-height:.88;letter-spacing:-.055em;font-weight:400;margin:0}
.travel-overview-head>p:last-child{max-width:760px;margin:28px auto 0;font-size:18px;line-height:1.65}
.travel-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:92px}
.travel-overview-card{position:relative;display:block;min-height:500px;overflow:hidden;background:var(--ink);color:white}
.travel-overview-card figure{position:absolute;inset:0;margin:0}
.travel-overview-card img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.travel-overview-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(11,15,27,.86),rgba(11,15,27,.10) 68%)}
.travel-overview-card:hover img{transform:scale(1.035)}
.travel-overview-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:28px}
.travel-overview-copy span{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.11em;font-weight:700;opacity:.78;margin-bottom:12px}
.travel-overview-copy h3{font-family:var(--serif);font-size:clamp(34px,3.4vw,54px);line-height:.94;letter-spacing:-.04em;font-weight:400;margin:0 0 12px}
.travel-overview-copy p{font-size:14px;line-height:1.5;margin:0;opacity:.86}
.travel-detail-heading{display:grid;grid-template-columns:1fr 2fr;gap:6vw;align-items:start;margin-bottom:34px;padding-top:12px}
.travel-detail-heading h2{font-family:var(--serif);font-size:clamp(44px,5.5vw,82px);line-height:.92;letter-spacing:-.05em;font-weight:400;margin:0}
.travel-detail-heading .eyebrow{font-size:15px}

@media(max-width:980px){
  .travel-overview-grid{grid-template-columns:1fr;gap:16px;margin-bottom:70px}
  .travel-overview-card{min-height:420px}
  .travel-detail-heading{grid-template-columns:1fr;gap:18px}
}
@media(max-width:700px){
  .project-story .eyebrow,.project-section-head .eyebrow,.project-outcomes .eyebrow{font-size:14px}
  .project-facts dt{font-size:13px}
  .project-focus-grid span,.project-activity-grid span{font-size:14px}
  .project-outcomes li span{font-size:15px}
  .project-facts dl div{padding:24px 18px}
  .project-focus-grid article,.project-activity-grid article{padding:26px 16px 24px}
  .travel-overview-head{text-align:left;margin-bottom:34px}
  .travel-overview-head>p:last-child{margin-left:0}
  .travel-overview-card{min-height:360px}
  .travel-overview-copy{padding:22px}
  .travel-detail-heading .eyebrow{font-size:14px}
}

/* V6.6 — sitewide readability + DiscoverEU alignment/contrast */
/* Small editorial text is intentionally never smaller than ~12–13px on desktop. */
body{font-size:17px}
.prototype-ribbon{font-size:13px;line-height:1.35}
.main-nav{font-size:13px;line-height:1.35}
.eyebrow{font-size:15px;line-height:1.45;letter-spacing:.13em}
.button{font-size:13px;line-height:1.25}
.text-link,.card-link{font-size:13px;line-height:1.35}
.hero-photo-meta span{font-size:12px;line-height:1.35}
.hero-photo-meta strong{font-size:14px;line-height:1.35}
.hero-pause,.hero-replay{font-size:12px;line-height:1.2}
.ticker div{font-size:13px;line-height:1.35}
.image-chip{font-size:12px;line-height:1.3}
.project-meta{font-size:12px;line-height:1.35}
.numbers-lite span,.numbers-lite .data-note{font-size:13px;line-height:1.4}
.feature-links span{font-size:13px;line-height:1.4}
.feature-links small{font-size:15px;line-height:1.55}
.closing>p{font-size:13px;line-height:1.4}
.editorial-aside p{font-size:13px;line-height:1.45}
.pillar-grid span{font-size:13px;line-height:1.4}
.competence-chips span,.partner-chips span{font-size:13px;line-height:1.35}
.filter{font-size:12px;line-height:1.25}
.archive-card p{font-size:15px;line-height:1.55}
.project-facts dt{font-size:14px;line-height:1.4}
.route-cards span,.steps span{font-size:13px;line-height:1.4}
.call-anatomy li{font-size:15px;line-height:1.45}
.story-cards span{font-size:13px;line-height:1.4}
.media-code{font-size:13px}
.contact-direct>a span{font-size:13px;line-height:1.4}
.legal-box span{font-size:13px;line-height:1.45}
.contact-form label{font-size:13px;line-height:1.4}
.form-note{font-size:13px;line-height:1.55}
.site-footer p{font-size:14px;line-height:1.55}
.footer-links,.footer-note{font-size:12px;line-height:1.4}
.menu-toggle{font-size:12px;line-height:1.25}
.language-switch{font-size:13px;line-height:1.35}
.project-subnav a{font-size:13px;line-height:1.35}
.project-focus-grid span,.project-activity-grid span{font-size:15px;line-height:1.4}
.project-outcomes li span{font-size:15px;line-height:1.4}
.project-resource-card>span{font-size:14px;line-height:1.4}
.project-resource-card p{font-size:15px;line-height:1.6}
.route-story-meta small{font-size:14px;line-height:1.45}
.travel-index-card span,.travel-next span,.travel-index-card strong{font-size:14px;line-height:1.4}
.back-link{font-size:14px;line-height:1.4}
.travel-chapters span{font-size:15px;line-height:1.4}
.archive-module>summary small,.archive-module>summary em{font-size:13px;line-height:1.4}
.archive-text summary{font-size:14px;line-height:1.4}
.gallery-toggle{font-size:13px;line-height:1.35}
.travel-overview-copy span{font-size:14px;line-height:1.4}
.travel-overview-copy p{font-size:16px;line-height:1.55}

/* More breathing room between copy and dividers in the gold/blue data grids. */
.project-facts dl div{padding:32px 34px}
.project-focus-grid article,.project-activity-grid article{padding:34px 34px 30px}
.project-focus-grid h3,.project-activity-grid h3{margin-top:32px}
.travel-chapters article{padding:36px 34px 26px}

/* DiscoverEU: heading and first route now share the same editorial axis. */
.travel-detail-heading{grid-template-columns:minmax(145px,.42fr) minmax(0,1.58fr);gap:5vw;align-items:start;margin-bottom:34px;padding-top:12px}
.travel-detail-heading h2{grid-column:2}
.travel-detail-heading .eyebrow{grid-column:1;grid-row:1}

/* Travel overview cards: force high-contrast text over photography in every link state. */
.travel-overview-card,
.travel-overview-card:link,
.travel-overview-card:visited,
.travel-overview-card:hover,
.travel-overview-card:active,
.travel-overview-copy,
.travel-overview-copy span,
.travel-overview-copy h3,
.travel-overview-copy p{color:#fff !important}
.travel-overview-card:after{background:linear-gradient(to top,rgba(11,15,27,.94) 0%,rgba(11,15,27,.62) 38%,rgba(11,15,27,.12) 72%)}
.travel-overview-copy h3,.travel-overview-copy p,.travel-overview-copy span{text-shadow:0 1px 16px rgba(0,0,0,.28)}

@media(max-width:980px){
  .travel-detail-heading{grid-template-columns:1fr;gap:14px}
  .travel-detail-heading .eyebrow,.travel-detail-heading h2{grid-column:1}
  .project-facts dl div{padding:28px 26px}
  .project-focus-grid article,.project-activity-grid article{padding:30px 26px 28px}
}

@media(max-width:700px){
  body{font-size:16px}
  .main-nav{font-size:14px}
  .eyebrow{font-size:14px}
  .button,.text-link,.card-link{font-size:12px}
  .hero-photo-meta span{font-size:11px}
  .hero-photo-meta strong{font-size:13px}
  .hero-pause,.hero-replay{font-size:11px;padding:0 11px}
  .image-chip,.project-meta{font-size:11px}
  .project-subnav a{font-size:12px}
  .project-focus-grid span,.project-activity-grid span,.project-outcomes li span{font-size:14px}
  .project-facts dt,.route-story-meta small{font-size:13px}
  .travel-overview-copy span{font-size:13px}
  .travel-overview-copy p{font-size:15px}
  .project-facts dl div{padding:26px 20px}
  .project-focus-grid article,.project-activity-grid article{padding:28px 20px 26px}
}


/* V6.7 — richer project strips, larger project copy, clearer DiscoverEU actions */
/* Gold facts strip: use the available width instead of leaving the text visually undersized. */
.project-facts dt{font-size:15px;line-height:1.4;letter-spacing:.085em;font-weight:700}
.project-facts dd{font-size:clamp(28px,2.15vw,36px);line-height:1.08;margin-top:12px}
.project-facts dl div{padding:38px 36px 36px}

/* Blue focus/activity strips: narrative copy now has the same visual weight as the large headings. */
.project-focus-grid p,.project-activity-grid p{font-size:18px;line-height:1.68;max-width:390px}
.project-focus-grid article,.project-activity-grid article{padding:38px 36px 36px}
.project-focus-grid h3,.project-activity-grid h3{font-size:clamp(32px,3vw,46px);margin-top:34px;margin-bottom:18px}

/* Results becomes a full-width horizontal strip, consistent with the other coloured project sections. */
.project-outcomes{display:block;text-align:center;background:var(--ink);color:var(--chalk)}
.project-outcomes>div:first-child{max-width:1050px;margin:0 auto 54px}
.project-outcomes>div:first-child .eyebrow{margin-bottom:18px}
.project-outcomes h2{max-width:1000px;margin:0 auto;font-size:clamp(52px,6.4vw,98px)}
.project-outcomes ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.28)}
.project-outcomes li{display:block;text-align:left;padding:36px 34px 34px;border-bottom:0;border-right:1px solid rgba(255,255,255,.28);min-width:0}
.project-outcomes li:last-child{border-right:0}
.project-outcomes li span{display:block;font-size:16px;line-height:1.35;letter-spacing:.09em;font-weight:700;opacity:.76;margin-bottom:28px;padding-top:0}
.project-outcomes li p{font-size:20px;line-height:1.58;margin:0;max-width:420px}

/* DiscoverEU: the full-story action belongs to the text, before the photograph. */
.route-story-body>.text-link{margin:8px 0 30px;font-size:14px}
.route-story-body figure{margin-top:0}
.project-story .inline-link{display:inline-block;margin-left:.25em;border-bottom:1px solid currentColor;font-weight:700;color:var(--brand-red)}

@media(max-width:980px){
  .project-facts dl div{padding:32px 28px 30px}
  .project-focus-grid p,.project-activity-grid p{font-size:17px}
  .project-focus-grid article,.project-activity-grid article{padding:32px 28px 30px}
  .project-outcomes>div:first-child{margin-bottom:42px}
  .project-outcomes ol{grid-template-columns:1fr}
  .project-outcomes li{border-right:0;border-bottom:1px solid rgba(255,255,255,.24);padding:30px 28px}
  .project-outcomes li:last-child{border-bottom:0}
  .project-outcomes li p{max-width:none}
}

@media(max-width:700px){
  .project-facts dt{font-size:14px}
  .project-facts dd{font-size:27px}
  .project-facts dl div{padding:28px 22px 27px}
  .project-focus-grid p,.project-activity-grid p{font-size:17px;line-height:1.62}
  .project-focus-grid article,.project-activity-grid article{padding:30px 22px 28px}
  .project-outcomes li{padding:28px 22px}
  .project-outcomes li p{font-size:18px;line-height:1.58}
  .route-story-body>.text-link{font-size:13px;margin-bottom:24px}
  .project-story .inline-link{margin-left:0;margin-top:8px}
}


/* V6.8 — contenuti progetto in evidenza */
.project-feature-band,.project-media-feature,.project-output-feature,.project-poster-feature{background:#f7f2e8}
.project-feature-band .project-section-head,.project-media-feature .project-section-head,.project-output-feature .project-section-head{max-width:900px;margin:0 auto 42px}
.project-feature-band .project-section-head>p:not(.eyebrow),.project-media-feature .project-section-head>p:not(.eyebrow),.project-output-feature .project-section-head>p:not(.eyebrow){font-size:1.16rem;line-height:1.65;max-width:760px}
.day-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.day-strip article{position:relative;min-height:260px;overflow:hidden;background:#121b31}.day-strip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.72)}.day-strip article>div{position:absolute;inset:auto 0 0;padding:22px;color:#fff;background:linear-gradient(transparent,rgba(8,14,28,.9))}.day-strip span,.feature-triptych span,.output-cards span{font-size:.95rem;font-weight:800;letter-spacing:.12em}.day-strip h3{font-size:1.55rem;margin:.25rem 0 0;color:#fff}
.feature-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.feature-triptych article{background:#fff;border:1px solid rgba(20,31,54,.14)}.feature-triptych img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.feature-triptych article>div{padding:24px}.feature-triptych h3{font-size:1.6rem;margin:.35rem 0 .6rem}.feature-triptych p{font-size:1.08rem;line-height:1.6;margin:0}
.project-poster-feature{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.4fr);gap:56px;align-items:center}.project-poster-feature figure{margin:0;max-width:430px;justify-self:center}.project-poster-feature img{width:100%;height:auto;display:block;box-shadow:0 20px 50px rgba(12,18,31,.16)}.project-poster-feature h2{font-size:clamp(2.3rem,5vw,4.8rem);line-height:.98;margin:.35rem 0 1.3rem}.project-poster-feature p{font-size:1.16rem;line-height:1.7;max-width:720px}
.media-grid-feature{grid-template-columns:repeat(2,minmax(0,1fr))}
.output-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(20,31,54,.28);border-bottom:1px solid rgba(20,31,54,.28)}.output-cards article{padding:30px 28px 32px;border-right:1px solid rgba(20,31,54,.28)}.output-cards article:last-child{border-right:0}.output-cards h3{font-size:1.6rem;margin:.45rem 0 .8rem}.output-cards p{font-size:1.1rem;line-height:1.65;margin:0 0 1rem}.feature-jump{display:inline-block;margin-top:28px;font-size:1rem}.featured-archive{border-color:rgba(188,124,27,.55)}
@media(max-width:900px){.day-strip,.feature-triptych,.output-cards,.project-poster-feature,.media-grid-feature{grid-template-columns:1fr}.output-cards article{border-right:0;border-bottom:1px solid rgba(20,31,54,.28)}.output-cards article:last-child{border-bottom:0}.project-poster-feature{gap:34px}.day-strip article{min-height:220px}}


/* V6.9 — project pages: visitor-ready copy, richer visuals, clean partnerships, lightbox */
.project-visual-lead{padding-top:40px;padding-bottom:40px;background:var(--paper)}
.project-visual-lead-grid{display:grid;grid-template-columns:1.45fr .78fr;grid-template-rows:1fr 1fr;gap:12px;min-height:620px}
.project-visual-lead-grid figure{margin:0;overflow:hidden;background:var(--sand);min-height:0}
.project-visual-lead-grid figure:first-child{grid-row:1/3}
.lightbox-trigger{border:0;padding:0;margin:0;background:transparent;display:block;width:100%;height:100%;cursor:zoom-in;text-align:inherit}
.project-visual-lead-grid img,.project-memory-grid .lightbox-trigger img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.lightbox-trigger:hover img{transform:scale(1.02)}
.project-memory-grid.rich{grid-template-columns:repeat(12,1fr);grid-auto-rows:230px;min-height:0}
.project-memory-grid.rich figure{grid-column:span 4;grid-row:auto;min-height:0}
.project-memory-grid.rich figure:first-child{grid-column:span 8;grid-row:span 2}
.project-memory-grid.rich figure:nth-child(4){grid-column:span 8}
.project-memory-grid.rich figure:nth-child(5),.project-memory-grid.rich figure:nth-child(6){grid-column:span 6}
.project-partners .partner-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px;max-width:none;border-top:1px solid var(--ink)}
.partner-chips span{display:block;min-height:0;padding:20px 0 18px;border:0;border-bottom:1px solid var(--line);border-radius:0;font-size:16px;line-height:1.45;letter-spacing:0}
.partner-chips span:before{content:'—';display:inline-block;margin-right:12px;color:var(--brand-red)}
.story-resource-link{margin-top:12px}
.story-inline-media{margin-top:30px;aspect-ratio:16/9;background:#0c1425;overflow:hidden}
.story-inline-media video{display:block;width:100%;height:100%;object-fit:cover}
.project-social{background:var(--chalk)}
.project-social .project-section-head{max-width:980px;margin-bottom:36px}
.project-social .project-section-head>p:not(.eyebrow){font-size:18px;line-height:1.65;max-width:720px}
.social-links-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--ink)}
.social-project-link{display:grid;grid-template-columns:54px 1fr 30px;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid var(--line);font-size:17px}
.social-project-link:nth-child(odd){padding-right:30px}.social-project-link:nth-child(even){padding-left:30px;border-left:1px solid var(--line)}
.social-project-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid currentColor;border-radius:50%;font-weight:800;font-size:20px}.social-instagram .social-project-icon{font-size:24px}
.social-project-arrow{text-align:right;font-size:20px}.social-project-link:hover strong{text-decoration:underline;text-underline-offset:4px}
.resource-feature{background:#f7f2e8}.resource-feature-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:6vw;align-items:start}.resource-feature-copy h2{font-family:var(--serif);font-size:clamp(48px,6vw,90px);line-height:.92;letter-spacing:-.05em;font-weight:400;margin:0 0 24px}.resource-feature-copy>p:not(.eyebrow){font-size:19px;line-height:1.68;margin:0 0 34px}.resource-link-list{border-top:1px solid var(--ink)}.resource-row{display:grid;grid-template-columns:42px 1fr 30px;gap:15px;align-items:start;padding:22px 0;border-bottom:1px solid var(--line)}.resource-row>span{font-size:14px;font-weight:800;letter-spacing:.08em}.resource-row h3{font-size:30px;line-height:1;margin:0 0 8px}.resource-row p{font-size:16px;line-height:1.5;margin:0}.resource-row>strong{font-size:20px;text-align:right}.resource-feature-visual{display:grid;gap:16px}.resource-feature-visual>figure{margin:0;aspect-ratio:16/10;overflow:hidden}.resource-feature-visual>figure img{width:100%;height:100%;object-fit:cover}.resource-doc-preview{background:white;border-top:1px solid var(--ink);padding-top:14px}.resource-doc-preview iframe{width:100%;height:560px;border:0;background:white}.resource-doc-preview .text-link{margin-top:12px}
.day-strip{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.day-strip article{position:relative;min-height:0;background:#121b31;color:white;overflow:hidden}.day-image-button{display:block;width:100%;aspect-ratio:4/5;border:0;padding:0;background:#11182a;cursor:zoom-in}.day-image-button img{position:static;width:100%;height:100%;object-fit:contain;filter:none;background:#11182a}.day-strip article>div{position:static;padding:18px 20px 8px;background:none}.day-strip .day-social-link{display:block;margin:0 20px 20px;padding-top:12px;border-top:1px solid rgba(255,255,255,.25);color:white;font-size:12px;text-transform:uppercase;letter-spacing:.09em;font-weight:700}
/* Shared in-page image lightbox */
.site-lightbox{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:28px;background:rgba(7,10,18,.94)}.site-lightbox.open{display:flex}.site-lightbox img{display:block;max-width:min(94vw,1600px);max-height:90vh;width:auto;height:auto;object-fit:contain}.site-lightbox-close{position:absolute;top:20px;right:20px;width:48px;height:48px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(0,0,0,.2);color:white;font-size:26px;cursor:pointer}
.archive-text>summary{font-size:14px;font-weight:700;letter-spacing:.03em;text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.project-visual-lead-grid{min-height:500px}.resource-feature-layout,.social-links-row{grid-template-columns:1fr}.social-project-link:nth-child(odd),.social-project-link:nth-child(even){padding-left:0;padding-right:0;border-left:0}.project-partners .partner-chips{grid-template-columns:1fr}.project-memory-grid.rich{grid-template-columns:1fr 1fr;grid-auto-rows:260px}.project-memory-grid.rich figure,.project-memory-grid.rich figure:first-child,.project-memory-grid.rich figure:nth-child(4),.project-memory-grid.rich figure:nth-child(5),.project-memory-grid.rich figure:nth-child(6){grid-column:auto;grid-row:auto}.project-memory-grid.rich figure:first-child{grid-column:1/-1}.day-strip{grid-template-columns:1fr 1fr}.resource-doc-preview iframe{height:480px}}
@media(max-width:600px){.project-visual-lead{padding-left:20px;padding-right:20px}.project-visual-lead-grid{grid-template-columns:1fr;grid-template-rows:auto;min-height:0}.project-visual-lead-grid figure,.project-visual-lead-grid figure:first-child{grid-row:auto;min-height:260px}.project-memory-grid.rich{grid-template-columns:1fr;grid-auto-rows:280px}.project-memory-grid.rich figure:first-child{grid-column:auto}.day-strip{grid-template-columns:1fr}.resource-doc-preview iframe{height:62vh}.site-lightbox{padding:14px}.site-lightbox-close{top:12px;right:12px}.partner-chips span{font-size:15px}}

/* V6.9 final polish — social marks and paired resource actions */
.social-project-icon svg{width:23px;height:23px;display:block}
.feature-jump-secondary{margin-left:24px}
@media(max-width:600px){.feature-jump-secondary{margin-left:0;display:block;margin-top:14px}}


/* V7.0 — media quality, editorial rhythm, project sections */
.project-detail-hero.hero-native-art{background-size:min(var(--hero-native-width,1000px),58vw) auto;background-repeat:no-repeat;background-position:88% center;background-color:#11182a}
.project-detail-hero.hero-native-art .project-detail-overlay{background:linear-gradient(90deg,rgba(12,17,31,.94) 0%,rgba(12,17,31,.82) 42%,rgba(12,17,31,.30) 75%,rgba(12,17,31,.10) 100%)}
.project-story{padding-bottom:58px}
.project-story + .project-visual-lead{padding-top:0}
.project-story-figure{margin:30px 0 24px;max-width:760px;overflow:hidden;background:var(--sand)}
.project-story-figure .lightbox-trigger{aspect-ratio:16/10}
.project-story-figure img{width:100%;height:100%;display:block;object-fit:contain;background:#11182a}
/* Feature introductions use the full horizontal measure instead of a sparse 1/3 + 2/3 grid. */
.project-feature-band .project-section-head,.project-media-feature .project-section-head,.project-output-feature .project-section-head,.project-social .project-section-head{display:block;max-width:1120px;margin:0 0 38px}
.project-feature-band .project-section-head h2,.project-media-feature .project-section-head h2,.project-output-feature .project-section-head h2,.project-social .project-section-head h2{max-width:980px;margin-bottom:0}
.project-feature-band .project-section-head>p:not(.eyebrow),.project-media-feature .project-section-head>p:not(.eyebrow),.project-output-feature .project-section-head>p:not(.eyebrow),.project-social .project-section-head>p:not(.eyebrow){max-width:860px;margin:22px 0 0;font-size:19px;line-height:1.68}
.project-feature-band,.project-media-feature,.project-output-feature{padding-top:82px;padding-bottom:82px}
/* Numberless tabular sections: headings carry the hierarchy. */
.project-focus-grid article,.project-activity-grid article{padding-top:30px;padding-bottom:28px}
.project-focus-grid h3,.project-activity-grid h3{margin-top:0}
.project-outcomes li{grid-template-columns:1fr}
.output-cards article{padding-top:34px}
.resource-row{grid-template-columns:1fr 32px}
.resource-row>strong{grid-column:2;grid-row:1/span 2}
/* Expandable diary text belongs to the page palette, not a white card. */
.archive-text{max-width:980px;border:0;border-top:1px solid rgba(24,32,51,.28);border-bottom:1px solid rgba(24,32,51,.28);border-left:4px solid var(--brand-gold);margin:18px 0;background:rgba(208,165,65,.08)}
.archive-text>summary{padding:18px 22px;color:var(--ink);text-decoration:none;font-size:15px}
.archive-text>div{padding:2px 22px 22px;font-size:16px;line-height:1.72}
.archive-section-title{font-family:var(--serif);font-size:38px;font-weight:400;margin:46px 0 18px;border-top:1px solid var(--line);padding-top:30px}
.archive-complete-intro{font-size:17px;line-height:1.6;max-width:760px;margin:0 0 24px}
.complete-media-videos{margin-top:34px}
.activity-jump{margin-top:18px;font-size:12px}
.feature-photo-band{display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:12px;margin:0 0 34px;min-height:430px}
.feature-photo-band figure{margin:0;overflow:hidden;background:#11182a}.feature-photo-band button{width:100%;height:100%}.feature-photo-band img{display:block;width:100%;height:100%;object-fit:cover}
/* YouTube: file:// gets an error-free preview; hosted pages are upgraded to the real embed by JS. */
.youtube-adaptive{position:relative;aspect-ratio:16/9;background:#101728;overflow:hidden}
.youtube-offline-card{position:absolute;inset:0;display:block;color:white;background:#101728}
.youtube-offline-card img{width:100%;height:100%;object-fit:cover;display:block;opacity:.72}
.youtube-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:rgba(165,32,42,.94);font-size:30px;padding-left:4px}
.youtube-label{position:absolute;left:18px;bottom:16px;padding:9px 12px;background:rgba(12,17,31,.82);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.youtube-adaptive iframe{width:100%;height:100%;border:0;display:block}
@media(max-width:900px){.project-detail-hero.hero-native-art{background-size:min(var(--hero-native-width,1000px),78vw) auto;background-position:100% center}.feature-photo-band{grid-template-columns:1fr 1fr;min-height:0}.feature-photo-band figure:first-child{grid-column:1/-1;aspect-ratio:16/9}.feature-photo-band figure:not(:first-child){aspect-ratio:4/3}}
@media(max-width:600px){.project-detail-hero.hero-native-art{background-size:cover;background-position:center}.project-feature-band,.project-media-feature,.project-output-feature{padding-top:64px;padding-bottom:64px}.feature-photo-band{grid-template-columns:1fr}.feature-photo-band figure:first-child{grid-column:auto}.feature-photo-band figure{aspect-ratio:4/3!important}}


/* V7.1 — DiscoverEU compact gallery and safer hero leading */
.discover-hero .project-detail-inner h1{line-height:.9;max-width:980px}

.discover-gallery-toggle{margin-top:28px;background:transparent;border:1px solid currentColor;padding:12px 16px;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
@media(max-width:700px){
  .discover-hero .project-detail-inner h1{line-height:.94;letter-spacing:-.045em}
  .discover-gallery.is-collapsed figure:nth-child(n+5){display:none}
}

/* V7.1 — United for Peace: page-specific editorial rhythm */
.united-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);gap:6vw;align-items:center;background:var(--paper)}
.united-intro-copy h2,.united-process-copy h2,.united-section-title h2,.united-finale-copy h2{font-size:clamp(48px,5.8vw,90px);line-height:.94;letter-spacing:-.05em;margin:0 0 28px}
.united-intro-copy>p:not(.eyebrow),.united-process-copy>p:not(.eyebrow),.united-section-title>p:not(.eyebrow),.united-finale-copy>p:not(.eyebrow){font-size:19px;line-height:1.68;max-width:780px}
.united-intro-photo{margin:0;aspect-ratio:16/10;overflow:hidden;background:var(--sand)}
.united-intro-photo .lightbox-trigger,.united-process-mosaic .lightbox-trigger,.united-activity-cards .lightbox-trigger,.united-finale-images .lightbox-trigger{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}
.united-intro-photo img,.united-process-mosaic img,.united-activity-cards img,.united-finale-images img{width:100%;height:100%;display:block;object-fit:cover}
.united-intro .story-resource-link{margin-top:12px}

.united-process{display:grid;grid-template-columns:.78fr 1.22fr;gap:6vw;align-items:center;background:var(--brand-blue);color:white}
.united-process .eyebrow{color:rgba(255,255,255,.78)}
.united-process-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:270px 270px;gap:12px}

.united-process-mosaic .wide{grid-row:1/3}
.united-process-mosaic img{transition:transform .4s ease}
.united-process-mosaic button:hover img{transform:scale(1.025)}

.united-activities{background:var(--sand)}
.united-section-title{display:grid;grid-template-columns:minmax(160px,.42fr) minmax(0,1.58fr);gap:5vw;align-items:start;margin-bottom:45px}
.united-section-title .eyebrow{grid-column:1;grid-row:1;margin-top:9px}
.united-section-title h2,.united-section-title>p:not(.eyebrow){grid-column:2}
.united-section-title>p:not(.eyebrow){margin:0;max-width:680px}
.united-activity-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.united-activity-cards article{display:grid;grid-template-columns:minmax(180px,.78fr) 1.22fr;background:var(--chalk);min-height:310px;border-top:1px solid var(--ink)}
.united-activity-cards article>button{min-height:310px}
.united-activity-cards article>div{padding:30px 30px 28px}
.united-activity-cards h3{font-size:clamp(30px,3vw,44px);line-height:1;margin:0 0 18px;letter-spacing:-.035em}
.united-activity-cards p{font-size:17px;line-height:1.62;margin:0}

.united-finale{display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center;background:var(--ink);color:white}
.united-finale-images{display:grid;grid-template-columns:1.25fr .75fr;gap:12px;min-height:600px}
.united-finale-images figure{margin:0;overflow:hidden;background:#111827}
.united-finale-images .main{min-height:600px}
.united-finale-copy ul{list-style:none;padding:0;margin:32px 0;border-top:1px solid rgba(255,255,255,.38)}
.united-finale-copy li{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.22);font-size:17px;line-height:1.55}
.united-finale .text-link{color:white}

@media(max-width:1050px){
  .united-intro,.united-process,.united-finale{grid-template-columns:1fr}
  .united-intro-photo{max-width:900px}
  .united-process-mosaic{grid-template-rows:300px 300px}
  .united-finale-images{min-height:520px}
  .united-finale-images .main{min-height:520px}
  .united-activity-cards{grid-template-columns:1fr}
}
@media(max-width:700px){
  .united-intro,.united-process,.united-activities,.united-finale{padding-top:68px;padding-bottom:68px}
  .united-intro{grid-template-columns:1fr;gap:34px}
  .united-intro-photo{aspect-ratio:4/3}
  .united-process{gap:36px}
  .united-process-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:230px 230px;gap:8px}
  .united-process-mosaic .wide{grid-column:1/-1;grid-row:auto}
  .united-section-title{grid-template-columns:1fr;gap:10px;margin-bottom:30px}
  .united-section-title .eyebrow,.united-section-title h2,.united-section-title>p:not(.eyebrow){grid-column:1}
  .united-section-title .eyebrow{grid-row:auto;margin-top:0}
  .united-activity-cards article{grid-template-columns:1fr;min-height:0}
  .united-activity-cards article>button{min-height:260px;aspect-ratio:4/3}
  .united-activity-cards article>div{padding:25px 22px 28px}
  .united-finale{gap:34px}
  .united-finale-images{grid-template-columns:1.2fr .8fr;min-height:430px}
  .united-finale-images .main{min-height:430px}
}


/* V7.2 — DiscoverEU: title spacing + ordered expandable gallery */
.discover-hero .project-detail-inner h1{
  line-height:1.04;
  letter-spacing:-.038em;
  max-width:1080px;
}
.discover-gallery{
  columns:initial !important;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:28px;
}
.discover-gallery figure{
  margin:0 !important;
  aspect-ratio:4/3;
  overflow:hidden;
  background:var(--sand);
}
.discover-gallery figure a{display:block;width:100%;height:100%}
.discover-gallery img{
  width:100%;height:100%;object-fit:cover;display:block;min-height:0;
}
.discover-gallery.is-collapsed figure:nth-child(n+7){display:none}
.discover-gallery.is-expanded figure{display:block}

/* V7.2 — United: portrait-friendly creative mosaic */
.united-process-mosaic{
  display:grid;
  grid-template-columns:1fr 1fr .72fr;
  grid-template-rows:repeat(3,172px);
  gap:12px;
  align-self:stretch;
}
.united-process-mosaic figure{margin:0;overflow:hidden;background:#151536}
.united-process-mosaic .process-primary:nth-child(1){grid-column:1;grid-row:1/4}
.united-process-mosaic .process-primary:nth-child(2){grid-column:2;grid-row:1/4}
.united-process-mosaic .process-secondary:nth-child(3){grid-column:3;grid-row:1}
.united-process-mosaic .process-secondary:nth-child(4){grid-column:3;grid-row:2}
.united-process-mosaic .process-secondary:nth-child(5){grid-column:3;grid-row:3}
.united-process-mosaic img{object-position:center}

@media (max-width:980px){
  .discover-hero .project-detail-inner h1{line-height:1.07;letter-spacing:-.032em}
  .discover-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .united-process-mosaic{
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
  }
  .united-process-mosaic .process-primary:nth-child(1),
  .united-process-mosaic .process-primary:nth-child(2),
  .united-process-mosaic .process-secondary:nth-child(3),
  .united-process-mosaic .process-secondary:nth-child(4),
  .united-process-mosaic .process-secondary:nth-child(5){grid-column:auto;grid-row:auto;aspect-ratio:3/4}
  .united-process-mosaic .process-secondary:nth-child(5){grid-column:1/-1;aspect-ratio:16/9}
}
@media (max-width:600px){
  .discover-hero .project-detail-inner h1{
    line-height:1.11;
    letter-spacing:-.025em;
    font-size:clamp(56px,18vw,82px);
  }
  .discover-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .discover-gallery figure{aspect-ratio:1/1}
  .discover-gallery.is-collapsed figure:nth-child(n+5){display:none}
  .united-process-mosaic{gap:8px}
}


/* V7.3 — project-specific editorial flows */
.united-section-title{column-gap:5vw;row-gap:10px}
.united-section-title .united-activity-lede{font-size:clamp(22px,2vw,30px)!important;line-height:1.35!important;max-width:820px!important;margin-top:0!important}

.project-flow-intro{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:5vw;align-items:center;background:var(--paper)}
.flow-intro-copy h2,.flow-heading h2,.flow-results-copy h2,.harmony-copy h2,.harmony-close h2,.harmony-network h2,.cavalleria-copy h2{font-size:clamp(48px,6vw,92px);line-height:.94;letter-spacing:-.05em;margin:0 0 28px}
.flow-intro-copy>p:not(.eyebrow),.flow-heading>p:not(.eyebrow),.flow-results-copy>p,.harmony-copy>p:not(.eyebrow),.cavalleria-copy>p:not(.eyebrow){font-size:19px;line-height:1.68}
.flow-intro-mosaic{display:grid;gap:12px;min-height:620px}
.flow-mosaic-three{grid-template-columns:1.35fr .85fr;grid-template-rows:1fr 1fr}
.flow-mosaic-three figure{margin:0;overflow:hidden;background:#11182a;min-height:0}
.flow-mosaic-three .flow-main{grid-row:1/3}
.flow-mosaic-three button,.flow-feature-cards button,.flow-results-photo button,.harmony-triptych button,.cavalleria-intro-visual button{width:100%;height:100%;padding:0;border:0;background:none;display:block;cursor:zoom-in}
.flow-mosaic-three img,.flow-feature-cards img,.flow-results-photo img,.harmony-triptych img,.cavalleria-intro-visual img{width:100%;height:100%;display:block;object-fit:cover}

.project-flow-section{background:var(--sand)}
.project-flow-section:nth-of-type(even){background:var(--chalk)}
.flow-heading{max-width:1040px;margin-bottom:44px}
.flow-heading>p:not(.eyebrow){max-width:820px;margin:18px 0 0;font-size:20px;line-height:1.6}
.flow-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.flow-story-card{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);background:var(--chalk);min-height:320px;border-top:1px solid var(--ink)}
.flow-story-card figure{margin:0;overflow:hidden}.flow-story-card figure button{width:100%;height:100%;padding:0;border:0;background:none}.flow-story-card img{width:100%;height:100%;object-fit:cover;display:block}
.flow-story-card>div{padding:30px}.flow-story-card h3{font-size:clamp(28px,3vw,44px);line-height:1.02;margin:0 0 18px}.flow-story-card p{font-size:17px;line-height:1.62;margin:0}
.flow-feature-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.flow-feature-cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}
.flow-feature-cards article{background:var(--chalk);overflow:hidden;border-top:1px solid var(--ink)}
.flow-feature-cards figure{margin:0;aspect-ratio:16/10;overflow:hidden;background:#11182a}.flow-feature-cards.four figure{aspect-ratio:16/9}
.flow-feature-cards article>div{padding:28px 26px 32px}.flow-feature-cards h3{font-size:clamp(30px,3vw,46px);line-height:1;margin:0 0 16px}.flow-feature-cards p{font-size:17px;line-height:1.64;margin:0}

.project-flow-results{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:0;background:var(--ink);color:var(--chalk);padding:0}
.flow-results-photo{min-height:620px;margin:0;background:#11182a}.flow-results-copy{padding:90px 7vw 90px 6vw;align-self:center}.flow-results-copy .eyebrow{color:var(--brand-gold)}.flow-results-copy>p{max-width:700px}.flow-result-list{margin-top:32px;border-top:1px solid rgba(255,255,255,.35)}.flow-result-list article{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.22)}.flow-result-list strong{display:block;font-family:var(--serif);font-size:27px;font-weight:400;margin-bottom:8px}.flow-result-list p{margin:0;font-size:16px;line-height:1.55}.flow-result-summary{margin-top:26px}.flow-result-summary p{font-size:17px;line-height:1.6;margin:0 0 14px}.flow-partner-line{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.30);font-size:15px;line-height:1.6;letter-spacing:.035em}

.strategy-intro-media{display:grid;grid-template-rows:auto 1fr;gap:12px;min-height:590px}.strategy-intro-media .flow-video{background:#0d1220;min-height:310px}.strategy-intro-media video{width:100%;height:100%;display:block;object-fit:cover}.strategy-intro-media figure{margin:0;overflow:hidden;min-height:260px}.strategy-intro-media figure button{width:100%;height:100%;padding:0;border:0}.strategy-intro-media img{width:100%;height:100%;object-fit:cover;display:block}
.flow-resource-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.flow-resource-links a{border-bottom:1px solid currentColor;padding:8px 0;font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.project-country-strip{background:var(--brand-gold);padding-top:48px;padding-bottom:48px}.project-country-strip>div{display:flex;gap:22px;flex-wrap:wrap;font-family:var(--serif);font-size:clamp(25px,3vw,40px)}

.harmony-editorial{background:var(--paper)}.harmony-copy{max-width:900px;margin-bottom:48px}.harmony-triptych{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:12px;min-height:520px}.harmony-triptych figure{margin:0;overflow:hidden}.harmony-close{display:grid;grid-template-columns:1.1fr .9fr;gap:6vw;background:#496b5d;color:white;align-items:start}.harmony-points{border-top:1px solid rgba(255,255,255,.5)}.harmony-points p{font-size:20px;line-height:1.55;padding:20px 0;margin:0;border-bottom:1px solid rgba(255,255,255,.25)}.harmony-network{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:end;background:var(--sand)}.harmony-network .flow-partner-line{color:var(--ink);border-top-color:var(--line);font-size:19px}.harmony-social{background:var(--chalk)}

.cavalleria-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:5vw;align-items:center}.cavalleria-intro-visual{display:grid;grid-template-columns:1.2fr .72fr;gap:12px;align-items:end;min-height:620px}.cavalleria-intro-visual figure{margin:0;overflow:hidden}.cavalleria-stage{height:620px}.cavalleria-poster{height:auto;max-height:620px}.cavalleria-poster img{object-fit:contain;background:#111}

@media(max-width:1000px){
  .project-flow-intro,.project-flow-results,.harmony-close,.harmony-network,.cavalleria-intro{grid-template-columns:1fr}
  .flow-intro-mosaic,.strategy-intro-media{min-height:520px}
  .flow-results-photo{min-height:480px}.flow-results-copy{padding:70px 7vw}
  .flow-feature-cards,.flow-feature-cards.four{grid-template-columns:1fr 1fr}
  .harmony-triptych{grid-template-columns:1fr 1fr;min-height:0}.harmony-triptych figure:first-child{grid-column:1/-1;aspect-ratio:16/9}.harmony-triptych figure:not(:first-child){aspect-ratio:4/3}
  .cavalleria-intro-visual{min-height:0}.cavalleria-stage{height:520px}
}
@media(max-width:700px){
  .flow-intro-mosaic{min-height:0}.flow-mosaic-three{grid-template-columns:1fr;grid-template-rows:auto}.flow-mosaic-three .flow-main{grid-row:auto}.flow-mosaic-three figure{aspect-ratio:4/3}
  .flow-story-grid,.flow-feature-cards,.flow-feature-cards.four{grid-template-columns:1fr}
  .flow-story-card{grid-template-columns:1fr;min-height:0}.flow-story-card figure{aspect-ratio:16/10}.flow-story-card>div{padding:24px 20px}
  .flow-feature-cards article>div{padding:24px 20px 28px}.flow-feature-cards figure,.flow-feature-cards.four figure{aspect-ratio:4/3}
  .flow-heading>p:not(.eyebrow),.flow-intro-copy>p:not(.eyebrow),.flow-results-copy>p,.harmony-copy>p:not(.eyebrow),.cavalleria-copy>p:not(.eyebrow){font-size:17px}
  .flow-results-photo{min-height:360px}.flow-results-copy{padding:58px 20px}
  .strategy-intro-media{min-height:0}.strategy-intro-media .flow-video{min-height:240px}.strategy-intro-media figure{min-height:250px}
  .harmony-triptych{grid-template-columns:1fr}.harmony-triptych figure:first-child{grid-column:auto}.harmony-triptych figure{aspect-ratio:4/3!important}.harmony-close,.harmony-network{gap:30px}
  .cavalleria-intro-visual{grid-template-columns:1fr}.cavalleria-stage{height:auto;aspect-ratio:4/3}.cavalleria-poster{max-height:none}.cavalleria-poster img{height:auto}
  .project-country-strip>div{gap:14px;font-size:26px}
  .united-section-title .united-activity-lede{font-size:21px!important}
}


/* V7.5 — Citizens intro: keep original mosaic proportions after removing the third photo */
.citizens-flow .flow-mosaic-two{
  display:grid;
  grid-template-columns:1.35fr .85fr;
  grid-template-rows:1fr 1fr;
  gap:12px;
  min-height:620px;
  width:100%;
  min-width:0;
  overflow:hidden;
}
.citizens-flow .flow-mosaic-two figure{
  margin:0;
  overflow:hidden;
  background:#11182a;
  min-width:0;
  min-height:0;
}
.citizens-flow .flow-mosaic-two .flow-main{grid-row:1/3}
.citizens-flow .flow-mosaic-two button{
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:none;
  display:block;
  cursor:zoom-in;
}
.citizens-flow .flow-mosaic-two img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  max-width:100%;
}
@media(max-width:900px){
  .citizens-flow .flow-mosaic-two{min-height:520px}
}
@media(max-width:600px){
  .citizens-flow .flow-mosaic-two{
    grid-template-columns:1fr;
    grid-template-rows:auto;
    min-height:0;
  }
  .citizens-flow .flow-mosaic-two .flow-main{grid-row:auto}
  .citizens-flow .flow-mosaic-two figure{aspect-ratio:4/3}
}


/* V7.6 — Cyberbullism: project-specific editorial flow */
.cyber-intro-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-self:stretch}
.cyber-intro-gallery figure{margin:0;overflow:hidden;background:#11182a;min-height:0}
.cyber-intro-gallery .cyber-wide{grid-column:1/-1;aspect-ratio:16/7}
.cyber-intro-gallery .cyber-portrait{aspect-ratio:4/5}
.cyber-intro-gallery button,.cyber-research-visuals button,.cyber-activity-stack button{width:100%;height:100%;padding:0;border:0;background:none;display:block;cursor:zoom-in}
.cyber-intro-gallery img,.cyber-research-visuals img,.cyber-activity-stack img{width:100%;height:100%;display:block;object-fit:cover}
.cyber-research{background:#dce6e6}
.cyber-research-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:5vw;align-items:start}
.cyber-research-copy{background:var(--chalk);padding:44px 42px 48px;border-top:1px solid var(--ink)}
.cyber-research-copy h3{font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-.035em;margin:0 0 22px}
.cyber-research-copy p:not(.eyebrow){font-size:18px;line-height:1.66;margin:0 0 18px}
.cyber-research-visuals{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cyber-research-visuals figure{margin:0;overflow:hidden;background:#11182a;aspect-ratio:1/1}
.cyber-research-visuals .cyber-research-wide{grid-column:1/-1;aspect-ratio:16/9}
.cyber-activities{background:var(--sand)}
.cyber-activity-stack{display:grid;gap:22px}
.cyber-activity-wide{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);background:var(--chalk);border-top:1px solid var(--ink);min-height:430px}
.cyber-activity-wide.reverse{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
.cyber-activity-wide.reverse figure{order:2}.cyber-activity-wide.reverse>div{order:1}
.cyber-activity-wide figure,.cyber-activity-card figure{margin:0;overflow:hidden;background:#11182a}
.cyber-activity-wide>div{padding:46px 42px;align-self:center}
.cyber-activity-wide h3,.cyber-activity-card h3{font-size:clamp(32px,4vw,54px);line-height:1;letter-spacing:-.035em;margin:0 0 18px}
.cyber-activity-wide p:not(.eyebrow),.cyber-activity-card p:not(.eyebrow){font-size:17px;line-height:1.64;margin:0}
.cyber-activity-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.cyber-activity-card{background:var(--chalk);border-top:1px solid var(--ink);overflow:hidden}
.cyber-activity-card.portrait figure{aspect-ratio:4/5}
.cyber-activity-card>div{padding:30px 28px 34px}
.cyber-results .flow-results-photo img{width:100%;height:100%;display:block;object-fit:cover}
@media(max-width:1000px){
  .cyber-research-grid,.cyber-activity-wide,.cyber-activity-wide.reverse{grid-template-columns:1fr}
  .cyber-activity-wide.reverse figure,.cyber-activity-wide.reverse>div{order:initial}
  .cyber-activity-wide figure{aspect-ratio:16/10}
  .cyber-activity-wide{min-height:0}
}
@media(max-width:700px){
  .cyber-intro-gallery{grid-template-columns:1fr}
  .cyber-intro-gallery .cyber-wide{grid-column:auto;aspect-ratio:16/10}
  .cyber-intro-gallery .cyber-portrait{aspect-ratio:4/5}
  .cyber-research-copy{padding:30px 22px 34px}
  .cyber-research-copy p:not(.eyebrow){font-size:17px}
  .cyber-research-visuals{grid-template-columns:1fr}
  .cyber-research-visuals .cyber-research-wide{grid-column:auto;aspect-ratio:4/3}
  .cyber-research-visuals figure{aspect-ratio:4/3}
  .cyber-activity-pair{grid-template-columns:1fr}
  .cyber-activity-wide>div,.cyber-activity-card>div{padding:26px 20px 30px}
  .cyber-activity-card.portrait figure{aspect-ratio:4/5}
}

/* V7.7 — Cyberbullism: refined activity-image matching */
.cyber-activity-wide>.cyber-activity-duo{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#11182a;min-height:430px}
.cyber-activity-duo figure{margin:0;min-width:0;overflow:hidden}
.cyber-activity-duo button{width:100%;height:100%;padding:0;border:0;background:none;display:block;cursor:zoom-in}
.cyber-activity-duo img{width:100%;height:100%;min-height:430px;display:block;object-fit:cover}
.cyber-research-visuals figure:nth-child(2) img,.cyber-research-visuals figure:nth-child(3) img{object-fit:contain;background:#f5f0e7}
@media(max-width:1000px){.cyber-activity-wide>.cyber-activity-duo{min-height:0}.cyber-activity-duo img{min-height:0;aspect-ratio:4/5}}
@media(max-width:700px){.cyber-activity-wide>.cyber-activity-duo{grid-template-columns:1fr 1fr}.cyber-activity-duo img{aspect-ratio:3/4}}


/* V7.8 — Ecologize Your Mind: project-specific editorial flow */
.ecologize-v78 .eco78-hero{background-position:center 50%}
.eco78-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:5vw;align-items:center;background:var(--paper)}
.eco78-intro-copy h2,.eco78-heading h2,.eco78-habits-copy h2,.eco78-results-copy h2{font-size:clamp(48px,6vw,92px);line-height:.94;letter-spacing:-.05em;margin:0 0 28px}
.eco78-intro-copy>p:not(.eyebrow),.eco78-heading>p:not(.eyebrow),.eco78-habits-copy>p:not(.eyebrow),.eco78-results-copy>p{font-size:19px;line-height:1.68}
.eco78-intro-visuals{display:grid;grid-template-columns:1.22fr .78fr;grid-template-rows:1fr 1fr;gap:12px;min-height:620px}
.eco78-intro-visuals figure,.eco78-pair figure,.eco78-creative-card figure,.eco78-habits-visual figure,.eco78-results-photo figure{margin:0;overflow:hidden;background:#11182a}
.eco78-intro-visuals .eco78-intro-main{grid-row:1/3}
.eco78-intro-visuals button,.eco78-pair button,.eco78-creative-card button,.eco78-habits-visual button,.eco78-results-photo button{width:100%;height:100%;padding:0;border:0;background:none;display:block;cursor:zoom-in}
.eco78-intro-visuals img,.eco78-pair img,.eco78-creative-card img,.eco78-habits-visual img,.eco78-results-photo img{width:100%;height:100%;display:block;object-fit:cover}
.eco78-field{background:var(--sand)}
.eco78-heading{max-width:1020px;margin-bottom:56px}.eco78-heading.compact{margin-bottom:44px}.eco78-heading>p:not(.eyebrow){max-width:800px}
.eco78-field-stories{border-top:1px solid var(--ink)}
.eco78-story{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:5vw;padding:54px 0;border-bottom:1px solid var(--line);align-items:center}
.eco78-story-b{grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr)}.eco78-story-b .eco78-story-copy{order:2}.eco78-story-b .eco78-pair{order:1}
.eco78-story-copy h3{font-size:clamp(36px,4vw,62px);line-height:.98;margin:0 0 20px;letter-spacing:-.04em}.eco78-story-copy p{font-size:18px;line-height:1.65;margin:0}
.eco78-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:360px}.eco78-pair figure{aspect-ratio:1/1}
.eco78-transform{background:var(--chalk)}
.eco78-creative-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:64px}
.eco78-creative-card{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr);border-top:1px solid var(--ink);background:var(--paper);min-height:360px}.eco78-creative-card figure{min-height:360px}.eco78-creative-card>div{padding:32px}.eco78-creative-card h3{font-size:clamp(32px,3.2vw,48px);line-height:1;margin:0 0 16px}.eco78-creative-card p{font-size:17px;line-height:1.6;margin:0}
.eco78-video-feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;align-items:center;padding-top:58px;border-top:1px solid var(--ink)}
.eco78-video-copy h3{font-size:clamp(38px,4.5vw,66px);line-height:.98;letter-spacing:-.04em;margin:0 0 22px}.eco78-video-copy>p:not(.eyebrow){font-size:18px;line-height:1.65;margin:0 0 26px}
.eco78-video-wrap{background:#11182a;aspect-ratio:16/9;overflow:hidden}.eco78-video-wrap video{width:100%;height:100%;display:block;object-fit:contain;background:#11182a}
.eco78-habits{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6vw;align-items:center;background:#d0a541;color:var(--ink)}
.eco78-habits-visual{min-height:600px}.eco78-habits-visual figure{height:100%}.eco78-habits-visual img{object-fit:contain;background:#f5f0e7}
.eco78-habits-copy .eyebrow{color:var(--ink)}
.eco78-results{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);padding:0;background:var(--ink);color:var(--chalk)}
.eco78-results-photo{min-height:650px}.eco78-results-photo figure{height:100%}.eco78-results-copy{padding:88px 7vw 88px 6vw;align-self:center}.eco78-results-copy .eyebrow{color:var(--brand-gold)}
.eco78-result-lines{margin-top:30px;border-top:1px solid rgba(255,255,255,.36)}.eco78-result-lines article{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.22)}.eco78-result-lines strong{display:block;font-family:var(--serif);font-size:27px;font-weight:400;margin-bottom:7px}.eco78-result-lines p{font-size:16px!important;line-height:1.55!important;margin:0!important;color:rgba(255,255,255,.78)}
.eco78-result-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:30px}
.eco78-partners{background:var(--paper)}
@media(max-width:1000px){.eco78-intro,.eco78-video-feature,.eco78-habits,.eco78-results{grid-template-columns:1fr}.eco78-intro-visuals{min-height:520px}.eco78-story,.eco78-story-b{grid-template-columns:1fr;gap:30px}.eco78-story-b .eco78-story-copy,.eco78-story-b .eco78-pair{order:initial}.eco78-results-photo{min-height:520px}.eco78-results-copy{padding:70px 7vw}.eco78-habits-visual{min-height:480px}}
@media(max-width:760px){.eco78-intro-visuals{grid-template-columns:1fr 1fr;grid-template-rows:auto;min-height:0}.eco78-intro-visuals .eco78-intro-main{grid-row:auto;grid-column:1/-1;aspect-ratio:4/3}.eco78-intro-visuals figure:not(.eco78-intro-main){aspect-ratio:1/1}.eco78-pair{min-height:0}.eco78-creative-grid{grid-template-columns:1fr}.eco78-creative-card{grid-template-columns:1fr;min-height:0}.eco78-creative-card figure{min-height:0;aspect-ratio:4/3}.eco78-habits-visual{min-height:0}.eco78-habits-visual figure{aspect-ratio:4/3}.eco78-results-photo{min-height:0}.eco78-results-photo figure{aspect-ratio:4/3}.eco78-intro-copy>p:not(.eyebrow),.eco78-heading>p:not(.eyebrow),.eco78-habits-copy>p:not(.eyebrow),.eco78-results-copy>p,.eco78-story-copy p{font-size:17px}.eco78-pair{grid-template-columns:1fr 1fr}.eco78-video-feature{gap:34px}}
@media(max-width:520px){.eco78-pair{grid-template-columns:1fr}.eco78-pair figure{aspect-ratio:4/3}.eco78-intro-visuals{grid-template-columns:1fr}.eco78-intro-visuals .eco78-intro-main{grid-column:auto}.eco78-intro-visuals figure{aspect-ratio:4/3!important}.eco78-results-copy{padding:58px 20px}}


/* V8.0 — Fight Fake News: outputs-first editorial flow */
.fight80 .fight80-hero{background-size:cover;background-position:center 48%;background-color:#11182a}
.fight80 .fight80-hero .project-detail-overlay{background:linear-gradient(90deg,rgba(12,17,31,.92) 0%,rgba(12,17,31,.72) 46%,rgba(12,17,31,.28) 74%,rgba(12,17,31,.12) 100%)}
.fight80-intro{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:5vw;align-items:center;background:var(--paper)}
.fight80-intro-copy h2,.fight80-heading h2,.fight80-learning-copy h2{font-size:clamp(48px,6vw,92px);line-height:.94;letter-spacing:-.05em;margin:0 0 28px}
.fight80-intro-copy>p:not(.eyebrow),.fight80-heading>p:not(.eyebrow),.fight80-learning-copy>p:not(.eyebrow){font-size:19px;line-height:1.68}
.fight80-intro-photo{margin:0;aspect-ratio:4/3;overflow:hidden;background:#11182a}
.fight80-intro-photo button,.fight80-learning-image button{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}
.fight80-intro-photo img,.fight80-learning-image img{display:block;width:100%;height:100%;object-fit:cover}
.fight80-jumps{display:flex;gap:24px;flex-wrap:wrap;margin-top:30px}.fight80-jumps a{border-bottom:1px solid currentColor;padding:7px 0;font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.fight80-outputs{background:var(--sand)}.fight80-heading{max-width:1020px;margin-bottom:58px}.fight80-heading>p:not(.eyebrow){max-width:820px}
.fight80-book{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);border-top:1px solid var(--ink);background:var(--chalk);min-height:610px}
.fight80-book-copy{padding:48px 44px;align-self:center}.fight80-book-copy h3,.fight80-video-copy h3{font-size:clamp(38px,4.4vw,66px);line-height:.98;letter-spacing:-.04em;margin:0 0 22px}.fight80-book-copy p,.fight80-video-copy p{font-size:18px;line-height:1.65;margin:0 0 18px}
.fight80-book-viewer{min-height:610px;background:#11182a}.fight80-book-viewer iframe{width:100%;height:100%;min-height:610px;border:0;display:block;background:white}
.fight80-videos{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:5vw;align-items:center;padding-top:68px;margin-top:68px;border-top:1px solid var(--ink)}
.fight80-video-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fight80-video-grid .youtube-adaptive{min-width:0}
.fight80-learning{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:0;padding:0;background:var(--ink);color:var(--chalk)}
.fight80-learning-image{margin:0;min-height:640px;background:#11182a}.fight80-learning-copy{align-self:center;padding:88px 7vw 88px 6vw}.fight80-learning-copy .eyebrow{color:var(--brand-gold)}.fight80-learning-copy>p:not(.eyebrow){color:rgba(255,255,255,.80)}
.fight80-learning-points{margin:30px 0;border-top:1px solid rgba(255,255,255,.34)}.fight80-learning-points p{margin:0;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.22);font-family:var(--serif);font-size:25px;line-height:1.25}
.fight80-learning .text-link{color:white}.fight80-materials .project-section-head{display:block;max-width:1000px}.fight80-materials .project-section-head>p:not(.eyebrow){font-size:18px;line-height:1.6;max-width:760px;margin:18px 0 0}
@media(max-width:1000px){.fight80-intro,.fight80-book,.fight80-videos,.fight80-learning{grid-template-columns:1fr}.fight80-book{min-height:0}.fight80-book-viewer,.fight80-book-viewer iframe{min-height:560px}.fight80-learning-image{min-height:500px}.fight80-learning-copy{padding:70px 7vw}.fight80-videos{gap:34px}}
@media(max-width:700px){.fight80 .fight80-hero{background-position:center center}.fight80-intro-photo{aspect-ratio:4/3}.fight80-intro-copy>p:not(.eyebrow),.fight80-heading>p:not(.eyebrow),.fight80-learning-copy>p:not(.eyebrow),.fight80-book-copy p,.fight80-video-copy p{font-size:17px}.fight80-book-copy{padding:30px 22px 34px}.fight80-book-viewer,.fight80-book-viewer iframe{min-height:440px}.fight80-video-grid{grid-template-columns:1fr}.fight80-learning-image{min-height:0;aspect-ratio:4/3}.fight80-learning-copy{padding:58px 20px}.fight80-learning-points p{font-size:22px}}

/* V8.1 — L’Arte Mediterranea tra i Giovani: multidisciplinary art flow */
.art81 .art81-hero{background-size:cover;background-position:center 48%}
.art81 .art81-hero .project-detail-overlay{background:linear-gradient(90deg,rgba(12,17,31,.93) 0%,rgba(12,17,31,.73) 46%,rgba(12,17,31,.25) 76%,rgba(12,17,31,.10) 100%)}
.art81-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:5vw;align-items:center;background:var(--paper)}
.art81-intro-copy h2,.art81-heading h2,.art81-public-copy h2,.art81-finale-copy h2,.art81-after-copy h2{font-size:clamp(48px,6vw,92px);line-height:.94;letter-spacing:-.05em;margin:0 0 28px}
.art81-intro-copy>p:not(.eyebrow),.art81-heading>p:not(.eyebrow),.art81-public-copy>p:not(.eyebrow),.art81-finale-copy>p:not(.eyebrow),.art81-after-copy>p:not(.eyebrow){font-size:19px;line-height:1.68}
.art81-intro-mosaic{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;gap:12px;min-height:620px}
.art81-intro-mosaic figure,.art81-pair figure,.art81-public-visuals figure,.art81-finale-visuals figure,.art81-after-photo{margin:0;overflow:hidden;background:#11182a}
.art81-intro-mosaic .art81-main{grid-row:1/3}
.art81-intro-mosaic button,.art81-pair button,.art81-public-visuals button,.art81-finale-visuals button,.art81-after-photo button{width:100%;height:100%;padding:0;border:0;background:none;display:block;cursor:zoom-in}
.art81-intro-mosaic img,.art81-pair img,.art81-public-visuals img,.art81-finale-visuals img,.art81-after-photo img{width:100%;height:100%;display:block;object-fit:cover}
.art81-languages{background:var(--sand)}
.art81-heading{max-width:1040px;margin-bottom:48px}.art81-heading>p:not(.eyebrow){max-width:830px}
.art81-story-list{border-top:1px solid var(--ink)}
.art81-story{display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);gap:5vw;align-items:center;padding:54px 0;border-bottom:1px solid var(--line)}
.art81-story-reverse{grid-template-columns:minmax(0,1.24fr) minmax(0,.76fr)}.art81-story-reverse .art81-story-copy{order:2}.art81-story-reverse .art81-pair{order:1}
.art81-story-copy h3{font-size:clamp(36px,4vw,62px);line-height:.98;letter-spacing:-.04em;margin:0 0 20px}.art81-story-copy p{font-size:18px;line-height:1.65;margin:0}
.art81-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.art81-pair figure{aspect-ratio:4/3}
.art81-video-inline{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:5vw;align-items:center;padding-top:64px;margin-top:64px;border-top:1px solid var(--ink)}
.art81-video-copy h3{font-size:clamp(38px,4.4vw,66px);line-height:.98;letter-spacing:-.04em;margin:0 0 20px}.art81-video-copy p:not(.eyebrow){font-size:18px;line-height:1.65;margin:0}
.art81-public{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:5vw;align-items:center;background:var(--brand-blue);color:white}
.art81-public .eyebrow{color:rgba(255,255,255,.76)}.art81-public-copy>p:not(.eyebrow){max-width:700px;color:rgba(255,255,255,.84)}
.art81-public-visuals{display:grid;grid-template-columns:1.28fr .72fr;gap:12px;min-height:520px}.art81-public-visuals figure{min-height:520px}
.art81-finale{background:var(--ink);color:var(--chalk)}
.art81-finale-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:6vw;align-items:center}
.art81-finale-visuals{display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:1fr 1fr;gap:12px;min-height:610px}.art81-finale-visuals .art81-finale-main{grid-row:1/3}.art81-finale-copy .eyebrow{color:var(--brand-gold)}.art81-finale-copy>p:not(.eyebrow){color:rgba(255,255,255,.82)}
.art81-finale-points{margin-top:30px;border-top:1px solid rgba(255,255,255,.30)}.art81-finale-points p{font-family:var(--serif);font-size:25px!important;line-height:1.2!important;margin:0!important;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.20);color:white!important}
.art81-finale-video{max-width:1050px;margin:70px auto 0;padding-top:54px;border-top:1px solid rgba(255,255,255,.28)}
.art81-after{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6vw;align-items:center;background:var(--paper)}
.art81-after-photo{aspect-ratio:4/3}.art81-after-photo img{object-position:center}.art81-after-copy .art81-after-note{font-size:16px!important;opacity:.74;border-top:1px solid var(--line);padding-top:22px;margin-top:28px}
.art81 .project-integrated-archive{background:var(--sand)}.art81 .project-integrated-archive>.project-section-head{display:block;max-width:1000px}.art81 .project-integrated-archive>.project-section-head>p:not(.eyebrow){font-size:18px;line-height:1.62;max-width:760px;margin:18px 0 0}
@media(max-width:1000px){.art81-intro,.art81-public,.art81-finale-grid,.art81-after,.art81-video-inline{grid-template-columns:1fr}.art81-intro-mosaic{min-height:520px}.art81-story,.art81-story-reverse{grid-template-columns:1fr;gap:30px}.art81-story-reverse .art81-story-copy,.art81-story-reverse .art81-pair{order:initial}.art81-public-visuals{min-height:0}.art81-public-visuals figure{min-height:420px}.art81-finale-visuals{min-height:520px}.art81-after-photo{max-width:760px}}
@media(max-width:700px){.art81 .art81-hero{background-position:center center}.art81-intro-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:auto;min-height:0}.art81-intro-mosaic .art81-main{grid-column:1/-1;grid-row:auto;aspect-ratio:4/3}.art81-intro-mosaic figure:not(.art81-main){aspect-ratio:1/1}.art81-intro-copy>p:not(.eyebrow),.art81-heading>p:not(.eyebrow),.art81-public-copy>p:not(.eyebrow),.art81-finale-copy>p:not(.eyebrow),.art81-after-copy>p:not(.eyebrow),.art81-story-copy p,.art81-video-copy p:not(.eyebrow){font-size:17px}.art81-pair{grid-template-columns:1fr}.art81-pair figure{aspect-ratio:4/3}.art81-public-visuals{grid-template-columns:1fr}.art81-public-visuals figure{min-height:0;aspect-ratio:4/3}.art81-finale-visuals{grid-template-columns:1fr 1fr;grid-template-rows:auto;min-height:0}.art81-finale-visuals .art81-finale-main{grid-column:1/-1;grid-row:auto;aspect-ratio:16/10}.art81-finale-visuals figure:not(.art81-finale-main){aspect-ratio:3/4}.art81-finale-video{margin-top:52px;padding-top:42px}.art81-after{gap:34px}.art81-after-photo{aspect-ratio:4/3}}
@media(max-width:480px){.art81-intro-mosaic{grid-template-columns:1fr}.art81-intro-mosaic .art81-main{grid-column:auto}.art81-intro-mosaic figure{aspect-ratio:4/3!important}.art81-finale-visuals{grid-template-columns:1fr}.art81-finale-visuals .art81-finale-main{grid-column:auto}.art81-finale-visuals figure{aspect-ratio:4/3!important}}

/* V8.2 — United for Peace: poster-led hero and project card */
.project-detail-hero.united-poster-hero{min-height:0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);align-items:stretch;background:#11182a;color:white;overflow:hidden}
.united-poster-hero .project-detail-inner{max-width:none;padding:clamp(78px,8vw,120px) 7vw;display:flex;flex-direction:column;justify-content:center}
.united-poster-hero .project-detail-inner h1{font-size:clamp(66px,8.2vw,132px);line-height:.86}
.united-poster-hero .project-detail-inner>p:last-child{max-width:720px}
.united-poster-art{margin:0;display:flex;align-items:center;justify-content:center;padding:44px clamp(26px,5vw,72px);background:#080b28}
.united-poster-art img{display:block;width:min(100%,720px);height:auto;max-height:74vh;object-fit:contain}
.archive-image.united-poster-card{background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#080b28}
@media(max-width:900px){.project-detail-hero.united-poster-hero{grid-template-columns:1fr}.united-poster-art{order:-1;padding:28px 22px}.united-poster-art img{width:min(100%,620px);max-height:none}.united-poster-hero .project-detail-inner{padding:58px 22px 64px}.united-poster-hero .project-detail-inner h1{font-size:clamp(58px,15vw,96px)}}
@media(max-width:600px){.united-poster-art{padding:18px 18px 12px}.united-poster-hero .project-detail-inner{padding-top:46px}.archive-image.united-poster-card{background-size:contain}}

/* V8.3 — United for Peace: hero fotografica e copertina card senza ritaglio */
.project-detail-hero.united-photo-hero{min-height:68vh;display:flex;align-items:flex-end;background-color:#172036;background-size:cover;background-position:center 46%}
.united-photo-hero .project-detail-overlay{background:linear-gradient(90deg,rgba(12,17,31,.88) 0%,rgba(12,17,31,.63) 38%,rgba(12,17,31,.11) 85%),linear-gradient(0deg,rgba(12,17,31,.43),transparent 55%)}
.united-photo-hero .project-detail-inner{max-width:1050px;padding:90px 7vw 70px}
.archive-image.united-poster-card{background-size:auto 86%;background-repeat:no-repeat;background-position:center;background-color:#080b28}
.archive-image.united-poster-card .image-chip{display:none}
@media(max-width:600px){.project-detail-hero.united-photo-hero{min-height:68svh;background-position:57% center}.united-photo-hero .project-detail-overlay{background:linear-gradient(0deg,rgba(12,17,31,.91),rgba(12,17,31,.36) 75%)}.archive-image.united-poster-card{background-size:auto 84%}}

/* V8.4 — United for Peace home cover and Strategy of Work editorial layout */
.united-home-poster{background-image:url('assets/united-for-peace-cover.jpg')!important;background-size:auto 86%!important;background-repeat:no-repeat!important;background-position:center!important;background-color:#080b28!important}
.strategy-editorial-intro{background:var(--chalk)}.strategy-editorial-head{max-width:1000px}.strategy-editorial-head h2,.strategy-path-intro h2,.strategy-outcome h2{font-family:var(--serif);font-size:clamp(48px,6vw,94px);font-weight:400;letter-spacing:-.055em;line-height:.98;margin:0 0 50px}.strategy-editorial-head em{font-weight:400;color:var(--brand-red)}.strategy-editorial-body{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:start}.strategy-editorial-body p,.strategy-path-intro p,.strategy-outcome p,.strategy-video-highlight p{font-size:18px;line-height:1.7}.strategy-editorial-body .strategy-lead{font-family:var(--serif);font-size:clamp(26px,3vw,42px);line-height:1.2;margin-top:0}.strategy-editorial-image,.strategy-path-visual figure,.strategy-outcome figure{margin:0}.strategy-editorial-image button,.strategy-path-visual figure button,.strategy-outcome figure button{display:block;border:0;background:transparent;padding:0;width:100%;cursor:zoom-in}.strategy-editorial-image img,.strategy-path-visual img,.strategy-outcome img{width:100%;display:block;object-fit:cover;max-height:670px}.strategy-editorial-path{background:var(--sand)}.strategy-path-intro{max-width:950px}.strategy-path-intro h2{margin-bottom:22px}.strategy-path-intro>p:last-child{max-width:800px;margin-bottom:45px}.strategy-path-visual{display:grid;grid-template-columns:1.2fr .8fr;gap:6vw;align-items:center}.strategy-path-notes article{border-top:1px solid var(--line);padding:19px 0 22px}.strategy-path-notes article>span{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--brand-red)}.strategy-path-notes h3{font-size:clamp(29px,3vw,45px);line-height:1.1;margin:12px 0}.strategy-path-notes p{font-size:17px;line-height:1.55;margin:0}.strategy-video-highlight{margin-top:70px;padding-top:38px;border-top:1px solid var(--line);display:grid;grid-template-columns:.72fr 1.28fr;gap:6vw;align-items:center}.strategy-video-highlight h3{font-size:clamp(38px,4vw,66px);margin:10px 0}.strategy-video-highlight video{display:block;width:100%;background:#101524;max-height:520px}.strategy-diary{background:var(--chalk)}.strategy-diary .project-section-head{max-width:900px}.strategy-diary .project-section-head h2{font-size:clamp(46px,5vw,78px)}.strategy-diary .project-section-head p:last-child{font-size:19px;line-height:1.6}.strategy-day-strip{margin-top:32px}.strategy-outcome{display:grid;grid-template-columns:1fr .9fr;gap:6vw;align-items:center;background:var(--ink);color:var(--chalk)}.strategy-outcome .eyebrow{color:var(--brand-gold)}.strategy-outcome h2{margin:18px 0 28px}.strategy-outcome .text-link{margin-top:20px}.strategy-outcome img{max-height:680px}@media(max-width:800px){.strategy-editorial-body,.strategy-path-visual,.strategy-video-highlight,.strategy-outcome{grid-template-columns:1fr}.strategy-editorial-head h2,.strategy-path-intro h2{margin-bottom:30px}.strategy-path-visual,.strategy-video-highlight{gap:30px}.strategy-outcome figure{order:-1}.united-home-poster{background-size:contain!important}}

/* V8.5 — united poster uses exactly the same artwork presentation on home and archive */
.teaser-image.united-home-poster,.archive-image.united-poster-card{
 background-image:linear-gradient(90deg,rgba(8,11,40,.9),transparent 13%,transparent 87%,rgba(8,11,40,.9)),url('assets/united-for-peace-cover.jpg')!important;
 background-size:100% 100%,auto 100%!important;
 background-position:center,center!important;
 background-repeat:no-repeat,no-repeat!important;
 background-color:#080b28!important;
}
@media(max-width:600px){.teaser-image.united-home-poster,.archive-image.united-poster-card{background-size:100% 100%,auto 100%!important}}
/* Strategy: don't visually assign unrelated archive images to described activities. */
.strategy-editorial-body.strategy-text-only{display:block;max-width:1000px}
.strategy-editorial-body.strategy-text-only>div{max-width:900px;columns:2;column-gap:6vw}
.strategy-editorial-body.strategy-text-only .strategy-lead{column-span:all;max-width:780px}
.strategy-editorial-body.strategy-text-only .text-link{break-inside:avoid}
.strategy-path-visual.strategy-notes-only{display:block}
.strategy-path-visual.strategy-notes-only .strategy-path-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.strategy-outcome.strategy-outcome-text-only{display:block}
.strategy-outcome.strategy-outcome-text-only .strategy-outcome-copy{max-width:980px}
.strategy-diary .project-section-head{display:block;max-width:none;margin-bottom:42px}
.strategy-diary .project-section-head h2{margin:0 0 20px;max-width:none}
.strategy-diary .project-section-head>p:last-child{max-width:1000px;margin:0;font-size:19px;line-height:1.55}
@media(max-width:800px){.strategy-editorial-body.strategy-text-only>div{columns:1}.strategy-path-visual.strategy-notes-only .strategy-path-notes{grid-template-columns:1fr;gap:0}}


/* V8.6 — United for Peace: identical borderless editorial artwork in both 4:3 cards.
   The background extension and 118px feather blend are BAKED INTO the JPEG: no hard side bars. */
.teaser-image.united-home-poster,.archive-image.united-poster-card{
  background-image:url('assets/united-for-peace-card-editorial.jpg')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-color:#15102d!important;
}
.teaser-image.united-home-poster::before,.archive-image.united-poster-card::before{display:none!important}
.archive-image.united-poster-card .image-chip{display:none!important}
@media (max-width:600px){.teaser-image.united-home-poster,.archive-image.united-poster-card{background-size:cover!important}}

/* V8.6 — Strategy of Work: photography selected after inspecting all 40 items. */
.strategy86-intro-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(30px,5vw,90px);align-items:center}
.strategy86-intro-grid>div{max-width:640px}
.strategy86-photo{margin:0;min-width:0}
.strategy86-photo button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;overflow:hidden}
.strategy86-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.strategy86-photo button:hover img{transform:scale(1.025)}
.strategy86-photo figcaption{padding-top:12px;font-size:13px;line-height:1.5;opacity:.74}
.strategy86-intro-photo button{aspect-ratio:4/3}
.strategy86-intro-photo img{object-position:center}
.strategy86-workflow{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,3vw,55px);align-items:start}
.strategy86-work-block{min-width:0}
.strategy86-work-block .strategy86-photo button{aspect-ratio:4/3}
.strategy86-work-block--one .strategy86-photo img{object-position:center 48%}
.strategy86-work-block--two .strategy86-photo img{object-position:center}
.strategy86-work-copy{padding-top:22px;max-width:610px}
.strategy86-index{font-size:13px!important;line-height:1.4!important;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-red);margin:0 0 9px!important}
.strategy86-work-copy h3{font-size:clamp(30px,3.1vw,51px);letter-spacing:-.04em;line-height:1.05;margin:0 0 18px}
.strategy86-work-copy p:not(.strategy86-index){font-size:17px;line-height:1.62;margin:0}
.strategy86-outcome{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}
.strategy86-outcome-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.strategy86-outcome-main{grid-column:1/-1}
.strategy86-outcome-main button{aspect-ratio:16/9}
.strategy86-outcome-main img{object-position:center 45%}
.strategy86-outcome-secondary{grid-column:2;margin-top:0;max-width:none}
.strategy86-outcome-secondary button{aspect-ratio:16/10}
.strategy86-outcome .strategy86-photo figcaption{color:rgba(255,255,255,.75)}
.strategy86-outcome-gallery .strategy86-outcome-secondary{grid-column:1/-1;max-width:75%;margin-left:auto;margin-top:-16px;position:relative;z-index:1}
.strategy86-outcome-gallery .strategy86-outcome-secondary button{box-shadow:0 12px 38px rgba(0,0,0,.22)}
.strategy86-outcome-gallery .strategy86-outcome-secondary img{object-position:center 43%}
.strategy-diary .project-section-head{display:block!important;max-width:100%!important;margin-bottom:42px!important}
.strategy-diary .project-section-head>.eyebrow{margin-bottom:14px!important}
.strategy-diary .project-section-head h2{margin:0 0 18px!important;max-width:100%!important}
.strategy-diary .project-section-head>p:last-child{display:block!important;max-width:1000px!important;margin:0!important;font-size:19px!important;line-height:1.6!important}
@media (max-width:980px){
 .strategy86-intro-grid,.strategy86-outcome{grid-template-columns:1fr;gap:30px}
 .strategy86-outcome-gallery{max-width:830px}
}
@media (max-width:700px){
 .strategy86-workflow{grid-template-columns:1fr;gap:42px}
 .strategy86-intro-photo button{aspect-ratio:4/3}
 .strategy86-outcome-gallery .strategy86-outcome-secondary{max-width:85%}
 .strategy86-work-copy h3{font-size:clamp(32px,7vw,47px)}
 .strategy-diary .project-section-head>p:last-child{font-size:17px!important;line-height:1.6!important}
}


/* V8.7 — United for Peace hero: complete horizontal artwork, no crop, and a separate editorial title band. */
.project-detail-hero.united-banner-hero{
  display:block;min-height:0;overflow:hidden;background:#0a0d24;color:#fff;
  background-image:none!important;
}
.united-banner-art{
  position:relative;isolation:isolate;overflow:hidden;display:flex;
  justify-content:center;align-items:center;margin:0;width:100%;background:#0a0d24;
}
.united-banner-art::before{
  content:"";position:absolute;inset:-12%;z-index:-1;
  background:url('assets/UnitedForPeace_Facebook_group.jpg') center / cover no-repeat;
  filter:blur(45px) saturate(.82) brightness(.72);
}
.united-banner-enlarge{
  width:100%;max-width:1640px;margin:0;padding:0;border:0;display:block;
  background:transparent;cursor:zoom-in;line-height:0;
}
.united-banner-enlarge img{
  display:block;width:100%;height:auto;max-width:1640px;
  border:0;object-fit:contain;object-position:center;
}
.united-banner-copy.project-detail-inner{
  position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);
  align-items:end;column-gap:clamp(36px,6vw,116px);max-width:none;
  padding:clamp(34px,4vw,64px) 7vw clamp(42px,5.4vw,78px);
  background:linear-gradient(180deg,#0a0d24 0%,#111b30 100%);
}
.united-banner-heading{min-width:0}
.united-banner-heading .eyebrow{
  margin:0 0 19px;font-size:12px;letter-spacing:.13em;color:#d5b768;
}
.united-banner-heading h1{
  font-size:clamp(55px,7.2vw,118px);line-height:.93;
  letter-spacing:-.055em;margin:0;overflow-wrap:normal;
}
.united-banner-copy.project-detail-inner>.united-banner-deck{
  max-width:660px;font-size:clamp(18px,1.65vw,23px);
  line-height:1.5;margin:0;align-self:end;color:rgba(255,255,255,.88)
}
@media(max-width:900px){
  .united-banner-copy.project-detail-inner{grid-template-columns:1fr;gap:22px;padding:34px 6vw 48px}
  .united-banner-heading h1{font-size:clamp(50px,11vw,92px);line-height:.98}
  .united-banner-copy.project-detail-inner>.united-banner-deck{font-size:clamp(17px,2.7vw,21px);line-height:1.55}
}
@media(max-width:600px){
  .united-banner-copy.project-detail-inner{padding:30px 22px 43px;gap:18px}
  .united-banner-heading .eyebrow{font-size:11px;margin-bottom:14px}
  .united-banner-heading h1{font-size:clamp(51px,12vw,70px);line-height:1.0;letter-spacing:-.055em}
  .united-banner-copy.project-detail-inner>.united-banner-deck{font-size:18px;line-height:1.48}
}

/* V8.7 — Strategy of Work: caption belongs immediately to its photograph. */
.strategy86-workflow .strategy86-photo{display:flex;flex-direction:column;gap:0}
.strategy86-workflow .strategy86-photo figcaption{
  display:block;margin:0!important;padding:5px 0 0!important;
  font-size:14px;line-height:1.36;opacity:.78;
}
.strategy86-workflow .strategy86-work-copy{padding-top:24px}
.strategy86-workflow .strategy86-index{letter-spacing:.055em}


/* V8.8 — Strategy of Work: images own the height of their clickable area.
   Real source proportions are 1599×899 and 2000×1500 respectively. The previous
   forced 4:3 button/height:100% interaction created unused clickable space and
   separated captions from the actually visible picture. */
.strategy86-workflow .strategy86-photo .lightbox-trigger{
  display:block;
  width:100%;
  height:auto!important;
  aspect-ratio:auto!important;
  overflow:hidden;
  line-height:0;
  padding:0;
}
.strategy86-workflow .strategy86-photo .lightbox-trigger img{
  display:block;
  width:100%;
  height:auto!important;
  aspect-ratio:auto!important;
  max-height:none!important;
  object-fit:contain;
  vertical-align:bottom;
}
.strategy86-workflow .strategy86-photo figcaption{
  margin:0!important;
  padding:8px 0 0!important;
  font-size:14px;
  line-height:1.42;
}
.strategy86-workflow .strategy86-work-copy{padding-top:18px}

/* V8.8 — compact technical data strips across all project pages (IT + EN).
   Override both the generous global .section-pad and the oversized cell padding;
   keep a legible typographic hierarchy and responsive, non-overflowing codes. */
.project-facts.section-pad{
  padding:20px 7vw 21px;
}
.project-facts dl{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));
  align-items:stretch;
}
.project-facts dl>div{
  min-width:0;
  padding:13px 18px 14px;
}
.project-facts dt{
  font-size:13px;
  line-height:1.3;
  letter-spacing:.075em;
}
.project-facts dd{
  font-size:clamp(19px,1.7vw,25px);
  line-height:1.18;
  margin:6px 0 0;
  overflow-wrap:anywhere;
}
@media(max-width:980px){
  .project-facts.section-pad{padding:17px 22px 18px}
  .project-facts dl>div{padding:12px 14px 13px}
}
@media(max-width:600px){
  .project-facts.section-pad{padding:11px 20px 12px}
  .project-facts dl{grid-template-columns:1fr}
  .project-facts dl>div{
    display:grid;
    grid-template-columns:minmax(90px,.36fr) minmax(0,1fr);
    gap:12px;
    align-items:baseline;
    padding:12px 0;
    border-right:0;
  }
  .project-facts dl>div:last-child{border-bottom:0}
  .project-facts dt{font-size:12px;line-height:1.35}
  .project-facts dd{font-size:clamp(18px,4.65vw,23px);line-height:1.23;margin:0}
}

/* V8.8 — balanced tablet facts layout: four facts as a tidy 2×2 grid;
   three-fact English strips stay on one row when space permits. */
@media (min-width:601px) and (max-width:980px){
  .project-facts dl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .project-facts dl:has(>div:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
}


/* V8.9 — inline social links on the persistent top bar (desktop + mobile). */
.site-header{gap:clamp(10px,1.3vw,22px)}
.site-header .main-nav{margin-left:auto;gap:clamp(10px,1.25vw,22px)}
.header-socials{display:flex;align-items:center;gap:7px;flex:0 0 auto;margin-left:3px}
.header-social-link{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;border:1px solid rgba(24,32,51,.25);border-radius:50%;color:var(--ink);background:rgba(255,255,255,.12);transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}
.header-social-link svg{display:block;width:19px;height:19px;flex:0 0 auto}
.header-social-link:hover,.header-social-link:focus-visible{color:var(--brand-red);border-color:var(--brand-gold);background:rgba(218,178,67,.12);transform:translateY(-1px)}
@media(max-width:980px){
 .site-header .main-nav{margin-left:0;gap:0}
 .site-header .brand{margin-right:auto}
 .site-header .header-socials{margin-left:auto}
 .site-header .menu-toggle{flex:0 0 auto}
}
@media(max-width:600px){
 .site-header{gap:8px}
 .site-header .brand{min-width:0}
 .site-header .brand-wordmark{font-size:clamp(18px,4.9vw,24px)}
 .header-socials{gap:4px;margin-left:auto}
 .header-social-link{width:34px;height:34px}
 .header-social-link svg{width:18px;height:18px}
 .site-header .menu-toggle{padding:8px 10px}
}
@media(max-width:375px){
 .site-header .brand-mark{width:30px;height:29px}
 .site-header .brand-wordmark{font-size:18px}
 .header-social-link{width:31px;height:31px}
 .header-social-link svg{width:16px;height:16px}
}
@media(prefers-reduced-motion:reduce){.header-social-link{transition:none}}

/* V8.9 — a dedicated, editorial country row inside the compact facts strip;
   no lists of organisation names and no isolated fifth cell. */
.project-facts.facts-with-countries dl{grid-template-columns:repeat(4,minmax(0,1fr))}
.project-facts.facts-with-countries.facts-3 dl{grid-template-columns:repeat(3,minmax(0,1fr))}
.project-facts.facts-with-countries.facts-2 dl{grid-template-columns:repeat(2,minmax(0,1fr))}
.project-facts.facts-with-countries .fact-countries{
 grid-column:1/-1;display:grid;grid-template-columns:100px minmax(0,1fr);
 align-items:baseline;gap:14px;border-top:1px solid rgba(24,32,51,.25);
 border-right:0;padding:13px 18px 9px;
}
.project-facts.facts-with-countries .fact-countries dt{font-size:13px}
.project-facts.facts-with-countries .fact-countries dd{font-size:clamp(17px,1.42vw,21px);line-height:1.5;margin:0;overflow-wrap:normal}
@media (min-width:601px) and (max-width:980px){
 .project-facts.facts-with-countries dl,
 .project-facts.facts-with-countries.facts-3 dl{grid-template-columns:repeat(2,minmax(0,1fr))}
 .project-facts.facts-with-countries.facts-2 dl{grid-template-columns:repeat(2,minmax(0,1fr))}
 .project-facts.facts-with-countries .fact-countries{padding:13px 14px 8px}
}
@media(max-width:600px){
 .project-facts.facts-with-countries dl,
 .project-facts.facts-with-countries.facts-2 dl,
 .project-facts.facts-with-countries.facts-3 dl{grid-template-columns:1fr}
 .project-facts.facts-with-countries .fact-countries{grid-column:1;grid-template-columns:minmax(90px,.36fr) minmax(0,1fr);padding:12px 0;gap:12px}
 .project-facts.facts-with-countries .fact-countries dt{font-size:12px}
 .project-facts.facts-with-countries .fact-countries dd{font-size:16px;line-height:1.52}
}

/* V8.9 — deterministic desktop icon placement after main navigation. */
.site-header .brand{order:0}
.site-header .main-nav{order:1}
.site-header .header-socials{order:2}

/* Extra narrow phones: preserve a single-line header with both social buttons. */
@media(max-width:375px){
 .site-header{padding-left:10px;padding-right:10px;gap:6px}
 .site-header .brand{gap:4px}
 .site-header .brand-mark{width:26px;height:27px}
 .site-header .brand-wordmark{font-size:17px}
 .header-socials{gap:3px}
 .header-social-link{width:30px;height:30px}
 .site-header .menu-toggle{font-size:11px;padding:7px 9px}
}
/* Intermediate desktops: avoid wrapping links when the two social icons are present. */
@media(min-width:981px) and (max-width:1180px){
 .site-header{padding:12px 18px;gap:10px}
 .site-header .brand{min-width:0;gap:7px}
 .site-header .brand-mark{width:36px;height:31px}
 .site-header .brand-wordmark{font-size:24px;white-space:nowrap}
 .site-header .main-nav{gap:clamp(8px,1.05vw,15px);font-size:11px;letter-spacing:.04em}
 .site-header .main-nav>a{white-space:nowrap}
 .site-header .language-switch{white-space:nowrap;font-size:11px}
 .header-social-link{width:33px;height:33px}
 .header-social-link svg{width:17px;height:17px}
 .header-socials{gap:4px;margin-left:0}
}


/* V8.10 — association social links sit next to the logo/wordmark,
   separate from the project/page navigation (IT + EN). */
.site-header .header-identity{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  gap:clamp(8px,1.35vw,18px);
  min-width:0;
  order:0;
}
.site-header .header-identity .brand{min-width:0;margin-right:0}
.site-header .header-identity .header-socials{margin:0;order:1}
.site-header .main-nav{order:1;margin-left:auto}
.site-header .menu-toggle{order:3}
@media(max-width:980px){
  .site-header .header-identity{gap:clamp(7px,1.3vw,14px)}
  .site-header .main-nav{order:4}
  .site-header .menu-toggle{margin-left:auto}
}
@media(max-width:600px){
  .site-header .header-identity{gap:7px}
}
@media(max-width:375px){
  .site-header .header-identity{gap:5px}
}

/* V8.10 — the countries belong to one dedicated, centered editorial row.
   The label and countries wrap gently on narrow screens. */
.project-facts.facts-with-countries .fact-countries{
  display:flex;
  align-items:baseline;
  justify-content:center;
  flex-wrap:wrap;
  column-gap:17px;
  row-gap:3px;
  text-align:center;
}
.project-facts.facts-with-countries .fact-countries dt{flex:0 0 auto}
.project-facts.facts-with-countries .fact-countries dd{
  min-width:0;
  max-width:100%;
  flex:0 1 auto;
  text-align:center;
  text-wrap:pretty;
}
@media(max-width:600px){
 .project-facts.facts-with-countries .fact-countries{
   display:flex;
   flex-direction:column;
   align-items:center;
   justify-content:center;
   gap:4px;
 }
 .project-facts.facts-with-countries .fact-countries dd{width:100%}
}


/* V8.11 — Stories & media: richer editorial structure and Digital Prevention photo cover. */
.page-hero .hero-actions{margin-top:30px}
.stories-editorial .editorial-main p + p{margin-top:22px}
.stories-editorial .editorial-aside .big-symbol{line-height:.82}
.story-index .split-heading > div p,
.media-outcomes .split-heading > div p{font-size:18px;line-height:1.62;max-width:780px;margin:20px 0 0}
.stories-featured .section-head p:last-child{max-width:600px;font-size:18px;line-height:1.6;margin:0}
.stories-featured .project-teaser p{margin:0 0 14px}
.stories-media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.stories-note-copy{font-size:18px;line-height:1.65;max-width:820px;margin:28px 0 0}
@media(max-width:980px){.stories-media-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.stories-media-grid{grid-template-columns:1fr}.page-hero .hero-actions{gap:10px}.page-hero .hero-actions .button{width:100%}}


/* V8.12 · Storie e Media — standalone editorial experience */
.stories12{--s12-ink:#1d2340;--s12-gold:#d5a947;--s12-bone:#f8f5ec;--s12-soft:#ede7d9;--s12-dark:#171b36;overflow:hidden}
.stories12 [id]{scroll-margin-top:100px}
.stories12 .section-pad{padding:clamp(76px,8vw,130px) max(24px,7vw)}
.stories12 h1,.stories12 h2,.stories12 h3,.stories12 p{margin-top:0}
.s12-eyebrow,.s12-kicker{font-size:13px;letter-spacing:.135em;line-height:1.45;text-transform:uppercase;font-weight:700}
.s12-section-head{max-width:920px;margin-bottom:44px}
.s12-section-head .s12-eyebrow{color:#9c3340;margin-bottom:16px}
.s12-section-head h2,.s12-feature-head h2{font-family:var(--serif);font-size:clamp(49px,6.15vw,93px);font-weight:400;letter-spacing:-.056em;line-height:.97;margin:0 0 24px}
.s12-section-head>p:last-child,.s12-feature-head>p:last-child{font-size:clamp(17px,1.55vw,20px);line-height:1.6;max-width:760px;margin:0}
.s12-hero{position:relative;background:#181f3b;color:#fff8ee;min-height:700px;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(380px,.78fr);isolation:isolate}
.s12-hero-copy{align-self:center;padding:clamp(75px,8vw,155px) 5vw clamp(110px,8vw,140px) max(24px,7vw);position:relative;z-index:2}
.s12-kicker{color:#e1b65f;margin-bottom:38px}
.s12-hero h1{font-family:var(--serif);font-size:clamp(72px,7.9vw,136px);line-height:.86;font-weight:400;letter-spacing:-.07em;margin:0;max-width:900px}
.s12-hero h1 em{font-weight:400;color:#e2b95d}
.s12-hero-intro{font-size:clamp(18px,1.8vw,25px);line-height:1.52;max-width:660px;margin:38px 0 33px}
.s12-hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.s12-hero-actions a{font-size:13px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;display:inline-flex;gap:19px;align-items:center;min-height:48px}
.s12-primary-link{background:#d9ad50;color:#1d2340;padding:14px 21px}.s12-secondary-link{border-bottom:1px solid #e6dcd0}
.s12-hero-visual{position:relative;min-height:700px;background:#292536;overflow:hidden}
.s12-hero-visual>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 48%;position:absolute;inset:0}
.s12-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,31,59,.42),transparent 23%),linear-gradient(0deg,rgba(10,14,30,.65),transparent 35%);pointer-events:none}
.s12-hero-visual>p{position:absolute;z-index:1;bottom:48px;right:36px;font-size:13px;letter-spacing:.02em;max-width:240px;text-align:right;color:white}
.s12-hero-frame{position:absolute;inset:20px;border:1px solid rgba(255,255,255,.28);z-index:1;pointer-events:none}
.s12-hero-bottom{position:absolute;bottom:0;left:0;right:0;padding:18px max(24px,7vw);display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.12em;font-weight:700;color:#eed0a2;z-index:2;border-top:1px solid rgba(255,255,255,.2);pointer-events:none}
.s12-jumpnav{display:flex;gap:6px;justify-content:space-between;flex-wrap:wrap;background:#e5dbcb;border-bottom:1px solid #cdc2b5;padding:0 max(24px,7vw)}
.s12-jumpnav a{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:20px 13px;border-bottom:2px solid transparent;white-space:nowrap}
.s12-jumpnav a:hover,.s12-jumpnav a:focus-visible{border-color:#ad303a}
.s12-feature{background:#f7f1e7;color:#20253a}
.s12-feature-head{display:grid;grid-template-columns:1fr 2fr;align-items:start;gap:3vw;margin-bottom:36px}
.s12-feature-head .s12-eyebrow{color:#9c3340}
.s12-feature-head h2{margin-bottom:0;max-width:750px}
.s12-feature-head>p:last-child{grid-column:2;max-width:780px}
.s12-feature-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;min-height:590px}
.s12-feature-main,.s12-feature-small{position:relative;display:block;overflow:hidden;color:white;background:#414c61;isolation:isolate}
.s12-photo-bg{position:absolute;inset:0;background-image:linear-gradient(35deg,rgba(23,27,54,.65),rgba(23,27,54,.13) 60%),var(--s12-photo);background-color:#3a4665;background-position:center;background-size:cover;transition:transform .5s ease}
.s12-feature-main:hover .s12-photo-bg,.s12-feature-small:hover .s12-photo-bg{transform:scale(1.035)}
.s12-feature-main::after,.s12-feature-small::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(7,10,23,.68),transparent 62%)}
.s12-feature-label,.s12-feature-link{position:absolute;z-index:1;font-size:13px;letter-spacing:.09em;text-transform:uppercase;font-weight:700}
.s12-feature-label{top:25px;left:25px;background:#f7f1e7;color:#242840;padding:10px 12px}
.s12-feature-link{bottom:28px;left:28px;font-size:17px;text-transform:none;letter-spacing:0}
.s12-feature-side{display:grid;grid-template-rows:1fr 1fr;gap:18px}
.s12-feature-small-copy{position:absolute;z-index:1;left:24px;right:20px;bottom:22px;display:grid;gap:8px}
.s12-feature-small-copy strong{font-family:var(--serif);font-weight:400;font-size:clamp(29px,3vw,45px);line-height:1.04}
.s12-feature-small-copy small{font-size:13px;line-height:1.45}
.s12-diaries{background:#e9dfd0}
.s12-diary-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#c9bfb2;border:1px solid #c9bfb2}
.s12-diary-row{display:grid;grid-template-columns:38% minmax(0,1fr) 25px;gap:20px;align-items:center;background:#f7f2e8;min-height:245px;padding:18px;transition:background .2s}
.s12-diary-row:hover{background:#fffaf0}
.s12-diary-cover{position:relative;min-height:195px;height:100%;overflow:hidden;background:#2b3861;background-image:linear-gradient(30deg,rgba(24,31,58,.42),transparent),var(--s12-photo);background-size:cover;background-position:center}
.s12-diary-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,13,25,.60),transparent 60%)}
.s12-diary-word{position:absolute;z-index:1;bottom:12px;left:12px;right:10px;color:#fff;font-size:12px;font-weight:700;text-shadow:0 1px 5px #111;line-height:1.3}
.s12-diary-text{display:grid;align-content:center;gap:13px}
.s12-micro{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#a62c37}
.s12-diary-text strong{font-family:var(--serif);font-size:clamp(25px,2.7vw,39px);font-weight:400;line-height:1.08;letter-spacing:-.03em}
.s12-diary-text>span:last-child{font-size:15px;line-height:1.5;color:#404557}
.s12-diary-arrow{align-self:start;margin-top:12px;font-size:24px}
.s12-photos{background:#f8f5ed}
.s12-gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:15px}
.s12-gallery-card{min-width:0;margin:0;grid-column:span 4;display:flex;flex-direction:column}
.s12-gallery-card--1,.s12-gallery-card--4{grid-column:span 6}
.s12-gallery-card--2,.s12-gallery-card--3{grid-column:span 3}
.s12-gallery-card button{position:relative;width:100%;border:0;cursor:zoom-in;padding:0;display:block;aspect-ratio:1.38;background:linear-gradient(135deg,#35476b,#7e655b);overflow:hidden}
.s12-gallery-card--1 button,.s12-gallery-card--4 button{aspect-ratio:1.62}
.s12-gallery-card img{width:100%;height:100%;display:block;object-fit:cover;position:relative;z-index:1;transition:transform .4s ease}
.s12-gallery-card button:hover img{transform:scale(1.045)}
.s12-gallery-card .s12-image-fallback{position:absolute;left:20px;bottom:20px;right:20px;color:#fff;opacity:.7;font-family:var(--serif);font-size:24px;text-align:left}
.s12-gallery-card .s12-zoom-sign{position:absolute;z-index:2;right:10px;top:10px;background:rgba(248,244,236,.95);color:#222b43;width:38px;height:38px;display:grid;place-items:center;font-size:24px;line-height:1}
.s12-gallery-card figcaption{padding:12px 0 0;display:grid;gap:5px;font-size:13px;line-height:1.45;color:#424758}
.s12-gallery-card figcaption strong{font-size:13px;color:#212b40}
.s12-all-galleries{margin-top:35px}
.s12-simple-link{display:inline-block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid currentColor;padding-bottom:5px}
.s12-videos{background:#1c2441;color:#fff8ed}
.s12-videos .s12-section-head .s12-eyebrow{color:#dfae5d}
.s12-videos .s12-section-head>p:last-child{color:#c5cbd8}
.s12-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 24px}
.s12-video-card{min-width:0}
.s12-video-frame{background:#0c1228;aspect-ratio:16/9;position:relative;overflow:hidden}
.s12-video-frame a,.s12-video-frame iframe,.s12-video-frame video{display:block;width:100%;height:100%;border:0}
.s12-video-frame a{position:relative;background:#182038;color:#fff}
.s12-video-frame a>img{height:100%;width:100%;object-fit:cover;opacity:.74;display:block}
.s12-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:70px;width:70px;border-radius:50%;background:#ddaf52;color:#1c2441;display:grid;place-items:center;font-size:25px;box-shadow:0 5px 35px rgba(0,0,0,.4)}
.s12-video-hint{position:absolute;bottom:15px;left:16px;font-size:13px;font-weight:700;letter-spacing:.04em;text-shadow:0 1px 7px black}
.s12-video-details{padding:18px 0 0;max-width:620px}
.s12-video-details>span{font-size:12px;color:#e2b65c;font-weight:700;letter-spacing:.08em}
.s12-video-details h3{font-size:clamp(31px,3.2vw,47px);margin:9px 0 11px;line-height:1.05;letter-spacing:-.035em}
.s12-video-details p{color:#c8cfdd;font-size:16px;line-height:1.55;margin-bottom:17px}
.s12-video-card-wide{grid-column:1/-1;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:28px;padding-top:26px;border-top:1px solid rgba(255,255,255,.23)}
.s12-video-card-wide .s12-video-details{padding:0}
.s12-publications{background:#eee6d8}
.s12-documents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.s12-document{display:flex;flex-direction:column;background:#f9f5eb;min-height:450px;padding:28px;border-top:5px solid #ae303b;overflow:hidden}
.s12-document:nth-child(2){border-color:#33407b}.s12-document:nth-child(3){border-color:#8b6341}
.s12-document-top{display:flex;justify-content:space-between;gap:12px;font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.075em;margin-bottom:58px;color:#9d3238}
.s12-document:nth-child(2) .s12-document-top{color:#33407b}.s12-document:nth-child(3) .s12-document-top{color:#8b6341}
.s12-document h3{font-family:var(--serif);font-weight:400;line-height:1.04;letter-spacing:-.045em;font-size:clamp(30px,3.2vw,49px);margin-bottom:18px}
.s12-document>p{font-size:15px;line-height:1.55;color:#434758;margin-bottom:25px}
.s12-document-actions{margin-top:auto;display:grid;gap:17px}
.s12-document-actions>a{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.065em;width:max-content;border-bottom:1px solid currentColor;padding-bottom:4px}
.s12-pdf-details{border-top:1px solid #aca59c;padding-top:13px}
.s12-pdf-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.055em}
.s12-pdf-details summary::-webkit-details-marker{display:none}
.s12-pdf-details[open] summary span{transform:rotate(45deg)}
.s12-pdf-reader{margin-top:16px;background:#ddd9d0;min-height:200px;display:grid;place-items:center}
.s12-pdf-reader iframe{display:block;width:100%;height:390px;border:0;background:#fff}
.s12-pdf-reader>p{padding:20px;font-size:14px;color:#363b4e}
.s12-library{background:#f9f6ef}
.s12-library-controls{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #283047;padding:20px 0 26px}
.s12-filters{display:flex;gap:8px;flex-wrap:wrap}
.s12-filter{background:transparent;border:1px solid #7d8090;color:#283047;border-radius:999px;cursor:pointer;min-height:40px;padding:7px 16px;font-weight:700;font-size:13px}
.s12-filter.is-active,.s12-filter:hover{background:#212940;color:white}
.s12-result-counter{font-size:13px;white-space:nowrap;margin:0}
.s12-resource-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #bdb9b2}
.s12-resource{display:grid;grid-template-columns:106px 1fr 1.1fr 18px;gap:14px;align-items:center;min-height:100px;padding:18px 14px 18px 0;border-bottom:1px solid #c8c2ba;font-size:13px;transition:background .2s}
.s12-resource:nth-child(odd){padding-right:22px;border-right:1px solid #c8c2ba}
.s12-resource:nth-child(even){padding-left:22px}
.s12-resource:hover{background:#eee7d8}
.s12-resource-kind{font-size:12px;text-transform:uppercase;letter-spacing:.075em;color:#9b3f45;font-weight:700}
.s12-resource strong{font-size:15px}.s12-resource-title{font-size:13px;line-height:1.4;color:#3d4252}
.s12-resource-arrow{font-size:20px;align-self:center}
.s12-resource[hidden]{display:none}
.s12-no-results{font-size:16px;margin:25px 0}
.s12-end{background:#ab2733;color:white}
.s12-end .s12-eyebrow{color:#f0ce87}
.s12-end h2{font-family:var(--serif);font-size:clamp(55px,7.6vw,118px);font-weight:400;line-height:.9;letter-spacing:-.06em;max-width:1100px;margin:0 0 35px}
.s12-end>p:not(.s12-eyebrow){font-size:19px;line-height:1.55;max-width:670px}
.s12-end-actions{margin-top:38px;display:flex;gap:35px;flex-wrap:wrap}
.s12-end-actions a{font-size:13px;text-transform:uppercase;font-weight:700;letter-spacing:.07em;border-bottom:1px solid rgba(255,255,255,.85);padding-bottom:7px}
@media(max-width:1120px){.s12-hero{grid-template-columns:minmax(0,1fr) minmax(320px,.78fr)}.s12-hero h1{font-size:clamp(65px,7.5vw,112px)}.s12-diary-row{grid-template-columns:34% minmax(0,1fr) 20px;gap:14px}.s12-resource{grid-template-columns:1fr 1.5fr 18px}.s12-resource-kind{grid-column:1/-1}.s12-resource strong{grid-column:1}.s12-resource-title{grid-column:2}.s12-resource-arrow{grid-column:3}}
@media(max-width:850px){.s12-hero{grid-template-columns:1fr;min-height:0}.s12-hero-copy{padding:95px 6vw 65px}.s12-hero h1{font-size:clamp(65px,10.5vw,112px)}.s12-hero-visual{min-height:440px;height:440px}.s12-hero-visual>img{object-position:50% 47%}.s12-hero-bottom{position:relative;background:#131a34}.s12-feature-head{grid-template-columns:1fr}.s12-feature-head>p:last-child{grid-column:1}.s12-feature-grid{grid-template-columns:1fr;min-height:0}.s12-feature-main{min-height:420px}.s12-feature-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.s12-feature-small{min-height:300px}.s12-diary-grid{grid-template-columns:1fr}.s12-gallery-card--1,.s12-gallery-card--4{grid-column:span 6}.s12-gallery-card--2,.s12-gallery-card--3,.s12-gallery-card--5,.s12-gallery-card--6{grid-column:span 6}.s12-documents{grid-template-columns:1fr 1fr}.s12-document{min-height:410px}.s12-document:last-child{grid-column:1/-1}.s12-document-top{margin-bottom:45px}.s12-jumpnav{justify-content:flex-start}}
@media(max-width:620px){.stories12 .section-pad{padding:74px 20px}.s12-hero-copy{padding:68px 20px 55px}.s12-hero h1{font-size:clamp(59px,14vw,83px)}.s12-hero-intro{font-size:18px;margin-top:27px}.s12-hero-visual{height:430px;min-height:430px}.s12-hero-bottom{padding:14px 20px;font-size:10px;gap:8px;flex-wrap:wrap}.s12-hero-frame{inset:12px}.s12-hero-visual>p{bottom:24px;right:24px}.s12-jumpnav{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding:0 12px}.s12-jumpnav a{padding:17px 12px;font-size:12px}.s12-section-head h2,.s12-feature-head h2{font-size:clamp(49px,12vw,70px)}.s12-feature-grid{gap:12px}.s12-feature-main{min-height:350px}.s12-feature-side{grid-template-columns:1fr;gap:12px}.s12-feature-small{min-height:250px}.s12-diary-row{grid-template-columns:35% 1fr 14px;padding:12px;gap:12px;min-height:185px}.s12-diary-cover{min-height:150px}.s12-diary-text{gap:7px}.s12-diary-text strong{font-size:27px}.s12-diary-text>span:last-child{font-size:13px;line-height:1.45}.s12-diary-arrow{font-size:16px}.s12-gallery-grid{gap:12px}.s12-gallery-card{grid-column:span 6!important}.s12-gallery-card button{aspect-ratio:1.1!important}.s12-gallery-card figcaption{font-size:12px}.s12-gallery-card figcaption strong{font-size:12px}.s12-zoom-sign{width:32px!important;height:32px!important;font-size:18px!important}.s12-video-grid{grid-template-columns:1fr}.s12-video-card-wide{grid-column:1;grid-template-columns:1fr}.s12-video-card-wide .s12-video-details{padding-top:0}.s12-documents{grid-template-columns:1fr}.s12-document:last-child{grid-column:auto}.s12-document{min-height:350px}.s12-document-top{margin-bottom:30px}.s12-library-controls{display:block}.s12-result-counter{margin-top:16px}.s12-resource-grid{grid-template-columns:1fr}.s12-resource{grid-template-columns:82px 1fr 18px!important;gap:7px;min-height:82px;padding:12px 0!important;border-right:0!important}.s12-resource-kind{grid-column:1;grid-row:1;align-self:start}.s12-resource strong{grid-column:2;grid-row:1}.s12-resource-title{grid-column:2;grid-row:2}.s12-resource-arrow{grid-column:3;grid-row:1/3}.s12-end h2{font-size:clamp(51px,12vw,76px)}}
@media(prefers-reduced-motion:reduce){.s12-photo-bg,.s12-gallery-card img{transition:none}}
/* Focus visibility for all interactive elements on the editorial page. */
.stories12 a:focus-visible,.stories12 button:focus-visible,.stories12 summary:focus-visible{outline:3px solid #e0b75d;outline-offset:4px}


/* V8.13 · Storie e Media: photographic hero + genuinely sticky section navigation. */
.stories12{overflow:visible;--stories-header-height:66px}
.stories12 [id]{scroll-margin-top:calc(var(--stories-header-height) + 89px)}
.stories12 .s12-hero{
  background:#171d36;min-height:630px;
  grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);
}
.stories12 .s12-hero-copy{
  padding:clamp(80px,7vw,120px) 4vw clamp(75px,7vw,116px) max(24px,7vw);
}
.stories12 .s12-hero h1{font-size:clamp(69px,7.2vw,125px);line-height:.88}
.stories12 .s12-hero-intro{margin-top:28px;margin-bottom:28px}
.stories12 .s12-hero-visual{min-height:630px;background:#29314d;}
.stories12 .s12-hero-visual>img{object-position:center 48%;}
.stories12 .s12-hero-visual:after{background:linear-gradient(90deg,rgba(23,29,54,.26),transparent 24%),linear-gradient(0deg,rgba(8,11,23,.70),transparent 29%)}
.stories12 .s12-hero-visual>p{
  bottom:21px;right:24px;max-width:350px;text-align:right;font-size:12px;
  line-height:1.45;letter-spacing:.015em;margin:0;
  text-shadow:0 1px 10px #121629;
}
.stories12 .s12-hero-frame,.stories12 .s12-hero-bottom{display:none!important}
.stories12 .s12-jumpnav{
  position:sticky;top:var(--stories-header-height);z-index:49;
  background:rgba(248,245,237,.98);color:#202743;
  display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;
  gap:10px;padding:12px max(20px,7vw);
  border:0;border-bottom:1px solid rgba(32,39,67,.21);
  box-shadow:0 5px 20px rgba(22,26,47,.095);
  overflow-x:auto;overscroll-behavior-x:contain;
  scrollbar-width:thin;scrollbar-color:rgba(36,46,70,.22) transparent;
  scroll-padding-inline:16px;
}
.stories12 .s12-jumpnav a{
  position:relative;display:inline-flex;gap:11px;justify-content:center;align-items:center;
  flex:0 0 auto;padding:10px 15px;min-height:48px;border-radius:3px;
  font-size:13px;letter-spacing:.035em;line-height:1.15;
  text-transform:uppercase;font-weight:750;white-space:nowrap;
  border:1px solid rgba(29,35,64,.20);background:#fffdf9;
  transition:background .15s,color .15s,border-color .15s;
}
.stories12 .s12-jumpnav a .s13-nav-mark{
  display:grid;place-items:center;height:25px;width:25px;flex:0 0 25px;
  border:1px solid rgba(29,35,64,.30);border-radius:50%;font-size:10px;
  line-height:1;font-weight:800;letter-spacing:0;
}
.stories12 .s12-jumpnav a:hover,.stories12 .s12-jumpnav a:focus-visible{
  background:#ece1cc;border-color:#b48f46;
}
.stories12 .s12-jumpnav a.is-current{
  background:#d5a947;border-color:#c79b3b;color:#181f37;box-shadow:inset 0 -3px 0 #8c6620;
}
.stories12 .s12-jumpnav a.is-current .s13-nav-mark{border-color:#66501e}
@media(max-width:1100px){
 .stories12 .s12-hero{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);min-height:585px}
 .stories12 .s12-hero-visual{min-height:585px}
 .stories12 .s12-hero h1{font-size:clamp(60px,6.8vw,100px)}
 .stories12 .s12-jumpnav{gap:8px}
 .stories12 .s12-jumpnav a{font-size:12px;gap:8px;padding:10px 12px}
}
@media(max-width:850px){
 .stories12 .s12-hero{grid-template-columns:1fr;min-height:0}
 .stories12 .s12-hero-copy{padding:75px 5vw 55px}
 .stories12 .s12-hero-visual{height:470px;min-height:470px}
 .stories12 .s12-hero h1{font-size:clamp(60px,10vw,94px)}
 .stories12 .s12-jumpnav{padding:10px 18px}
}
@media(max-width:620px){
 .stories12 .s12-hero-copy{padding:58px 20px 46px}
 .stories12 .s12-hero-visual{height:270px;min-height:270px}
 .stories12 .s12-hero-visual>p{bottom:12px;right:14px;max-width:215px;font-size:10px}
 .stories12 .s12-hero h1{font-size:clamp(55px,13.5vw,78px)}
 .stories12 .s12-jumpnav{padding:9px 14px;gap:8px}
 .stories12 .s12-jumpnav a{min-height:45px;padding:9px 12px;font-size:12px;gap:8px}
 .stories12 .s12-jumpnav a .s13-nav-mark{height:23px;width:23px;flex-basis:23px}
}
@media(prefers-reduced-motion:reduce){.stories12 .s12-jumpnav a{transition:none}}

/* V8.13 navigation icons */
.stories12 .s13-nav-mark svg{display:block;width:15px;height:15px;stroke-width:1.9}


/* V8.14 — Storie e Media: an editorial two-column closing with real project photographs. */
.s14-end{padding-top:clamp(68px,7vw,104px);padding-bottom:clamp(68px,7vw,104px);overflow:hidden}
.s14-end-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(42px,5.4vw,94px);align-items:center;margin:0 auto;max-width:1520px}
.s14-end-copy{min-width:0}
.s14-end h2{max-width:820px;font-size:clamp(52px,5.6vw,91px);line-height:.96;letter-spacing:-.056em;margin:20px 0 31px}
.s14-end h2 em{font-weight:400;color:#efc76d}
.s14-end .s12-eyebrow{margin-bottom:0;font-size:12px;line-height:1.4;letter-spacing:.13em}
.s14-end .s14-end-copy>p:not(.s12-eyebrow){max-width:590px;font-size:clamp(17px,1.5vw,20px);line-height:1.6;margin:0}
.s14-end .s12-end-actions{display:flex;align-items:center;gap:25px;margin-top:32px;flex-wrap:wrap}
.s14-end .s12-end-actions a{display:inline-flex;gap:17px;align-items:center;min-height:46px;font-size:12px;line-height:1.2;letter-spacing:.055em;transition:background .2s ease,color .2s ease,transform .2s ease}
.s14-end .s12-end-actions .s14-end-primary{border:1px solid #f0c66c;padding:14px 17px;background:#f0c66c;color:#242238}
.s14-end .s12-end-actions .s14-end-secondary{border-bottom:1px solid rgba(255,255,255,.7);padding:14px 0}
.s14-end .s12-end-actions a:hover{transform:translateY(-2px)}
.s14-end-visuals{min-width:0;display:grid;gap:15px;align-content:center}
.s14-end-photo{position:relative;display:block;min-height:220px;overflow:hidden;isolation:isolate;background-color:#323445;background-image:linear-gradient(180deg,rgba(13,19,31,.02) 18%,rgba(9,14,25,.18) 42%,rgba(9,14,25,.83) 100%),var(--s14-photo);background-position:center,center;background-size:cover;background-repeat:no-repeat;border:1px solid rgba(255,255,255,.19);transition:filter .22s ease}
.s14-end-photo:hover{filter:brightness(1.08)}
.s14-end-photo:focus-visible{outline:3px solid #efc76d;outline-offset:4px}
.s14-end-photo--music{aspect-ratio:1.54;min-height:260px;background-position:center,center 45%}
.s14-end-photo--work{aspect-ratio:1.88;min-height:190px;margin-left:13%;background-color:#56525c;background-position:center,center 49%}
.s14-photo-caption{position:absolute;z-index:1;left:20px;bottom:21px;right:50px;color:white;text-shadow:0 1px 9px rgba(0,0,0,.35)}
.s14-photo-caption small{display:block;font-size:12px;font-weight:700;letter-spacing:.095em;text-transform:uppercase;line-height:1.4;margin-bottom:7px;color:#f2d48e}
.s14-photo-caption strong{display:block;font:400 clamp(21px,2.2vw,32px)/1.09 var(--serif);letter-spacing:-.035em}
.s14-photo-arrow{position:absolute;right:20px;bottom:17px;color:white;font-size:26px;line-height:1}
@media(max-width:1020px){.s14-end-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}.s14-end h2{font-size:clamp(47px,5.2vw,68px)}.s14-end-photo--music{min-height:210px}.s14-end-photo--work{min-height:160px}.s14-photo-caption{left:15px;bottom:17px}.s14-photo-caption strong{font-size:24px}}
@media(max-width:740px){.s14-end-layout{grid-template-columns:1fr;gap:35px}.s14-end h2{font-size:clamp(49px,9vw,72px);margin:18px 0 24px}.s14-end .s12-end-actions{margin-top:25px}.s14-end-visuals{grid-template-columns:minmax(0,1fr) minmax(0,.75fr);gap:11px;align-items:stretch}.s14-end-photo--music,.s14-end-photo--work{min-height:0;margin-left:0;aspect-ratio:auto}.s14-end-visuals{min-height:310px}.s14-photo-caption{left:14px;bottom:14px;right:30px}.s14-photo-caption small{font-size:10px}.s14-photo-caption strong{font-size:clamp(19px,3.6vw,26px)}.s14-photo-arrow{right:10px;bottom:13px;font-size:21px}}
@media(max-width:430px){.s14-end-visuals{grid-template-columns:1fr;min-height:0;gap:12px}.s14-end-photo--music{aspect-ratio:1.42;min-height:235px}.s14-end-photo--work{aspect-ratio:1.7;min-height:178px;margin-left:12%}.s14-photo-caption strong{font-size:24px}.s14-end .s12-end-actions{gap:14px}.s14-end .s12-end-actions a{font-size:11px}.s14-end h2{font-size:clamp(47px,12vw,58px)}}
@media(prefers-reduced-motion:reduce){.s14-end .s12-end-actions a,.s14-end-photo{transition:none}}


/* V8.15 — Storie e Media, In primo piano: accessible text contrast on photographic cards.
   The global body.mediterrart-new-site a { color:inherit } rule has higher specificity
   than the original .s12-feature-small color:white, so override it at the card level. */
.stories12 a.s12-feature-main,
.stories12 a.s12-feature-small{color:#fffaf1}
.stories12 .s12-feature-small-copy strong,
.stories12 .s12-feature-small-copy small,
.stories12 .s12-feature-main .s12-feature-link{
  color:inherit;
  text-shadow:0 2px 9px rgba(0,0,0,.7);
}
.stories12 a.s12-feature-small::after{
  background:linear-gradient(to top,rgba(7,10,23,.85) 0%,rgba(7,10,23,.53) 36%,rgba(7,10,23,.03) 78%);
}


/* V8.16 – SAFE-HI | project-specific editorial design */
.safehi-page{--safe-green:#123e45;--safe-deep:#082a33;--safe-gold:#d8a34e;--safe-cream:#f0e9dc}
.safehi-page .safehi-hero{min-height:570px;display:grid;grid-template-columns:minmax(0,.48fr) minmax(0,.52fr);background:var(--safe-deep);color:#f8f2e7}
.safehi-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,6.8vw,125px) 4vw clamp(35px,6vw,90px) 7vw;min-width:0}
.safehi-eyebrow{color:var(--safe-gold);text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.13em;line-height:1.55;margin:0 0 28px}
.safehi-hero h1{font:normal clamp(92px,10vw,180px)/.84 var(--serif);letter-spacing:-.095em;white-space:nowrap;margin:26px 0 35px}
.safehi-hero h1 span{color:var(--safe-gold)}
.safehi-hero-copy>p:not(.safehi-eyebrow){font-size:clamp(19px,1.9vw,26px);line-height:1.48;max-width:580px;margin:0}
.safehi-hero-foot{display:flex;gap:15px;flex-wrap:wrap;margin-top:60px;color:#e2c895;font-size:10px;letter-spacing:.14em;font-weight:700}
.safehi-hero-visual{position:relative;min-width:0;overflow:hidden;background:#385b5d}
.safehi-hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,42,51,.12),transparent 30%),linear-gradient(0deg,rgba(8,42,51,.5),transparent 29%);pointer-events:none}
.safehi-hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:55% center;display:block}
.safehi-hero-photo-label{position:absolute;bottom:22px;right:27px;z-index:2;color:#fff;font-weight:700;letter-spacing:.16em;font-size:11px;text-shadow:0 1px 8px #102525}
.safehi-facts{padding:0 7vw}
.safehi-facts dl{border:0;grid-template-columns:1.06fr 1.18fr .85fr 1.7fr}
.safehi-facts dl>div{padding:14px 14px 12px;min-width:0}
.safehi-facts dl>div:first-child{padding-left:0}
.safehi-facts dt{font-size:12px;line-height:1.4;letter-spacing:.08em}
.safehi-facts dd{font-size:clamp(17px,1.6vw,23px);line-height:1.35;overflow-wrap:anywhere;margin:4px 0 0}
.safehi-facts .safehi-code{font-family:var(--sans);font-size:clamp(12px,1.12vw,16px);font-weight:600;letter-spacing:-.02em;padding-top:6px}
.safehi-facts dl>.fact-countries{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px 10px 17px;border-right:0;border-top:1px solid rgba(24,32,51,.3)}
.safehi-facts .fact-countries dt{font-size:12px}.safehi-facts .fact-countries dd{font:normal clamp(17px,1.6vw,22px)/1.45 var(--serif);margin-top:4px}
.safehi-subnav{position:sticky;top:70px;z-index:32;background:#f9f5ef;border-bottom:1px solid #cfc8ba;box-shadow:0 6px 18px rgba(0,0,0,.05)}
.safehi-subnav a{font-size:12px;padding:10px 13px;white-space:nowrap}
.safehi-page main section[id]{scroll-margin-top:150px}
.safehi-intro{background:#f6f0e6}
.safehi-intro-top{display:grid;grid-template-columns:1.08fr .92fr;gap:8vw;align-items:start}
.safehi-intro h2,.safehi-section-intro h2,.safehi-gallery-top h2{font:normal clamp(52px,6.5vw,98px)/.96 var(--serif);letter-spacing:-.055em;margin:0 0 25px}
.safehi-intro-lede{font:normal clamp(23px,2.35vw,34px)/1.25 var(--serif);max-width:650px;margin:0}
.safehi-intro-copy{padding-top:32px;border-top:1px solid #998d7e}.safehi-intro-copy p{font-size:18px;line-height:1.7;margin:0 0 22px}
.safehi-rule-feature{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);gap:4vw;align-items:end;margin-top:72px}
.safehi-rule-feature .safehi-figure img{max-height:510px;object-fit:cover;object-position:center}
.safehi-rule-aside{border-top:1px solid #867d6f;padding-top:20px;padding-bottom:28px}
.safehi-side-tag,.safehi-small-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#9d5e34}
.safehi-rule-aside p{font:normal clamp(22px,2.2vw,34px)/1.3 var(--serif);max-width:460px}
.safehi-figure{margin:0;min-width:0}.safehi-figure button{border:0;background:transparent;width:100%;padding:0;display:block;cursor:zoom-in;overflow:hidden}
.safehi-figure img{width:100%;height:auto;display:block;transition:transform .4s ease}.safehi-figure button:hover img{transform:scale(1.025)}
.safehi-figure figcaption{font-size:13px;line-height:1.5;color:#526061;margin-top:9px}
.safehi-experiences{background:#fffdfa}.safehi-section-intro{max-width:980px;margin-bottom:50px}.safehi-section-intro>p:last-child{font-size:19px;line-height:1.65;max-width:800px}
.safehi-experience-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:3.5vw;row-gap:60px}
.safehi-experience-card{display:flex;flex-direction:column;gap:22px;min-width:0}.safehi-experience-card .safehi-exp-copy{border-top:1px solid #b6aaa0;padding-top:21px}
.safehi-experience-card h3{font-size:clamp(31px,3.1vw,52px);line-height:1.05;letter-spacing:-.035em;margin:14px 0 18px}
.safehi-experience-card .safehi-exp-copy>p:last-child{font-size:17px;line-height:1.65;max-width:620px}
.safehi-experience-card-feature{grid-row:span 2;gap:23px}
.safehi-experience-card-feature .safehi-figure img{max-height:770px;object-fit:cover;object-position:center 25%}
.safehi-experience-card-feature .safehi-exp-copy{max-width:620px}
.safehi-competences{background:var(--safe-deep);color:#faf7ed;display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:center}
.safehi-competence-photo img{display:block;width:100%;height:550px;object-fit:cover;object-position:50% 44%}
.safehi-competence-copy .eyebrow{color:var(--safe-gold)}
.safehi-competence-copy h2{font-size:clamp(48px,5vw,78px);line-height:.98;letter-spacing:-.055em;margin:0 0 24px}
.safehi-competence-lead{font-size:18px;line-height:1.6;max-width:780px;color:#d8e1db}
.safehi-competence-list{margin-top:37px;display:grid;grid-template-columns:1fr 1fr;gap:28px}
.safehi-competence-list>div{border-top:1px solid rgba(255,255,255,.32);padding-top:17px}
.safehi-competence-list h3{font:normal 27px/1.1 var(--serif);color:#f9e4ae;margin:0 0 8px}
.safehi-competence-list p{font-size:15px;line-height:1.6;color:#d6e1dd;margin:0}
.safehi-voices{background:#eee7d9}.safehi-voices-note{max-width:950px;font-size:14px;line-height:1.6;color:#51615f;margin:-22px 0 35px}
.safehi-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.safehi-post-card{background:#fffdfa;border:1px solid #d0c8bb;min-width:0;overflow:hidden;display:flex;flex-direction:column}
.safehi-post-index{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;font-size:18px;font-family:var(--serif);color:var(--safe-deep)}
.safehi-post-index span{font:700 10px/1 var(--sans);letter-spacing:.13em}
.safehi-post-art{min-height:205px;background:linear-gradient(150deg,#0b3c43,#23585a 55%,#b87b3f);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#f9efe0;position:relative;overflow:hidden}
.safehi-post-card:nth-child(2n) .safehi-post-art{background:linear-gradient(135deg,#0b273a,#105d6d 60%,#d9a650)}
.safehi-post-card:nth-child(3n) .safehi-post-art{background:linear-gradient(140deg,#753c30,#b36c40 40%,#0d4a51)}
.safehi-post-art:before{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(255,255,255,.22);border-radius:50%;transform:translate(130px,120px)}
.safehi-post-art-mark{position:relative;font-size:34px;line-height:1;opacity:.85;margin-bottom:18px}
.safehi-post-art strong{position:relative;font:normal 48px/1 var(--serif);letter-spacing:-.06em}
.safehi-post-art small{position:relative;font-size:11px;letter-spacing:.15em;margin-top:11px}
.safehi-post-control{padding:16px;display:flex;flex-direction:column;align-items:start;gap:10px;flex:1}
.safehi-post-control h3{font-size:28px;margin:0}.safehi-post-control p{font-size:13px;line-height:1.4;opacity:.72;margin:0 0 auto}
.safehi-post-load{padding:12px 15px;font-size:12px;font-weight:700;background:var(--safe-deep);color:#fff;border:0;cursor:pointer;width:100%;text-align:left;display:flex;justify-content:space-between;gap:12px}
.safehi-post-control>a{font-size:12px;border-bottom:1px solid #567a7c;padding-bottom:4px}
.safehi-post-target:has(iframe){padding:0 10px 12px}.safehi-post-target iframe{height:460px;width:100%;border:0;background:#fff}
.safehi-social-disclaimer{font-size:13px;opacity:.7;line-height:1.5;margin:22px 0 0}
.safehi-gallery-section{background:#fdfbf7}.safehi-gallery-top{display:grid;grid-template-columns:1.4fr .6fr;gap:5vw;align-items:end;margin-bottom:38px}
.safehi-gallery-top p:last-child{font-size:17px;line-height:1.6}.safehi-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.safehi-gallery-item{margin:0;min-width:0}.safehi-gallery-item button{width:100%;padding:0;background:transparent;border:0;cursor:zoom-in;display:block;overflow:hidden}
.safehi-gallery-item img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .35s ease}.safehi-gallery-item button:hover img{transform:scale(1.04)}
.safehi-gallery.is-collapsed .safehi-gallery-item:nth-child(n+7){display:none}
.safehi-gallery-toggle{margin-top:25px;background:transparent;border:1px solid var(--safe-deep);color:var(--safe-deep);font-size:13px;letter-spacing:.04em;font-weight:700;padding:15px 22px;cursor:pointer;display:flex;justify-content:space-between;gap:25px;min-width:265px}
.safehi-end{background:#c9aa73;display:flex;gap:4vw;align-items:end;justify-content:space-between}
.safehi-end span{font-size:12px;letter-spacing:.12em;font-weight:700}.safehi-end h2{font-size:clamp(39px,5.5vw,83px);letter-spacing:-.05em;line-height:1.04;max-width:860px;margin:20px 0 0}
@media(max-width:1050px){.safehi-subnav{top:63px}.safehi-hero{grid-template-columns:1fr 1fr}.safehi-post-grid{grid-template-columns:1fr 1fr}.safehi-facts dl{grid-template-columns:1fr 1fr}.safehi-facts dl>div:nth-child(2){border-right:0}.safehi-facts dl>.fact-countries{grid-column:1/-1}.safehi-gallery{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.safehi-hero{display:flex!important;flex-direction:column;min-height:0!important}.safehi-hero-copy{padding:62px 22px 38px}.safehi-hero h1{font-size:clamp(81px,18vw,115px);margin:19px 0 28px}.safehi-hero-foot{margin-top:33px}.safehi-hero-visual{height:290px}.safehi-hero-photo-label{bottom:12px;right:15px;font-size:9px}.safehi-facts{padding:0 20px}.safehi-facts dl{grid-template-columns:1fr 1fr}.safehi-facts dl>div{padding:12px 8px}.safehi-facts dl>div:first-child{padding-left:8px}.safehi-facts dd{font-size:17px}.safehi-facts .safehi-code{font-size:11px;word-break:break-word}.safehi-facts .fact-countries dd{font-size:16px}.safehi-subnav{overflow-x:auto;justify-content:flex-start;top:61px;gap:6px;padding:8px 12px;scrollbar-width:thin}.safehi-subnav a{font-size:11px;padding:9px 11px;flex-shrink:0}.safehi-intro-top,.safehi-rule-feature,.safehi-competences,.safehi-gallery-top{grid-template-columns:1fr}.safehi-intro-copy{padding-top:15px}.safehi-intro-lede{font-size:24px}.safehi-rule-feature{margin-top:36px;gap:12px}.safehi-rule-aside{padding-top:18px;padding-bottom:0}.safehi-experience-grid{grid-template-columns:1fr;gap:45px}.safehi-experience-card-feature{grid-row:auto}.safehi-experience-card-feature .safehi-figure{order:2}.safehi-experience-card-feature .safehi-exp-copy{order:1}.safehi-competence-photo img{height:260px}.safehi-competence-list{grid-template-columns:1fr 1fr;gap:20px}.safehi-competence-list h3{font-size:23px}.safehi-post-grid{grid-template-columns:1fr}.safehi-post-art{min-height:155px}.safehi-gallery{grid-template-columns:1fr 1fr;gap:8px}.safehi-end{flex-direction:column;align-items:start}.safehi-page main section[id]{scroll-margin-top:135px}}
@media(max-width:370px){.safehi-competence-list{grid-template-columns:1fr}.safehi-hero-foot{font-size:9px;gap:8px}.safehi-post-art strong{font-size:42px}}

/* V8.16 final refinements: centered country line at all breakpoints. */
.project-facts.facts-with-countries.safehi-facts dl > .fact-countries{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:3px!important}
.project-facts.facts-with-countries.safehi-facts .fact-countries dd{text-align:center!important;margin:0!important;width:auto!important}
@media(max-width:700px){.project-facts.facts-with-countries.safehi-facts dl > .fact-countries{grid-column:1/-1!important}}

/* V8.17 — SAFE-HI editorial social stories (source: supplied project posts) */
.safehi-voices{background:#f4f1e8}
.safehi-voices .safehi-section-intro{max-width:1040px;margin-bottom:46px}
.safehi-voices .safehi-section-intro>p:last-child{max-width:850px;font-size:19px;line-height:1.65}
.safehi-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.safehi-post-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(14,53,55,.2);background:#fffdfa;min-width:0}
.safehi-post-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:.95fr 1.05fr;align-items:stretch}
.safehi-post-card:first-child .safehi-post-target{grid-column:1/-1}
.safehi-post-art{min-height:250px;padding:32px;display:flex;align-items:start;justify-content:space-between;flex-direction:column;gap:15px;color:#fff8e7;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(140deg,#0e4650,#205f62)}
.safehi-post-art:before{content:'';position:absolute;z-index:-1;right:-80px;bottom:-140px;width:350px;height:350px;border-radius:50%;border:65px solid rgba(249,226,172,.12);transform:rotate(-19deg)}
.safehi-post-art:after{content:'';position:absolute;z-index:-1;left:45%;top:-100px;width:2px;height:460px;transform:rotate(32deg);background:rgba(255,255,255,.16)}
.safehi-post-art-kicker{font:bold 11px/1.4 var(--sans);letter-spacing:.14em;max-width:100%;text-transform:uppercase}
.safehi-post-art strong{font:normal clamp(31px,3.5vw,57px)/.99 var(--serif);letter-spacing:-.045em;overflow-wrap:anywhere;max-width:650px;position:relative}
.safehi-post-card:first-child .safehi-post-art strong{font-size:clamp(42px,5.3vw,78px)}
.safehi-post-art small{font:bold 11px/1.4 var(--sans);letter-spacing:.12em}
.safehi-post-art-rule{width:65px;height:3px;background:#f2c265}
.safehi-post-art small span{color:#e6bb5a}
.safehi-post-theme-2 .safehi-post-art{background:linear-gradient(145deg,#2f4261,#715258)}
.safehi-post-theme-3 .safehi-post-art{background:linear-gradient(145deg,#9a663d,#503a49)}
.safehi-post-theme-4 .safehi-post-art{background:linear-gradient(145deg,#1e5358,#718064)}
.safehi-post-theme-5 .safehi-post-art{background:linear-gradient(145deg,#553e61,#a56859)}
.safehi-post-theme-6 .safehi-post-art{background:linear-gradient(145deg,#192f44,#257b7a)}
.safehi-post-theme-7 .safehi-post-art{background:linear-gradient(145deg,#845143,#d1a34a)}
.safehi-post-control{padding:28px 30px 29px;display:flex;flex-direction:column;gap:13px;align-items:stretch;flex:1}
.safehi-post-kicker{font:bold 12px/1.35 var(--sans);text-transform:uppercase;letter-spacing:.11em;color:#a1512d}
.safehi-post-control h3{font:normal clamp(29px,3vw,43px)/1.06 var(--serif);letter-spacing:-.035em;color:#102d34;margin:0}
.safehi-post-control p{font:normal 16px/1.65 var(--sans);color:#2e3f42;opacity:1;margin:0 0 10px;max-width:650px}
.safehi-post-actions{display:flex;flex-direction:column;gap:15px;margin-top:auto;align-items:flex-start}
.safehi-post-load{width:auto;min-width:210px;font-size:13px;padding:13px 17px;background:#104550;border:0;color:white;cursor:pointer;display:inline-flex;gap:24px;justify-content:space-between;align-items:center}
.safehi-post-control .safehi-post-actions>a{font:bold 12px/1.4 var(--sans);color:#135063;border-bottom:1px solid currentColor;padding:0 0 3px}
.safehi-post-target:has(iframe){padding:14px;max-width:550px;margin:0 auto;width:100%}
.safehi-post-target iframe{width:100%;height:550px;border:0}
.safehi-social-disclaimer{font-size:13px;opacity:.73;margin-top:28px}
@media(max-width:980px){.safehi-post-grid{grid-template-columns:1fr 1fr}.safehi-post-card:first-child{grid-template-columns:1fr 1fr}.safehi-post-control{padding:24px}.safehi-post-art{min-height:220px}}
@media(max-width:700px){.safehi-post-grid{grid-template-columns:1fr}.safehi-post-card:first-child{display:flex;grid-column:auto}.safehi-post-art{min-height:225px;padding:26px}.safehi-post-card:first-child .safehi-post-art strong{font-size:clamp(38px,11vw,58px)}.safehi-post-control{padding:24px 22px}.safehi-post-target:has(iframe){padding:10px}.safehi-post-target iframe{height:490px}}


/* V8.19 — SAFE-HI: locally-hosted previews. No Instagram embed/iframe. */
.safehi-voices{background:#f2ede3}
.safehi-voices .safehi-section-intro{max-width:1000px;margin-bottom:45px}
.safehi-story-list{border-top:1px solid rgba(18,53,54,.25)}
.safehi-story{display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:clamp(28px,6vw,92px);align-items:center;padding:clamp(38px,5.6vw,78px) 0;border-bottom:1px solid rgba(18,53,54,.25)}
.safehi-story:nth-child(even) .safehi-story-copy{order:2}
.safehi-story:nth-child(even) .safehi-story-visual{order:1}
.safehi-story-copy{padding-top:10px;max-width:595px;min-width:0}
.safehi-story-kicker{display:block;color:#89502e;font:bold 12px/1.45 var(--sans);letter-spacing:.12em;text-transform:uppercase;margin-bottom:19px}
.safehi-voices .safehi-story-copy h3{font:normal clamp(35px,4.2vw,67px)/1.02 var(--serif);letter-spacing:-.045em;color:#102f39;margin:0 0 24px;overflow-wrap:break-word}
.safehi-voices .safehi-story-copy>p{font:normal 18px/1.68 var(--sans);color:#304448;margin:0 0 24px;max-width:610px;opacity:1}
.safehi-story-link{font:bold 13px/1.5 var(--sans);color:#0d4f58!important;border-bottom:1px solid currentColor;display:inline-flex;gap:7px;padding-bottom:3px;letter-spacing:.02em}
.safehi-story-link:focus-visible,.safehi-static-preview:focus-visible{outline:3px solid #ad6e3d;outline-offset:5px}
.safehi-story-visual{min-width:0;display:flex;align-items:center;flex-direction:column;padding:0}
.safehi-static-preview{position:relative;display:block;width:min(100%,420px);margin:0 auto;isolation:isolate;overflow:hidden;border:1px solid rgba(18,53,54,.20);background:#14262c;box-shadow:0 18px 45px rgba(20,36,35,.12);transition:transform .25s ease,box-shadow .25s ease;color:#fff!important}
.safehi-static-preview img{display:block;width:100%;height:auto;aspect-ratio:650/1138;object-fit:cover;transition:transform .4s ease}
.safehi-static-preview:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(0deg,rgba(6,23,27,.9),transparent);pointer-events:none}
.safehi-static-preview:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(20,36,35,.22)}
.safehi-static-preview:hover img{transform:scale(1.02)}
.safehi-preview-open{position:absolute;z-index:2;right:14px;top:14px;background:rgba(9,37,44,.78);border:1px solid rgba(255,255,255,.52);border-radius:50%;width:46px;height:46px;display:grid;place-items:center;font-size:27px;line-height:1;color:#fff}
.safehi-preview-label{position:absolute;z-index:2;left:24px;right:20px;bottom:23px;color:white!important;font:bold 14px/1.4 var(--sans);letter-spacing:.03em;text-shadow:0 2px 10px #000;display:flex;align-items:center;gap:12px}
.safehi-preview-footnote{font:normal 12px/1.5 var(--sans);color:#56605c;margin:11px auto 0;text-align:center;max-width:420px}
.safehi-voices .safehi-social-disclaimer{font:normal 13px/1.65 var(--sans);color:#5c6663;max-width:980px;opacity:1;margin:32px 0 0}
@media(max-width:960px){.safehi-story{grid-template-columns:1fr;gap:25px;padding:44px 0}.safehi-story:nth-child(even) .safehi-story-copy,.safehi-story:nth-child(even) .safehi-story-visual{order:initial}.safehi-story-copy{max-width:720px;padding-top:0}.safehi-story-visual{align-items:flex-start}.safehi-static-preview{margin:0;max-width:420px}.safehi-preview-footnote{margin:11px 0 0;text-align:left}}
@media(max-width:600px){.safehi-story{padding:35px 0;gap:22px}.safehi-voices .safehi-story-copy h3{font-size:clamp(36px,9vw,55px);margin-bottom:17px}.safehi-voices .safehi-story-copy>p{font-size:16px;line-height:1.65}.safehi-story-visual{width:100%}.safehi-static-preview{width:min(100%,350px)}.safehi-preview-footnote{font-size:11px}.safehi-preview-label{font-size:12px;left:17px;bottom:17px}}

/* Consent-gated YouTube; no external preview image or iframe before consent. */
.youtube-adaptive.youtube-consent-pending{isolation:isolate;background:#101728;}
.youtube-adaptive.youtube-consent-pending .youtube-offline-card img,
.youtube-adaptive.youtube-consent-pending .s12-video-frame img{opacity:.52;}
.youtube-consent-info{position:absolute;z-index:5;left:0;right:0;bottom:0;padding:11px 18px 13px;background:linear-gradient(0deg,rgba(11,17,31,.96),rgba(11,17,31,.87));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px 14px;flex-wrap:wrap;font-family:Arial,Helvetica,sans-serif;}
.youtube-consent-info strong{font-size:13px;line-height:1.3;letter-spacing:.01em;font-weight:700;color:#fff;}
.youtube-consent-info p{flex:1 1 220px;line-height:1.4;font-size:12px;margin:0;color:#f2eee7;}
.youtube-consent-manage:not([hidden]){display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:9px 12px;min-height:36px;border:1px solid #e6bb60;background:#e6bb60;color:#182033;border-radius:2px;text-transform:none;font-size:12px;font-weight:700;cursor:pointer;}
.youtube-consent-manage:hover{background:#f5cf78;}
.youtube-consent-manage:focus-visible{outline:3px solid #fff;outline-offset:3px;}
.youtube-consent-pending .youtube-label,.youtube-consent-pending .s12-video-hint{display:none;}
.youtube-consent-pending .youtube-play,.youtube-consent-pending .s12-play{top:38%;}
@media(max-width:650px){
 .youtube-consent-info{padding:8px 10px 10px;gap:4px 8px}
 .youtube-consent-info strong{font-size:11px}
 .youtube-consent-info p{font-size:10px;flex-basis:100%;line-height:1.28}
 .youtube-consent-manage:not([hidden]){font-size:10px;min-height:29px;padding:5px 9px}
 .youtube-consent-pending .youtube-play,.youtube-consent-pending .s12-play{top:29%;width:52px;height:52px;font-size:22px}
}


/* V8.21 — Instagram: keep the real, locally hosted preview until the official embed
   is both consented to and loaded. Instagram controls the final iframe height. */
.safehi-instagram-consent-note{width:min(100%,440px);margin:13px auto 0;display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;justify-content:center;text-align:center;}
.safehi-instagram-consent-note p{font-size:13px!important;line-height:1.45!important;color:#405758!important;margin:0!important;flex:1 1 220px;}
.safehi-instagram-consent-note button:not([hidden]){display:inline-flex;align-items:center;justify-content:center;background:#eac46f;color:#122f34;border:0;padding:9px 12px;font-weight:700;font-size:12px;cursor:pointer;}
.safehi-instagram-consent-note button:focus-visible{outline:3px solid #162e36;outline-offset:3px;}
.safehi-static-preview[hidden],.safehi-preview-footnote[hidden],.safehi-instagram-consent-note[hidden]{display:none!important;}
.safehi-instagram-embed{display:none;width:min(100%,540px);max-width:100%;margin:0 auto;overflow:visible!important;}
.safehi-instagram-embed.is-ready{display:block;}
.safehi-instagram-embed .instagram-media{margin:0 auto!important;min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important;}
.safehi-instagram-embed iframe{display:block;max-width:100%!important;overflow:visible!important;border:0!important;}


/* V8.22 — Countries as a real full-width typographic row, aligned with the fact values above. */
.project-facts.facts-with-countries dl > .fact-countries,
.project-facts.facts-with-countries.safehi-facts dl > .fact-countries{
  display:block!important;
  grid-column:1 / -1!important;
  padding:14px 6px 17px!important;
  border-right:0!important;
  border-top:1px solid rgba(24,32,51,.3);
  text-align:center;
}
.project-facts.facts-with-countries dl > .fact-countries dt{
  display:block;
  margin:0 0 11px;
  padding:0;
  font-family:var(--sans);
  font-size:12px;
  font-weight:700;
  line-height:1.3;
  letter-spacing:.1em;
  text-transform:uppercase;
  text-align:center;
}
.project-facts.facts-with-countries dl > .fact-countries dd.country-names,
.project-facts.facts-with-countries.safehi-facts dl > .fact-countries dd.country-names{
  display:grid!important;
  grid-template-columns:repeat(var(--country-count),minmax(0,1fr));
  align-items:center;
  gap:10px;
  width:100%!important;
  max-width:100%;
  margin:0!important;
  font-family:var(--serif);
  font-size:clamp(20px,1.9vw,26px);
  font-weight:400;
  line-height:1.2;
  letter-spacing:-.025em;
  text-align:center!important;
  text-wrap:nowrap;
}
.project-facts.facts-with-countries .country-names span{
  min-width:0;
  white-space:nowrap;
}
.project-facts.facts-with-countries .country-names[style*="--country-count:2"]{
  max-width:610px!important;
  margin:0 auto!important;
}
@media(max-width:1200px){
  .project-facts.facts-with-countries dl > .fact-countries dd.country-names,
  .project-facts.facts-with-countries.safehi-facts dl > .fact-countries dd.country-names{
    grid-template-columns:repeat(min(4,var(--country-count)),minmax(0,1fr));
    gap:11px 12px;
    font-size:clamp(20px,2.1vw,24px);
  }
}
@media(max-width:680px){
  .project-facts.facts-with-countries dl > .fact-countries,
  .project-facts.facts-with-countries.safehi-facts dl > .fact-countries{
    padding:12px 2px 14px!important;
  }
  .project-facts.facts-with-countries dl > .fact-countries dt{margin-bottom:10px;font-size:12px}
  .project-facts.facts-with-countries dl > .fact-countries dd.country-names,
  .project-facts.facts-with-countries.safehi-facts dl > .fact-countries dd.country-names{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px 8px;
    font-size:clamp(19px,4.7vw,22px);
    line-height:1.25;
  }
  .project-facts.facts-with-countries .country-names span:last-child:nth-child(odd){grid-column:1 / -1}
}


/* V8.23 — SAFE-HI: caption immediately below the heading, across the full text width.
   Keep the complete sentence on one line when the viewport allows it. */
.safehi-gallery-top{
  display:block;
}
.safehi-gallery-top h2{
  margin-bottom:16px;
}
.safehi-gallery-top .safehi-gallery-intro{
  display:block;
  width:100%;
  max-width:none;
  margin:0;
  font-size:17px;
  line-height:1.6;
}
@media(min-width:960px){
  .safehi-gallery-top .safehi-gallery-intro{white-space:nowrap;}
}

/* V8.23 — Country labels and bullet markers in all project facts bands. */
.project-facts.facts-with-countries dl > .fact-countries dt,
.project-facts.facts-with-countries.safehi-facts dl > .fact-countries dt{
  font-size:17px;
  font-weight:800;
  letter-spacing:.085em;
  line-height:1.3;
  margin-bottom:15px;
  color:#182033;
}
.project-facts.facts-with-countries .country-names span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.35em;
  white-space:nowrap;
}
.project-facts.facts-with-countries .country-names span::before{
  content:"•";
  display:inline-block;
  font-family:var(--sans);
  font-size:.9em;
  font-weight:700;
  line-height:1;
  color:#182033;
  flex-shrink:0;
}
@media(max-width:680px){
  .project-facts.facts-with-countries dl > .fact-countries dt,
  .project-facts.facts-with-countries.safehi-facts dl > .fact-countries dt{
    font-size:16px;
    margin-bottom:13px;
  }
}

/* V8.24 — COSTA: independent visual language for an ongoing solidarity project. */
.costa-page{--costa-green:#173e2f;--costa-deep:#09281f;--costa-orange:#c45b2f;--costa-cream:#f7f1e6;--costa-lime:#d9d8a5;background:var(--costa-cream);color:var(--costa-deep)}
.costa-page .site-header,.costa-page .site-footer{--ink:#182033}
.costa-page .section-pad{padding:100px 7vw}
.costa-page h2{font-size:clamp(45px,6vw,93px);line-height:.98;letter-spacing:-.045em;margin:15px 0 28px;font-weight:400}
.costa-page p{line-height:1.65}
.costa-kicker,.costa-overline{font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.17em;text-transform:uppercase}
.costa-kicker{color:var(--costa-orange)}
.costa-hero{height:min(84vh,810px);min-height:640px;position:relative;overflow:hidden;color:white;background:var(--costa-green)}
.costa-hero-image{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center 50%}
.costa-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,25,23,.87) 0%,rgba(6,27,26,.63) 43%,rgba(2,16,20,.10) 90%),linear-gradient(0deg,rgba(0,0,0,.30),transparent 40%)}
.costa-hero-content{position:relative;z-index:1;padding:125px 7vw 110px;max-width:1040px}
.costa-hero h1{font-family:var(--sans);font-weight:800;letter-spacing:-.075em;font-size:clamp(100px,17.5vw,263px);line-height:.88;margin:30px 0 25px}
.costa-hero-desc{font-family:var(--serif);font-size:clamp(24px,3.3vw,45px);line-height:1.16!important;letter-spacing:-.025em;max-width:675px;margin:0 0 30px}
.costa-hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.costa-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:16px 21px;min-height:52px;font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.035em;border:1px solid transparent;transition:background .2s ease,transform .2s ease;max-width:100%}
.costa-btn:hover{transform:translateY(-2px)}.costa-btn-primary{background:#f6ede0;color:#122a22}.costa-btn-secondary{border-color:rgba(255,255,255,.55);color:white}.costa-btn-dark{background:var(--costa-deep);color:white}
.costa-hero-caption{position:absolute;bottom:24px;right:7vw;font-size:10px;letter-spacing:.16em;font-weight:700;z-index:1}
.costa-acronym{background:var(--costa-green);color:#f4f0e9;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:28px 6vw;gap:8px}
.costa-acronym div{display:flex;gap:12px;justify-content:center;align-items:baseline;min-width:0}
.costa-acronym b{font-family:var(--serif);font-size:34px;line-height:1;color:#e3a076;font-weight:400}
.costa-acronym span{font-size:clamp(11px,1.3vw,18px);font-weight:600}
.costa-facts{background:#e7e0d1;padding:0 7vw;color:var(--costa-deep)}
.costa-facts dl{margin:0;display:grid;grid-template-columns:.65fr 1.4fr 1.15fr 1.1fr;border-bottom:1px solid #9a9e90}
.costa-facts dl>div{padding:28px 22px 29px;border-right:1px solid #b4b4a5}.costa-facts dl>div:first-child{padding-left:0}.costa-facts dl>div:last-child{border-right:0}
.costa-facts dt{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.costa-facts dd{margin:10px 0 0;font-family:var(--serif);font-size:clamp(18px,2.1vw,27px);line-height:1.15}
.costa-figure{margin:0;min-width:0;overflow:hidden;background:#d6d5c9}.costa-figure .lightbox-trigger{display:block;width:100%;height:100%;cursor:zoom-in}.costa-figure img{display:block;width:100%;height:100%;object-fit:cover}
.costa-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center}.costa-intro-copy{max-width:770px}.costa-intro p{font-size:18px;margin:0 0 22px;max-width:650px}
.costa-intro-visual{height:580px}.costa-intro-visual img{object-position:center}
.costa-quote{font-family:var(--serif);font-size:clamp(28px,3.5vw,43px);line-height:1.1;border-top:1px solid #8c9686;margin-top:48px;padding-top:24px;color:var(--costa-green)}
.costa-field{background:#f0eee6}.costa-section-heading{display:grid;grid-template-columns:1fr 1.3fr;column-gap:6vw;align-items:start;margin-bottom:46px}.costa-section-heading .costa-kicker{grid-column:1 / -1}.costa-section-heading h2{margin:14px 0 0}.costa-section-heading p{font-size:19px;line-height:1.6;max-width:590px;margin:17px 0 0}
.costa-field-photos{display:grid;grid-template-columns:1.15fr .85fr .95fr;gap:13px;height:470px}.costa-field-photos figure:nth-child(2) img{object-position:center}.costa-field-photo-three img{object-position:36% center}
.costa-issues{display:grid;grid-template-columns:.95fr 1.05fr;gap:7vw;align-items:start;background:#f7f1e6}.costa-issues-copy p{max-width:550px;font-size:18px}.costa-issues-photos{display:grid;grid-template-rows:300px 230px;gap:12px}.costa-issues-list{margin:34px 0 0;list-style:none;padding:0;border-top:1px solid #bdc1b2;max-width:560px}.costa-issues-list li{font-family:var(--serif);font-size:clamp(20px,2.3vw,30px);padding:17px 0;border-bottom:1px solid #bdc1b2}.costa-issues-list li:before{content:'•';color:var(--costa-orange);margin-right:12px}
.costa-map-band{background:var(--costa-deep);color:#f7f1e6}.costa-map-band .costa-kicker{color:#edaa7e}.costa-map-band h2{max-width:980px}.costa-map-band-lower{display:grid;grid-template-columns:1.3fr .7fr;gap:6vw;margin:40px 0 58px}.costa-map-band-lower p{font-size:20px;max-width:720px;margin:0}.costa-map-band-lower p:last-child{font-size:14px;color:#c5d5c4;border-left:1px solid #67796d;padding-left:25px}
.costa-map-locations{border-top:1px solid #82988a;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:24px;color:#e2ddbb;font-size:12px;font-weight:700;letter-spacing:.12em}
.costa-report{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;background:#e6ead9}.costa-report-copy>p{font-size:18px;max-width:650px}.costa-report-copy>.costa-btn{margin:22px 0 7px}.costa-report-small{font-size:13px!important;line-height:1.6!important;color:#536958}
.costa-report-detail{background:#cbd8c3;padding:33px 35px;display:flex;flex-direction:column;justify-content:space-between;min-height:485px}.costa-report-numeral{font-family:var(--serif);font-size:140px;color:var(--costa-orange);line-height:1}.costa-report-detail ol{padding:0;margin:0;list-style:none;border-top:1px solid #819183}.costa-report-detail li{display:flex;gap:24px;border-bottom:1px solid #819183;padding:21px 0;font-family:var(--serif);font-size:24px;line-height:1.18}.costa-report-detail li span{font-family:var(--sans);font-size:12px;font-weight:700;color:var(--costa-orange);padding-top:5px}
.costa-results{background:#f0e7d9}.costa-result-hero{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.costa-result-hero p{font-size:18px;max-width:570px}.costa-result-hero figure{height:470px}.costa-result-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #8c9d8f;margin-top:66px}.costa-result-stats>div{padding:27px 15px 26px 0;border-right:1px solid #b6c1b4}.costa-result-stats>div:not(:first-child){padding-left:30px}.costa-result-stats>div:last-child{border-right:0}.costa-result-stats strong{display:block;font-family:var(--serif);font-size:clamp(52px,7vw,102px);font-weight:400;line-height:1;color:var(--costa-green);letter-spacing:-.06em}.costa-result-stats strong span{font-size:.32em;letter-spacing:-.02em}.costa-result-stats>div>span{font-size:13px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;display:block;margin-top:10px}
.costa-followup{margin-top:55px;padding-top:26px;border-top:1px solid #8c9d8f;display:grid;grid-template-columns:1fr 1.5fr;gap:5vw}.costa-followup h3{font-family:var(--serif);font-size:32px;line-height:1.14;margin:0}.costa-followup p{font-size:15px;max-width:710px;margin:0}
.costa-gallery-section{background:#f9f6ed}.costa-gallery-section .costa-section-heading{display:block}.costa-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:255px;gap:12px}.costa-gallery-cell{margin:0;min-width:0;overflow:hidden;background:#d3d8cc}.costa-gallery-cell button{display:block;width:100%;height:100%;border:0;padding:0;background:none;cursor:zoom-in}.costa-gallery-cell img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s}.costa-gallery-cell button:hover img{transform:scale(1.035)}.costa-gallery-cell:first-child{grid-column:span 2}.costa-gallery-cell:nth-child(4){grid-row:span 2}.costa-gallery-cell:nth-child(4) img{object-position:center}.costa-gallery-cell:last-child{grid-column:span 2}
.costa-end{background:var(--costa-green);color:white;display:flex;flex-direction:column;align-items:flex-start}.costa-end>span{font-size:11px;letter-spacing:.18em}.costa-end h2{max-width:940px}.costa-end .text-link{color:white;margin-top:15px}
@media(max-width:1000px){.costa-page .section-pad{padding:76px 5vw}.costa-hero-content{padding:120px 5vw 90px}.costa-hero-caption{right:5vw}.costa-facts{padding:0 5vw}.costa-facts dl{grid-template-columns:repeat(2,1fr)}.costa-facts dl>div:nth-child(2){border-right:0}.costa-facts dl>div:nth-child(-n+2){border-bottom:1px solid #b4b4a5}.costa-facts dl>div:nth-child(3){padding-left:0}.costa-intro{gap:5vw}.costa-field-photos{height:370px}.costa-gallery-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:690px){.costa-hero{height:85svh;min-height:570px}.costa-hero-image{object-position:58% center}.costa-hero-shade{background:linear-gradient(90deg,rgba(3,25,23,.84),rgba(3,25,23,.50) 67%,rgba(3,25,23,.16)),linear-gradient(0deg,rgba(0,0,0,.35),transparent 55%)}.costa-hero-content{padding:110px 6vw 100px}.costa-hero h1{font-size:clamp(92px,21vw,145px)}.costa-hero-desc{font-size:28px}.costa-hero-actions{gap:9px}.costa-btn{padding:13px 14px;min-height:48px;font-size:11px}.costa-page .section-pad{padding:65px 6vw}.costa-acronym{grid-template-columns:repeat(3,1fr);padding:23px 6vw;row-gap:18px;align-items:center}.costa-acronym div{justify-content:start}.costa-acronym b{font-size:26px}.costa-acronym span{font-size:12px}.costa-facts{padding:0 6vw}.costa-facts dl{grid-template-columns:1fr 1fr}.costa-facts dl>div{padding:19px 11px!important}.costa-facts dl>div:nth-child(odd){padding-left:0!important}.costa-facts dt{font-size:10px}.costa-facts dd{font-size:19px}.costa-intro,.costa-issues,.costa-report,.costa-result-hero{grid-template-columns:1fr}.costa-intro-visual{height:450px}.costa-intro p,.costa-issues-copy p,.costa-report-copy>p,.costa-result-hero p{font-size:17px}.costa-section-heading{grid-template-columns:1fr}.costa-section-heading .costa-kicker{grid-column:auto}.costa-section-heading p{font-size:17px}.costa-field-photos{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:300px 240px}.costa-field-photo-one{grid-column:1 / -1}.costa-field-photo-one img{object-position:center 40%}.costa-field-photo-two,.costa-field-photo-three{min-height:0}.costa-issues-photos{grid-template-rows:300px 200px}.costa-map-band-lower{grid-template-columns:1fr;gap:28px}.costa-map-band-lower p{font-size:18px}.costa-map-band-lower p:last-child{padding-left:16px}.costa-map-locations{justify-content:start;gap:14px 22px;font-size:10px}.costa-report{gap:38px}.costa-report-detail{min-height:355px}.costa-report-numeral{font-size:80px}.costa-report-detail li{font-size:20px}.costa-result-hero figure{height:410px}.costa-result-stats{margin-top:30px}.costa-result-stats>div{padding:20px 5px!important}.costa-result-stats>div:not(:first-child){padding-left:10px!important}.costa-result-stats strong{font-size:clamp(41px,11vw,60px)}.costa-result-stats>div>span{font-size:10px;letter-spacing:.03em}.costa-followup{display:block}.costa-followup p{margin-top:17px}.costa-gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:190px;gap:8px}.costa-gallery-cell:first-child{grid-column:span 2}.costa-gallery-cell:nth-child(4){grid-row:span 1}.costa-gallery-cell:last-child{grid-column:span 2}.costa-end h2{font-size:44px}}
@media(max-width:370px){.costa-hero h1{font-size:84px}.costa-hero-desc{font-size:24px}.costa-acronym{grid-template-columns:repeat(2,1fr)}.costa-facts dd{font-size:17px}.costa-result-stats strong{font-size:37px}}

/* COSTA refinements — V8.25 */
.costa-page .costa-btn,.costa-page .costa-btn:visited{text-decoration:none}
.costa-page .costa-btn-primary{background:#143b2f;color:#fff;border-color:#143b2f;box-shadow:0 12px 28px rgba(8,29,24,.18)}
.costa-page .costa-btn-secondary{background:rgba(247,241,230,.12);color:#fff;border-color:rgba(255,255,255,.68);backdrop-filter:blur(2px)}
.costa-page .costa-btn-dark{background:#143b2f;color:#fff;border-color:#143b2f;box-shadow:0 10px 24px rgba(8,29,24,.14)}
.costa-page .costa-btn span[aria-hidden="true"]{font-size:1.12em}
.costa-page .costa-acronym{padding:34px 6vw 36px;gap:12px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.costa-page .costa-acronym div{padding:4px 10px;justify-content:center}
.costa-page .costa-acronym-word{font-family:var(--serif);font-size:clamp(24px,2.9vw,40px);line-height:1;color:#f7f1e6;letter-spacing:-.035em}
.costa-page .costa-acronym-word b{display:inline-block;margin-right:2px;color:#efb18b;font-weight:400;font-family:var(--sans);font-size:.92em;letter-spacing:-.03em}
.costa-page .costa-intro{grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:clamp(34px,4vw,58px);align-items:start}
.costa-page .costa-intro-copy{max-width:none}
.costa-page .costa-intro p{max-width:none}
.costa-page .costa-intro-visual{height:620px}
.costa-page .costa-field{background:#f0eee6}
.costa-page .costa-field-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:5vw;align-items:start;margin:16px 0 44px}
.costa-page .costa-field-intro h2{margin:14px 0 0;max-width:780px}

.costa-page .costa-field-photos{display:grid;grid-template-columns:1.05fr .95fr .95fr;grid-template-rows:270px 235px;gap:14px;height:auto}

.costa-page .costa-field-photo-two{grid-column:2 / 4;grid-row:1}

.costa-page .costa-field-photo-four{grid-column:3;grid-row:2}
.costa-page .costa-field-photo-one img{object-position:center}
.costa-page .costa-field-photo-two img{object-position:center 45%}
.costa-page .costa-field-photo-four img{object-position:center 28%}
.costa-page .costa-issues{gap:clamp(34px,4vw,70px)}
.costa-page .costa-issues-copy p{max-width:600px}
.costa-page .costa-issues-photos{display:grid;grid-template-columns:1.08fr .92fr;grid-template-rows:260px 260px;gap:12px}
.costa-page .costa-issue-main{grid-column:1;grid-row:1 / 3}
.costa-page .costa-issue-side-one{grid-column:2;grid-row:1}
.costa-page .costa-issue-side-two{grid-column:2;grid-row:2}
.costa-page .costa-issue-main img{object-position:center}
.costa-page .costa-map-band h2{max-width:900px}
.costa-page .costa-map-top{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(28px,4vw,56px);align-items:start;margin-top:18px}
.costa-page .costa-map-copy p{font-size:19px;line-height:1.68;max-width:640px;margin:0 0 18px}

.costa-page .costa-map-photo{height:280px}
.costa-page .costa-map-photo img{object-position:center 40%}

.costa-page .costa-map-process>div{background:rgba(247,241,230,.05);border:1px solid rgba(237,170,126,.24);padding:18px 18px 20px;min-height:100%}
.costa-page .costa-map-process span{display:block;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#edaa7e}
.costa-page .costa-map-process h3{font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.05;margin:10px 0 12px;color:#f7f1e6}
.costa-page .costa-map-process p{font-size:15px;line-height:1.58;color:#dce8dd;margin:0}
.costa-page .costa-map-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.costa-page .costa-map-tags span{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border:1px solid rgba(247,241,230,.22);background:rgba(247,241,230,.06);color:#f2e8cf;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.costa-page .costa-report{gap:clamp(34px,5vw,70px);background:#e6ead9}
.costa-page .costa-report-copy>p{max-width:690px}
.costa-page .costa-report-link{margin:28px 0 12px}
.costa-page .costa-report-detail{background:#d1ddca;padding:38px 36px 24px;min-height:0;justify-content:flex-start;gap:24px}
.costa-page .costa-report-eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#647566}
.costa-page .costa-report-detail ol{border-top:1px solid #7f9281}
.costa-page .costa-report-detail li{display:grid;grid-template-columns:40px 1fr;gap:16px;align-items:start;padding:20px 0}
.costa-page .costa-report-detail li span{padding-top:0}
.costa-page .costa-report-step strong{display:block;font-family:var(--serif);font-size:28px;font-weight:400;line-height:1.08;color:#173e2f}
.costa-page .costa-report-step p{font-size:15px;line-height:1.58;color:#465647;margin:8px 0 0}
.costa-page .costa-gallery-heading{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);column-gap:5vw;align-items:end;margin-bottom:34px}
.costa-page .costa-gallery-heading .costa-kicker{grid-column:1 / -1}
.costa-page .costa-gallery-heading h2{margin-bottom:0}
.costa-page .costa-gallery-heading p{font-size:18px;line-height:1.65;max-width:620px;margin:12px 0 0}
.costa-page .costa-gallery-grid{grid-auto-rows:260px}
.costa-page .costa-gallery-cell:nth-child(10){grid-column:span 2}
.costa-page .costa-gallery-cell:last-child{grid-column:span 1}
@media(max-width:1000px){
  .costa-page .costa-intro{grid-template-columns:1fr}
  .costa-page .costa-intro-visual{height:520px}
  .costa-page .costa-field-intro,.costa-page .costa-map-top,.costa-page .costa-gallery-heading{grid-template-columns:1fr}
  .costa-page .costa-gallery-heading .costa-kicker{grid-column:auto}
  .costa-page .costa-map-process{grid-template-columns:1fr}
  .costa-page .costa-field-photos{grid-template-columns:1fr 1fr;grid-template-rows:280px 240px 220px}
  .costa-page .costa-field-photo-one{grid-column:1 / -1;grid-row:1}
  .costa-page .costa-field-photo-two{grid-column:1 / -1;grid-row:2}
  .costa-page .costa-field-photo-three{grid-column:1;grid-row:3}
  .costa-page .costa-field-photo-four{grid-column:2;grid-row:3}
}
@media(max-width:690px){
  .costa-page .costa-acronym{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px;padding:24px 6vw 26px}
  .costa-page .costa-acronym div{justify-content:flex-start}
  .costa-page .costa-acronym-word{font-size:clamp(22px,7vw,32px)}
  .costa-page .costa-intro-visual{height:420px}
  .costa-page .costa-field-intro h2,.costa-page .costa-gallery-heading h2{margin-top:10px}
  .costa-page .costa-field-text p,.costa-page .costa-map-copy p,.costa-page .costa-gallery-heading p{font-size:17px}
  .costa-page .costa-issues-photos{grid-template-columns:1fr;grid-template-rows:290px 220px 220px}
  .costa-page .costa-issue-main,.costa-page .costa-issue-side-one,.costa-page .costa-issue-side-two{grid-column:auto;grid-row:auto}
  .costa-page .costa-map-photo{height:240px}
  .costa-page .costa-map-tags{gap:10px}
  .costa-page .costa-map-tags span{font-size:10px;padding:10px 13px}
  .costa-page .costa-report-detail{padding:30px 24px 18px}
  .costa-page .costa-report-step strong{font-size:24px}
  .costa-page .costa-gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:185px;gap:8px}
  .costa-page .costa-gallery-cell:nth-child(10){grid-column:span 1}
  .costa-page .costa-gallery-cell:last-child{grid-column:span 2}
}
@media(max-width:370px){
  .costa-page .costa-acronym{grid-template-columns:1fr}
  .costa-page .costa-field-photos{grid-template-columns:1fr;grid-template-rows:260px 220px 220px 220px}
  .costa-page .costa-field-photo-one,.costa-page .costa-field-photo-two,.costa-page .costa-field-photo-three,.costa-page .costa-field-photo-four{grid-column:auto;grid-row:auto}
}


/* COSTA refinements — V8.26 */
.costa-page .costa-acronym{padding:34px 6vw 40px;gap:14px}
.costa-page .costa-acronym-word{display:inline-flex;align-items:flex-end;gap:0;font-family:var(--serif);font-size:clamp(24px,2.75vw,38px);line-height:.94;color:#f7f1e6;letter-spacing:-.03em}
.costa-page .costa-acronym-initial{display:inline-block;font-family:var(--serif);font-size:1.52em;line-height:.82;color:#efb18b;margin-right:-.01em;transform:translateY(.02em)}
.costa-page .costa-field-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:5vw;align-items:start;margin:16px 0 40px}
.costa-page .costa-field-intro h2{margin:0;max-width:780px}
.costa-page .costa-field-text{padding-top:0}
.costa-page .costa-field-text p{font-size:19px;line-height:1.65;max-width:640px;margin:0 0 18px}
.costa-page .costa-field-photos{display:grid;grid-template-columns:1.03fr .97fr;grid-template-rows:290px 290px;gap:14px;height:auto}
.costa-page .costa-field-photo-one{grid-column:1;grid-row:1 / 3}
.costa-page .costa-field-photo-two{grid-column:2;grid-row:1}
.costa-page .costa-field-photo-three{grid-column:2;grid-row:2}
.costa-page .costa-field-photo-four{display:none}
.costa-page .costa-field-photo-one img{object-position:center 35%}
.costa-page .costa-field-photo-two img{object-position:center 32%}
.costa-page .costa-field-photo-three img{object-position:center 52%}
.costa-page .costa-map-band h2{margin:0 0 12px;max-width:900px}
.costa-page .costa-map-top{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:clamp(28px,4vw,56px);align-items:start;margin-top:18px}
.costa-page .costa-map-visual{display:grid;gap:16px}
.costa-page .costa-map-photo{height:300px}
.costa-page .costa-map-photo img{object-position:center 38%}
.costa-page .costa-map-bottom{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(0,1.1fr);gap:14px;align-items:start}
.costa-page .costa-map-areas,.costa-page .costa-map-process>div{background:rgba(247,241,230,.05);border:1px solid rgba(237,170,126,.24);padding:18px 18px 20px;min-height:100%}
.costa-page .costa-map-areas h3,.costa-page .costa-map-process h3{font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.05;margin:0 0 12px;color:#f7f1e6}
.costa-page .costa-map-areas p,.costa-page .costa-map-process p{font-size:15px;line-height:1.58;color:#dce8dd;margin:0}
.costa-page .costa-map-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.costa-page .costa-map-process span{display:none}
.costa-page .costa-map-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.costa-page .costa-map-tags span{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border:1px solid rgba(247,241,230,.22);background:rgba(247,241,230,.06);color:#f2e8cf;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.costa-page .costa-gallery-grid{grid-auto-rows:250px}
@media(max-width:1000px){
  .costa-page .costa-field-intro,.costa-page .costa-map-top,.costa-page .costa-gallery-heading{grid-template-columns:1fr}
  .costa-page .costa-field-photos{grid-template-columns:1fr 1fr;grid-template-rows:290px 220px}
  .costa-page .costa-field-photo-one{grid-column:1 / -1;grid-row:1}
  .costa-page .costa-field-photo-two{grid-column:1;grid-row:2}
  .costa-page .costa-field-photo-three{grid-column:2;grid-row:2}
  .costa-page .costa-map-bottom{grid-template-columns:1fr}
}
@media(max-width:690px){
  .costa-page .costa-acronym{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px;padding:24px 6vw 28px}
  .costa-page .costa-acronym-word{font-size:clamp(22px,6.8vw,31px)}
  .costa-page .costa-map-photo{height:280px}
  .costa-page .costa-map-process{grid-template-columns:1fr}
  .costa-page .costa-field-photos{grid-template-columns:1fr;grid-template-rows:280px 230px 230px}
  .costa-page .costa-field-photo-one,.costa-page .costa-field-photo-two,.costa-page .costa-field-photo-three{grid-column:auto;grid-row:auto}
}
@media(max-width:370px){
  .costa-page .costa-acronym{grid-template-columns:1fr}
}


/* V8.27 — targeted COSTA spacing, mapping photo and gallery correction */
.costa-page .costa-map-band h2{max-width:1020px;margin:12px 0 34px}
.costa-page .costa-map-top{
    display:grid;
    grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);
    gap:clamp(34px,4.5vw,78px);
    margin:0;
    align-items:start;
}
.costa-page .costa-map-copy{min-width:0;display:flex;flex-direction:column;align-items:stretch}
.costa-page .costa-map-copy>p{font-size:18px;line-height:1.65;max-width:none;margin:0 0 17px}
.costa-page .costa-map-copy>p:nth-of-type(2){margin-bottom:20px}
.costa-page .costa-map-areas{padding:0;border:0;background:none;min-height:0;margin:0 0 23px}
.costa-page .costa-map-areas h3{margin:0 0 13px;font-family:var(--sans);font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.13em;text-transform:uppercase;color:#e9ac85}
.costa-page .costa-map-tags{display:flex;flex-wrap:wrap;gap:9px;margin:0}
.costa-page .costa-map-tags span{padding:10px 13px;line-height:1.35;white-space:normal;font-size:11px;letter-spacing:.035em}
.costa-page .costa-map-method{border-top:1px solid rgba(247,241,230,.35)}
.costa-page .costa-map-method-row{
    display:grid;
    grid-template-columns:minmax(0,.46fr) minmax(0,.54fr);
    gap:16px;align-items:start;padding:18px 0;
    border-bottom:1px solid rgba(247,241,230,.26);
}
.costa-page .costa-map-method-row h3{font-family:var(--serif);font-size:clamp(23px,2.2vw,31px);font-weight:400;line-height:1.08;margin:0;color:#f7f1e6;overflow-wrap:normal;hyphens:auto;min-width:0}
.costa-page .costa-map-method-row p{font-size:15px;line-height:1.55;margin:0;color:#dce8dd;min-width:0}
.costa-page .costa-map-photo{height:auto!important;min-height:0;overflow:visible;background:transparent;aspect-ratio:auto}
.costa-page .costa-map-photo .lightbox-trigger{display:block;width:100%;height:auto;cursor:zoom-in}
.costa-page .costa-map-photo img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain!important;object-position:center!important}
/* Align the green reporting panel with the actual black heading, not the eyebrow label. */
.costa-page .costa-report{display:block}
.costa-page .costa-report>.costa-kicker{display:block;margin:0 0 18px}
.costa-page .costa-report-layout{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);align-items:start;gap:clamp(34px,5vw,74px)}
.costa-page .costa-report-copy{min-width:0}
.costa-page .costa-report-copy h2{margin:0 0 24px}
.costa-page .costa-report-detail{align-self:start;min-height:0!important;padding:28px 30px 22px;gap:0;justify-content:flex-start}
.costa-page .costa-report-detail ol{margin:14px 0 0;padding:0}
.costa-page .costa-report-detail li{padding:15px 0;gap:15px}
.costa-page .costa-report-step strong{font-size:clamp(22px,2.2vw,28px)}
.costa-page .costa-report-step p{font-size:15px;line-height:1.52;margin:6px 0 0}
/* Fill the lone gap in the penultimate desktop gallery row with its final photo. */
@media(min-width:1001px){
  .costa-page .costa-gallery-grid .costa-gallery-cell:last-child{grid-row:3!important;grid-column:4!important}
}
@media(max-width:1000px){
  .costa-page .costa-map-top,.costa-page .costa-report-layout{grid-template-columns:1fr}
  .costa-page .costa-map-photo{width:min(100%,540px);margin:0 auto}
  .costa-page .costa-gallery-grid .costa-gallery-cell:last-child{grid-row:auto!important;grid-column:auto!important}
}
@media(max-width:690px){
  .costa-page .costa-map-band h2{margin-bottom:24px}
  .costa-page .costa-map-top{gap:30px}
  .costa-page .costa-map-copy>p{font-size:17px}
  .costa-page .costa-map-method-row{grid-template-columns:1fr;gap:6px;padding:14px 0}
  .costa-page .costa-map-method-row h3{font-size:25px}
  .costa-page .costa-report>.costa-kicker{margin-bottom:14px}
  .costa-page .costa-report-detail{padding:24px 23px 16px}
  .costa-page .costa-report-layout{gap:30px}
  .costa-page .costa-gallery-grid .costa-gallery-cell:last-child{grid-column:span 2!important}
}
/* Make mapping descriptors naturally wrap at any desktop width. */
.costa-page .costa-map-method-row{grid-template-columns:minmax(0,1fr);gap:6px}

/* V8.28 — COSTA: allow documentary imagery to determine its own proportions. */
.costa-page .costa-intro{align-items:center;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(36px,6vw,80px)}
.costa-page .costa-intro-visual{height:auto;max-width:425px;width:100%;justify-self:end;aspect-ratio:auto;overflow:visible;background:transparent}

.costa-page .costa-intro-visual img{width:100%;height:auto;object-fit:contain;aspect-ratio:auto}
/* The heading itself is the vertical alignment reference, not the section's kicker. */
.costa-page .costa-field-intro{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);gap:clamp(32px,5vw,76px);align-items:end;margin:20px 0 42px}
.costa-page .costa-field-intro h2{margin:0;max-width:700px}
.costa-page .costa-field-text{align-self:end;padding:0 0 9px}
.costa-page .costa-field-text p{max-width:none;font-size:19px;line-height:1.65;margin:0}
.costa-page .costa-field-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;align-items:start;gap:20px;height:auto}
.costa-page .costa-field-photos .costa-field-photo{grid-column:auto;grid-row:auto;width:100%;height:auto;min-height:0;aspect-ratio:auto;overflow:visible;background:transparent;display:block}
.costa-page .costa-field-photo .lightbox-trigger{width:100%;height:auto}
.costa-page .costa-field-photo img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center}
.costa-page .costa-field-continuity{max-width:950px;font-size:19px;line-height:1.62;margin:27px 0 0;padding-top:17px;border-top:1px solid #c0c5b7}
/* Other COSTA photographs outside the archive should also retain their meaning. */
.costa-page .costa-issues{align-items:start}
.costa-page .costa-issues-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:12px;align-items:start}
.costa-page .costa-issues-photos .costa-figure{grid-column:auto;grid-row:auto;height:auto;overflow:visible;aspect-ratio:auto;background:transparent}
.costa-page .costa-issues-photos .costa-issue-main{grid-column:1/-1}
.costa-page .costa-issues-photos .lightbox-trigger{height:auto}
.costa-page .costa-issues-photos img{width:100%;height:auto;object-fit:contain;aspect-ratio:auto}
/* Mapping: title and all information on left, photo on right within text's vertical extent. */
.costa-page .costa-map-top{display:grid;grid-template-columns:minmax(0,1.53fr) minmax(0,.85fr);gap:clamp(32px,5vw,80px);align-items:start;margin:23px 0 0}
.costa-page .costa-map-copy{display:block;min-width:0}
.costa-page .costa-map-copy h2{font-size:clamp(48px,5.4vw,81px);line-height:.98;margin:0 0 23px;max-width:800px}
.costa-page .costa-map-copy>p{font-size:18px;line-height:1.58;margin:0 0 14px;max-width:800px}
.costa-page .costa-map-areas{padding:0;margin:23px 0 16px;min-height:0;border:0;background:none}
.costa-page .costa-map-areas h3{margin:0 0 11px;font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.11em;color:#e9ac85}
.costa-page .costa-map-tags{margin:0;gap:7px}
.costa-page .costa-map-tags span{padding:8px 10px;font-size:10px;white-space:normal}
.costa-page .costa-map-method{border-top:1px solid rgba(247,241,230,.30);margin-top:14px}
.costa-page .costa-map-method-row{display:grid;grid-template-columns:minmax(0,155px) minmax(0,1fr);gap:22px;align-items:baseline;padding:12px 0;border-bottom:1px solid rgba(247,241,230,.25)}
.costa-page .costa-map-method-row h3{margin:0;font-family:var(--serif);font-size:clamp(21px,1.85vw,28px);font-weight:400;line-height:1.16;color:#f7f1e6;overflow-wrap:break-word}
.costa-page .costa-map-method-row p{margin:0;font-size:14px;line-height:1.48;color:#dce8dd}
.costa-page .costa-map-photo{height:auto!important;aspect-ratio:auto;overflow:visible;background:transparent;width:100%;max-width:410px;align-self:start;justify-self:end;margin:0}
.costa-page .costa-map-photo .lightbox-trigger{height:auto;width:100%}
.costa-page .costa-map-photo img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain!important;object-position:center!important}
/* Locally hosted field video with native controls and proportions preserved. */
.costa-page .costa-clips{background:#e6e7dc;color:#153e31}
.costa-page .costa-clips-heading{max-width:950px}
.costa-page .costa-clips-heading h2{margin:13px 0 20px;max-width:890px}
.costa-page .costa-clips-heading p{font-size:19px;max-width:770px;margin:0 0 34px}
.costa-page .costa-clips-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.75fr);gap:clamp(25px,5vw,80px);align-items:start}
.costa-page .costa-clip{margin:0;min-width:0;max-width:100%}
.costa-page .costa-clip video{display:block;width:100%;height:auto;background:#132d27;object-fit:contain;border:0}
.costa-page .costa-clip-landscape{max-width:760px}
.costa-page .costa-clip-portrait{max-width:275px}
.costa-page .costa-clip figcaption{font-size:13px;color:#435747;margin-top:12px}
/* The collection image is scaled, not cropped or given a fixed height. */
.costa-page .costa-results .costa-result-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center;gap:clamp(34px,6vw,90px)}
.costa-page .costa-result-hero .costa-result-copy{min-width:0}
.costa-page .costa-result-hero .costa-result-copy h2{margin:14px 0 24px;max-width:820px}
.costa-page .costa-result-hero .costa-result-copy p{max-width:650px;font-size:18px;margin:0 0 25px}
.costa-page .costa-result-photo{width:100%;max-width:405px;height:auto;aspect-ratio:auto;background:transparent;overflow:visible;justify-self:end}
.costa-page .costa-result-photo .lightbox-trigger{height:auto}
.costa-page .costa-result-photo img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.costa-page .costa-result-hero .costa-result-stats{margin:25px 0 0;border-top:1px solid #8c9d8f}
.costa-page .costa-result-hero .costa-result-stats>div{padding:20px 14px 12px 0}
.costa-page .costa-result-hero .costa-result-stats>div:not(:first-child){padding-left:18px}
.costa-page .costa-result-hero .costa-result-stats strong{font-size:clamp(44px,5vw,77px)}
.costa-page .costa-result-hero .costa-result-stats>div>span{font-size:10px}
/* Gallery/archives can use flexible crops, but the gallery must not leave an accidental middle gap. */
.costa-page .costa-gallery-grid .costa-gallery-cell{grid-column:auto!important;grid-row:auto!important}
.costa-page .costa-gallery-grid .costa-gallery-cell:first-child{grid-column:span 2!important}
.costa-page .costa-gallery-grid .costa-gallery-cell:nth-child(4){grid-row:span 2!important}
@media(max-width:1100px){
 .costa-page .costa-map-top{grid-template-columns:minmax(0,1.3fr) minmax(0,.75fr);gap:30px}
 .costa-page .costa-map-method-row{grid-template-columns:1fr;gap:5px}
 .costa-page .costa-result-hero .costa-result-stats strong{font-size:clamp(36px,5.3vw,68px)}
}
@media(max-width:900px){
 .costa-page .costa-intro,.costa-page .costa-field-intro,.costa-page .costa-map-top,.costa-page .costa-results .costa-result-hero{grid-template-columns:1fr}
 .costa-page .costa-intro-visual,.costa-page .costa-map-photo,.costa-page .costa-result-photo{justify-self:start;max-width:min(100%,460px)}
 .costa-page .costa-field-intro{align-items:start;gap:20px}
 .costa-page .costa-field-photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 .costa-page .costa-map-photo{max-width:370px;justify-self:center}
 .costa-page .costa-map-method-row{grid-template-columns:minmax(140px,.4fr) minmax(0,1fr);gap:18px}
 .costa-page .costa-results .costa-result-hero{gap:28px}
 .costa-page .costa-result-photo{max-width:390px}
}
@media(max-width:690px){
 .costa-page .costa-field-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .costa-page .costa-field-photos .costa-field-photo:last-child{grid-column:1/-1;max-width:calc(50% - 5px);justify-self:center}
 .costa-page .costa-field-continuity{font-size:17px;margin-top:20px}
 .costa-page .costa-intro-visual{max-width:370px}
 .costa-page .costa-map-top{gap:28px}
 .costa-page .costa-map-copy h2{font-size:clamp(44px,12vw,67px);margin-bottom:18px}
 .costa-page .costa-map-copy>p{font-size:17px}
 .costa-page .costa-map-method-row{grid-template-columns:1fr;gap:5px}
 .costa-page .costa-clips-grid{grid-template-columns:1fr;gap:30px}
 .costa-page .costa-clip-landscape{max-width:100%}
 .costa-page .costa-clip-portrait{width:65%;max-width:275px}
 .costa-page .costa-clips-heading p{font-size:17px}
 .costa-page .costa-result-hero .costa-result-stats>div{padding:15px 7px 6px 0!important}
 .costa-page .costa-result-hero .costa-result-stats>div:not(:first-child){padding-left:10px!important}
 .costa-page .costa-gallery-grid .costa-gallery-cell:nth-child(4){grid-row:auto!important}
}
@media(min-width:1101px){
 .costa-page .costa-map-method-row{grid-template-columns:minmax(215px, .31fr) minmax(0,1fr);gap:18px}
 .costa-page .costa-map-method-row h3{font-size:26px;overflow-wrap:normal;hyphens:none}
}
.costa-page .costa-field-photo-stack{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;width:92%;justify-self:center}
.costa-page .costa-field-photo-stack .costa-field-photo{width:100%}
@media(max-width:690px){
 .costa-page .costa-field-photo-stack{grid-column:1/-1;width:min(100%,240px);justify-self:center}
}


/* V8.29 | COSTA editorial visual balance: keep the documentary subject; media belongs in its narrative. */
/* Scale up the full portrait in the introduction: use the entire half-column rather than an arbitrary 425px cap. */
.costa-page .costa-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,3.8vw,56px);align-items:center}
.costa-page .costa-intro-copy{max-width:none;min-width:0}
.costa-page .costa-intro-visual{width:100%;max-width:none;justify-self:stretch;height:auto;aspect-ratio:auto;margin:0}
.costa-page .costa-intro-visual .lightbox-trigger{height:auto}
.costa-page .costa-intro-visual img{width:100%;height:auto;object-fit:contain;object-position:center}
/* Field: two natural-ratio portrait photographs alongside a compact stack of a road video and wide documentary photo. */
.costa-page .costa-field-photos.costa-field-media{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,.95fr) minmax(0,1.35fr);grid-template-rows:auto;gap:clamp(11px,1.5vw,20px);align-items:start;height:auto}
.costa-page .costa-field-media>.costa-field-portrait{grid-column:auto!important;grid-row:auto!important;width:100%;height:auto;overflow:visible;margin:0}
.costa-page .costa-field-media .costa-field-portrait img{display:block;width:100%;height:auto;object-fit:contain}
.costa-page .costa-field-media-column{min-width:0;display:flex;flex-direction:column;gap:12px;align-self:start}
.costa-page .costa-field-media-column .costa-field-landscape{width:100%;height:auto;min-height:0;overflow:visible;background:none;grid-row:auto;grid-column:auto}
.costa-page .costa-field-landscape img{display:block;width:100%;height:auto;object-fit:contain}
/* Real videos, directly in the photo sequences; no artificial clip-only section. */
.costa-page .costa-instory-video{min-width:0;margin:0;background:transparent}
.costa-page .costa-instory-video video{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:#152e28;max-height:none}
.costa-page .costa-instory-video figcaption{font-size:12px;letter-spacing:.015em;margin:9px 0 2px;color:#4d6153}
/* Issues: the portrait clip shares space with two contextual documentary photos. */
.costa-page .costa-issues{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:clamp(30px,4vw,60px);align-items:center}
.costa-page .costa-issues-photos.costa-issues-media{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.93fr);grid-template-rows:auto;align-items:start;gap:12px;width:100%}
.costa-page .costa-issues-stills{display:flex;flex-direction:column;gap:12px;min-width:0}
.costa-page .costa-issues-stills .costa-issue-photo{width:100%;height:auto;min-width:0;overflow:visible;display:block;margin:0}
.costa-page .costa-issues-stills img{display:block;width:100%;height:auto;object-fit:contain}
.costa-page .costa-issues-video{grid-column:2;grid-row:1;min-width:0}
.costa-page .costa-issues-video figcaption{color:#687464}
/* Mapping: give the documentary portrait genuine visual presence, matching the vertical extent of the title and explanations. */
.costa-page .costa-map-top{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:clamp(30px,3.8vw,54px);align-items:center}
.costa-page .costa-map-copy{min-width:0}
.costa-page .costa-map-copy h2{font-size:clamp(51px,5vw,78px);max-width:none}
.costa-page .costa-map-photo{width:100%;max-width:none;height:auto;align-self:center;justify-self:stretch;margin:0}
.costa-page .costa-map-photo .lightbox-trigger{height:auto}
.costa-page .costa-map-photo img{width:100%;height:auto;object-fit:contain}
.costa-page .costa-map-method-row{grid-template-columns:minmax(0,1fr);gap:5px}
.costa-page .costa-map-method-row h3{font-size:clamp(22px,2vw,27px)}
/* Outcome: enlarge portrait rather than leaving a small picture adrift in a wide column. */
.costa-page .costa-results .costa-result-hero{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(30px,4.2vw,60px);align-items:center}
.costa-page .costa-result-photo{max-width:none;width:100%;height:auto;justify-self:stretch;align-self:center;margin:0}
.costa-page .costa-result-photo img{width:100%;height:auto;object-fit:contain}
.costa-page .costa-result-hero .costa-result-copy h2{font-size:clamp(54px,5vw,81px);max-width:700px}
.costa-page .costa-result-hero .costa-result-copy p{font-size:19px;line-height:1.65;max-width:none}
.costa-page .costa-result-hero .costa-result-stats strong{font-size:clamp(51px,5.2vw,78px)}
@media(max-width:1080px){
  .costa-page .costa-intro,.costa-page .costa-map-top,.costa-page .costa-results .costa-result-hero{grid-template-columns:1fr 1fr;gap:28px}
  .costa-page .costa-intro-visual,.costa-page .costa-map-photo,.costa-page .costa-result-photo{max-width:none;justify-self:stretch}
  .costa-page .costa-issues{grid-template-columns:1fr 1fr;gap:28px}
  .costa-page .costa-map-copy h2{font-size:clamp(46px,5vw,68px)}
}
@media(max-width:850px){
  .costa-page .costa-intro,.costa-page .costa-map-top,.costa-page .costa-results .costa-result-hero,.costa-page .costa-issues{grid-template-columns:1fr;gap:24px}
  .costa-page .costa-intro-visual,.costa-page .costa-result-photo{max-width:min(100%,650px);justify-self:center}
  .costa-page .costa-map-photo{max-width:min(100%,570px);justify-self:center}
  .costa-page .costa-field-photos.costa-field-media{grid-template-columns:1fr 1fr;gap:12px}
  .costa-page .costa-field-media-column{grid-column:1/-1;display:grid;grid-template-columns:1.05fr .95fr;gap:12px;align-items:start}
  .costa-page .costa-issues-photos.costa-issues-media{max-width:700px}
}
@media(max-width:600px){
  .costa-page .costa-intro-visual{width:100%;max-width:none}
  .costa-page .costa-field-photos.costa-field-media{gap:9px}
  .costa-page .costa-field-media-column{display:block;grid-column:1/-1}
  .costa-page .costa-field-media-column .costa-field-landscape{margin-top:12px}
  .costa-page .costa-issues-photos.costa-issues-media{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:9px}
  .costa-page .costa-issues-stills{gap:9px}
  .costa-page .costa-instory-video figcaption{font-size:11px}
  .costa-page .costa-map-copy h2{font-size:clamp(45px,11vw,68px)}
  .costa-page .costa-map-photo{width:100%;max-width:none}
  .costa-page .costa-results .costa-result-hero{gap:22px}
  .costa-page .costa-result-photo{width:100%;max-width:none}
}

/* V8.29 responsive media height correction. */
.costa-page .costa-field-portrait-pair{display:contents}
.costa-page .costa-field-media .costa-field-portrait{align-self:start;height:max-content;min-height:0;background:transparent}
.costa-page .costa-field-media .costa-field-portrait .lightbox-trigger{height:auto}
@media(max-width:600px){
 .costa-page .costa-field-photos.costa-field-media{display:flex;flex-direction:column;gap:0;align-items:stretch;grid-template-columns:none;grid-template-rows:none}
 .costa-page .costa-field-portrait-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:start}
 .costa-page .costa-field-media-column{display:flex;flex-direction:column;gap:0;margin-top:9px;width:100%;align-self:stretch}
 .costa-page .costa-field-media-column .costa-field-landscape{margin:12px 0 0}
 .costa-page .costa-field-continuity{position:static;clear:both}
}
/* Make the vertical clip usable on narrow screens without separating it from the issue photographs. */
@media(max-width:600px){
 .costa-page .costa-issues-photos.costa-issues-media{grid-template-columns:minmax(0,1fr);gap:14px}
 .costa-page .costa-issues-stills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .costa-page .costa-issues-video{grid-column:1;grid-row:auto;width:min(100%,260px);justify-self:center}
}

/* V8.30 — COSTA: proportional correction to the three documentary portraits.
   Keep the original photos and intrinsic aspect ratios. At desktop/tablet widths,
   move about 20% of the old photo column into the editorial text column instead
   of scaling the media independently and leaving an empty grid cell. */
@media (min-width:851px) {
  .costa-page .costa-intro,
  .costa-page .costa-map-top,
  .costa-page .costa-results .costa-result-hero {
    grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
    gap:clamp(28px,3.8vw,56px);
    align-items:center;
  }
  .costa-page .costa-intro-visual,
  .costa-page .costa-map-photo,
  .costa-page .costa-result-photo {
    width:100%;max-width:none;margin:0;
    justify-self:stretch;align-self:center;
  }
}
/* Avoid a wide, solitary portrait on intermediate tablet layouts. Keep the
   media full-width on phones where a narrower portrait would make dead space. */
@media (min-width:601px) and (max-width:850px) {
  .costa-page .costa-intro-visual,
  .costa-page .costa-result-photo {width:100%;max-width:min(100%,520px);justify-self:center}
  .costa-page .costa-map-photo {width:100%;max-width:min(100%,456px);justify-self:center}
}

/* V8.31 — international experiences, flexible editorial galleries */
.exp-hero{background:#192b32;color:#f8f4ec;min-height:530px;display:flex;flex-direction:column;justify-content:space-between;gap:45px;padding-top:80px;padding-bottom:82px;overflow:hidden;position:relative}
.exp-hero:after{content:"";position:absolute;width:58vw;height:58vw;max-width:750px;max-height:750px;border:1px solid rgba(218,174,102,.21);border-radius:50%;top:-32vw;right:-8vw;pointer-events:none}
.exp-hero-top{display:flex;gap:20px;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.33);padding-bottom:15px}
.exp-overline,.exp-hero-index{font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:700}
.exp-hero-index{color:#d0a541}
.exp-hero h1{max-width:1220px;font-family:var(--serif);font-size:clamp(74px,11vw,168px);line-height:.86;letter-spacing:-.055em;font-weight:400;margin:0}
.exp-hero-lower{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.exp-hero-lower p{max-width:560px;font-size:clamp(18px,2vw,25px);line-height:1.48;margin:0}
.exp-place-cloud{max-width:420px;display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}
.exp-place-cloud span{border:1px solid rgba(255,255,255,.42);padding:9px 13px;border-radius:100px;font-size:11px;letter-spacing:.06em}
.exp-story-section{background:#f8f4ec}
.exp-section-intro{max-width:870px;margin-bottom:42px}
.exp-section-intro .exp-overline{color:#a5202a}
.exp-section-intro h2{font-size:clamp(48px,5.8vw,85px);line-height:.95;letter-spacing:-.047em;margin:20px 0 0}
.exp-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:19px 0;border-top:1px solid #aaa69f;border-bottom:1px solid #aaa69f}
.exp-filters button{border:1px solid #aba59e;background:transparent;color:#182033;padding:12px 17px;font-size:11px;font-weight:700;letter-spacing:.06em;border-radius:100px;cursor:pointer}
.exp-filters button:hover,.exp-filters button.is-current{border-color:#192b32;background:#192b32;color:white}
.exp-match-count{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#6e716f;margin:22px 0 35px}
.exp-stories{display:grid;gap:95px}
.exp-story{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(34px,5.2vw,90px);align-items:center;padding-bottom:70px;border-bottom:1px solid #c3bcb2;min-width:0}
.exp-story:nth-of-type(even){grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
.exp-story:nth-of-type(even) .exp-story-visual{order:2}
.exp-story:nth-of-type(even) .exp-copy{order:1}
.exp-story[hidden]{display:none!important}
.exp-story-visual{min-width:0}
.exp-copy{max-width:680px;min-width:0}
.exp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:22px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#626c71}
.exp-meta span{border-left:1px solid #b1aeab;padding-left:14px}
.exp-meta span:first-child{color:#a5202a;font-weight:800;border-left:0;padding-left:0}
.exp-copy h2{font-size:clamp(42px,5vw,78px);line-height:.94;letter-spacing:-.04em;margin:0 0 23px;color:#192b32;overflow-wrap:break-word}
.exp-copy p{font-size:clamp(17px,1.45vw,20px);line-height:1.7;max-width:620px;margin:0}
.exp-carousel{position:relative;max-width:100%}
.exp-photo-surface{width:100%;height:clamp(330px,38vw,540px);position:relative;background:#263940;overflow:hidden}
.exp-slide{position:absolute;inset:0;display:none;align-items:center;justify-content:center}
.exp-slide.exp-current{display:flex}
.exp-photo-open{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:12px;background:transparent;border:0;color:white;cursor:zoom-in}
.exp-photo-open img{display:block;max-width:100%;max-height:100%;object-fit:contain;width:auto;height:auto;box-shadow:0 7px 25px rgba(0,0,0,.12)}
.exp-photo-caption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(8,25,33,.78),transparent);color:#fff;padding:35px 22px 16px;font-size:10px;letter-spacing:.07em;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.exp-slider-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #c5c2bc;padding:11px 0}
.exp-slider-controls button{width:43px;height:43px;display:grid;place-items:center;border:1px solid #878d90;background:transparent;border-radius:50%;cursor:pointer;color:#192b32;font-size:18px}
.exp-slider-controls button:hover{background:#192b32;color:white}
.exp-counter{font-size:11px;letter-spacing:.1em;color:#58636b}
.exp-photo-error{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px;color:#f8f4ec;text-align:center;gap:14px;line-height:1.4;font-size:14px}
.exp-photo-error a{text-decoration:underline;text-underline-offset:3px;font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.exp-outro{background:#192b32;color:#f8f4ec}
.exp-outro>h2{font-size:clamp(42px,5.5vw,85px);letter-spacing:-.045em;line-height:.98;max-width:1050px;margin:32px 0 60px}
.exp-outro-cta{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #767f7c;padding-top:20px;gap:25px}
.exp-outro-cta p{font-size:18px;margin:0}
.home-experiences{background:#e9e6dd}
.home-exp-lead{display:grid;grid-template-columns:1.12fr .88fr;gap:5vw;align-items:end;margin-bottom:35px}
.home-exp-lead h2{font-size:clamp(45px,5.5vw,83px);line-height:.95;letter-spacing:-.04em;margin:0}
.home-exp-intro p{font-size:18px;line-height:1.65;margin:0 0 22px;max-width:550px}
.home-exp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.home-exp-card{display:flex;flex-direction:column;min-width:0}
.home-exp-photo{background:#2c484a;height:clamp(200px,23vw,335px);margin-bottom:16px;overflow:hidden}
.home-exp-photo img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .35s ease}
.home-exp-card:hover img{transform:scale(1.025)}
.home-exp-card>span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#515861}
.home-exp-card>strong{font-family:var(--serif);font-size:clamp(23px,2.3vw,36px);font-weight:400;line-height:1.06;margin-top:10px}
.about-activity{background:#eee9df}
.about-activity-header{display:grid;grid-template-columns:1.12fr .88fr;gap:6vw;align-items:end;margin-bottom:45px}
.about-activity-header h2{font-size:clamp(44px,5.7vw,88px);line-height:.94;letter-spacing:-.045em;margin:0}
.about-activity-header>p{font-size:18px;line-height:1.65;margin:0}
.about-activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-bottom:30px}
.about-activity-grid article{min-width:0}
.about-activity-photo{height:370px;background:#283f43;display:flex;justify-content:center;align-items:center}
.about-activity-photo img{width:100%;height:100%;object-fit:contain}
.about-activity-grid article>span{display:block;margin:17px 0 8px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#a5202a}
.about-activity-grid h3{font-size:clamp(30px,3vw,47px);line-height:1;letter-spacing:-.04em;margin:0 0 15px}
.about-activity-grid p{font-size:17px;line-height:1.65;max-width:600px;margin:0}
@media(max-width:1060px){
 .exp-story,.exp-story:nth-of-type(even){grid-template-columns:1fr;gap:26px}
 .exp-story:nth-of-type(even) .exp-story-visual,.exp-story:nth-of-type(even) .exp-copy{order:initial}
 .exp-copy{max-width:780px}
 .exp-photo-surface{height:min(68vw,570px)}
 .exp-hero-lower{align-items:start}
 .home-exp-lead,.about-activity-header{grid-template-columns:1fr;gap:22px}
}
@media(max-width:680px){
 .exp-hero{min-height:470px;padding-top:65px;padding-bottom:64px}
 .exp-hero h1{font-size:clamp(64px,15vw,100px)}
 .exp-hero-lower{display:block}
 .exp-place-cloud{justify-content:flex-start;margin-top:30px}
 .exp-story-section{padding-top:65px;padding-bottom:65px}
 .exp-stories{gap:48px}
 .exp-story{padding-bottom:45px}
 .exp-copy h2{font-size:clamp(39px,10vw,55px);margin-bottom:16px}
 .exp-meta{font-size:10px;gap:6px 12px;margin-bottom:16px}
 .exp-photo-surface{height:clamp(285px,86vw,490px)}
 .exp-photo-open{padding:9px}
 .exp-filters button{font-size:10px;padding:10px 13px}
 .exp-outro-cta{flex-direction:column;align-items:start}
 .home-exp-cards,.about-activity-grid{grid-template-columns:1fr;gap:36px}
 .home-exp-photo{height:min(70vw,380px)}
 .about-activity-photo{height:300px}
 .about-activity-header{margin-bottom:30px}
}
@media(prefers-reduced-motion:reduce){.exp-slide,.home-exp-card img{transition:none!important}}

.exp-type-art{height:clamp(320px,34vw,490px);background:#25483f;color:#f8f2e7;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(30px,5vw,70px);gap:5px}
.exp-type-art span{font-family:var(--serif);font-size:clamp(60px,7vw,116px);letter-spacing:-.055em;line-height:.85}
.exp-type-art strong{font-family:var(--serif);font-size:clamp(54px,6vw,90px);color:#d0a541;font-weight:400;line-height:1}
.exp-type-art small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-top:20px}
.exp-photo-open img[hidden]{display:none}
@media(max-width:680px){.exp-type-art{height:310px}}

.exp-slider-controls .exp-auto{width:auto;min-width:105px;height:36px;border-radius:100px;padding:0 12px;font-size:10px;font-weight:700;letter-spacing:.06em;margin-left:auto;margin-right:5px}
@media(max-width:390px){.exp-slider-controls{gap:9px}.exp-slider-controls .exp-auto{min-width:96px;font-size:9px;padding:0 8px}}

/* V8.32 — Esperienze (IT only). Editorial hero, in-frame gallery navigation,
   opt-in autoplay centered below, photo-safe single image presentation. */
.experiences-page .exp-hero{min-height:unset;display:block;padding:0;background:#182c31;overflow:hidden}
.experiences-page .exp-hero:after{display:none}
.experiences-page .exp-hero-layout{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);min-height:620px}
.experiences-page .exp-hero-copy{padding:72px clamp(28px,5vw,92px) 45px;display:flex;flex-direction:column;min-width:0}
.experiences-page .exp-hero-top{gap:20px;align-items:start}
.experiences-page .exp-hero-index{white-space:nowrap}
.experiences-page .exp-hero-message{margin:auto 0;padding:70px 0 45px}
.experiences-page .exp-hero-eyebrow{font-size:11px;letter-spacing:.17em;color:#d9ac65;font-weight:700;margin:0 0 25px}
.experiences-page .exp-hero h1{font-size:clamp(68px,7.5vw,130px);line-height:.93;margin:0 0 30px;letter-spacing:-.06em;max-width:none}
.experiences-page .exp-hero-lead{font-size:clamp(17px,1.5vw,22px);line-height:1.62;color:#e8e7e0;max-width:590px;margin:0 0 28px}
.experiences-page .exp-hero-explore{color:#fff;border-bottom:1px solid #dfb16c;display:inline-flex;align-items:center;gap:16px;font-size:13px;font-weight:700;letter-spacing:.02em;padding:0 0 10px;text-decoration:none}
.experiences-page .exp-hero-explore:hover{color:#e8bc7d}
.experiences-page .exp-hero-foot{display:flex;justify-content:space-between;gap:18px;border-top:1px solid rgba(255,255,255,.3);padding-top:15px;line-height:1.5;font-size:10px;letter-spacing:.12em;color:#d8cdbb}
.experiences-page .exp-hero-photo{position:relative;min-height:620px;background:#294a51;overflow:hidden}
.experiences-page .exp-hero-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
.experiences-page .exp-hero-photo:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,28,30,.75),transparent 40%);z-index:1;pointer-events:none}
.experiences-page .exp-hero-photo-note{position:absolute;z-index:2;left:clamp(24px,4vw,66px);right:clamp(24px,4vw,66px);bottom:42px;display:flex;justify-content:space-between;gap:14px;font-size:10px;font-weight:700;letter-spacing:.11em;color:#fff}
.experiences-page .exp-carousel .exp-photo-surface{height:clamp(350px,37vw,545px);background:#263b3e}
.experiences-page .exp-carousel .exp-photo-open{padding:15px 66px}
.experiences-page .exp-carousel .exp-prev,.experiences-page .exp-carousel .exp-next{position:absolute;z-index:5;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:46px;height:56px;border:1px solid rgba(255,255,255,.52);border-radius:0;background:rgba(8,29,31,.75);color:#fff;font-family:Arial,sans-serif;font-size:40px;line-height:1;cursor:pointer;transition:background .2s}
.experiences-page .exp-carousel .exp-prev{left:10px}
.experiences-page .exp-carousel .exp-next{right:10px}
.experiences-page .exp-carousel .exp-prev:hover,.experiences-page .exp-carousel .exp-next:hover{background:#f1e9d9;color:#182c31}
.experiences-page .exp-carousel .exp-counter{position:absolute;z-index:5;right:16px;bottom:13px;padding:7px 10px;background:rgba(9,29,32,.75);border:1px solid rgba(255,255,255,.18);border-radius:3px;color:#fff;font-size:12px;letter-spacing:.09em;pointer-events:none}
.experiences-page .exp-carousel .exp-photo-caption{padding:37px 84px 18px 18px}
.experiences-page .exp-carousel .exp-slider-controls{justify-content:center;border-top:0;min-height:70px;padding:12px 0 0}
.experiences-page .exp-carousel .exp-slider-controls .exp-auto{width:auto;min-width:206px;height:46px;margin:0;border:1px solid #2b524a;border-radius:100px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#17372f;font-size:13px;font-weight:750;letter-spacing:.025em}
.experiences-page .exp-carousel .exp-slider-controls .exp-auto:hover,.experiences-page .exp-carousel .exp-slider-controls .exp-auto[aria-pressed="true"]{background:#193e35;color:#fff}
.experiences-page .exp-static-figure{width:100%;max-width:100%;margin:0;min-width:0;background:transparent;border:0}
.experiences-page .exp-static-figure .exp-photo-open{display:block;max-width:100%;width:100%;height:auto;min-height:0;padding:0;border:0;cursor:zoom-in;background:transparent;text-align:left}
.experiences-page .exp-static-figure img{display:block;width:100%;height:auto;max-height:545px;object-fit:contain;object-position:left center;border:0;box-shadow:none}
.experiences-page .exp-static-figure figcaption{font-size:11px;line-height:1.4;letter-spacing:.025em;color:#556462;margin-top:12px}
.experiences-page .exp-static-feature img{max-height:550px}
.experiences-page .exp-story:has(.exp-static-figure){align-items:center}
.experiences-page .exp-story:has(.exp-static-figure) .exp-copy{max-width:650px}
.experiences-page .exp-story:has(.exp-static-figure) .exp-copy h2{font-size:clamp(40px,4.5vw,69px)}
.experiences-page .exp-photo-error{pointer-events:none}
.experiences-page .exp-photo-error a{pointer-events:auto}
.experiences-page .exp-lightbox{position:fixed;inset:0;z-index:999999;background:rgba(8,18,20,.97);display:grid;grid-template-columns:76px minmax(0,1fr) 76px;grid-template-rows:1fr auto;align-items:center;gap:0;color:white}
.experiences-page .exp-lightbox[hidden],.exp-lightbox[hidden]{display:none!important}
.exp-lightbox{position:fixed;inset:0;z-index:999999;background:rgba(8,18,20,.97);display:grid;grid-template-columns:76px minmax(0,1fr) 76px;grid-template-rows:1fr auto;align-items:center;color:#fff}
.exp-lightbox-main{height:100%;max-height:calc(100dvh - 68px);grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:20px 0}
.exp-lightbox-main img{width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 100px);object-fit:contain;display:block}
.exp-lightbox-main img[hidden],.exp-lightbox-error[hidden]{display:none!important}
.exp-lightbox-close{position:absolute;right:25px;top:12px;z-index:3;width:50px;height:50px;color:white;background:transparent;border:1px solid rgba(255,255,255,.4);font-size:35px;cursor:pointer}
.exp-lightbox-arrow{width:55px;height:70px;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.09);color:white;font-size:52px;font-family:Arial;cursor:pointer;justify-self:center}
.exp-lightbox-arrow[hidden]{display:none!important}
.exp-lightbox-prev{grid-column:1;grid-row:1}
.exp-lightbox-next{grid-column:3;grid-row:1}
.exp-lightbox-bottom{grid-column:1/-1;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid rgba(255,255,255,.22);padding:16px clamp(20px,4vw,64px);font-size:13px;letter-spacing:.02em}
.exp-lightbox-index{white-space:nowrap;color:#d8b47b}
.exp-lightbox-error{display:flex;align-items:center;flex-direction:column;gap:12px;line-height:1.5;padding:20px;text-align:center}
.exp-lightbox-error a{text-decoration:underline}
@media(max-width:1060px){
 .experiences-page .exp-hero-layout{grid-template-columns:1fr 1fr;min-height:580px}
 .experiences-page .exp-hero-copy{padding:48px 4vw 30px}
 .experiences-page .exp-hero-photo{min-height:580px}
 .experiences-page .exp-hero h1{font-size:clamp(56px,8vw,93px)}
 .experiences-page .exp-hero-message{padding:60px 0 25px}
 .experiences-page .exp-story:has(.exp-static-figure){grid-template-columns:1fr}
}
@media(max-width:700px){
 .experiences-page .exp-hero-layout{grid-template-columns:1fr;min-height:0}
 .experiences-page .exp-hero-copy{padding:45px 22px 30px}
 .experiences-page .exp-hero-message{padding:54px 0 32px}
 .experiences-page .exp-hero h1{font-size:clamp(63px,12vw,90px)}
 .experiences-page .exp-hero-lead{font-size:18px}
 .experiences-page .exp-hero-foot{font-size:9px}
 .experiences-page .exp-hero-photo{height:280px;min-height:0}
 .experiences-page .exp-hero-photo-note{font-size:9px;bottom:22px;left:22px;right:22px}
 .experiences-page .exp-carousel .exp-photo-surface{height:clamp(280px,84vw,470px)}
 .experiences-page .exp-carousel .exp-photo-open{padding:8px 38px}
 .experiences-page .exp-carousel .exp-prev,.experiences-page .exp-carousel .exp-next{width:34px;height:54px;font-size:34px;top:50%;border-color:rgba(255,255,255,.35)}
 .experiences-page .exp-carousel .exp-prev{left:0}
 .experiences-page .exp-carousel .exp-next{right:0}
 .experiences-page .exp-carousel .exp-photo-caption{padding:36px 48px 14px 12px;font-size:9px}
 .experiences-page .exp-carousel .exp-counter{font-size:10px;right:7px;bottom:11px}
 .experiences-page .exp-carousel .exp-slider-controls .exp-auto{height:44px;min-width:196px;font-size:12px}
 .experiences-page .exp-static-figure img{max-height:none}
 .exp-lightbox{grid-template-columns:40px minmax(0,1fr) 40px}
 .exp-lightbox-arrow{width:34px;height:60px;font-size:40px}
 .exp-lightbox-main{padding:10px 0}
 .exp-lightbox-bottom{font-size:11px;padding:14px 16px}
 .exp-lightbox-close{right:12px;top:8px;width:42px;height:42px;font-size:29px}
}
@media(prefers-reduced-motion:reduce){.exp-lightbox,.experiences-page .exp-carousel .exp-prev,.experiences-page .exp-carousel .exp-next{transition:none!important}}
/* Resilient visual states for historical photographs hosted on the older site. */
.experiences-page .exp-hero-photo{background:#25464b url('assets/experiences-hero-fallback.svg') center / cover no-repeat}
.experiences-page .exp-hero-photo>img{z-index:0}
.experiences-page .exp-static-figure .exp-photo-open:has(img[hidden]){display:none}
.experiences-page .exp-static-unavailable{background:#f0eae0;border-top:1px solid #c8bba7;border-bottom:1px solid #c8bba7;min-height:190px;padding:30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px}
.experiences-page .exp-static-unavailable strong{font-family:var(--serif);font-size:clamp(26px,3vw,39px);font-weight:400;line-height:1.1;color:#203a37}
.experiences-page .exp-static-unavailable span{font-size:13px;line-height:1.5;color:#586663}
.experiences-page .exp-static-unavailable a{font-size:12px;font-weight:700;color:#1e4b43;text-decoration:underline;text-underline-offset:4px}
.experiences-page .exp-static-figure:has(.exp-static-unavailable) figcaption{display:none}

/* Esperienze 2022: compact records of announced mobility opportunities, not photo galleries. */
.experiences-page .exp-story.exp-history-note {
  display:block;
  width:min(100%,900px);
  justify-self:center;
  margin-block:-24px -5px;
  padding:clamp(28px,3.6vw,48px) clamp(24px,4vw,62px);
  background:#f0ebe1;
  border:1px solid #d6cabb;
  border-left:4px solid #9b7252;
}
.experiences-page .exp-story.exp-history-note .exp-copy{max-width:none;order:initial}
.experiences-page .exp-story.exp-history-note .exp-copy h2{font-size:clamp(30px,3.4vw,50px);line-height:1.08;margin:0 0 16px}
.experiences-page .exp-story.exp-history-note .exp-copy p{font-size:clamp(16px,1.25vw,18px);line-height:1.6;max-width:760px}
@media(max-width:680px){
 .experiences-page .exp-story.exp-history-note{margin-block:-30px -18px;padding:26px 22px}
 .experiences-page .exp-story.exp-history-note .exp-copy h2{font-size:clamp(29px,8vw,40px)}
}

/* V8.35 · Braga 2025: spazio tra i due passaggi del racconto */
.experiences-page #braga-2025 .exp-copy p + p{margin-top:1em}

/* Chi siamo — biografia editoriale v8.36; immagini statiche, proporzioni naturali. */
.about-v836{--about-green:#234e43}
.about-v836 .about-photo{margin:0;min-width:0}
.about-v836 .about-photo button{appearance:none;display:block;width:100%;margin:0;padding:0;border:0;background:transparent;cursor:zoom-in;text-align:left}
.about-v836 .about-photo img{display:block;width:100%;height:auto;object-fit:contain}
.about-v836 .about-photo figcaption,.about-v836 .about-hero-photo figcaption{margin-top:12px;font-size:11px;letter-spacing:.035em;line-height:1.4;color:#64635d}
.about-v836 .about-inline-link{display:inline-flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid currentColor;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;width:max-content;max-width:100%}
.about-v836 .about-inline-link:hover{color:var(--brand-red)}
.about-v836 .about-hero{background:#f0e8da;display:grid;grid-template-columns:minmax(0,.97fr) minmax(0,1.03fr);gap:clamp(30px,5vw,84px);align-items:center;padding-top:92px;padding-bottom:90px}
.about-v836 .about-hero h1{font-family:var(--serif);font-size:clamp(54px,5.4vw,84px);font-weight:400;line-height:.98;letter-spacing:-.055em;margin:20px 0 28px;max-width:800px}
.about-v836 .about-hero-lead{font-size:clamp(17px,1.55vw,21px);line-height:1.68;max-width:660px;margin:0}
.about-v836 .about-hero-links{display:flex;align-items:center;gap:27px;flex-wrap:wrap;margin-top:32px}
.about-v836 .about-hero-photo{margin:0;min-width:0}
.about-v836 .about-hero-photo img{display:block;width:100%;height:auto;object-fit:contain}
.about-v836 .about-foundation{background:var(--chalk)}
.about-v836 .about-foundation-content{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(34px,6vw,110px);align-items:start}
.about-v836 .about-foundation h2,.about-v836 .about-section-intro h2,.about-v836 .about-europe h2,.about-v836 .about-closing h2{font-family:var(--serif);font-weight:400;letter-spacing:-.055em;line-height:1.01;margin:0;font-size:clamp(44px,5.5vw,82px)}
.about-v836 .about-foundation-text p,.about-v836 .about-story-copy p:not(.eyebrow),.about-v836 .about-europe-copy p:not(.eyebrow){font-size:17px;line-height:1.72;margin:0 0 20px}
.about-v836 .about-foundation-gallery{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,.72fr);gap:18px;align-items:end;margin-top:46px}
.about-v836 .about-foundation-gallery .about-photo{align-self:end}
.about-v836 .about-method{background:#ebe9e3}
.about-v836 .about-section-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.65fr);column-gap:6vw;align-items:end;margin-bottom:64px}
.about-v836 .about-section-intro .eyebrow{grid-column:1/-1}
.about-v836 .about-section-intro p:not(.eyebrow){font-size:18px;line-height:1.6;margin:0}
.about-v836 .about-story-row{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(32px,7vw,105px);align-items:center;padding:58px 0;border-top:1px solid rgba(24,32,51,.25)}
.about-v836 .about-story-row:last-child{padding-bottom:0}
.about-v836 .about-story-row.about-story-reverse{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
.about-v836 .about-story-reverse .about-story-copy{grid-column:2;grid-row:1}
.about-v836 .about-story-reverse>.about-photo{grid-column:1;grid-row:1}
.about-v836 .about-story-copy h3{font-family:var(--serif);font-size:clamp(39px,4.3vw,66px);font-weight:400;line-height:1.02;letter-spacing:-.05em;margin:0 0 23px}
.about-v836 .about-story-copy .about-inline-link{margin-top:2px}
.about-v836 .about-story-row>.about-photo{max-width:580px;margin-inline:auto}
.about-v836 .about-eco-gallery{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:14px;align-items:center;min-width:0}
.about-v836 .about-eco-square{align-self:center}
.about-v836 .about-europe{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(35px,6vw,100px);align-items:center;background:var(--chalk)}
.about-v836 .about-europe h2{margin:0 0 27px}
.about-v836 .about-europe .button{margin-top:16px}
.about-v836 .about-europe-gallery{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.68fr);gap:14px;align-items:start}
.about-v836 .about-europe-side{margin-top:40px}
.about-v836 .about-closing{background:#ebe0cd;text-align:center}
.about-v836 .about-closing h2{max-width:1050px;margin:0 auto 26px}
.about-v836 .about-closing>p:not(.eyebrow){max-width:720px;font-size:19px;line-height:1.65;margin:0 auto}
.about-v836 .about-closing-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:30px}
.about-v836 .about-secondary-button{border-color:var(--ink);background:transparent}
@media(max-width:1080px){
 .about-v836 .about-hero{gap:34px}
 .about-v836 .about-hero h1{font-size:clamp(47px,5.7vw,70px)}
 .about-v836 .about-foundation-content,.about-v836 .about-section-intro,.about-v836 .about-europe{grid-template-columns:1fr}
 .about-v836 .about-section-intro{gap:24px}
 .about-v836 .about-section-intro .eyebrow{grid-column:auto;margin-bottom:0}
 .about-v836 .about-section-intro p:not(.eyebrow){max-width:740px}
 .about-v836 .about-europe-gallery{max-width:780px}
}
@media(max-width:800px){
 .about-v836 .about-hero{grid-template-columns:1fr;padding-top:64px;padding-bottom:66px}
 .about-v836 .about-hero-photo{max-width:760px}
 .about-v836 .about-hero h1{max-width:680px}
 .about-v836 .about-story-row,.about-v836 .about-story-row.about-story-reverse{grid-template-columns:1fr;gap:30px}
 .about-v836 .about-story-reverse .about-story-copy,.about-v836 .about-story-reverse>.about-photo{grid-column:auto;grid-row:auto}
 .about-v836 .about-story-row>.about-photo{margin:0;max-width:680px}
 .about-v836 .about-eco-gallery{max-width:700px}
 .about-v836 .about-foundation-gallery{max-width:760px}
}
@media(max-width:600px){
 .about-v836 .about-hero h1{font-size:clamp(46px,12vw,65px)}
 .about-v836 .about-hero-lead{font-size:17px}
 .about-v836 .about-foundation h2,.about-v836 .about-section-intro h2,.about-v836 .about-europe h2,.about-v836 .about-closing h2{font-size:clamp(42px,10vw,62px)}
 .about-v836 .about-story-copy h3{font-size:clamp(39px,9vw,54px)}
 .about-v836 .about-story-row{padding:44px 0}
 .about-v836 .about-foundation-gallery{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:8px;margin-top:28px}
 .about-v836 .about-eco-gallery{gap:8px}
 .about-v836 .about-europe-gallery{gap:8px}
 .about-v836 .about-photo figcaption,.about-v836 .about-hero-photo figcaption{font-size:10px;margin-top:8px}
 .about-v836 .about-europe-side{margin-top:25px}
 .about-v836 .about-closing>p:not(.eyebrow){font-size:17px}
}

/* v8.36: assestamento fotografico nel racconto biografico */
.about-v836 .about-story-row>.about-photo{width:100%;max-width:580px}
.about-v836 .about-europe-gallery{display:block;width:100%;max-width:620px}
.about-v836 .about-europe-gallery>.about-photo{width:100%}
.about-v836 .about-europe-gallery img{width:100%;height:auto}


/* V8.38 — COSTA and Cyberbullism project covers refined on archive page */
.archive-image.costa-cover-card{background-position:center center}
.archive-image.cyber-poster-card{
  background-image:linear-gradient(90deg,rgba(8,11,40,.92),transparent 13%,transparent 87%,rgba(8,11,40,.92)),url('https://www.mediterrart.eu/wp-content/uploads/2023/09/Locandina_Cyberbullismo2.png')!important;
  background-size:100% 100%,auto 128%!important;
  background-position:center center,center 4%!important;
  background-repeat:no-repeat,no-repeat!important;
  background-color:#15102d!important;
}
.archive-image.cyber-poster-card .image-chip{display:none!important}
@media (max-width:600px){
  .archive-image.cyber-poster-card{
    background-size:100% 100%,auto 136%!important;
    background-position:center center,center 6%!important;
  }
}


/* V8.39 — fine tuning for COSTA, Cyberbullism archive card and research section */
/* V8.40: leave original V8.38 horizontal artwork placement, shift vertically down only.
   Poster top (brand and title) must remain visible; bottom event logos/details clipped. */
.project-detail-hero.hero-native-art.cyber-poster-hero{
  background-position:88% calc(50% + 112px);
}
@media(max-width:900px){
  .project-detail-hero.hero-native-art.cyber-poster-hero{
    background-position:100% calc(50% + 84px);
  }
}
@media(max-width:600px){
  .project-detail-hero.hero-native-art.cyber-poster-hero{
    background-position:center calc(50% + 45px);
  }
}
.cyber-research-visuals.only-posters{grid-template-columns:1fr 1fr}
.cyber-research-visuals.only-posters figure{aspect-ratio:1/1}
.cyber-research-visuals.only-posters img{object-fit:contain;background:#f5f0e7}
@media(max-width:700px){
  .cyber-research-visuals.only-posters{grid-template-columns:1fr}
  .cyber-research-visuals.only-posters figure{aspect-ratio:4/3}
}

/* V8.42 — visuali tipografiche per mobilità prive di fotografie documentarie */
.exp-typographic-story .exp-copy p + p{margin-top:16px}
.exp-place-art{min-height:300px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:clamp(26px,4vw,56px);background:#dce8e0;color:#213e36}
.exp-place-art:after{content:"";position:absolute;right:-100px;top:-130px;width:300px;height:300px;border:1px solid currentColor;border-radius:50%;opacity:.16;pointer-events:none}
.exp-place-country{position:relative;z-index:1;font:700 11px/1.3 Arial, sans-serif;letter-spacing:.22em}
.exp-place-name{position:relative;z-index:1;font-family:Georgia, 'Times New Roman',serif;font-size:clamp(39px,4.8vw,77px);font-weight:400;line-height:1.02;letter-spacing:-.055em;overflow-wrap:break-word;max-width:95%}
.exp-place-year{position:relative;z-index:1;font-family:Georgia, 'Times New Roman',serif;font-size:clamp(35px,4vw,64px);opacity:.30;line-height:1}
.exp-place-blue{background:#e0e6ee;color:#26385b}
.exp-place-rust{background:#eadbd3;color:#7d3c31}
.exp-place-gold{background:#eee5cd;color:#6b5635}
@media(max-width:800px){.exp-place-art{min-height:230px;padding:30px}.exp-place-name{font-size:clamp(38px,8vw,64px)}}

/* V8.43 — confirmed new international experiences, without fabricated photos. */
.exp-copy p + p:not(.exp-source){margin-top:17px}
.exp-copy .exp-source{margin-top:19px;font-size:12px;line-height:1.55;font-weight:700;letter-spacing:.04em}
.exp-source a{color:#7d2930;text-underline-offset:4px;text-decoration-thickness:1px}
.exp-source a:hover{color:#25483f}
.exp-new-entry .exp-type-art{position:relative;isolation:isolate;overflow:hidden;height:clamp(330px,38vw,540px);gap:10px}
.exp-new-entry .exp-type-art:before{content:'';position:absolute;width:67%;aspect-ratio:1;border:1px solid rgba(255,255,255,.17);border-radius:50%;right:-25%;top:-38%;z-index:-1}
.exp-new-entry .exp-type-art:after{content:'';position:absolute;width:50%;height:30%;border:1px solid rgba(255,255,255,.12);transform:rotate(-19deg);left:-17%;bottom:-17%;z-index:-1}
.exp-new-entry .exp-type-art span{font-size:clamp(45px,5.4vw,90px);line-height:.9;max-width:100%;overflow-wrap:anywhere}
.exp-new-entry .exp-type-art strong{font-size:clamp(42px,5vw,78px)}
.exp-new-entry .exp-type-art small{margin-top:9px}
.exp-type-art-kicker{font:700 11px/1.4 Arial,sans-serif;letter-spacing:.18em;color:#e4d7ba;margin-bottom:12px}
.exp-type-art--digital{background:#1c3240}
.exp-type-art--rural{background:#395342}
.exp-type-art--green{background:#344c39}
.exp-type-art--art{background:#6b3438}
.safehi-school-detail{margin-top:16px!important}
.safehi-source-link{font-size:12px;letter-spacing:.06em;margin-top:15px!important;font-weight:700}
.safehi-source-link a,.costa-results-source a{color:inherit;text-underline-offset:4px}
.costa-page .costa-result-copy .costa-results-source{margin-top:-4px!important;margin-bottom:20px!important;font-size:12px!important;font-weight:700;letter-spacing:.04em}
@media(max-width:680px){.exp-new-entry .exp-type-art{height:310px;padding:28px}.exp-new-entry .exp-type-art span{font-size:clamp(45px,12vw,70px)}}

/* V8.44 — make the existing English Experienze carousel controls usable,
   matching the already-established Italian gallery. */
html[lang="en"] .experiences-page .exp-carousel .exp-prev,
html[lang="en"] .experiences-page .exp-carousel .exp-next{
  position:absolute;z-index:5;top:50%;transform:translateY(-50%);
  display:grid;place-items:center;width:46px;height:56px;
  border:1px solid rgba(255,255,255,.52);border-radius:0;
  background:rgba(8,29,31,.75);color:white;font-family:Arial,sans-serif;
  font-size:40px;line-height:1;cursor:pointer;
}
html[lang="en"] .experiences-page .exp-carousel .exp-prev{left:10px}
html[lang="en"] .experiences-page .exp-carousel .exp-next{right:10px}
html[lang="en"] .experiences-page .exp-carousel .exp-prev:hover,
html[lang="en"] .experiences-page .exp-carousel .exp-next:hover{background:#f1e9d9;color:#182c31}
html[lang="en"] .experiences-page .exp-carousel .exp-counter{
  position:absolute;z-index:5;right:16px;bottom:13px;padding:7px 10px;
  background:rgba(9,29,32,.75);border:1px solid rgba(255,255,255,.18);
  border-radius:3px;color:#fff;font-size:12px;letter-spacing:.09em;pointer-events:none;
}
html[lang="en"] .experiences-page .exp-carousel .exp-photo-caption{padding:37px 84px 18px 18px}
@media(max-width:680px){
 html[lang="en"] .experiences-page .exp-carousel .exp-prev,
 html[lang="en"] .experiences-page .exp-carousel .exp-next{width:34px;height:54px;font-size:34px;border-color:rgba(255,255,255,.35)}
 html[lang="en"] .experiences-page .exp-carousel .exp-prev{left:0}
 html[lang="en"] .experiences-page .exp-carousel .exp-next{right:0}
}


/* V8.45 — Esperienze: compact, image-proportional galleries, paired with their copy.
   Italy-only revision: do not alter /en/ before site text is final. */
@media(min-width:1061px){
  .experiences-page .exp-story{
    max-width:1190px;
    margin-inline:auto;
    grid-template-columns:minmax(0,500px) minmax(0,635px);
    column-gap:clamp(32px,4vw,55px);
    align-items:center;
  }
  .experiences-page .exp-story:nth-of-type(even){
    grid-template-columns:minmax(0,635px) minmax(0,500px);
  }
  .experiences-page .exp-story-visual{display:flex;justify-content:flex-end;align-items:center}
  .experiences-page .exp-story:nth-of-type(even) .exp-story-visual{justify-content:flex-start}
  .experiences-page .exp-story:nth-of-type(even) .exp-copy{justify-self:end}
  .experiences-page .exp-copy{max-width:620px;width:100%}
}
.experiences-page .exp-carousel{min-width:0;width:100%;margin:0;transition:width .18s ease}
.experiences-page .exp-carousel[data-exp-shape="landscape"]{width:min(100%,510px)}
.experiences-page .exp-carousel[data-exp-shape="square"]{width:min(100%,420px)}
.experiences-page .exp-carousel[data-exp-shape="portrait"]{width:min(100%,350px)}
.experiences-page .exp-carousel[data-exp-shape="mixed"]{width:min(100%,445px)}
.experiences-page .exp-carousel[data-exp-shape="landscape"] .exp-photo-surface{height:355px}
.experiences-page .exp-carousel[data-exp-shape="square"] .exp-photo-surface{height:408px}
.experiences-page .exp-carousel[data-exp-shape="portrait"] .exp-photo-surface{height:446px}
.experiences-page .exp-carousel[data-exp-shape="mixed"] .exp-photo-surface{height:416px}
.experiences-page .exp-carousel .exp-photo-open{padding:9px 11px}
.experiences-page .exp-carousel .exp-photo-open img{
  max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;
}
.experiences-page .exp-carousel .exp-prev,
.experiences-page .exp-carousel .exp-next{
  width:35px;height:46px;font-size:32px;background:rgba(8,29,31,.72);border-color:rgba(255,255,255,.36)
}
.experiences-page .exp-carousel .exp-prev{left:0}
.experiences-page .exp-carousel .exp-next{right:0}
.experiences-page .exp-carousel .exp-slider-controls{min-height:58px;padding:8px 0 0}
.experiences-page .exp-copy .exp-source{margin-top:22px;font-size:clamp(14px,1.1vw,16px);line-height:1.5;letter-spacing:0;font-weight:700;max-width:620px}
.experiences-page .exp-source a{
  display:inline-flex;align-items:center;gap:11px;
  background:#eee6d8;border-left:3px solid #b05242;
  padding:11px 15px;color:#6a2828;text-decoration:none;
  box-shadow:inset 0 -1px 0 rgba(106,40,40,.13);
}
.experiences-page .exp-source a:after{content:"↗";font-size:20px;font-weight:400;line-height:1}
.experiences-page .exp-source a:hover,
.experiences-page .exp-source a:focus-visible{background:#e2d3c0;color:#234e42;text-decoration:underline;text-underline-offset:4px}
/* Project-page social evidence links should also be legible, without changing unrelated navigation. */
.safehi-page .safehi-source-link{font-size:15px;font-weight:700;line-height:1.5;letter-spacing:0}
.costa-page .costa-result-copy .costa-results-source{font-size:15px!important;line-height:1.5;letter-spacing:0}
@media(max-width:1060px){
  .experiences-page .exp-story{max-width:820px;margin-inline:auto;row-gap:18px}
  .experiences-page .exp-story-visual{display:flex;justify-content:center;align-items:center}
  .experiences-page .exp-story:nth-of-type(even) .exp-story-visual{justify-content:center}
  .experiences-page .exp-copy{max-width:700px;width:100%;margin-inline:auto}
}
@media(max-width:700px){
  .experiences-page .exp-carousel[data-exp-shape="landscape"]{width:min(100%,440px)}
  .experiences-page .exp-carousel[data-exp-shape="square"]{width:min(100%,405px)}
  .experiences-page .exp-carousel[data-exp-shape="portrait"]{width:min(100%,350px)}
  .experiences-page .exp-carousel[data-exp-shape="mixed"]{width:min(100%,405px)}
  .experiences-page .exp-carousel[data-exp-shape="landscape"] .exp-photo-surface{height:clamp(210px,66vw,320px)}
  .experiences-page .exp-carousel[data-exp-shape="square"] .exp-photo-surface{height:clamp(270px,85vw,400px)}
  .experiences-page .exp-carousel[data-exp-shape="portrait"] .exp-photo-surface{height:clamp(350px,106vw,446px)}
  .experiences-page .exp-carousel[data-exp-shape="mixed"] .exp-photo-surface{height:clamp(290px,89vw,410px)}
  .experiences-page .exp-carousel .exp-photo-open{padding:7px 7px}
  .experiences-page .exp-carousel .exp-prev,
  .experiences-page .exp-carousel .exp-next{width:31px;height:43px;font-size:29px}
  .experiences-page .exp-carousel .exp-photo-caption{padding:28px 39px 12px 10px}
  .experiences-page .exp-copy .exp-source{font-size:14px}
}


/* V8.46 — Esperienze IT: galleries up to +50% larger than V8.45, responsive
   with matching copy columns. Does not change the English page. */
.experiences-page .exp-story-section{
  padding-inline:clamp(20px,4vw,72px);
}
.experiences-page .exp-stories{gap:clamp(54px,5.5vw,85px)}
.experiences-page .exp-story{padding-bottom:clamp(48px,4.5vw,75px)}
.experiences-page .exp-story-visual{min-width:0}
.experiences-page .exp-copy{min-width:0}
.experiences-page .exp-carousel{
  width:100%;max-width:100%;transition:none;
}
/* V8.45 dimensions: landscape 510x355; square 420x408;
   portrait 350x446; mixed 445x416. New maximums are 1.5x. */
.experiences-page .exp-carousel[data-exp-shape="landscape"]{width:min(100%,765px)}
.experiences-page .exp-carousel[data-exp-shape="square"]{width:min(100%,630px)}
.experiences-page .exp-carousel[data-exp-shape="portrait"]{width:min(100%,525px)}
.experiences-page .exp-carousel[data-exp-shape="mixed"]{width:min(100%,668px)}
.experiences-page .exp-carousel[data-exp-shape="landscape"] .exp-photo-surface{
  height:auto;aspect-ratio:765/533;
}
.experiences-page .exp-carousel[data-exp-shape="square"] .exp-photo-surface{
  height:auto;aspect-ratio:630/612;
}
.experiences-page .exp-carousel[data-exp-shape="portrait"] .exp-photo-surface{
  height:auto;aspect-ratio:525/669;
}
.experiences-page .exp-carousel[data-exp-shape="mixed"] .exp-photo-surface{
  height:auto;aspect-ratio:668/624;
}
.experiences-page .exp-carousel .exp-photo-open{padding:8px 12px}
@media(min-width:1200px){
  .experiences-page .exp-story,
  .experiences-page .exp-story:nth-of-type(even){
    max-width:1490px;margin-inline:auto;
    grid-template-columns:minmax(0,3fr) minmax(0,2fr);
    column-gap:clamp(34px,3.7vw,58px);
    align-items:center;
  }
  .experiences-page .exp-story:nth-of-type(even){grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
  .experiences-page .exp-story-visual{display:flex;justify-content:flex-end}
  .experiences-page .exp-story:nth-of-type(even) .exp-story-visual{justify-content:flex-start}
  .experiences-page .exp-story:nth-of-type(even) .exp-copy{justify-self:end}
  .experiences-page .exp-copy{width:100%;max-width:550px}
  .experiences-page .exp-copy h2{font-size:clamp(37px,3.5vw,66px);line-height:1.02}
  .experiences-page .exp-copy p{max-width:550px;font-size:clamp(17px,1.33vw,19px);line-height:1.65}
}
@media(min-width:701px) and (max-width:1199px){
  .experiences-page .exp-story,
  .experiences-page .exp-story:nth-of-type(even){
    max-width:800px;margin-inline:auto;grid-template-columns:minmax(0,1fr);row-gap:20px;
  }
  .experiences-page .exp-story-visual,
  .experiences-page .exp-story:nth-of-type(even) .exp-story-visual{order:0;justify-content:center}
  .experiences-page .exp-copy,
  .experiences-page .exp-story:nth-of-type(even) .exp-copy{order:1;width:100%;max-width:760px;margin-inline:auto}
  .experiences-page .exp-copy h2{font-size:clamp(43px,5.1vw,65px)}
}
@media(max-width:700px){
  .experiences-page .exp-story-section{padding-inline:18px}
  .experiences-page .exp-story,
  .experiences-page .exp-story:nth-of-type(even){
    width:100%;max-width:100%;margin-inline:auto;row-gap:22px;
  }
  .experiences-page .exp-story-visual,
  .experiences-page .exp-story:nth-of-type(even) .exp-story-visual{justify-content:center}
  .experiences-page .exp-carousel[data-exp-shape="landscape"],
  .experiences-page .exp-carousel[data-exp-shape="square"],
  .experiences-page .exp-carousel[data-exp-shape="portrait"],
  .experiences-page .exp-carousel[data-exp-shape="mixed"]{width:100%}
  .experiences-page .exp-carousel[data-exp-shape="landscape"] .exp-photo-surface{height:auto;aspect-ratio:1.3}
  .experiences-page .exp-carousel[data-exp-shape="square"] .exp-photo-surface{height:auto;aspect-ratio:1}
  .experiences-page .exp-carousel[data-exp-shape="portrait"] .exp-photo-surface{height:auto;aspect-ratio:.79}
  .experiences-page .exp-carousel[data-exp-shape="mixed"] .exp-photo-surface{height:auto;aspect-ratio:1.05}
  .experiences-page .exp-carousel .exp-photo-open{padding:7px}
}


/* V8.47 - Single-photo galleries keep fullscreen viewing without meaningless arrows/timers */
.experiences-page .exp-single-slide .exp-prev,
.experiences-page .exp-single-slide .exp-next,
.experiences-page .exp-single-slide .exp-counter,
.experiences-page .exp-single-slide .exp-slider-controls{display:none!important}
.experiences-page .exp-single-slide .exp-photo-surface{border-bottom:0}

/* V8.50 — Chi siamo: due immagini editoriali nello stesso spazio,
   dalla mobilità giovanile alla formazione per chi lavora con i giovani. */
.about-v836 .about-europe-gallery.about-europe-duo{
  display:grid;
  grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);
  align-items:center;
  gap:clamp(10px,1.3vw,20px);
  width:100%;
  max-width:760px;
}
.about-v836 .about-europe-duo .about-europe-side{margin-top:0}
.about-v836 .about-europe-duo .about-photo{min-width:0}
.about-v836 .about-europe-duo .about-photo img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:560px){
  .about-v836 .about-europe-gallery.about-europe-duo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
}

/* V8.51 — Contatti CTA aligned with FAQ content */
.faq > a.button.line{margin-left:33.3%}
@media(max-width:980px){.faq > a.button.line{margin-left:0}}


/* V8.52 — photographic archive and contact heroes; cohesive home editorial layout. */
.page-hero.ma-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);min-height:clamp(435px,40vw,590px);padding:0;overflow:hidden;align-items:stretch;isolation:isolate}
.page-hero.ma-hero .ma-hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(68px,7vw,116px) clamp(25px,6.8vw,120px);min-width:0}
.page-hero.ma-hero .ma-hero-copy>p:last-child{font-size:clamp(17px,1.6vw,23px);line-height:1.55;max-width:600px;margin:32px 0 0}
.page-hero.ma-hero h1{font-size:clamp(80px,9vw,152px);line-height:.83;max-width:100%}
.page-hero.ma-hero .ma-hero-visual{position:relative;min-width:0;min-height:390px;overflow:hidden}
.page-hero.ma-hero .ma-hero-frame{margin:0;overflow:hidden;min-height:0}
.page-hero.ma-hero .ma-hero-frame img{display:block;width:100%;height:100%;object-fit:cover}
.page-hero.projects-hero.ma-hero .projects-hero-visual{display:grid;grid-template-rows:1.07fr .93fr;gap:7px;background:var(--ink)}
.page-hero.projects-hero.ma-hero .projects-hero-visual:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(24,32,51,.62),transparent 35%)}
.page-hero.contact-hero.ma-hero{background:#d4ae58}
.page-hero.contact-hero.ma-hero .contact-hero-visual{border-radius:0}
.page-hero.contact-hero.ma-hero .contact-hero-visual .ma-hero-frame{height:100%}
.page-hero.contact-hero.ma-hero .contact-hero-visual:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(212,174,88,.32),transparent 30%)}
.page-hero.contact-hero.ma-hero .ma-hero-copy:after{content:'';background:#a5202a;width:62px;height:6px;margin-top:32px}
.about-v836 .about-hero-photo-v852{position:relative;border-radius:16px 16px 0 0;overflow:hidden;background:#d2cec1;margin:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.about-v836 .about-hero-photo-v852 img{display:block;object-fit:cover;width:100%;height:clamp(360px,40vw,535px);max-height:535px}
.about-v836 .about-hero-photo-v852 figcaption{background:#f0e8da;padding:15px 4px 4px;margin:0;color:#55514a;font-size:12px}
.about-v836 .about-hero{gap:clamp(28px,4.3vw,72px)}
/* Home previews: preserve full subjects, soften the former hard dark margins with a blurred photographic backdrop. */
.home-experiences .home-exp-cards{gap:clamp(18px,2.2vw,34px)}
.home-experiences .home-exp-photo{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;height:clamp(235px,26vw,390px);border-radius:18px;background:#d6dcd6;margin-bottom:22px}
.home-experiences .home-exp-photo:before{content:'';position:absolute;inset:-16px;background-image:var(--home-photo);background-position:center;background-size:cover;filter:blur(28px);transform:scale(1.08);opacity:.85;z-index:-1}
.home-experiences .home-exp-photo:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);border-radius:inherit}
.home-experiences .home-exp-photo img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;position:relative;z-index:1;transition:transform .35s ease}
.home-experiences .home-exp-card:hover img{transform:scale(1.03)}
.home-experiences .home-exp-card>span{letter-spacing:.08em;line-height:1.6}
/* The blue and red finale now integrates authentic photographic materials. */
.stories-strip.stories-strip-v852{padding:clamp(64px,7vw,110px) 7vw;display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:clamp(32px,5vw,82px);align-items:center;overflow:hidden}
.stories-strip-v852 .stories-strip-copy{max-width:660px}
.stories-strip-v852 h2{font-size:clamp(42px,4.8vw,75px);line-height:.98;margin:18px 0 35px}
.stories-strip-v852 .stories-strip-visual{position:relative;min-height:clamp(320px,36vw,480px);width:100%}
.stories-strip-v852 .stories-strip-visual figure{margin:0;overflow:hidden;border-radius:16px;background:#232652}
.stories-strip-v852 .story-visual-main{position:absolute;inset:0 10% 15% 0}
.stories-strip-v852 .story-visual-inset{position:absolute;right:0;bottom:0;width:44%;height:54%;box-shadow:0 20px 45px rgba(0,0,0,.25);border:5px solid var(--brand-blue)}
.stories-strip-v852 .stories-strip-visual img{height:100%;width:100%;display:block;object-fit:cover}
.closing.closing-v852{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;gap:clamp(30px,4vw,64px);padding:0 0 0 7vw;text-align:left;min-height:clamp(360px,36vw,520px);overflow:hidden}
.closing-v852 .closing-copy{align-self:center;position:relative;z-index:1;padding:65px 0}
.closing-v852 .closing-copy h2{font-size:clamp(57px,6.2vw,103px);margin:26px 0 33px;line-height:.95}
.closing-v852 .closing-visual{position:relative;margin:0;min-height:360px;overflow:hidden}
.closing-v852 .closing-visual:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(165,32,42,.50),transparent 40%)}
.closing-v852 .closing-visual img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:990px){
 .page-hero.ma-hero{grid-template-columns:1fr 1fr;min-height:420px}
 .page-hero.ma-hero .ma-hero-copy{padding:55px 30px}
 .page-hero.ma-hero h1{font-size:clamp(65px,9.2vw,114px)}
 .about-v836 .about-hero-photo-v852 img{height:390px}
 .stories-strip-v852 h2{font-size:clamp(40px,5.5vw,68px)}
}
@media(max-width:720px){
 .page-hero.ma-hero{display:flex;flex-direction:column;min-height:0}
 .page-hero.ma-hero .ma-hero-copy{min-height:285px;padding:55px 22px 44px}
 .page-hero.ma-hero h1{font-size:clamp(66px,16vw,110px)}
 .page-hero.ma-hero .ma-hero-copy>p:last-child{font-size:17px;line-height:1.5;margin-top:23px}
 .page-hero.ma-hero .ma-hero-visual{min-height:215px;height:clamp(230px,57vw,350px);flex:none}
 .page-hero.projects-hero.ma-hero .projects-hero-visual{grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:6px}
 .page-hero.projects-hero.ma-hero .projects-hero-visual:after{background:linear-gradient(180deg,rgba(24,32,51,.16),transparent 45%)}
 .page-hero.contact-hero.ma-hero .contact-hero-visual:after{background:linear-gradient(180deg,rgba(212,174,88,.18),transparent 40%)}
 .about-v836 .about-hero-photo-v852 img{height:auto;max-height:none;object-fit:contain}
 .home-experiences .home-exp-photo{height:clamp(260px,72vw,435px)}
 .stories-strip.stories-strip-v852{display:flex;flex-direction:column;align-items:stretch;padding:65px 20px;gap:36px}
 .stories-strip-v852 .stories-strip-visual{min-height:clamp(285px,82vw,450px)}
 .stories-strip-v852 h2{font-size:clamp(44px,10vw,68px)}
 .closing.closing-v852{display:flex;flex-direction:column;gap:0;padding:0}
 .closing-v852 .closing-copy{align-self:auto;padding:65px 20px 48px}
 .closing-v852 .closing-copy h2{font-size:clamp(56px,12vw,86px)}
 .closing-v852 .closing-visual{min-height:285px;height:clamp(290px,66vw,440px)}
 .closing-v852 .closing-visual:before{background:linear-gradient(180deg,rgba(165,32,42,.15),transparent 35%)}
}

/* V8.52 QA fix: maintain deliberate hero height independent of native image dimensions. */
@media(min-width:721px){
  .page-hero.projects-hero.ma-hero{height:clamp(445px,41vw,600px);min-height:0}
  .page-hero.projects-hero.ma-hero .projects-hero-visual{height:100%;min-height:0;grid-template-rows:minmax(0,1.07fr) minmax(0,.93fr)}
  .page-hero.projects-hero.ma-hero .projects-hero-visual .ma-hero-frame{height:100%;min-height:0}
  .page-hero.projects-hero.ma-hero .projects-hero-visual .ma-hero-frame img{height:100%;max-height:100%;object-fit:cover}
}
@media(max-width:720px){
  .page-hero.projects-hero.ma-hero .projects-hero-visual{height:clamp(230px,57vw,350px);min-height:0;grid-template-rows:minmax(0,1fr)}
  .page-hero.projects-hero.ma-hero .projects-hero-visual .ma-hero-frame{height:100%;min-height:0}
  .page-hero.projects-hero.ma-hero .projects-hero-visual .ma-hero-frame img{height:100%;max-height:100%;object-fit:cover}
}

.home-projects .teaser-image.discovereu-home-poster{background-color:#26354b;background-image:url('assets/discovereu-home-fallback.svg');background-position:center;background-size:cover}


/* V8.53 — tightly proportioned content-led composition. English pages unaffected. */
/* Contacts: right photo and left copy follow the short amount of text, not image natural height. */
.page-hero.contact-hero.ma-hero.contact-hero-v853{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  min-height:0;height:clamp(308px,27vw,382px);
  padding:0;align-items:stretch;background:#d4ae58;
}
.page-hero.contact-hero.ma-hero.contact-hero-v853 .ma-hero-copy{
  min-height:0;padding:clamp(30px,4vw,56px) clamp(28px,6.8vw,100px);
  justify-content:center;
}
.page-hero.contact-hero.ma-hero.contact-hero-v853 h1{font-size:clamp(68px,7.1vw,108px);line-height:.9}
.page-hero.contact-hero.ma-hero.contact-hero-v853 .ma-hero-copy>p:last-child{
  font-size:clamp(16px,1.45vw,20px);line-height:1.5;max-width:470px;margin:21px 0 0;
}
.page-hero.contact-hero.ma-hero.contact-hero-v853 .ma-hero-copy:after{margin-top:24px}
.page-hero.contact-hero.ma-hero.contact-hero-v853 .contact-hero-visual{
  min-height:0;height:100%;position:relative;
}
.page-hero.contact-hero.ma-hero.contact-hero-v853 .ma-hero-frame{height:100%;width:100%;display:block}
.page-hero.contact-hero.ma-hero.contact-hero-v853 .ma-hero-frame img{
  height:100%;width:100%;object-fit:cover;object-position:center 39%;
}

/* Intro: genuine project photo closes unused left void; text forms a single readable right column. */
.home-intro.home-intro-v853{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(30px,5.5vw,94px);align-items:center;
  padding:clamp(60px,6.2vw,98px) 7vw;
}
.home-intro-v853 .home-intro-visual{
  margin:0;min-width:0;overflow:hidden;align-self:center;
}
.home-intro-v853 .home-intro-visual img{
  width:100%;display:block;aspect-ratio:4/3;object-fit:cover;object-position:center;
}
.home-intro-v853 .home-intro-visual figcaption{
  margin:12px 0 0;font-size:11px;line-height:1.45;letter-spacing:.02em;color:#66635b;
}
.home-intro-v853 .home-intro-content{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.home-intro-v853 .split-heading{display:block;min-width:0}
.home-intro-v853 .split-heading .eyebrow{margin:0 0 19px}
.home-intro-v853 .split-heading h2{
  font-size:clamp(43px,4.25vw,70px);line-height:.99;letter-spacing:-.045em;
}
.home-intro-v853 .two-col-copy{
  margin:24px 0 21px;display:block;max-width:660px;
}
.home-intro-v853 .two-col-copy p{font-size:clamp(16px,1.15vw,18px);line-height:1.62}
.home-intro-v853 .two-col-copy p+p{margin-top:15px}
.home-intro-v853>.home-intro-content>.text-link{margin-left:0;margin-top:4px}

/* Experiences: label occupies its own small row. Body starts level with heading itself. */
.home-exp-lead.home-exp-lead-v853{
  display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  grid-template-rows:auto 1fr;gap:0 clamp(25px,5vw,80px);
  align-items:start;
}
.home-exp-lead-v853 .home-exp-heading{display:contents}
.home-exp-lead-v853 .home-exp-heading>.eyebrow{
  grid-row:1;grid-column:1;margin:0 0 18px;
}
.home-exp-lead-v853 .home-exp-heading>h2{grid-row:2;grid-column:1;min-width:0}
.home-exp-lead-v853 .home-exp-intro{grid-row:2;grid-column:2;min-width:0;align-self:start;padding-top:.06em}

/* Erasmus+: one compact block, with official programme description and a single relevant link. */
.home-erasmus.home-erasmus-v853{background:var(--paper);padding:clamp(64px,6.5vw,92px) 7vw}
.home-erasmus-v853 .erasmus-programme{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  align-items:start;column-gap:clamp(36px,7vw,115px);
  padding-top:27px;border-top:1px solid var(--ink);
}
.home-erasmus-v853 .erasmus-programme-title h2{
  font-family:var(--serif);font-weight:400;font-size:clamp(68px,7.4vw,118px);
  letter-spacing:-.055em;line-height:.94;margin:19px 0 0;
}
.home-erasmus-v853 .erasmus-programme-info{max-width:665px;padding-top:7px}
.home-erasmus-v853 .erasmus-programme-info>p:first-child{
  font-size:clamp(18px,1.4vw,22px);line-height:1.56;margin:0 0 19px;
}
.home-erasmus-v853 .erasmus-programme-priorities{
  font-size:13px;line-height:1.7;color:#535c61;letter-spacing:.008em;margin:0 0 22px;
}
.home-erasmus-v853 .erasmus-programme-link{
  display:inline-flex;width:auto;align-items:center;justify-content:center;
  padding:13px 20px;min-height:45px;background:var(--ink);color:white;
  border-radius:0;font-size:12px;letter-spacing:.045em;
}
.home-erasmus-v853 .erasmus-programme-link:hover,
.home-erasmus-v853 .erasmus-programme-link:focus-visible{background:#30465b;color:white}

@media(max-width:980px){
  .home-intro.home-intro-v853{gap:30px;padding:65px 5vw;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  .home-intro-v853 .split-heading h2{font-size:clamp(38px,5vw,54px)}
  .home-erasmus-v853 .erasmus-programme{gap:33px}
}
@media(max-width:720px){
  .page-hero.contact-hero.ma-hero.contact-hero-v853{
    display:grid;grid-template-columns:1fr;height:auto;min-height:0;
  }
  .page-hero.contact-hero.ma-hero.contact-hero-v853 .ma-hero-copy{
    min-height:0;padding:35px 22px 32px;
  }
  .page-hero.contact-hero.ma-hero.contact-hero-v853 h1{font-size:clamp(63px,16vw,88px)}
  .page-hero.contact-hero.ma-hero.contact-hero-v853 .ma-hero-copy>p:last-child{margin-top:18px;font-size:16px}
  .page-hero.contact-hero.ma-hero.contact-hero-v853 .ma-hero-copy:after{margin-top:17px}
  .page-hero.contact-hero.ma-hero.contact-hero-v853 .contact-hero-visual{
    min-height:0;height:clamp(170px,45vw,255px);flex:none;
  }
  .home-intro.home-intro-v853{grid-template-columns:1fr;gap:25px;padding:65px 20px}
  .home-intro-v853 .home-intro-visual{width:100%;max-width:560px}
  .home-intro-v853 .home-intro-visual img{aspect-ratio:4/3}
  .home-intro-v853 .split-heading h2{font-size:clamp(44px,10vw,66px)}
  .home-intro-v853 .two-col-copy{margin:23px 0 20px}
  .home-exp-lead.home-exp-lead-v853{display:block;margin-bottom:31px}
  .home-exp-lead-v853 .home-exp-heading{display:block}
  .home-exp-lead-v853 .home-exp-heading>.eyebrow{margin:0 0 15px}
  .home-exp-lead-v853 .home-exp-intro{padding:0;margin-top:24px}
  .home-erasmus.home-erasmus-v853{padding:65px 20px}
  .home-erasmus-v853 .erasmus-programme{grid-template-columns:1fr;gap:22px}
  .home-erasmus-v853 .erasmus-programme-title h2{font-size:clamp(68px,14vw,92px);margin-top:12px}
  .home-erasmus-v853 .erasmus-programme-info{padding:0}
}

/* Tablet: avoid a short left-side image beside a much taller biography column. */
@media (min-width:721px) and (max-width:1050px){
  .home-intro.home-intro-v853{
    grid-template-columns:1fr;gap:26px;padding:64px 6vw;
  }
  .home-intro-v853 .home-intro-visual{width:100%;max-width:760px}
  .home-intro-v853 .home-intro-visual img{
    aspect-ratio:16/9;object-fit:cover;object-position:center 46%;
  }
  .home-intro-v853 .home-intro-content{max-width:840px}
  .home-intro-v853 .split-heading h2{font-size:clamp(44px,5.8vw,66px)}
  .home-intro-v853 .two-col-copy{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;max-width:100%;margin:26px 0 22px;
  }
  .home-intro-v853 .two-col-copy p+p{margin-top:0}
}


/* V8.55: Ripristinata integralmente l'animazione originale del disegno del marchio.
   Rimangono gli interventi accessibili di V8.54 sulle interazioni. */
/* Visually concealed until keyboard focus. Native anchor uses the real main id. */
html[lang="it"] .skip-to-content{
  position:fixed;left:14px;top:9px;z-index:2000;transform:translateY(-145%);
  background:var(--brand-gold);color:var(--ink);border-radius:6px;
  padding:12px 16px;min-height:44px;line-height:20px;font-weight:700;
  box-shadow:0 4px 14px rgba(0,0,0,.22);
}
html[lang="it"] .skip-to-content:focus-visible{transform:translateY(0);outline:3px solid var(--brand-blue);outline-offset:2px}
html[lang="it"] main:focus{outline:none}

/* Touch targets: raise hit size while retaining the compact appearance. */
.experiences-page .exp-filters button,
html[lang="it"] .archive-toolbar .filter {min-height:44px;display:inline-flex;align-items:center;justify-content:center}
html[lang="it"] .header-social-link{position:relative}
@media(max-width:600px){
  html[lang="it"] .header-social-link{width:40px;height:40px;flex:0 0 40px}
  html[lang="it"] .archive-toolbar .filter {padding-block:11px}
}
@media(max-width:375px){
  html[lang="it"] .header-social-link{width:36px;height:36px;flex-basis:36px}
  html[lang="it"] .header-social-link::after {content:"";position:absolute;inset:-4px}
}


/* V8.55 – consultazione di Esperienze senza interrompere la sequenza cronologica. */
.experiences-page .exp-explore-tools{
  display:grid;grid-template-columns:minmax(230px,1.55fr) minmax(185px,.8fr);
  gap:clamp(12px,2.4vw,28px);align-items:end;margin:0 0 18px;max-width:870px;
}
.experiences-page .exp-explore-tools label{display:flex;flex-direction:column;gap:9px;min-width:0;
  font-size:11px;letter-spacing:.07em;font-weight:700;color:#273b3f;
}
.experiences-page .exp-explore-tools input,
.experiences-page .exp-explore-tools select{
  width:100%;min-width:0;min-height:48px;background:#fffefa;
  border:1px solid #a4aaa9;border-radius:7px;color:#172c35;
  font:500 15px/1.25 Arial,sans-serif;letter-spacing:0;padding:12px 14px;
}
.experiences-page .exp-explore-tools :is(input,select):focus-visible{
  outline:2px solid #214f5b;outline-offset:3px;border-color:#214f5b;
}
.experiences-page .exp-no-results:not([hidden]){
  padding:28px 20px;max-width:760px;margin:20px 0 40px;
  font-size:17px;line-height:1.6;border-left:3px solid #be9a52;background:#f2eadf;
}
.archive-card[data-category="europe"] .card-link{
  display:inline-flex;align-items:center;margin-top:16px;min-height:40px;
  border-bottom:1px solid currentColor;
}
.archive-card .archive-image:focus-visible,
.archive-card .card-link:focus-visible{
  outline:3px solid #bd8c39;outline-offset:4px;
}
@media(max-width:680px){
  .experiences-page .exp-explore-tools{grid-template-columns:minmax(0,1fr);gap:13px;margin-bottom:18px}
  .experiences-page .exp-explore-tools input,
  .experiences-page .exp-explore-tools select{min-height:46px}
}

/* V8.59 — COSTA: natural image proportions and one coherent results story. */
/* The found object belongs to the introduction, with the original photograph retained in the archive. */
.costa-page .costa-intro-visual{width:min(100%,405px);justify-self:center;align-self:center;height:auto;overflow:visible;background:transparent}
.costa-page .costa-intro-visual button,.costa-page .costa-intro-visual img{display:block;width:100%;height:auto;object-fit:contain}
.costa-page .costa-concluding-result{margin-top:clamp(38px,5vw,70px);padding-top:clamp(34px,4vw,54px);border-top:1px solid rgba(36,65,47,.35)}
.costa-page .costa-concluding-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(30px,4.5vw,66px);align-items:center}
.costa-page .costa-concluding-copy h3{font-family:var(--serif);font-size:clamp(39px,4.3vw,67px);font-weight:400;line-height:1.04;letter-spacing:-.035em;margin:16px 0 24px;max-width:18ch;color:var(--costa-green)}
.costa-page .costa-concluding-copy p{font-size:18px;line-height:1.65;max-width:620px;margin:0 0 24px}
.costa-page .costa-concluding-bags{width:min(100%,390px);height:auto;justify-self:center;background:transparent;overflow:visible}
.costa-page .costa-concluding-bags button{display:block;width:100%;height:auto;padding:0;border:0;background:none;cursor:zoom-in}
.costa-page .costa-concluding-bags img{display:block;width:100%;height:auto;object-fit:contain;object-position:center}
.costa-page .costa-concluding-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}
.costa-page .costa-concluding-stats>div{min-width:0;padding:18px 17px 16px;background:#e4e9df;border:1px solid #ced4c8;display:flex;flex-direction:column;gap:7px}
.costa-page .costa-concluding-stats strong{font-family:var(--serif);font-weight:400;line-height:1;font-size:clamp(38px,4.5vw,62px);letter-spacing:-.04em;color:#173e2f}
.costa-page .costa-concluding-stats strong small{font-family:inherit;font-size:.38em;letter-spacing:0}
.costa-page .costa-concluding-stats>div>span{font-weight:700;text-transform:uppercase;letter-spacing:.07em;font-size:11px;color:#475d50}
.costa-page .costa-concluding-stats>div.is-total{background:#193e2f;border-color:#193e2f}
.costa-page .costa-concluding-stats>div.is-total strong,.costa-page .costa-concluding-stats>div.is-total>span{color:#fff}
.costa-page .costa-beforeafter-wrap{margin-top:clamp(36px,4vw,58px)}
.costa-page .costa-beforeafter-top{padding-top:18px;border-top:1px solid rgba(36,65,47,.25);margin-bottom:20px}
.costa-page .costa-beforeafter-top .costa-kicker{display:block;margin:0}
.costa-page .costa-beforeafter-grid{display:flex;justify-content:center;align-items:start;gap:clamp(14px,2.2vw,30px)}
.costa-page .costa-beforeafter-card{margin:0;min-width:0;flex:0 1 auto;display:flex;flex-direction:column;align-items:center;max-width:calc(50% - 10px)}
.costa-page .costa-beforeafter-card button{display:block;width:auto;max-width:100%;height:auto;min-height:0;border:0;padding:0;background:transparent;cursor:zoom-in}
.costa-page .costa-beforeafter-card img{display:block;max-height:600px;max-width:100%;width:auto;height:auto;object-fit:contain;object-position:center}
.costa-page .costa-beforeafter-card figcaption{font-family:var(--serif);font-size:clamp(22px,2.2vw,29px);line-height:1.15;color:#173e2f;text-align:center;margin:14px 0 0}
/* Grouped, navigable image viewing is shown only for the before/after comparison. */
.site-lightbox.has-group .site-lightbox-nav{display:flex}
.site-lightbox .site-lightbox-nav{display:none;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:48px;height:54px;z-index:2;border-radius:4px;border:1px solid rgba(255,255,255,.55);color:#fff;background:rgba(8,15,14,.7);cursor:pointer;font-size:34px;line-height:1}
.site-lightbox .site-lightbox-prev{left:clamp(8px,1.5vw,28px)}
.site-lightbox .site-lightbox-next{right:clamp(8px,1.5vw,28px)}
.site-lightbox.has-group .site-lightbox-counter{display:block}
.site-lightbox .site-lightbox-counter{display:none;position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:13px;line-height:1.4;letter-spacing:.03em;color:#fff;background:rgba(8,15,14,.7);padding:8px 13px;border-radius:6px}
@media(max-width:900px){
 .costa-page .costa-concluding-grid{grid-template-columns:1fr;gap:20px}
 .costa-page .costa-concluding-bags{width:min(100%,410px);justify-self:center}
 .costa-page .costa-concluding-copy h3{max-width:22ch}
}
@media(max-width:690px){
 .costa-page .costa-intro-visual{width:min(100%,370px)}
 .costa-page .costa-concluding-copy p{font-size:17px}
 .costa-page .costa-concluding-stats{gap:8px}
 .costa-page .costa-concluding-stats>div{padding:15px 12px}
 .costa-page .costa-concluding-stats strong{font-size:clamp(37px,10vw,57px)}
 .costa-page .costa-beforeafter-grid{display:flex;flex-direction:column;align-items:center;gap:30px}
 .costa-page .costa-beforeafter-card{max-width:100%;width:100%}
 .costa-page .costa-beforeafter-card button{width:100%;display:flex;justify-content:center}
 .costa-page .costa-beforeafter-card img{width:auto;max-width:100%;max-height:none;height:auto}
 .site-lightbox .site-lightbox-nav{top:auto;bottom:65px;transform:none;width:44px;height:46px}
 .site-lightbox .site-lightbox-prev{left:16px}
 .site-lightbox .site-lightbox-next{right:16px}
 .site-lightbox .site-lightbox-counter{bottom:20px}
 .site-lightbox.has-group img{max-height:78vh}
}


/* V8.60 — Bilingual, zoom-safe editorial typography and layouts */
/* COSTA's original 17.5vw font exceeded the word's available width and a
   fixed-height hero could hide its introduction behind the following band. */
.costa-page .costa-hero{height:auto;min-height:clamp(620px,84svh,810px);display:flex;align-items:stretch}
.costa-page .costa-hero-content{width:min(100%,1040px);max-width:100%;padding-block:clamp(82px,7vw,125px) clamp(66px,7vw,110px);box-sizing:border-box}
.costa-page .costa-hero h1{font-size:clamp(70px,12.5vw,200px);white-space:nowrap;overflow-wrap:normal;word-break:normal;line-height:.92}
.costa-page .costa-hero-desc{max-width:675px}
@media(max-width:690px){
 .costa-page .costa-hero{min-height:570px;height:auto}
 .costa-page .costa-hero-content{padding:77px 5vw 78px}
 .costa-page .costa-hero h1{font-size:clamp(70px,16vw,109px)}
}
@media(max-width:370px){.costa-page .costa-hero h1{font-size:clamp(60px,18vw,79px)}}
/* Treat the individual long word as a unit instead of allowing broken final letters. */
html[lang="en"] .hero.hero-animated h1{font-size:clamp(62px,8.3vw,142px);overflow-wrap:normal;word-break:normal}
html[lang="en"] .hero.hero-animated h1 .keep-word{display:inline-block;white-space:nowrap}
@media(max-width:980px){html[lang="en"] .hero.hero-animated h1{font-size:clamp(57px,10.2vw,109px)}}
@media(max-width:600px){html[lang="en"] .hero.hero-animated h1{font-size:clamp(49px,12vw,73px)}}
@media(max-width:370px){html[lang="en"] .hero.hero-animated h1{font-size:clamp(43px,11.9vw,58px)}}
/* The publication label was trapped in an 82px grid column at mobile zoom. */
.stories12 .s12-resource-kind{white-space:nowrap;min-width:max-content;letter-spacing:.035em}
@media(max-width:1120px){.stories12 .s12-resource{grid-template-columns:minmax(116px,max-content) minmax(0,1fr) 18px;column-gap:clamp(8px,1.2vw,15px)}.stories12 .s12-resource-kind{grid-column:1;grid-row:1;min-width:0}.stories12 .s12-resource strong{grid-column:2;grid-row:1}.stories12 .s12-resource-title{grid-column:2;grid-row:2}.stories12 .s12-resource-arrow{grid-column:3;grid-row:1/3}}
@media(max-width:620px){.stories12 .s12-resource{grid-template-columns:minmax(117px,max-content) minmax(0,1fr) 18px!important;column-gap:9px!important}.stories12 .s12-resource-kind{font-size:11px;letter-spacing:.01em}}
@media(max-width:375px){.stories12 .s12-resource{grid-template-columns:minmax(109px,max-content) minmax(0,1fr) 16px!important;column-gap:7px!important}.stories12 .s12-resource-kind{font-size:10px}}
/* Long home-card headings break only at meaningful word boundaries, never orphan a suffix. */
.home-projects .project-teaser h3{overflow-wrap:normal;word-break:normal;hyphens:none}
.home-projects .project-teaser h3 .keep-word{white-space:nowrap}
.home-projects .project-teaser:last-child h3{font-size:clamp(27px,2.35vw,39px);line-height:1.08}
@media(max-width:750px){.home-projects .project-teaser:last-child h3{font-size:clamp(28px,5.6vw,40px)}}
/* Generic overflow protections for major headline wrappers at intermediate zoom sizes. */
:is(.project-teaser,.archive-card,.s12-resource,.s12-document,.exp-copy,.exp-story,.project-section-head){min-width:0}
:is(.page-hero,.project-detail-hero,.s12-hero,.exp-hero) :is(h1,h2){hyphens:none;word-break:normal}
/* Consent-safe video posters retain real visual interest before YouTube is loaded. */
.youtube-adaptive .youtube-offline-card img,.youtube-adaptive .s12-video-frame img{background:#203a48}
.youtube-adaptive.youtube-consent-pending .youtube-offline-card img,.youtube-adaptive.youtube-consent-pending .s12-video-frame img{opacity:.8}
.youtube-adaptive.youtube-consent-ready .youtube-offline-card img,.youtube-adaptive.youtube-consent-ready .s12-video-frame img{opacity:1}
.youtube-adaptive.youtube-consent-ready .youtube-play,.youtube-adaptive.youtube-consent-ready .s12-play{top:50%}
.youtube-adaptive.youtube-consent-ready .youtube-consent-info{display:none}
.youtube-adaptive.youtube-consent-ready .youtube-label,.youtube-adaptive.youtube-consent-ready .s12-video-hint{display:block}
/* V8.60 — Keep the English editorial heading in the same intended two lines as Italian. */
html[lang="en"] .experiences-page .exp-hero h1{font-size:clamp(45px,5vw,90px);letter-spacing:-.057em;line-height:.98;overflow-wrap:normal;word-break:normal}
@media(max-width:1060px){html[lang="en"] .experiences-page .exp-hero h1{font-size:clamp(44px,5.1vw,64px)}}
@media(max-width:700px){html[lang="en"] .experiences-page .exp-hero h1{font-size:clamp(43px,9.6vw,65px)}}
@media(max-width:380px){html[lang="en"] .experiences-page .exp-hero h1{font-size:clamp(40px,9.5vw,48px)}}
/* Video poster: make the lazy-loaded preview a full, readable image in both card variants. */
.youtube-adaptive > a{position:absolute;inset:0;display:block;overflow:hidden}
.youtube-adaptive > a > img{display:block;width:100%;height:100%;object-fit:cover}
.youtube-adaptive.youtube-consent-ready > a > img{filter:saturate(1.04)}

/* V8.63 — Legal documents and consent management in the footer.
   Complianz handles .cmplz-show-banner, while the URL remains a fallback. */
.site-footer .footer-legal{display:flex;flex-wrap:wrap;align-items:center;column-gap:17px;row-gap:8px;max-width:490px;margin-top:17px;font-size:11px;line-height:1.5;letter-spacing:.015em}
.site-footer .footer-legal a{color:rgba(255,255,255,.82);text-decoration:underline;text-decoration-color:rgba(255,255,255,.36);text-underline-offset:3px;overflow-wrap:anywhere;transition:color .15s ease,text-decoration-color .15s ease}
.site-footer .footer-legal a:hover,.site-footer .footer-legal a:focus-visible{color:#fff;text-decoration-color:currentColor}
.site-footer .footer-legal a:focus-visible{outline:2px solid #f1ca67;outline-offset:4px;border-radius:2px}
@media(max-width:520px){.site-footer .footer-legal{gap:8px 13px;font-size:11px}}

/* MediterrArt COSTA V8.64 — editorial map; scoped to the COSTA pages only. */
.costa-page .costa-map-band{background:#14372c;color:#f7f1e6}
.costa-page .costa-map-editorial{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(210px,.54fr);gap:clamp(32px,6vw,96px);align-items:end;margin:12px 0 44px}
.costa-page .costa-map-editorial h2{font-size:clamp(45px,5.6vw,84px);line-height:1.02;letter-spacing:-.025em;margin:0 0 28px;max-width:1050px}
.costa-page .costa-map-editorial p{font-size:clamp(17px,1.5vw,20px);line-height:1.65;max-width:840px;margin:0 0 14px;color:#e4ede3}
.costa-page .costa-map-editorial-aside{border-top:1px solid #dcaa80;padding-top:20px;margin-bottom:16px;display:flex;flex-direction:column;gap:17px}
.costa-page .costa-map-small-label{font:700 11px/1.4 var(--sans,Arial,sans-serif);letter-spacing:.16em;text-transform:uppercase;color:#e9ae84}
.costa-page .costa-map-editorial-aside strong{font-family:var(--serif,Georgia,serif);font-weight:400;font-size:clamp(27px,2.5vw,38px);line-height:1.06;color:#fff8ed}
.costa-page .costa-map-editorial-aside>span:last-child{font-size:14px;line-height:1.55;color:#c7d8cd}
.costa-page .costa-atlas{background:#edece2;color:#1c3d32;border:1px solid #c5cdc3;box-shadow:0 22px 50px rgba(0,0,0,.10)}
.costa-page .costa-atlas-head{padding:28px 33px 25px;display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid #c9d1c6}
.costa-page .costa-atlas-overline{font:700 11px/1.3 Arial,sans-serif;letter-spacing:.16em;color:#815a38}
.costa-page .costa-atlas-head h3{font-family:var(--serif,Georgia,serif);font-size:clamp(30px,3.4vw,47px);font-weight:400;line-height:1.12;color:#173e30;margin:7px 0}
.costa-page .costa-atlas-head p{color:#52695b;font-size:13px;line-height:1.5;margin:0}
.costa-page .costa-atlas-counter{min-width:160px;text-align:right;border-left:1px solid #c6cfc6;padding-left:25px}
.costa-page .costa-atlas-counter strong{display:block;font-size:clamp(40px,4vw,61px);font-family:var(--serif,Georgia,serif);line-height:1;color:#153d30;font-weight:400}
.costa-page .costa-atlas-counter span{font:700 11px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;color:#58695e}
.costa-page .costa-atlas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 24px;border-bottom:1px solid #cad3c8;background:#f4f3e9}
.costa-page .costa-atlas-filters{display:flex;gap:6px;flex-wrap:wrap}
.costa-page .costa-atlas-filters button{border:1px solid #a8b8ad;background:transparent;color:#234438;font:700 11px/1.3 Arial,sans-serif;letter-spacing:.02em;padding:10px 12px;cursor:pointer;border-radius:0;transition:background .15s;color:#254a3b}
.costa-page .costa-atlas-filters button:hover,.costa-page .costa-atlas-filters button.is-active{background:#174735;color:#fff;border-color:#174735}
.costa-page .costa-map-place-label{display:flex;align-items:center;gap:10px;font:700 11px/1.3 Arial,sans-serif;color:#305244;white-space:nowrap}
.costa-page .costa-map-place-label select{min-width:145px;border:1px solid #9eada0;background:#fff;color:#1d4635;padding:10px 11px;font-size:13px;border-radius:0}
.costa-page .costa-atlas-layout{display:grid;grid-template-columns:minmax(0,1.68fr) minmax(265px,.72fr);min-height:495px}
.costa-page .costa-atlas-stage{min-width:0;background:#e5e8de;border-right:1px solid #c6d0c7}
.costa-page .costa-atlas-map{position:relative;height:495px;overflow:hidden;cursor:grab;isolation:isolate;background:radial-gradient(ellipse at 25% 30%,#d0dfcd 0%,transparent 44%),linear-gradient(135deg,#e9e6d9,#dee4d6)}
.costa-page .costa-atlas-map.is-grabbing{cursor:grabbing}
.costa-page .costa-map-graticule{position:absolute;inset:0;background-image:linear-gradient(rgba(44,91,63,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(44,91,63,.075) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}
.costa-page .costa-map-tiles,.costa-page .costa-map-markers{position:absolute;inset:0;pointer-events:none}
.costa-page .costa-map-tiles img{display:block;position:absolute;max-width:none;pointer-events:none;width:256px;height:256px;object-fit:cover}
.costa-page .costa-map-marker{position:absolute;transform:translate(-50%,-50%);width:17px;height:17px;min-width:0;min-height:0;border:3px solid #fff;border-radius:50%;box-shadow:0 1px 8px rgba(18,53,35,.5);cursor:pointer;pointer-events:auto;padding:0;margin:0;font-size:11px;line-height:1.2;color:#fff;z-index:3;transition:box-shadow .12s}
.costa-page .costa-map-marker:hover,.costa-page .costa-map-marker:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 3px #193f32;z-index:8}
.costa-page .costa-map-marker.kind-rifiuti,.costa-page .costa-map-legend .kind-rifiuti{background:#225f4b}
.costa-page .costa-map-marker.kind-fuoco,.costa-page .costa-map-legend .kind-fuoco{background:#b95f36}
.costa-page .costa-map-marker.kind-ingombranti,.costa-page .costa-map-legend .kind-ingombranti{background:#4a7390}
.costa-page .costa-map-marker.is-cluster{width:32px;height:32px;border:2px solid #fff;background:#15392f;color:#fff;font-weight:700;line-height:1}
.costa-page .costa-map-controls{position:absolute;top:15px;left:15px;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(0,0,0,.19);z-index:10}
.costa-page .costa-map-controls button{background:#fefdf8;color:#1b4b3b;border:0;border-bottom:1px solid #ced7cb;width:37px;height:37px;cursor:pointer;font-size:22px;line-height:1;font-family:Arial,sans-serif}
.costa-page .costa-map-controls button:hover{background:#dbebe0}
.costa-page .costa-map-basemap{position:absolute;left:20px;bottom:20px;width:min(295px,calc(100% - 40px));padding:18px 20px 19px;background:rgba(250,249,243,.96);color:#244336;z-index:5;box-shadow:0 8px 24px rgba(19,49,39,.2);border-left:3px solid #c87641;cursor:default}
.costa-page .costa-map-basemap[hidden]{display:none!important}
.costa-page .costa-map-basemap>span{display:block;font-family:var(--serif,Georgia,serif);font-size:20px;color:#163d30}
.costa-page .costa-map-basemap p{font:13px/1.5 Arial,sans-serif;color:#4a6756;margin:6px 0 13px}
.costa-page .costa-map-basemap button{background:#194b37;color:#fff;border:1px solid #194b37;min-height:42px;padding:10px 15px;font:700 12px/1.3 Arial,sans-serif;cursor:pointer}
.costa-page .costa-map-basemap button:hover{background:#0d3327}
.costa-page .costa-map-credit{margin:0!important;font:11px/1.5 Arial,sans-serif;padding:9px 17px;background:#e8ecdf;color:#516452;min-height:37px}
.costa-page .costa-atlas-detail{background:#f9f8ef;padding:29px 27px;min-width:0;max-height:533px;overflow:auto;overflow-wrap:anywhere}
.costa-page .costa-atlas-detail-kicker{display:block;font:700 11px/1.3 Arial,sans-serif;letter-spacing:.16em;color:#a25737;margin-bottom:15px}
.costa-page .costa-atlas-detail h4{font:400 clamp(27px,2.4vw,34px)/1.13 var(--serif,Georgia,serif);color:#164332;margin:0 0 18px}
.costa-page .costa-atlas-detail>p{font:15px/1.65 Arial,sans-serif;color:#375746;margin:0 0 18px}
.costa-page .costa-map-legend{display:grid;gap:11px;border-top:1px solid #d5dbd1;padding-top:20px;font:12px/1.4 Arial,sans-serif;color:#46624f;margin-top:24px}
.costa-page .costa-map-legend span{display:flex;gap:10px;align-items:center}
.costa-page .costa-map-legend i{display:inline-block;width:13px;height:13px;border-radius:50%;flex-shrink:0}
.costa-page .costa-atlas-record{margin:0;display:grid;gap:14px}
.costa-page .costa-atlas-record>div{border-bottom:1px solid #d8ded2;padding-bottom:12px}
.costa-page .costa-atlas-record dt{font:700 10px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em;color:#63766c;margin-bottom:4px}
.costa-page .costa-atlas-record dd{font:15px/1.55 Arial,sans-serif;color:#203d2e;margin:0}
.costa-page .costa-atlas-advisory{font-size:12px!important;color:#687766!important;padding-top:12px}
.costa-page .costa-atlas-group-list{display:grid;gap:9px;margin-top:19px}
.costa-page .costa-atlas-group-list button{padding:9px 10px;text-align:left;border:1px solid #d2d9ce;background:#fff;color:#205442;cursor:pointer;font-size:12px;line-height:1.4}
.costa-page .costa-atlas-group-list button:hover{border-color:#236749}
.costa-page .costa-atlas-foot{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:18px 29px;border-top:1px solid #ccd4c8}
.costa-page .costa-atlas-foot p{font:12px/1.55 Arial,sans-serif;max-width:830px;color:#526456;margin:0}
.costa-page .costa-atlas-foot a{font:700 12px/1.5 Arial,sans-serif;white-space:nowrap;color:#194935;text-decoration:underline;text-underline-offset:4px}
.costa-page .costa-map-outro{display:grid;grid-template-columns:minmax(0,1.23fr) minmax(0,.77fr);gap:clamp(35px,8vw,120px);align-items:center;margin:68px auto 0}
.costa-page .costa-map-outro h3{font-family:var(--serif,Georgia,serif);font-size:clamp(33px,3.3vw,52px);line-height:1.09;font-weight:400;color:#f7f1e6;margin:15px 0 20px}
.costa-page .costa-map-outro-copy>p{font-size:17px;line-height:1.65;color:#dde9df;max-width:660px;margin:0 0 25px}
.costa-page .costa-map-outro .costa-map-method{max-width:690px;border-color:rgba(255,255,255,.25)}
.costa-page .costa-map-outro .costa-map-method-row{grid-template-columns:minmax(0,190px) minmax(0,1fr);gap:20px;align-items:baseline;padding:12px 0}
.costa-page .costa-map-outro .costa-map-method-row h4{font:400 23px/1.2 var(--serif,Georgia,serif);margin:0;color:#f6f0e5}
.costa-page .costa-map-outro .costa-map-method-row p{font:14px/1.5 Arial,sans-serif;margin:0;color:#cbdcd0}
.costa-page .costa-map-outro .costa-map-photo{width:100%;max-width:385px;justify-self:end}
.costa-page .costa-map-outro .costa-map-photo img{width:100%;height:auto;object-fit:contain!important}
.costa-page .costa-map-outro .costa-map-photo figcaption{font-size:12px;line-height:1.5;margin-top:12px;color:#c6d8ca}
@media(max-width:1060px){
 .costa-page .costa-map-editorial{grid-template-columns:minmax(0,1fr) 215px}
 .costa-page .costa-atlas-layout{grid-template-columns:minmax(0,1.3fr) minmax(265px,.7fr)}
 .costa-page .costa-atlas-toolbar{align-items:start;flex-direction:column;gap:12px}
 .costa-page .costa-map-outro{gap:40px}
}
@media(max-width:780px){
 .costa-page .costa-map-editorial{grid-template-columns:1fr;gap:15px;margin-bottom:32px}
 .costa-page .costa-map-editorial-aside{display:none}
 .costa-page .costa-atlas-layout{grid-template-columns:1fr}
 .costa-page .costa-atlas-stage{border-right:0}
 .costa-page .costa-atlas-detail{max-height:none;padding:25px}
 .costa-page .costa-atlas-map{height:410px}
 .costa-page .costa-atlas-foot{flex-direction:column;align-items:start;gap:14px}
 .costa-page .costa-map-outro{grid-template-columns:1fr;gap:30px;margin-top:50px}
 .costa-page .costa-map-outro .costa-map-photo{max-width:560px;justify-self:start}
}
@media(max-width:520px){
 .costa-page .costa-map-editorial h2{font-size:44px}
 .costa-page .costa-atlas-head{padding:22px 19px;align-items:start;gap:15px}
 .costa-page .costa-atlas-head h3{font-size:29px}
 .costa-page .costa-atlas-head p{font-size:12px}
 .costa-page .costa-atlas-counter{min-width:80px;padding-left:10px}
 .costa-page .costa-atlas-counter strong{font-size:39px}
 .costa-page .costa-atlas-counter span{font-size:9px}
 .costa-page .costa-atlas-toolbar{padding:15px 15px;gap:12px}
 .costa-page .costa-atlas-filters button{padding:9px 10px;font-size:10px}
 .costa-page .costa-atlas-map{height:370px}
 .costa-page .costa-map-basemap{left:12px;bottom:12px;width:min(295px,calc(100% - 24px));padding:14px 14px}
 .costa-page .costa-map-basemap>span{font-size:18px}
 .costa-page .costa-map-basemap p{font-size:12px}
 .costa-page .costa-atlas-foot{padding:15px 17px}
 .costa-page .costa-map-outro .costa-map-method-row{grid-template-columns:1fr;gap:5px}
}


.costa-page .costa-map-osm-attribution{position:absolute;z-index:6;right:0;bottom:0;padding:5px 8px;background:rgba(255,255,255,.9);font:11px/1.3 Arial,sans-serif;color:#174332;text-decoration:underline}
.costa-page .costa-map-osm-attribution[hidden]{display:none!important}


/* V8.65 — COSTA: measured composition refinements; no photographic cropping. */
/* Native select: an explicit control height and zero vertical padding keep the
   currently chosen town legible rather than clipping its lower edge. */
.costa-page .costa-map-place-label select{
  box-sizing:border-box!important;
  height:46px!important;min-height:46px!important;
  padding:0 12px!important;
  font:600 14px/normal Arial,sans-serif!important;
  line-height:normal!important;
  color:#1d4635;background-color:#fff;
  vertical-align:middle;
}
/* The documentation belongs next to the field method, not as a small orphaned portrait. */
.costa-page .costa-map-outro{
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  gap:clamp(24px,3.3vw,46px);
  align-items:center;
}
.costa-page .costa-map-documentary{
  min-width:0;width:100%;margin:0;justify-self:stretch;align-self:center;
}
.costa-page .costa-map-photo-pair{
  display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);
  gap:clamp(9px,1.1vw,15px);align-items:center;
}
.costa-page .costa-map-photo-pair button{
  display:block;width:100%;min-width:0;margin:0;padding:0;
  border:0;background:transparent;cursor:zoom-in;
}
.costa-page .costa-map-photo-pair img{
  display:block;width:100%;height:auto;object-fit:contain;
}
.costa-page .costa-map-photo-pair-caption{
  font:12px/1.55 Arial,sans-serif;color:#c6d8ca;margin:11px 0 0;
}
/* Give the found-object photograph room beside the introduction without enlarging
   it to page width or cutting the subject out of its natural 3:4 frame. */
@media (min-width:851px){
  .costa-page .costa-intro{
    grid-template-columns:minmax(0,1.09fr) minmax(0,.91fr);
    gap:clamp(26px,3.2vw,46px);align-items:center;
  }
  .costa-page .costa-intro-visual{
    width:min(100%,475px);max-width:475px;justify-self:start;
  }
}
/* The collected bags are documentary evidence: moderately larger and closer
   to the results text, with no crop or full-width enlargement. */
.costa-page .costa-concluding-grid{
  grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);
  gap:clamp(24px,3.3vw,48px);align-items:center;
}
.costa-page .costa-concluding-bags{
  width:min(100%,480px);max-width:480px;justify-self:center;
}
.costa-page .costa-concluding-bags img{display:block;width:100%;height:auto;object-fit:contain;}
@media(max-width:850px){
  .costa-page .costa-map-outro,.costa-page .costa-concluding-grid{
    grid-template-columns:minmax(0,1fr);gap:26px;
  }
  .costa-page .costa-map-documentary{max-width:620px;justify-self:center}
  .costa-page .costa-intro-visual{width:min(100%,430px);max-width:430px;justify-self:center}
  .costa-page .costa-concluding-bags{width:min(100%,460px);max-width:460px;justify-self:center}
}
@media(max-width:520px){
  .costa-page .costa-map-photo-pair{gap:8px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
  .costa-page .costa-concluding-bags{width:min(100%,365px);max-width:365px}
  .costa-page .costa-intro-visual{width:min(100%,365px);max-width:365px}
  .costa-page .costa-map-place-label select{min-width:155px;}
}


/* V8.66 — COSTA: one editorial language for the two consecutive clean-up counts.
   The heading states each total (177 kg / 146 kg); the same 3-part line reports
   glass, mixed waste and plastic, avoiding a redundant fourth total tile. */
.costa-page .costa-waste-breakdown {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;
  margin:clamp(22px,3vw,32px) 0 0;
  border-top:1px solid rgba(36,65,47,.45);
}
.costa-page .costa-waste-breakdown > div {
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:10px;
  min-width:0;
  padding:20px 14px 14px 18px;
  border-right:1px solid rgba(36,65,47,.26);
}
.costa-page .costa-waste-breakdown > div:first-child {padding-left:0}
.costa-page .costa-waste-breakdown > div:last-child {border-right:0;padding-right:0}
.costa-page .costa-waste-breakdown strong {
  display:block;
  margin:0;
  color:var(--costa-green);
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(46px,4.8vw,73px);
  line-height:1;
  letter-spacing:-.055em;
  white-space:nowrap;
}
.costa-page .costa-waste-breakdown strong small {
  font-family:inherit;
  font-size:.31em;
  font-weight:400;
  letter-spacing:-.01em;
}
.costa-page .costa-waste-breakdown > div > span {
  display:block;
  margin:0;
  color:#415c4e;
  font-size:10px;
  font-weight:700;
  line-height:1.35;
  text-transform:uppercase;
  letter-spacing:.075em;
}
@media(max-width:690px){
  .costa-page .costa-waste-breakdown > div {padding:16px 6px 10px 9px;gap:8px}
  .costa-page .costa-waste-breakdown strong {font-size:clamp(35px,8.8vw,55px)}
  .costa-page .costa-waste-breakdown > div > span {font-size:9px;letter-spacing:.025em;overflow-wrap:break-word}
}
@media(max-width:370px){
  .costa-page .costa-waste-breakdown > div {padding-right:4px;padding-left:6px}
  .costa-page .costa-waste-breakdown strong {font-size:33px}
  .costa-page .costa-waste-breakdown > div > span {font-size:8.5px}
}