:root {
    --social-orange: #e96818;
    --social-orange-deep: #a83a08;
    --social-orange-soft: #f58a2d;
    --social-gold: #ddb866;
    --social-gold-soft: #f7dfaa;
    --social-cream: #fff8e9;
    --social-paper: #fffdf9;
    --social-ink: #293634;
    --social-teal: #0f5b58;
    --social-teal-deep: #073f3e;
    --social-teal-soft: #2f7b75;
    --social-brown-detail: var(--social-teal);
}

.social-home { background: var(--social-paper); color: var(--social-ink); }
.social-home .crest-link img { filter:brightness(0) invert(1);width:100%;height:auto; }
.social-home .crest-link { filter:drop-shadow(0 3px 9px rgba(0,0,0,.42)); }
.social-home main { overflow: hidden; }
.social-home h1, .social-home h2, .social-home h3, .social-home p { margin-top: 0; }
.social-container { width: min(1240px, calc(100% - 48px)); margin: 0 auto; }
.social-container--narrow { width: min(940px, calc(100% - 48px)); }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }

.social-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 40;
    height: 112px;
    pointer-events: none;
}
.social-brand,
.social-nav,
.social-nav-toggle { pointer-events: auto; }
.social-brand {
    position: absolute;
    z-index: 42;
    top: 3px;
    left: 50%;
    display: block;
    width: 188px;
    transform: translateX(-50%);
}
.social-world-logo { display: block; width: 188px; height: auto; }
.social-brand-mark { display: grid; place-items: center; width: 54px; height: 54px; flex: 0 0 54px; border: 1px solid var(--social-gold); color: var(--social-gold-soft); font-size: 17px; font-weight: 700; letter-spacing: .08em; transform: rotate(45deg); }
.social-brand-mark i { font-style: normal; transform: rotate(-45deg); }
.social-nav {
    position: absolute;
    top: 18px;
    left: 50%;
    display: grid;
    grid-template-columns: 140px 160px 155px minmax(208px, 1fr) 140px 150px 132px 120px;
    gap: 5px;
    align-items: start;
    width: min(1280px, calc(100% - 24px));
    padding: 10px 14px 12px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, #e66a1a 0 calc(50% - 104px), transparent calc(50% - 104px) calc(50% + 104px), #ec7f28 calc(50% + 104px) 100%);
    border-top: 1px solid rgba(247,223,170,.24);
    border-bottom: 1px solid rgba(247,223,170,.34);
    box-shadow: 0 12px 26px rgba(104,45,8,.18);
}
.social-nav a {
    display: inline-flex;
    min-height: 42px;
    margin-top: 9px;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    color: #fff;
    text-align: center;
    text-shadow: 0 2px 5px rgba(104,45,8,.48);
    font-weight: 700;
    font-size: 13.5px;
    line-height: 1.05;
    letter-spacing: normal;
    white-space: nowrap;
    text-transform: uppercase;
}
.social-nav a:nth-of-type(4) { grid-column: 5; }
.social-nav small {
    display: block;
    margin-top: 6px;
    color: rgba(255,255,255,.92);
    font-size: 10px;
    line-height: 1.1;
    letter-spacing: .35px;
    white-space: nowrap;
    font-style: normal;
}
.social-nav a::after {
    content: "";
    width: 0;
    height: 1px;
    margin-top: 7px;
    background: var(--social-gold);
    transition: width .18s ease;
}
.social-nav a:hover::after,
.social-nav a:focus-visible::after { width: 34px; }
.social-nav-toggle { display: none; }

.social-hero { position: relative; min-height: 850px; color: #fff; overflow: hidden; }
.social-hero-slider { position: absolute; inset: 0; }
.social-hero-slide { position: absolute; inset: 0; display: grid; place-items: center; visibility: hidden; opacity: 0; transform: scale(1.035); background-position: center; background-size: cover; transition: opacity 1.05s ease, transform 7s ease, visibility 1.05s; }
.social-hero-slide.is-active { visibility: visible; opacity: 1; transform: scale(1); }
.social-hero-slide--science { background-image: url('../images/entry-preview/social-sciences.jpg'); }
.social-hero-slide--arts { background-image: url('../images/entry-preview/arts-humanities.jpg'); }
.social-hero-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(34,31,26,.12), rgba(26,31,30,.75)), linear-gradient(90deg, rgba(233,104,24,.12), transparent 55%, rgba(15,91,88,.08)); }
.social-hero-slide--arts .social-hero-overlay { background: linear-gradient(180deg, rgba(34,31,26,.1), rgba(27,31,30,.76)), linear-gradient(90deg, rgba(233,104,24,.08), transparent 60%, rgba(15,91,88,.09)); }
.social-hero-content { position: relative; z-index: 2; width: min(970px, calc(100% - 130px)); padding: 170px 24px 150px; text-align: center; text-shadow: 0 3px 24px rgba(0,0,0,.58); }
.social-kicker { color: var(--social-teal); font-size: 14px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
@font-face { font-family: "Cormorant Garamond Hero"; src: url("../fonts/cormorant-garamond-latin-700.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; }
.social-hero .social-kicker { color: #ffe08a; font-family: "Cormorant Garamond Hero", "Cormorant Garamond", Georgia, serif; font-size: 21px; font-weight: 700; line-height: 1.35; letter-spacing: .11em; text-shadow: 0 1px 0 rgba(255,255,255,.72), 0 3px 0 rgba(69,72,74,.86), 0 8px 12px rgba(0,0,0,.55); animation: socialHeroCaptionPulse 3.6s ease-in-out infinite; }
.social-hero .social-hero-edition { display: block; }
@media (min-width: 541px) and (max-width: 1100px) { .social-hero .social-kicker { font-size: 16px; } }
.social-hero .social-kicker sup { font-size: .45em; vertical-align: super; }
@media (max-width: 540px) { .social-hero .social-kicker { font-size: 13px; letter-spacing: .08em; } }
@keyframes socialHeroCaptionPulse {
    0%, 100% { color: #ffe08a; transform: scale(1); }
    50% { color: #f4a943; transform: scale(1.025); }
}
@media (prefers-reduced-motion: reduce) { .social-hero .social-kicker { animation: none; } }
.social-hero h1, .social-hero h2 { margin: 18px 0; color: #fff; font-size: clamp(68px, 9.2vw, 126px); font-weight: 600; line-height: .78; letter-spacing: -.025em; text-transform: uppercase; }
.social-hero-statement { max-width: 760px; margin: 28px auto 0; color: #fff6df; font-size: clamp(19px, 2.2vw, 27px); font-weight: 600; line-height: 1.3; }
.social-hero-date { margin: 30px 0 2px; color: var(--social-gold-soft); font-size: clamp(22px, 3vw, 34px); font-weight: 700; letter-spacing: .08em; }
.social-hero-content > p:last-of-type { font-size: 21px; font-weight: 600; }
.social-hero-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; margin-top: 32px; }
.social-button { display: inline-flex; align-items: center; justify-content: center; min-height: 51px; padding: 12px 24px; border: 1px solid var(--social-gold); font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; transition: transform .2s ease, background .2s ease; }
.social-button:hover { transform: translateY(-2px); }
.social-button--gold { background: linear-gradient(135deg, var(--social-orange), var(--social-orange-soft)); color: #fff; }
.social-button--light { background: rgba(7,63,62,.44); color: #fff; backdrop-filter: blur(8px); }
.social-scroll { position: absolute; z-index: 3; bottom: 25px; left: 50%; color: var(--social-gold); font-size: 34px; animation: social-bounce 1.8s infinite; }
.social-hero-arrow { position: absolute; z-index: 5; top: 50%; display: grid; place-items: center; width: 58px; height: 72px; padding: 0; border: 1px solid rgba(242,198,93,.62); background: rgba(7,63,62,.72); color: #fff; cursor: pointer; font: 400 52px/1 "Cormorant Garamond", Georgia, serif; transition: background .2s ease, border-color .2s ease; }
.social-hero-arrow:hover, .social-hero-arrow:focus-visible { border-color: var(--social-gold); background: var(--social-orange); }
.social-hero-prev { left: 20px; }
.social-hero-next { right: 20px; }
.social-hero-dots { position: absolute; z-index: 5; left: 50%; bottom: 73px; display: flex; transform: translateX(-50%); border: 1px solid rgba(242,198,93,.54); background: rgba(7,63,62,.78); backdrop-filter: blur(9px); }
.social-hero-dots button { min-width: 190px; padding: 12px 18px; border: 0; border-right: 1px solid rgba(241,189,63,.32); background: transparent; color: #fff1cf; cursor: pointer; font: 700 13px/1.2 "Cormorant Garamond", Georgia, serif; letter-spacing: .08em; text-transform: uppercase; }
.social-hero-dots button:last-child { border-right: 0; }
.social-hero-dots button span { margin-right: 8px; color: var(--social-gold); }
.social-hero-dots button.is-active { background: linear-gradient(135deg, rgba(235,100,8,.92), rgba(255,151,32,.9)); color: #fff; }
@keyframes social-bounce { 50% { transform: translateY(7px); } }

.social-intro { padding: 100px 0 84px; text-align: center; background: linear-gradient(180deg, #fff 0%, var(--social-cream) 100%); }
.social-intro h2, .social-section-heading h2 { font-size: clamp(39px, 5vw, 65px); font-weight: 600; line-height: .98; }
.social-lead { font-size: 23px; line-height: 1.55; }

.social-conference-grid { background: var(--social-gold); }
.social-conference { display: grid; grid-template-columns: 1fr 1fr; min-height: 700px; background: var(--social-paper); }
.social-conference--reverse .social-conference-media { order: 2; }
.social-conference-media { position: relative; min-height: 620px; background-position: center; background-size: cover; }
.social-conference-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(235,100,8,.05), rgba(45,35,28,.74)); }
.social-conference-media span { position: absolute; z-index: 2; left: 44px; bottom: 40px; color: var(--social-gold-soft); font-size: 18px; font-weight: 700; letter-spacing: .14em; }
.social-conference-media--science { background-image: url('../images/entry-preview/social-sciences.jpg'); }
.social-conference-media--arts { background-image: url('../images/entry-preview/arts-humanities.jpg'); }
.social-conference-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(50px, 7vw, 110px); border-top: 1px solid var(--social-gold); }
.social-conference-copy h2 { margin-bottom: 16px; color: var(--social-orange-deep); font-size: clamp(48px, 6vw, 82px); line-height: .9; }
.social-conference-copy h3 { margin: 28px 0 13px; color: var(--social-brown-detail); font-size: 28px; }
.social-conference-copy p { font-size: 19px; line-height: 1.6; }
.social-conference-meta { color: var(--social-orange); font-weight: 700; }
.social-text-link { align-self: flex-start; margin-top: 20px; border-bottom: 1px solid var(--social-gold); color: var(--social-orange-deep); font-weight: 700; text-transform: uppercase; }
.social-text-link span { color: var(--social-orange); font-size: 23px; }

.social-dialogue { padding: 110px 0; background: linear-gradient(135deg, #842807, #a83a08 52%, #c54a0c); color: #fff; }
.social-dialogue-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(50px, 8vw, 120px); align-items: start; }
.social-dialogue h2 { font-size: clamp(46px, 6vw, 78px); font-weight: 600; line-height: .95; }
.social-dialogue .social-kicker { color: var(--social-gold-soft); }
.social-prose { padding-left: 38px; border-left: 1px solid rgba(15,91,88,.72); }
.social-prose p { font-size: 18px; line-height: 1.68; }

.social-participation { padding: 110px 0; background: var(--social-cream); }
.social-section-heading { max-width: 850px; margin-bottom: 48px; }
.social-section-heading > p:last-child { font-size: 20px; }
.social-path-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.social-path-grid article { position: relative; min-height: 290px; padding: 34px; border: 1px solid #f0c661; background: #fff; box-shadow: 0 12px 35px rgba(95,52,20,.08); }
.social-path-grid article::before { content: ""; position: absolute; inset: 0 0 auto; height: 5px; background: linear-gradient(90deg, var(--social-orange), var(--social-teal)); }
.social-path-grid span { color: var(--social-orange); font-weight: 700; letter-spacing: .12em; }
.social-path-grid h3 { margin: 18px 0 11px; font-size: 30px; line-height: 1; }
.social-path-grid p { font-size: 17px; line-height: 1.5; }
.social-path-grid a { color: var(--social-orange-deep); font-weight: 700; text-transform: uppercase; }

.social-workshop { display:grid;grid-template-columns:1fr 1fr;min-height:430px;background:var(--social-paper);border-top:1px solid rgba(221,184,102,.55);border-bottom:1px solid rgba(221,184,102,.55); }
.social-workshop-media { position:relative;min-height:430px;overflow:hidden; }
.social-workshop-media img { display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center top;transform:scale(1.2);transform-origin:center top;transition:transform 600ms cubic-bezier(.2,.7,.25,1); }
.social-workshop-media::after { content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,rgba(7,63,62,.13));pointer-events:none; }
.social-workshop-image-label { position:absolute;z-index:2;top:0;left:0;display:flex;align-items:center;width:50%;min-height:27%;padding:18px clamp(16px,2.6vw,36px);border-bottom:3px solid var(--social-gold);background:linear-gradient(115deg,#073f3e,#0f5b58);color:#fff8e9;font-size:clamp(16px,1.6vw,22px);font-weight:700;line-height:1.15;letter-spacing:.05em;text-transform:uppercase;box-shadow:12px 12px 34px rgba(7,63,62,.24); }
.social-workshop-copy { display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(42px,7vw,100px);background:radial-gradient(circle at 95% 12%,rgba(233,104,24,.09),transparent 32%),linear-gradient(135deg,#fffdf9,#fff8e9); }
.social-workshop-copy h2 { margin:4px 0 22px;color:var(--social-orange-deep);font-size:clamp(50px,6vw,78px);line-height:.92; }
.social-workshop-copy>p:not(.social-kicker) { max-width:580px;font-size:clamp(22px,2.4vw,29px);line-height:1.38; }
.social-workshop-copy .social-text-link { margin-top:18px; }

.social-union { padding: 94px 0; background: #fff; text-align: center; }
.social-union p { font-size: 23px; line-height: 1.6; }
.social-union strong { display: block; color: var(--social-orange-deep); font-size: 24px; }

.social-venue { display: grid; grid-template-columns: 1.2fr .8fr; min-height: 0; background: var(--social-cream); color: var(--social-ink); }
.social-venue-media { min-width:0;overflow:hidden;background:#fffaf0; }
.social-venue-image { position:relative;aspect-ratio:1471 / 493;overflow:hidden;background:#e8eee7; }
.social-venue-image img { display:block;width:100%;height:100%;object-fit:cover;transform:translateY(calc(var(--social-parallax-y,0px) * .28)) scale(1.035);transition:filter 520ms ease; }
.social-venue-gallery { padding:16px 18px 12px;border-top:2px solid var(--social-orange);background:linear-gradient(140deg,#fffaf0,#f4eee2); }
.social-venue-gallery-track { display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 12px) / 2);gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none; }
.social-venue-gallery-track::-webkit-scrollbar { display:none; }
.social-venue-gallery-photo { display:block;min-width:0;aspect-ratio:16 / 10;overflow:hidden;scroll-snap-align:start;border:1px solid rgba(7,63,62,.16); }
.social-venue-gallery-photo img { display:block;width:100%;height:100%;object-fit:cover;transition:transform 520ms ease,filter 520ms ease; }
.social-venue-gallery-controls { display:flex;align-items:center;justify-content:flex-end;gap:14px;padding-top:12px; }
.social-venue-gallery-controls button { display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:5px 10px;border:1px solid rgba(230,106,26,.42);background:transparent;color:var(--social-teal);font:600 18px/1 "Cormorant Garamond",Georgia,serif;cursor:pointer;transition:background 180ms ease,color 180ms ease; }
.social-venue-gallery-controls button:hover { background:var(--social-orange);color:#fff; }
.social-venue-gallery-controls button:focus-visible,.social-venue-gallery-photo:focus-visible { outline:2px solid var(--social-teal);outline-offset:-3px; }
.social-venue-gallery-count { margin-right:auto;color:var(--social-teal);font-size:14px;letter-spacing:.1em;font-variant-numeric:tabular-nums; }
.social-venue-gallery-controls .social-venue-gallery-pause { border-color:transparent;font-size:16px; }
.social-venue-copy { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: clamp(50px, 7vw, 105px); background: linear-gradient(145deg, #fffaf0, #f7ead0); border-left: 1px solid rgba(15,91,88,.72); }
.social-venue-copy h2 { font-size: clamp(45px, 5vw, 70px); line-height: .95; }
.social-venue-copy .social-kicker { color: var(--social-orange-deep); }
@media (max-width:980px) {
    .social-venue { grid-template-columns:1fr;min-height:0; }
    .social-venue-copy { border-left:0;border-top:1px solid rgba(15,91,88,.3);padding:38px clamp(24px,5vw,48px); }
}

.social-stats { display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px solid var(--social-gold); border-bottom: 1px solid var(--social-gold); background: #fffaf0; }
.social-stats div { padding: 38px 18px; border-right: 1px solid rgba(89,48,31,.14); text-align: center; }
.social-stats strong { display: block; color: var(--social-orange-deep); font-size: clamp(35px, 4vw, 56px); line-height: 1; }
.social-stats span { display: block; margin-top: 8px; color: var(--social-brown-detail); font-size: 15px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }

.social-footer { background: linear-gradient(120deg, #652108, #8f2e08); color: #fff7e2; }
.social-footer-main { display: grid; grid-template-columns: 1.25fr 1fr 1fr 1fr; gap: 45px; padding-top: 70px; padding-bottom: 62px; }
.social-footer h2 { margin: 22px 0 11px; color: var(--social-gold); font-size: 31px; }
.social-footer h3 { margin-bottom: 14px; color: var(--social-gold); font-size: 22px; }
.social-footer p { font-size: 16px; line-height: 1.72; }
.social-footer a:hover { color: var(--social-gold); }
.social-footer-brand .social-brand-mark { margin: 10px 0 26px 12px; }
.social-footer-bottom { display: flex; justify-content: space-between; gap: 30px; padding: 21px clamp(24px, 4vw, 66px); border-top: 1px solid rgba(242,198,93,.34); background: var(--social-teal-deep); }
.social-footer-bottom p { margin: 0; }
.social-footer-bottom nav { display: flex; flex-wrap: wrap; gap: 21px; }

@media (max-width: 1279px) {
    .social-header {
        position: fixed;
        min-height: 82px;
        height: 82px;
        padding: 0;
        background: linear-gradient(105deg, #e66a1a, #ec7f28);
        pointer-events: auto;
    }
    .social-brand {
        top: 3px;
        left: 8px;
        width: 94px;
        height: 82px;
        transform: none;
    }
    .social-world-logo { width: 94px; height: auto; }
    .social-nav {
        display: none;
        position: absolute;
        top: 82px;
        left: 0;
        right: 0;
        width: 100%;
        padding: 18px 24px;
        transform: none;
        background: linear-gradient(135deg, #e66a1a, #ec7f28);
        border: 0;
        box-shadow: 0 18px 34px rgba(0,0,0,.24);
    }
    .social-nav.is-open {
        display: flex;
        flex-direction: column;
        gap: 0;
    }
    .social-nav a,
    .social-nav a:nth-of-type(4) {
        display: flex;
        grid-column: auto;
        min-height: 42px;
        margin-top: 0;
        align-items: flex-start;
        border-bottom: 1px solid rgba(247,223,170,.18);
        text-align: left;
    }
    .social-nav-toggle {
        position: absolute;
        top: 21px;
        right: 18px;
        display: flex;
        flex-direction: column;
        gap: 5px;
        padding: 12px;
        border: 0;
        background: rgba(126,45,4,.26);
    }
    .social-nav-toggle span:not(.sr-only) { width: 25px; height: 2px; background: #fff; }
    .social-path-grid { grid-template-columns: repeat(2, 1fr); }
    .social-footer-main { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 760px) {
    .social-container, .social-container--narrow { width: min(100% - 32px, 1240px); }
    .social-header { min-height: 82px; height: 82px; padding: 0; }
    .social-footer .social-brand-mark { width: 44px; height: 44px; flex-basis: 44px; font-size: 13px; }
    .social-brand strong { max-width: 235px; font-size: 14px; }
    .social-brand small { font-size: 10px; }
    .social-hero { min-height: 780px; }
    .social-hero-content { padding-top: 168px; }
    @keyframes socialHeroCaptionPulse {
    0%, 100% { color: #ffe08a; transform: scale(1); }
    50% { color: #f4a943; transform: scale(1.025); }
}
@media (prefers-reduced-motion: reduce) { .social-hero .social-kicker { animation: none; } }
.social-hero h1, .social-hero h2 { font-size: clamp(58px, 17vw, 78px); }
    .social-hero-content { width: calc(100% - 28px); padding-left: 14px; padding-right: 14px; padding-bottom: 185px; }
    .social-hero-statement { font-size: 18px; }
    .social-hero-actions { align-items: stretch; flex-direction: column; }
    .social-hero-actions .social-button--light { display: none; }
    .social-hero-arrow { top: auto; bottom: 88px; width: 44px; height: 49px; font-size: 39px; }
    .social-hero-prev { left: 14px; }
    .social-hero-next { right: 14px; }
    .social-hero-dots { bottom: 88px; }
    .social-hero-dots button { min-width: 0; width: 52px; height: 49px; padding: 0; font-size: 0; }
    .social-hero-dots button span { margin: 0; font-size: 13px; }
    .social-scroll { bottom: 24px; }
    .social-conference { grid-template-columns: 1fr; }
    .social-conference--reverse .social-conference-media { order: 0; }
    .social-conference-media { min-height: 380px; }
    .social-conference-copy { padding: 48px 24px 58px; }
    .social-conference-copy h2 { font-size: 52px; }
    .social-dialogue-grid { grid-template-columns: 1fr; gap: 35px; }
    .social-prose { padding-left: 0; border-left: 0; }
    .social-path-grid { grid-template-columns: 1fr; }
    .social-workshop { grid-template-columns: 1fr; }
    .social-workshop-media { min-height:310px; }
    .social-workshop-media img { position:static;height:310px; }
    .social-workshop-copy { padding:48px 24px 60px; }
    .social-venue-gallery { padding:12px; }
    .social-stats { grid-template-columns: 1fr 1fr; }
    .social-stats div:last-child { grid-column: 1 / -1; }
    .social-footer-main { grid-template-columns: 1fr; }
    .social-footer-bottom { flex-direction: column; }
}

/* Header orange sampled from approved CTA reference: #e66a1a -> #ec7f28. */

/* Exact Bologna header component; only the approved conference colour is adapted. */
.social-home .mail-icon { color: #e4c26c; }
.social-home .main-nav {
    background: linear-gradient(
        90deg,
        #e66a1a 0 calc(50% - 104px),
        transparent calc(50% - 104px) calc(50% + 104px),
        #ec7f28 calc(50% + 104px) 100%
    );
}

@media (min-width: 1101px) {
    .social-home .nav-list {
        grid-template-columns: 38px 126px 150px 150px minmax(194px, 1fr) 125px 128px 120px 80px 28px;
    }

    .social-home .nav-link {
        font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
        font-size: 13.5px;
        line-height: 1.05;
        font-weight: 700;
        letter-spacing: 0;
    }

    .social-home .nav-link > span,
    .social-home .nav-link em {
        white-space: nowrap;
    }

    .social-home .nav-link em {
        margin-top: 6px;
        font-size: 10px;
        line-height: 1.1;
        letter-spacing: .25px;
    }

    .social-home .nav-item:nth-child(n+5):nth-child(-n+8) .nav-link > span {
        letter-spacing: -.5px;
    }
}

@media (max-width: 1100px) {
    .social-home .site-header { height:92px; background:linear-gradient(105deg,#e66a1a,#ec7f28); }
    .social-home .site-header::before { display:none; }
    .social-home .main-nav { top:20px; padding:0; background:none; border:0; box-shadow:none; }
    .social-home .crest-link { top:10px;left:18px;width:72px;transform:none; }
    .social-home .nav-toggle { display:inline-flex;position:absolute;right:0;margin-left:auto;width:44px;height:40px;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;border:1px solid rgba(221,184,102,.65);background:#e66a1a; }
    .social-home .nav-toggle span:not(.sr-only) { display:block;width:24px;height:2px;margin:0 auto;background:#fff; }
    .social-home .nav-list { display:none;grid-template-columns:minmax(0,1fr);gap:0;margin-top:54px;padding:12px;max-height:calc(100vh - 110px);overflow-y:auto;overflow-x:hidden;background:linear-gradient(145deg,#052f2e,#073f3e);border-top:3px solid #e66a1a; }
    .social-home .nav-list.is-open { display:grid; }
    .social-home .nav-item:nth-child(5) { grid-column:auto; }
    .social-home .nav-item { text-align:left; }
    .social-home .nav-link { min-height:34px;align-items:flex-start;text-align:left; }
    .social-home .dropdown { position:static;min-width:0;padding:0 0 8px 18px;background:transparent;border:0;box-shadow:none;transform:none;opacity:1;visibility:visible; }
    .social-home .dropdown-submenu { position:static;min-width:0;padding-left:18px;transform:none; }
    .social-home .dropdown a,.social-home .dropdown-link { white-space:normal; }
}

/* Live local alternatives selected by ?variant=1, ?variant=2 or ?variant=3. */
@media (min-width: 1101px) {
    /* 1. Bologna geometry with a calmer burnt-orange identity. */
    .social-variant-1 .main-nav {
        background: linear-gradient(
            90deg,
            rgba(190, 73, 13, .94) 0 calc(50% - 104px),
            transparent calc(50% - 104px) calc(50% + 104px),
            rgba(224, 102, 24, .94) calc(50% + 104px) 100%
        );
        box-shadow: 0 14px 34px rgba(37, 18, 8, .26);
        backdrop-filter: blur(6px);
    }

    .social-variant-1 .social-hero-overlay {
        background: linear-gradient(180deg, rgba(24, 18, 14, .30), rgba(20, 25, 24, .78)), linear-gradient(90deg, rgba(190,73,13,.13), transparent 58%, rgba(7,63,62,.10));
    }

    .social-variant-1 .social-hero h1,
    .social-variant-1 .social-hero h2 {
        font-size: clamp(68px, 8.2vw, 112px);
        line-height: .82;
    }

    .social-variant-1 .social-hero-statement { max-width: 700px; font-size: clamp(19px, 1.9vw, 24px); }

    /* 2. One continuous orange navigation bar with the crest integrated into it. */
    .social-variant-2 .main-nav {
        background: linear-gradient(105deg, rgba(201,76,12,.97), rgba(239,125,34,.97));
        border-color: rgba(255,220,142,.58);
        box-shadow: 0 15px 36px rgba(42,18,5,.28);
    }

    .social-variant-2 .crest-link {
        top: 12px;
        width: 108px;
        filter: drop-shadow(0 4px 9px rgba(35,18,7,.5));
    }

    .social-variant-2 .social-hero-content { padding-top: 188px; }
    .social-variant-2 .social-hero h1,
    .social-variant-2 .social-hero h2 { font-size: clamp(66px, 8vw, 108px); line-height: .82; }
    .social-variant-2 .social-hero-overlay { background: linear-gradient(180deg, rgba(27,20,15,.32), rgba(17,27,26,.80)); }

    /* 3. Editorial hero while retaining the split Bologna navigation. */
    .social-variant-3 .main-nav {
        background: linear-gradient(
            90deg,
            rgba(207, 78, 11, .94) 0 calc(50% - 104px),
            transparent calc(50% - 104px) calc(50% + 104px),
            rgba(235, 119, 29, .94) calc(50% + 104px) 100%
        );
    }

    .social-variant-3 .social-hero-slide { place-items: center; }

    .social-variant-3 .social-hero-overlay {
        background: linear-gradient(90deg, rgba(5,32,31,.60) 0%, rgba(5,32,31,.38) 30%, rgba(5,32,31,.08) 50%, transparent 66%);
    }

    .social-variant-3 .social-hero-content {
        width: min(1180px, calc(100% - 150px));
        padding: 188px 30px 155px;
        text-align: left;
    }

    .social-variant-3 .social-hero h1,
    .social-variant-3 .social-hero h2 {
        max-width: 760px;
        margin: 18px 0;
        font-size: clamp(70px, 8vw, 112px);
        line-height: .80;
    }

    .social-variant-3 .social-hero-statement { max-width: 650px; margin-left: 0; margin-right: 0; }
    .social-variant-3 .social-hero-date { margin-left: 0; }
    .social-variant-3 .social-hero-actions { justify-content: flex-start; }
    .social-variant-3 .social-hero-dots { left: 95px; transform: none; }
}

/* Final Home treatment: existing content and hero, shared Bologna/Vienna language. */
.social-intro {
    position: relative;
    isolation: isolate;
    border-bottom: 1px solid rgba(15,91,88,.15);
    background: radial-gradient(circle at 9% 18%,rgba(233,104,24,.11),transparent 24%),radial-gradient(circle at 91% 78%,rgba(15,91,88,.10),transparent 26%),linear-gradient(180deg,#fff 0%,#fff8e9 100%);
}
.social-intro::before { content:"";position:absolute;z-index:-1;inset:24px;border:1px solid rgba(221,184,102,.22);pointer-events:none; }
.social-intro h2,.social-section-heading h2,.social-conference-copy h2,.social-dialogue h2,.social-venue-copy h2 { text-wrap:balance; }
.social-conference { min-height:660px;border-bottom:1px solid rgba(221,184,102,.65); }
.social-conference-media { overflow:hidden;background-position:center calc(50% + var(--social-parallax-y,0px));transition:filter 520ms ease,transform 520ms cubic-bezier(.2,.7,.25,1);will-change:background-position; }
.social-conference-copy { position:relative;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,248,233,.96)),repeating-linear-gradient(135deg,transparent 0 38px,rgba(15,91,88,.025) 38px 39px); }
.social-conference-copy::before { content:"";position:absolute;top:clamp(46px,6vw,92px);left:clamp(50px,7vw,110px);width:58px;height:3px;transform:translateY(-24px);background:linear-gradient(90deg,var(--social-orange),var(--social-gold)); }
.social-dialogue { position:relative;overflow:hidden;background:radial-gradient(circle at 88% 16%,rgba(233,104,24,.27),transparent 31%),linear-gradient(135deg,#052f2e 0%,#073f3e 52%,#0f5b58 100%); }
.social-dialogue::after { content:"";position:absolute;right:-130px;bottom:-210px;width:520px;height:520px;border:1px solid rgba(221,184,102,.25);border-radius:50%;box-shadow:0 0 0 70px rgba(221,184,102,.045),0 0 0 140px rgba(233,104,24,.035);pointer-events:none; }
.social-dialogue-grid { position:relative;z-index:1; }
.social-prose { border-left-color:rgba(221,184,102,.72); }
.social-path-grid article { overflow:hidden;transition:transform 360ms cubic-bezier(.2,.7,.25,1),box-shadow 360ms ease,border-color 360ms ease; }
.social-path-grid article::after { content:"";position:absolute;right:-46px;bottom:-46px;width:112px;height:112px;border:1px solid rgba(15,91,88,.15);transform:rotate(45deg); }
.social-union { position:relative;background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,248,233,.96)),repeating-linear-gradient(90deg,transparent 0 72px,rgba(15,91,88,.03) 72px 73px); }
.social-union::before { content:"";display:block;width:76px;height:3px;margin:0 auto 28px;background:linear-gradient(90deg,var(--social-orange),var(--social-gold),var(--social-teal)); }
.social-venue { border-top:1px solid rgba(221,184,102,.5); }
.social-venue-image img { will-change:transform; }
.social-stats { border-color:rgba(221,184,102,.46);background:linear-gradient(115deg,#052f2e,#073f3e 55%,#0f5b58); }
.social-stats div { border-right-color:rgba(221,184,102,.22); }
.social-stats strong { color:#fff; }
.social-stats span { color:var(--social-gold-soft); }
.social-footer { background:radial-gradient(circle at 8% 15%,rgba(233,104,24,.19),transparent 25%),linear-gradient(120deg,#052f2e,#073f3e 58%,#0a4c49); }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
    .social-workshop-media:hover img { transform:scale(1.23); }
    .social-conference-media:hover { transform:scale(1.018);filter:saturate(1.06) contrast(1.025); }
    .social-venue-image:hover img { filter:saturate(1.06) contrast(1.025); }
    .social-venue-gallery-photo:hover img { transform:scale(1.035);filter:saturate(1.06); }
    .social-path-grid article:hover,.social-path-grid article:focus-within { transform:translateY(-6px);border-color:rgba(233,104,24,.62);box-shadow:0 24px 48px rgba(7,63,62,.15); }
}
@media (max-width:760px) { .social-intro::before{inset:12px}.social-conference-copy::before{left:24px} }
@media (prefers-reduced-motion:reduce) { .social-conference-media,.social-venue-image,.social-path-grid article{transition:none;transform:none} }


/* Bologna Hot News strip, SGEMSOCIAL palette. */
.social-hot-news {
    position: sticky;
    top: 0;
    z-index: 55;
    display: flex;
    align-items: stretch;
    min-height: 42px;
    overflow: hidden;
    border-bottom: 2px solid #edb34d;
    color: #fff;
    background: #073f3e;
    font: 700 14px/1.3 var(--serif);
}
.social-hot-news + .site-header { top: 42px; }
.social-hot-label,
.social-hot-all {
    position: relative;
    z-index: 2;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    padding: 0 18px;
    color: #fffdf9;
    background: #e66a1a;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
}
.social-hot-window { flex: 1 1 auto; min-width: 0; overflow: hidden; }
.social-hot-track { display: flex; width: max-content; height: 100%; animation: social-hot-move 24s linear infinite; }
.social-hot-item {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    min-height: 40px;
    padding: 0 64px 0 24px;
    color: #fff;
    white-space: nowrap;
}
.social-hot-item strong { color: #f5d993; letter-spacing: .04em; }
.social-hot-item b { color: #f5d993; }
.social-hot-item del { opacity: .75; text-decoration-thickness: 2px; }
.social-hot-item:hover,
.social-hot-item:focus-visible { color: #f5d993; text-decoration: underline; }
.social-hot-track:hover,
.social-hot-track:focus-within { animation-play-state: paused; }
.social-hot-all:hover,
.social-hot-all:focus-visible { background: #c95712; }
@keyframes social-hot-move { to { transform: translateX(-50%); } }
@media (max-width: 720px) {
    .social-hot-label { padding: 0 9px; font-size: 10px; }
    .social-hot-all { padding: 0 9px; font-size: 10px; }
    .social-hot-item { padding-left: 16px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    .social-hot-track { animation: none; }
}


/* Shared publication strip: exact Green motion and Art service catalogue. */
/* Same approved Home strip, shared by every public page above the footer. */
.social-discovery { padding: 42px 0; border: 0; background: #fff; }
.social-discovery-item { min-height: 0; padding: 14px 16px; border: 0; }
.social-discovery-item h3 { color: #686868; font-weight: 500; }
#discovery-title { margin: 0 18px 26px; color: #124e68; font-size: 30px; line-height: 1.15; font-weight: 600; text-align: center; }
#discovery-title::after { content: ""; display: block; width: 48px; height: 2px; margin: 12px auto 0; background: #388fa7; }
.social-discovery-tile { display: grid; grid-template-rows: 26px 1fr; justify-items: center; align-items: center; gap: 4px; width: 100%; max-width: 200px; height: 112px; margin-inline: auto; padding: 10px; border: 1px solid #d5e4eb; border-radius: 10px; background: #f2f7fa; }
.social-discovery-icon { display: grid; place-items: center; width: 26px; height: 26px; color: #26839d; }
.social-discovery-icon svg { display: block; width: 26px; height: 26px; }
.social-discovery-name { color: #124e68; font-size: 26px; line-height: 1.1; font-weight: 700; }
.social-discovery-marquee { width: 100%; overflow: hidden; }
.social-discovery-track { display: flex; width: max-content; }
.social-discovery-track > .social-discovery-grid { display: flex; flex: 0 0 auto; width: max-content; gap: 18px; padding: 0 18px 0 0; }
.social-discovery-track .social-discovery-item { flex: 0 0 220px; width: 220px; padding: 8px 10px; background: transparent; }
.social-discovery-marquee:focus-visible { outline: 2px solid #26839d; outline-offset: -2px; }
@keyframes socialDiscoverySlideLeft { to { transform: translate3d(-50%, 0, 0); } }
@media (prefers-reduced-motion: no-preference) {
    .social-discovery-track { animation: socialDiscoverySlideLeft 140s linear infinite; }
    .social-discovery-marquee:hover .social-discovery-track,
    .social-discovery-marquee:focus-within .social-discovery-track { animation-play-state: paused; }
}
@media (prefers-reduced-motion: reduce) {
    .social-discovery-marquee { overflow-x: auto; }
    .social-discovery-track > .social-discovery-grid[aria-hidden="true"] { display: none; }
}

.social-discovery-item { text-align: center; }
.social-discovery-item h3 { margin: 16px 0 0; font-size: 18px; line-height: 1.25; }
.social-discovery-name { text-align:center; }
.social-footer-platforms { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; padding-block:24px 36px; border-top:1px solid rgba(232,188,89,.25); }
.social-footer-platforms a { display:block; overflow-wrap:anywhere; }
.social-footer-platforms small { display:block; color:#edc66d; font-size:16px; margin-bottom:6px; }
.social-footer-platforms span { color:#fff; font-size:20px; }
.social-footer-bottom nav { flex-wrap:wrap; }
@media(max-width:900px) { .social-footer-platforms {grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:540px) { .social-footer-platforms {grid-template-columns:minmax(0,1fr);gap:20px;} }

@media (max-width:640px) { .social-venue-gallery-track { grid-auto-columns:100%; } }
@media (prefers-reduced-motion:reduce) { .social-venue-image img,.social-venue-gallery-photo img { transition:none;transform:none; } }

/* Right-side nested navigation stays inside the desktop viewport. */
@media(min-width:1101px) {
 .social-home .nav-item:nth-child(n+5) .dropdown-submenu { left:auto;right:100%; }
 .social-home .dropdown-submenu .dropdown-submenu { max-height:max(90px,calc(100dvh - 420px));overflow-y:auto;overflow-x:hidden; }
}

/* Approved Geo logo scale and Vienna Art ticker/header join. */
@media(min-width:1101px) {
 .social-home .main-nav { top:0; }
 .social-home .crest-link { width:140px;top:10px; }
 .social-home .social-science-menu > .dropdown { top:calc(100% - 1px);left:auto;right:0;width:290px;min-width:290px;padding:12px;max-height:calc(100dvh - 140px);overflow-y:auto;transform:translate(0,10px); }
 .social-home .social-science-menu:hover > .dropdown,.social-home .social-science-menu:focus-within > .dropdown { transform:translate(0,0); }
}
.social-home .social-science-menu > .dropdown > .dropdown-item { border-bottom:1px solid rgba(221,184,102,.14); }
.social-home .social-science-menu > .dropdown > .dropdown-item:last-child { border-bottom:0; }
.social-home .social-science-menu > .dropdown > .dropdown-item > a { font-size:17px;line-height:1.25;padding:10px 12px;white-space:normal; }

@media(min-width:1101px) and (max-width:1324px) { .social-home .crest-link { width:118px;top:14px; } }
@media(max-width:1100px) { .social-home .crest-link { width:94px;top:1px; } }

/* Geo crest: large at the top, gently raised and reduced after scrolling. */
.social-home .crest-link { transition: width .26s ease, top .26s ease; }
@media (min-width:1101px) {
    .social-home .site-header.is-scrolled .crest-link { width:108px; top:4px; }
}
@media (prefers-reduced-motion:reduce) {
    .social-home .crest-link { transition:none; }
}
/* Geo two-line emphasis, adapted to the Social orange with a warm ivory accent. */
.social-home .site-header { --social-menu-accent:#fff1d4; }
.social-home .nav-link em { color:var(--social-menu-accent); text-shadow:none; }
.social-home .nav-item:hover > .nav-link:not(.nav-home):not(.nav-contact),
.social-home .nav-item:focus-within > .nav-link:not(.nav-home):not(.nav-contact),
.social-home .nav-link:not(.nav-home):not(.nav-contact):hover,
.social-home .nav-link:not(.nav-home):not(.nav-contact):focus-visible {
    color:var(--social-menu-accent); text-shadow:none;
}
@media (max-width:1100px) {
    .social-home .site-header { --social-menu-accent:#fff1d4; }
}
/* Crawlable, responsive photographs preserve the approved background treatment. */
.social-conference-media { position:relative; }
.social-editorial-photo { position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover; }
.social-hero-overlay { z-index:1; }
.social-hero-content { position:relative;z-index:2; }
.social-conference-media span { z-index:2; }
.sgem-inner-source .sgem-source-hero { background-image:none; }
.sgem-inner-source .sgem-source-hero::before { display:none; }
.social-source-hero-photo { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04);filter:saturate(1.08) contrast(1.04);animation:sgemHeroDrift 18s ease-in-out infinite alternate; }
@media (prefers-reduced-motion:reduce) { .social-source-hero-photo { animation:none; } }
.social-consent { position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:2000;width:min(620px,calc(100% - 24px));padding:20px;background:#fffaf2;color:#073f4b;border:1px solid #dfcdb5;box-shadow:0 8px 32px #0002;border-radius:8px;font:600 18px/1.45 'Cormorant Garamond',serif; }
.social-consent p { margin:0 0 14px; }
.social-consent-actions { display:flex;flex-wrap:wrap;gap:10px; }
.social-consent button,.social-cookie-choice { font:inherit;cursor:pointer; }
.social-consent button { padding:9px 16px;border:1px solid #c75a10;border-radius:3px;background:#fff;color:#073f4b; }
.social-consent button[data-consent="accepted"] { background:#c75a10;color:white; }
.social-cookie-choice { color:inherit;background:none;border:0;text-decoration:underline;padding:0; }

.social-hero-slide,.social-conference-media { background-image:none; }

@media (max-width:1100px) {
 .social-home .nav-toggle { min-height:44px; }
 .social-home .nav-list > .nav-item > .nav-link { width:100%;min-height:44px; }
 .social-home .nav-list > .nav-icon > a { min-width:44px;min-height:44px; }
 .social-footer-bottom nav a { display:inline-flex;align-items:center;min-height:44px; }
}

@media (max-width:640px) {
 .social-home .social-hero-content { min-width:0;width:100%;max-width:100%; }
 .social-home .social-hero h1,.social-home .social-hero h2 { font-size:clamp(44px,14.5vw,58px); }
}

/* Programme overview uses confirmed dates; the old unavailable module is not an agenda. */
.social-programme-overview dl{margin:24px 0;border-top:1px solid #e8d8c6}
.social-programme-overview dl>div{display:grid;grid-template-columns:160px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid #e8d8c6}
.social-programme-overview dt{color:#c45316;font-weight:700}
.social-programme-overview dd{margin:0}
@media(max-width:640px){.social-programme-overview dl>div{grid-template-columns:1fr;gap:4px}.social-reviewer-frame{min-height:0!important;height:650px!important;max-height:75dvh}}
