/* assets/css/fonts.css */
@font-face {
font-family: "Bricolage Grotesque";
font-style: normal;
font-weight: 700 800;
font-display: swap;
src: url("https://antalya.directory/wp-content/themes/earth-network-theme/assets/css/../fonts/bricolage-latin-ext.woff2") format("woff2");
unicode-range: U+0100-02FF, U+0304, U+0308, U+0329, U+1E00-1EFF, U+2020, U+20A0-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Bricolage Grotesque";
font-style: normal;
font-weight: 700 800;
font-display: swap;
src: url("https://antalya.directory/wp-content/themes/earth-network-theme/assets/css/../fonts/bricolage-latin.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Instrument Serif";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("https://antalya.directory/wp-content/themes/earth-network-theme/assets/css/../fonts/instrument-normal-latin-ext.woff2") format("woff2");
unicode-range: U+0100-02FF, U+0304, U+0308, U+0329, U+1E00-1EFF, U+2020, U+20A0-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Instrument Serif";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("https://antalya.directory/wp-content/themes/earth-network-theme/assets/css/../fonts/instrument-normal-latin.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Instrument Serif";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url("https://antalya.directory/wp-content/themes/earth-network-theme/assets/css/../fonts/instrument-italic-latin-ext.woff2") format("woff2");
unicode-range: U+0100-02FF, U+0304, U+0308, U+0329, U+1E00-1EFF, U+2020, U+20A0-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Instrument Serif";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url("https://antalya.directory/wp-content/themes/earth-network-theme/assets/css/../fonts/instrument-italic-latin.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 400 800;
font-display: swap;
src: url("https://antalya.directory/wp-content/themes/earth-network-theme/assets/css/../fonts/manrope-latin-ext.woff2") format("woff2");
unicode-range: U+0100-02FF, U+0304, U+0308, U+0329, U+1E00-1EFF, U+2020, U+20A0-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 400 800;
font-display: swap;
src: url("https://antalya.directory/wp-content/themes/earth-network-theme/assets/css/../fonts/manrope-latin.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* assets/css/tokens.css */
html {
font-size: clamp(100%, calc(96% + .05vw), 106.25%);
}
:root {
--space-1: .25rem;
--space-2: .5rem;
--space-3: .75rem;
--space-4: 1rem;
--space-5: 1.25rem;
--space-6: 1.5rem;
--space-8: 2rem;
--space-10: 2.5rem;
--space-12: 3rem;
--space-16: 4rem;
--space-20: 5rem;
--space-24: 6rem;
--radius-sm: .5rem;
--radius-md: 1rem;
--radius-lg: 2rem;
--radius-pill: 999em;
--control-min: 2.75rem;
--content-gutter: clamp(1.5rem, 3vw, 3rem);
--section-space: clamp(4.5rem, 8vw, 8rem);
}
@media (max-width: 40rem) {
:root {
--content-gutter: .75rem;
--section-space: 4.5rem;
}
}
/* assets/css/tokens.css — inline */
:root{--ink:#0b1736;--paper:#f2ead8;--paper-2:#fff9eb;--lime:#d9ff5b;--red:#e5483f;--turquoise:#19b7b0;--gold:#e1ad48;--muted:#7b8496;}
/* assets/css/brand.css */
.brand {
--brand-size: clamp(1.25rem, 2vw, 1.875rem);
display: inline-flex;
align-items: center;
width: max-content;
color: inherit;
font-family: var(--sans);
font-size: var(--brand-size);
font-weight: 800;
line-height: 1;
letter-spacing: -.055em;
text-decoration: none;
}
.brand-dot {
width: .34em;
height: .34em;
margin-inline: .03em;
flex: 0 0 auto;
border-radius: 50%;
background: var(--lime);
position: relative;
}
.brand-dot::after {
content: "";
position: absolute;
inset: 0;
border-radius: 50%;
background: rgba(217, 255, 91, .5);
animation: ie-brand-pulse 2.2s infinite;
will-change: transform, opacity;
}
.brand.brand--footer {
--brand-size: clamp(4rem, 11vw, 10.625rem);
margin-bottom: 4rem;
color: var(--paper);
line-height: .8;
}
.brand.brand--footer:hover {
color: var(--paper);
}
@keyframes ie-brand-pulse {
0% { transform: scale(1); opacity: 1; }
60%, 100% { transform: scale(3.24); opacity: 0; }
}
@media (max-width: 47.5rem) {
.brand.brand--footer {
--brand-size: clamp(2.5rem, 14vw, 7rem);
margin-bottom: 3.25rem;
}
}
@media (max-width: 40rem) {
.brand:not(.brand--footer) {
--brand-size: 1.5rem;
}
}
@media (prefers-reduced-motion: reduce) {
.brand-dot::after {
display: none;
}
}
/* assets/css/design.css */
:root {
--ink:#0b1736; --ink-2:#111d3b; --paper:#f2ead8; --paper-2:#fff9eb;
--red:#e5483f; --turquoise:#19b7b0; --coral:#ff765f; --violet:#6b4cbf;
--lime:#d9ff5b; --gold:#e1ad48; --muted:#7b8496; --white:#fffdf7; --black:#090b12;
--sans:"Bricolage Grotesque",system-ui,sans-serif; --body:"Manrope",system-ui,sans-serif;
--serif:"Instrument Serif",Georgia,serif; --container:min(91.25rem,calc(100% - 3rem));
--shadow:0 1.5rem 5rem rgba(2,7,18,.2); --radius-sm:0.625rem; --radius-md:1.375rem; --radius-lg:2.375rem;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);overflow-x:hidden} body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none} button,input,select{font:inherit} button{cursor:pointer} img{display:block;width:100%;height:100%;object-fit:cover} ::selection{background:var(--lime);color:var(--ink)}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.05;z-index:999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url("https://antalya.directory/wp-content/themes/earth-network-theme/assets/css/%23n")' opacity='.45'/%3E%3C/svg%3E")}
.skip-link{position:fixed;top:0.5rem;left:0.5rem;transform:translateY(-150%);background:var(--lime);color:var(--ink);padding:0.75rem 1rem;border-radius:var(--radius-pill);z-index:1200;font-weight:800}.skip-link:focus{transform:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;border:0;padding:0.875rem 1.125rem;font-family:var(--sans);font-weight:800;transition:.2s}.btn-primary{background:var(--lime);color:var(--ink);border-radius:0.25rem 1.125rem 0.25rem 1.125rem;box-shadow:0.25rem 0.25rem 0 var(--red)}.btn-primary:hover{transform:translate(-0.125rem,-0.125rem);box-shadow:0.4375rem 0.4375rem 0 var(--red)}.label,.eyebrow{font-family:var(--sans);font-size:0.6875rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:0.625rem}.eyebrow:before{content:"";width:2.5rem;height:0.125rem;background:var(--lime)}
.section{padding:6.25rem 0}.section-inner{width:var(--container);margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:1.875rem;margin-bottom:2.875rem}.section-head h2{font-family:var(--sans);font-size:clamp(2.75rem,6vw,5.75rem);line-height:.9;letter-spacing:-.065em;margin:0}.section-head h2 em{font-family:var(--serif);font-weight:400;color:var(--red)}.section-head p{max-width:27.5rem;line-height:1.7;color:#43506c}
html.js .reveal{opacity:0;transform:translateY(1.75rem);transition:.65s cubic-bezier(.2,.8,.2,1)}html.js .reveal.in{opacity:1;transform:none}
html.js .ie-collection-rail .reveal{opacity:1;transform:none}
.district-hero .inner-hero-media img{filter:saturate(.75) contrast(1.08)}
.article-hero{min-height:51.25rem}
.event-hero{background:var(--violet);min-height:51.25rem}
.hotel-hero{min-height:53.125rem}
.search-hero{background:var(--red);min-height:31.25rem}
.lost-page{min-height:100svh;background:var(--ink);color:var(--white);display:grid;place-items:center;position:relative;overflow:hidden;padding:7.5rem 1.5rem 3.75rem}@keyframes spin{to{transform:rotate(360deg)}}
.partner-band{background:var(--coral);padding:2.625rem 0}.partner-band-inner{width:var(--container);margin:auto;display:flex;justify-content:space-between;align-items:center;gap:1.875rem}.partner-band h2{font-family:var(--sans);font-size:clamp(2rem,4vw,3.625rem);letter-spacing:-.05em;margin:0}.partner-band p{max-width:29.375rem}.footer{background:var(--ink);color:var(--white);padding:5rem 0 1.75rem}.footer-inner{width:var(--container);margin:auto}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:3.125rem}.footer-grid h3{font-family:var(--sans);font-size:0.875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--lime)}.footer-grid a{display:block;padding:0.375rem 0;color:rgba(255,255,255,.7)}.footer-grid a:hover{color:var(--lime)}.footer-note{max-width:26.875rem;color:rgba(255,255,255,.64);line-height:1.7}.footer-bottom{border-top:0.0625rem solid rgba(255,255,255,.14);margin-top:3.75rem;padding-top:1.375rem;display:flex;justify-content:space-between;gap:1.25rem;font-size:0.6875rem;color:rgba(255,255,255,.48)}
@media(max-width:68.75rem){.header-inner{grid-template-columns:1fr auto}.city-line{display:none}.header-actions .night-cta{display:none}.mobile-trigger{display:block}.footer-grid{grid-template-columns:1.5fr repeat(3,1fr)}}
@media(max-width:47.5rem){:root{--container:min(100% - 1.75rem,91.25rem)}.header-inner{min-height:4.125rem}.header-actions{display:none}.section{padding:4.5rem 0}.section-head{display:block}.section-head p{margin-top:1.25rem}.partner-band-inner{display:block}.partner-band .btn{margin-top:0.9375rem}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:span 2}.footer-bottom{display:block;line-height:1.7}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.venue-hero{min-height:51.25rem;background:var(--coral)}@keyframes venueTicker{to{transform:translateX(-50%)}}
.news-masthead{background:var(--ink);color:var(--white);padding:9.375rem 0 3.75rem;position:relative;overflow:hidden}.news-tabs a.active,.news-tabs a:hover{background:var(--ink);color:var(--lime)}.pagination a.active{background:var(--ink);color:var(--lime)}
.news-article-hero{min-height:48.75rem}
html{overflow-x:hidden}
.verification-strip{width:var(--container);margin:1.375rem auto 0;display:grid;grid-template-columns:repeat(4,1fr);background:var(--paper-2);border:0.0625rem solid rgba(11,23,54,.16);box-shadow:0 0.875rem 2.625rem rgba(2,7,18,.1)}
.route-detail-hero{min-height:49.375rem;background:var(--red)}
/* assets/css/home.css */
:root {
--ink: #0b1736;
--ink-2: #111d3b;
--paper: #f2ead8;
--paper-2: #fff9eb;
--red: #e5483f;
--turquoise: #19b7b0;
--coral: #ff765f;
--violet: #6b4cbf;
--lime: #d9ff5b;
--gold: #e1ad48;
--muted: #8d96a7;
--white: #fffdf7;
--black: #090b12;
--radius-sm: 0.625rem;
--radius-md: 1.25rem;
--radius-lg: 2.25rem;
--shadow: 0 1.25rem 4.375rem rgba(2, 7, 18, .24);
--border: 0.0625rem solid rgba(255,255,255,.14);
--container: min(91.25rem, calc(100% - 3rem));
--sans: "Bricolage Grotesque", system-ui, sans-serif;
--body: "Manrope", system-ui, sans-serif;
--serif: "Instrument Serif", Georgia, serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: hidden; }
body {
margin: 0;
background: var(--paper);
color: var(--ink);
font-family: var(--body);
overflow-x: hidden;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }
img { display: block; width: 100%; height: 100%; object-fit: cover; }
::selection { background: var(--lime); color: var(--ink); }
.noise {
position: fixed;
inset: 0;
pointer-events: none;
opacity: .055;
z-index: 999;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url("https://antalya.directory/wp-content/themes/earth-network-theme/assets/css/%23n")' opacity='.45'/%3E%3C/svg%3E");
}
.skip-link {
position: fixed;
top: 0.5rem;
left: 0.5rem;
transform: translateY(-140%);
background: var(--lime);
color: var(--ink);
padding: 0.75rem 1rem;
border-radius:var(--radius-pill);
z-index: 1200;
font-weight: 800;
}
.skip-link:focus { transform: translateY(0); }
.home .site-header {
position: fixed;
top: 0;
inset-inline: 0;
z-index: 300;
transition: .35s ease;
color: var(--white);
}
.home .site-header.scrolled {
background: rgba(11, 23, 54, .88);
backdrop-filter: blur(1.125rem);
box-shadow: 0 0.75rem 1.875rem rgba(0,0,0,.14);
}
.home .header-inner {
width: var(--container);
margin: auto;
min-height: 5.75rem;
display: grid;
grid-template-columns: 13.75rem 1fr 13.75rem;
align-items: center;
gap: 1.375rem;
transition: .35s ease;
}
.scrolled .home .header-inner { min-height: 4.25rem; }
.home .city-line {
position: relative;
display: flex;
justify-content: center;
gap: clamp(1rem, 2.25vw, 2.125rem);
padding: 0.5rem 0;
}
.home .city-line::before {
content: "";
position: absolute;
top: 50%;
left: 1%;
right: 1%;
height: 0.125rem;
background: rgba(255,255,255,.25);
transform: translateY(-50%);
}
.home .city-line a {
position: relative;
z-index: 1;
font-family: var(--sans);
font-weight: 600;
font-size: 0.8125rem;
white-space: nowrap;
padding-top: 1.5rem;
transition: .2s ease;
}
.home .city-line a::before {
content: "";
position: absolute;
top: 0.375rem;
left: 50%;
width: 0.6875rem;
height: 0.6875rem;
background: var(--ink);
border: 0.125rem solid var(--white);
border-radius: 50%;
transform: translateX(-50%);
transition: .2s ease;
}
.home .city-line a:hover { color: var(--lime); transform: translateY(-0.125rem); }
.home .city-line a:hover::before { background: var(--lime); border-color: var(--lime); transform: translateX(-50%) scale(1.45); }
.home .header-actions { display: flex; justify-content: flex-end; gap: 0.625rem; align-items: center; }
.language {
border: var(--border);
background: rgba(0,0,0,.08);
color: var(--white);
border-radius:var(--radius-pill);
padding: 0.625rem 0.75rem;
font-weight: 700;
}
.night-cta {
border: 0;
background: var(--lime);
color: var(--ink);
padding: 0.75rem 1rem;
border-radius: 0.25rem 1rem 0.25rem 1rem;
font-family: var(--sans);
font-weight: 800;
transform: rotate(-1.5deg);
box-shadow: 0.25rem 0.25rem 0 var(--red);
}
.home .mobile-trigger { display: none; }
.hero {
position: relative;
height: max(51.25rem, 100svh);
min-height: 47.5rem;
background: var(--ink);
color: var(--white);
overflow: hidden;
touch-action: pan-y;
}
.hero-media, .hero-modern, .hero-past { position: absolute; inset: 0; }
.hero-past {
filter: grayscale(1) sepia(.25) contrast(1.08);
transform: scale(1.02);
}
.hero-layer-image {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.hero-past::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background: linear-gradient(90deg, rgba(11,23,54,.9) 0%, rgba(11,23,54,.2) 48%, rgba(11,23,54,.55) 100%);
}
.hero-modern {
width: var(--reveal, 58%);
overflow: hidden;
border-right: 0.125rem solid rgba(255,255,255,.75);
filter: saturate(1.07) contrast(1.03);
}
.hero-image-edit-label { display: none; }
body.tvr-editing .hero-modern { width: 50% !important; }
body.tvr-editing .hero-image-edit-label {
position: absolute;
top: 7rem;
z-index: 3;
display: block;
padding: 0.65rem 0.85rem;
border: 0.0625rem solid rgba(255,255,255,.65);
border-radius: var(--radius-sm);
background: rgba(11,23,54,.88);
color: var(--white);
font-family: var(--sans);
font-size: 0.75rem;
font-weight: 800;
pointer-events: none;
}
body.tvr-editing .hero-past .hero-image-edit-label { right: 2rem; }
body.tvr-editing .hero-modern .hero-image-edit-label { left: 2rem; }
.hero-modern::before {
content: "";
position: absolute;
inset: 0;
width: 100vw;
z-index: 1;
pointer-events: none;
background: linear-gradient(90deg, rgba(11,23,54,.75) 0%, rgba(11,23,54,.08) 58%, rgba(11,23,54,.35) 100%);
}
.hero-modern .hero-layer-image {
width: 100vw;
max-width: none;
}
.hero-modern::after {
content: "";
position: absolute;
top: 0;
right: -0.625rem;
width: 1.375rem;
height: 100%;
z-index: 2;
pointer-events: none;
background: repeating-linear-gradient(180deg, transparent 0 1.5625rem, rgba(255,255,255,.65) 1.625rem 1.75rem, transparent 1.8125rem 3rem);
opacity: .4;
}
.hero::after {
content: "";
position: absolute;
inset: auto 0 0;
height: 36%;
background: linear-gradient(transparent, rgba(5,11,29,.88));
pointer-events: none;
}
.hero-inner {
position: relative;
z-index: 4;
width: var(--container);
height: 100%;
margin: auto;
display: grid;
align-items: end;
padding: 9.375rem 0 4.375rem;
pointer-events: none;
}
.hero-inner a,
.hero-inner button,
body.tvr-editing .hero-inner [contenteditable="true"] { pointer-events: auto; }
.hero-copy { max-width: 70rem; position: relative; }
.eyebrow {
display: inline-flex;
align-items: center;
gap: 0.625rem;
font-family: var(--sans);
font-weight: 800;
text-transform: uppercase;
font-size: 0.75rem;
letter-spacing: .14em;
margin-bottom: 1.375rem;
}
.eyebrow::before { content: ""; width: 2.875rem; height: 0.125rem; background: var(--lime); }
.hero h1 {
margin: 0;
font-family: var(--sans);
font-size: clamp(4rem, 8.7vw, 8.875rem);
line-height: .82;
letter-spacing: -.075em;
font-weight: 800;
max-width: 73.75rem;
text-transform: uppercase;
text-wrap: balance;
}
.hero h1 em {
font-family: var(--serif);
font-weight: 400;
text-transform: none;
letter-spacing: -.04em;
color: var(--paper);
display: inline-block;
transform: rotate(-3deg) translateY(-.05em);
}
.hero-bottom {
display: grid;
grid-template-columns: minmax(17.5rem, 33.75rem) 1fr auto;
gap: 1.75rem;
align-items: end;
margin-top: 2.375rem;
}
.hero-lead { max-width: 32.5rem; color: rgba(255,255,255,.84); font-size: clamp(1rem, 1.35vw, 1.3125rem); line-height: 1.65; }
.hero-buttons { display: flex; gap: 1.125rem; flex-wrap: wrap; align-items: center; }
.hero-night-link {
display: inline-flex;
align-items: center;
gap: 0.5625rem;
padding: 0.625rem 0 0.4375rem;
color: #fff;
border-bottom: 0.125rem solid var(--lime);
font-family: var(--sans);
font-size: 0.9375rem;
font-weight: 800;
text-decoration: none;
transition: color .2s ease, border-color .2s ease;
}
.hero-night-link:hover,
.hero-night-link:focus-visible {
color: var(--lime);
border-color: #fff;
}
.btn {
border: 0.0625rem solid currentColor;
padding: 0.875rem 1.125rem;
min-height: 3.25rem;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.625rem;
font-family: var(--sans);
font-weight: 800;
transition: .2s ease;
}
.btn-primary { background: var(--red); border-color: var(--red); color: white; border-radius: 0.1875rem 1.125rem 0.1875rem 1.125rem; box-shadow: 0.375rem 0.375rem 0 var(--lime); transform: rotate(-1deg); }
.btn-secondary { border-radius:var(--radius-pill); color: var(--white); backdrop-filter: blur(0.75rem); background: rgba(0,0,0,.18); }
.btn:hover { transform: translateY(-0.1875rem) rotate(0); }
.city-host {
width: 16.875rem;
background: rgba(11,23,54,.72);
border: 0.0625rem solid rgba(255,255,255,.22);
backdrop-filter: blur(0.875rem);
padding: 1rem;
transform: rotate(1.5deg);
box-shadow: var(--shadow);
}
.city-host__primary { display: block; color: inherit; text-decoration: none; }
.city-host small { color: var(--lime); text-transform: uppercase; letter-spacing: .14em; font-weight: 800; font-size: 0.625rem; }
.city-host strong {
display: -webkit-box;
overflow: hidden;
margin-top: 0.5rem;
font-family: var(--serif);
font-size: 1.625rem;
line-height: 1;
font-weight: 400;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.city-host .city-host__excerpt {
display: -webkit-box;
overflow: hidden;
margin-top: 0.5rem;
color: rgba(255,255,255,.75);
font-size: 0.75rem;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.time-labels {
position: absolute;
z-index: 5;
top: 7.5rem;
right: 1.5rem;
display: flex;
flex-direction: column;
gap: 0.5rem;
align-items: flex-end;
font-family: var(--sans);
font-weight: 800;
text-transform: uppercase;
font-size: 0.6875rem;
letter-spacing: .12em;
}
.time-labels span { padding: 0.5rem 0.625rem; background: rgba(11,23,54,.68); backdrop-filter: blur(0.75rem); }
.time-labels span:last-child { background: var(--lime); color: var(--ink); }
.hero .hero-credit--home { position: absolute; left: var(--gutter, 1.5rem); bottom: 0.75rem; z-index: 4; margin: 0; max-width: min(92vw, 44rem); font-family: var(--sans); font-size: 0.6875rem; line-height: 1.45; letter-spacing: .01em; color: rgba(255,255,255,.62); }
.hero .hero-credit--home a { color: inherit; text-decoration: underline; text-underline-offset: .15em; }
.hero .hero-credit--home a:hover, .hero .hero-credit--home a:focus { color: #fff; }
@media (max-width: 56.25rem) {
.hero .hero-credit--home { left: 0.9375rem; right: 0.9375rem; bottom: 0.5rem; max-width: none; font-size: 0.625rem; line-height: 1.4; }
.hero-inner { padding-bottom: 3.5rem; }
}
.pulse-strip { background: var(--lime); color: var(--ink); overflow: hidden; border-block: 0.125rem solid var(--ink); }
.ticker { display: flex; width: max-content; animation: ticker 26s linear infinite; }
.ticker span {
font-family: var(--sans);
font-size: 0.9375rem;
font-weight: 800;
text-transform: uppercase;
padding: 0.9375rem 2.125rem;
border-right: 0.125rem solid var(--ink);
white-space: nowrap;
}
.ticker a { color: inherit; text-decoration: none; }
.ticker i { font-family: var(--serif); font-weight: 400; text-transform: none; }
@keyframes ticker { to { transform: translateX(-50%); } }
.section { padding: 7.5rem 0; }
.section-inner { width: var(--container); margin: auto; }
.section-kicker {
display: flex;
justify-content: space-between;
align-items: end;
gap: 1.75rem;
margin-bottom: 3.125rem;
}
.section-kicker h2 {
margin: 0;
font-family: var(--sans);
font-weight: 800;
font-size: clamp(3rem, 6.4vw, 6.25rem);
line-height: .86;
letter-spacing: -.07em;
text-transform: uppercase;
max-width: 62.5rem;
}
.section-kicker h2 em { font-family: var(--serif); font-weight: 400; text-transform: none; }
.section-kicker p { max-width: 24.375rem; line-height: 1.65; font-size: 0.9375rem; }
.micro-link { font-family: var(--sans); font-weight: 800; text-decoration: underline; text-underline-offset: 0.375rem; }
.today { background: var(--paper-2); position: relative; }
.today::before {
content: attr(data-ie-decoration);
position: absolute;
right: -1.875rem;
top: 11.875rem;
transform: rotate(90deg);
transform-origin: right top;
font-family: var(--sans);
letter-spacing: .2em;
font-size: 0.6875rem;
font-weight: 800;
}
.editorial-grid {
display: grid;
grid-template-columns: 1.55fr .75fr .75fr;
grid-template-rows: 18.75rem 18.75rem;
gap: 1.125rem;
}
.story {
position: relative;
overflow: hidden;
color: var(--white);
min-height: 15.625rem;
isolation: isolate;
border-radius: 0.125rem 1.75rem 0.125rem 1.75rem;
}
.story::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 25%, rgba(4,8,20,.85)); z-index: -1; }
.story img { position: absolute; inset: 0; z-index: -2; transition: .65s cubic-bezier(.2,.8,.2,1); }
.story:hover img { transform: scale(1.06); filter: saturate(1.2); }
.story-main { grid-row: 1 / span 2; }
.story-wide { grid-column: 2 / span 2; }
.story-content { position: absolute; inset: auto 0 0; padding: 1.625rem; }
.label { display: inline-block; background: var(--lime); color: var(--ink); padding: 0.4375rem 0.5625rem; font-size: 0.625rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; transform: rotate(-1.8deg); }
.story h3 { font-family: var(--sans); font-size: clamp(1.5rem, 2.7vw, 3rem); letter-spacing: -.045em; line-height: .95; margin: 1rem 0 0.625rem; }
.story-main h3 { font-size: clamp(2.5rem, 4vw, 4.5rem); }
.meta { display: flex; gap: 0.875rem; flex-wrap: wrap; font-size: 0.6875rem; text-transform: uppercase; letter-spacing: .08em; color: rgba(255,255,255,.72); }
.newsroom-home {
position: relative;
background: var(--ink);
color: var(--white);
overflow: hidden;
border-top: 0.125rem solid var(--lime);
}
.newsroom-home::before {
content: attr(data-ie-decoration);
position: absolute;
right: -1.5vw;
top: 3.375rem;
font-family: var(--sans);
font-size: clamp(6.875rem, 18vw, 18.75rem);
font-weight: 800;
line-height: .75;
letter-spacing: -.09em;
color: transparent;
-webkit-text-stroke: 0.0625rem rgba(255,255,255,.11);
pointer-events: none;
}
.news-topline { display:flex; justify-content:space-between; align-items:center; gap:1.125rem; margin-bottom:1.75rem; position:relative; z-index:2; }
.news-home-grid { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(18.75rem,.7fr); gap:1.375rem; position:relative; z-index:2; }
.news-lead { min-height:40.625rem; position:relative; overflow:hidden; isolation:isolate; border-radius:0.125rem 2.75rem 0.125rem 2.75rem; }
.news-lead::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(4,8,20,.96),rgba(4,8,20,.03) 72%); z-index:-1; }
.news-lead img { position:absolute; inset:0; z-index:-2; transition:.7s cubic-bezier(.2,.8,.2,1); }
.news-lead:hover img { transform:scale(1.045); }
.news-lead-copy { position:absolute; inset:auto 0 0; padding:2.375rem; }
.news-lead-copy h3 { max-width:56.25rem; margin:1.125rem 0 0.875rem; font-family:var(--sans); font-size:clamp(2.75rem,5.2vw,5.375rem); line-height:.86; letter-spacing:-.07em; }
.news-lead-copy p { max-width:40.625rem; color:rgba(255,255,255,.72); line-height:1.65; }
.news-live { border:0.0625rem solid rgba(255,255,255,.18); background:rgba(255,255,255,.045); backdrop-filter:blur(0.625rem); display:flex; flex-direction:column; }
.news-live-head { display:flex; align-items:center; justify-content:space-between; padding:1.125rem 1.25rem; border-bottom:0.0625rem solid rgba(255,255,255,.14); }
.live-dot { display:inline-flex; align-items:center; gap:0.5rem; font-family:var(--sans); font-size:0.6875rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; color:var(--lime); }
.live-dot::before { content:""; width:0.5625rem; height:0.5625rem; border-radius:50%; background:var(--red); box-shadow:0 0 0 0.375rem rgba(229,72,63,.15); }
.news-live-list { display:grid; }
.news-live-item { display:grid; grid-template-columns:3.625rem 1fr; gap:0.875rem; padding:1.3125rem 1.25rem; border-bottom:0.0625rem solid rgba(255,255,255,.11); transition:.2s; }
.news-live-item:hover { background:rgba(217,255,91,.08); }
.news-live-item time { font-family:var(--sans); font-weight:900; color:var(--lime); }
.news-live-item strong { display:block; font-family:var(--sans); font-size:1.125rem; line-height:1.15; margin-bottom:0.4375rem; }
.news-live-item small { color:rgba(255,255,255,.54); }
.news-live-more { margin:auto 1.125rem 1.125rem; padding:0.875rem; text-align:center; background:var(--red); color:var(--white); font-family:var(--sans); font-weight:900; }
.news-card-row { display:grid; grid-template-columns:repeat(3,1fr); gap:1.125rem; margin-top:1.375rem; position:relative; z-index:2; }
.news-mini { background:var(--paper-2); color:var(--ink); min-height:24.375rem; display:grid; grid-template-rows:13.75rem 1fr; overflow:hidden; transition:.25s; }
.news-mini:nth-child(2){ transform:translateY(1.375rem) rotate(.7deg); }
.news-mini:nth-child(3){ background:var(--turquoise); transform:rotate(-.7deg); }
.news-mini:hover { transform:translateY(-0.375rem) rotate(0); box-shadow:0.75rem 0.875rem 0 var(--red); }
.news-mini img { transition:.5s; }
.news-mini:hover img { transform:scale(1.05); }
.news-mini-copy { padding:1.375rem; }
.news-mini-copy h3 { font-family:var(--sans); font-size:1.75rem; line-height:.98; letter-spacing:-.04em; margin:0.75rem 0; }
.news-mini-copy p { font-size:0.8125rem; line-height:1.55; color:#536078; }
.news-mini:nth-child(3) .news-mini-copy p { color:rgba(11,23,54,.72); }
.news-section-cta { display:flex; justify-content:flex-end; margin-top:3.375rem; position:relative; z-index:2; }
.time-machine { background: var(--ink); color: var(--white); overflow: hidden; }
.time-track { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(17.5rem, 30vw); overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 1.375rem; scrollbar-color: var(--red) transparent; }
.era {
position: relative;
min-height: 31.25rem;
scroll-snap-align: start;
border-right: 0.0625rem solid rgba(255,255,255,.15);
padding: 2.125rem;
display: flex;
flex-direction: column;
justify-content: space-between;
isolation: isolate;
overflow: hidden;
}
.era::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(11,23,54,.05), rgba(11,23,54,.88)); z-index: -1; }
.era img { position: absolute; inset: 0; z-index: -2; filter: grayscale(1); opacity: .72; transition: .5s ease; }
.era:hover img { filter: grayscale(0); transform: scale(1.04); }
.era-year { font-family: var(--sans); font-weight: 800; font-size: 0.8125rem; color: var(--lime); }
.era h3 { font-family: var(--serif); font-size: 3.375rem; line-height: .9; font-weight: 400; margin: 0 0 0.875rem; }
.era p { color: rgba(255,255,255,.72); line-height: 1.6; max-width: 18.125rem; }
.legends { background: var(--coral); position: relative; }
.poster-wall {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 1.375rem;
align-items: start;
}
.legend-card {
position: relative;
min-height: 26.25rem;
background: var(--paper-2);
box-shadow: 0.75rem 0.875rem 0 rgba(11,23,54,.92);
overflow: hidden;
transition: .3s ease;
transform-origin: center;
}
.legend-card:nth-child(1) { grid-column: 1 / span 4; transform: rotate(-2deg); }
.legend-card:nth-child(2) { grid-column: 5 / span 5; transform: rotate(1.5deg) translateY(3.75rem); }
.legend-card:nth-child(3) { grid-column: 10 / span 3; transform: rotate(-1deg) translateY(-1.25rem); }
.legend-card:hover { transform: rotate(0) translateY(-0.5rem); box-shadow: 1.125rem 1.375rem 0 var(--ink); }
.legend-image { height: 15.3125rem; position: relative; overflow: hidden; }
.legend-image img { filter: sepia(.2) contrast(1.04); transition: .5s ease; }
.legend-card:hover img { transform: scale(1.07); }
.stamp { position: absolute; top: 1rem; right: 1rem; width: 4rem; height: 4rem; border: 0.125rem dashed var(--red); color: var(--red); border-radius: 50%; display: grid; place-items: center; text-align: center; font-family: var(--sans); font-size: 0.5625rem; font-weight: 800; text-transform: uppercase; transform: rotate(12deg); }
.legend-copy { padding: 1.5rem; }
.legend-copy small { font-weight: 800; color: var(--red); letter-spacing: .1em; text-transform: uppercase; }
.legend-copy h3 { font-family: var(--serif); font-size: 2.75rem; line-height: .92; margin: 0.75rem 0; font-weight: 400; }
.legend-copy p { font-size: 0.875rem; line-height: 1.65; }
.neighborhoods { background: var(--paper); }
.district-rail { display: grid; grid-template-columns: repeat(5, minmax(11.875rem, 1fr)); gap: 0.875rem; }
.district {
min-height: 32.5rem;
position: relative;
overflow: hidden;
color: white;
display: flex;
align-items: flex-end;
padding: 1.25rem;
isolation: isolate;
clip-path: polygon(0 0, 100% 2%, 96% 100%, 2% 98%);
}
.district::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 30%, rgba(4,8,20,.88)); z-index: -1; }
.district img { position: absolute; inset: 0; z-index: -2; transition: .6s ease; }
.district:hover img { transform: scale(1.08); }
.district:nth-child(even) { margin-top: 2.875rem; }
.district h3 { font-family: var(--sans); font-size: 2.125rem; line-height: .9; margin: 0 0 0.625rem; letter-spacing: -.04em; }
.district p { margin: 0; color: rgba(255,255,255,.75); font-size: 0.75rem; line-height: 1.5; }
.night { background: radial-gradient(circle at 80% 20%, rgba(107,76,191,.48), transparent 26%), var(--black); color: white; overflow: hidden; }
.night .section-kicker h2 em { color: var(--coral); }
.event-stack { display: grid; grid-template-columns: 1.3fr .7fr; gap: 1.5rem; align-items: start; }
.event-feature {
min-height: 38.75rem;
position: relative;
overflow: hidden;
border: 0.0625rem solid rgba(255,255,255,.18);
isolation: isolate;
}
.event-feature::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 20%, rgba(0,0,0,.88)); z-index: -1; }
.event-feature img { position: absolute; inset: 0; z-index: -2; filter: saturate(1.2); }
.event-feature .event-copy { position: absolute; inset: auto 0 0; padding: 2.25rem; }
.event-feature h3 { font-family: var(--sans); font-size: clamp(3rem, 6vw, 5.625rem); letter-spacing: -.07em; line-height: .8; margin: 1rem 0 1.375rem; text-transform: uppercase; }
.event-feature h3 span { font-family: var(--serif); color: var(--lime); font-weight: 400; text-transform: none; }
.tickets { display: grid; gap: 0.75rem; }
.tickets .ie-home-events-empty {
color: var(--ink);
background: var(--paper-2);
}
.ticket {
display: grid;
grid-template-columns: 6.25rem 1fr auto;
min-height: 7.375rem;
background: var(--paper-2);
color: var(--ink);
border-radius: 0.125rem 1.125rem 0.125rem 1.125rem;
position: relative;
overflow: hidden;
transition: .25s ease;
}
.ticket::before, .ticket::after { content: ""; position: absolute; left: 5.75rem; width: 1rem; height: 1rem; border-radius: 50%; background: var(--black); }
.ticket::before { top: -0.5rem; }
.ticket::after { bottom: -0.5rem; }
.ticket:hover { transform: translateX(-0.5rem); background: var(--lime); }
.ticket-date { border-right: 0.0625rem dashed rgba(11,23,54,.35); display: grid; place-items: center; font-family: var(--sans); font-weight: 800; text-align: center; }
.ticket-date strong { display: block; font-size: 2.1875rem; line-height: .8; }
.ticket-body { padding: 1.125rem 1.25rem; }
.ticket-body small { color: var(--violet); font-weight: 800; text-transform: uppercase; font-size: 0.625rem; letter-spacing: .09em; }
.ticket-body h4 { margin: 0.5rem 0 0.25rem; font-family: var(--sans); font-size: 1.375rem; letter-spacing: -.04em; }
.ticket-body p { margin: 0; font-size: 0.75rem; color: #5b6270; }
.ticket-arrow { display: grid; place-items: center; padding: 1rem; font-size: 1.375rem; }
.stay { background: var(--turquoise); }
.stay-layout { display: grid; grid-template-columns: 1.1fr .9fr; min-height: 42.5rem; background: var(--paper-2); box-shadow: 1.125rem 1.25rem 0 var(--ink); }
.stay-layout.ie-home-stay-empty { grid-template-columns: 1fr; min-height: 20rem; }
.stay-photo { position: relative; overflow: hidden; }
.stay-photo img { transition: .8s ease; }
.stay-layout:hover .stay-photo img { transform: scale(1.04); }
.stay-tag { position: absolute; top: 1.5rem; left: 1.5rem; background: var(--lime); color: var(--ink); padding: 0.625rem 0.75rem; font-weight: 800; text-transform: uppercase; font-size: 0.625rem; letter-spacing: .12em; }
.stay-copy { padding: clamp(2.375rem, 5vw, 5rem); display: flex; flex-direction: column; justify-content: space-between; }
.stay-copy small { font-weight: 800; text-transform: uppercase; letter-spacing: .12em; color: var(--red); }
.stay-copy h2 { font-family: var(--serif); font-weight: 400; font-size: clamp(3.625rem, 6.6vw, 6.5rem); line-height: .8; margin: 1.25rem 0 1.875rem; }
.stay-copy p { font-size: 1.125rem; line-height: 1.7; max-width: 32.5rem; }
.stay-meta { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 0.0625rem solid rgba(11,23,54,.25); margin-top: 2.375rem; }
.stay-meta div { padding: 1.125rem 0.875rem 0 0; }
.stay-meta strong { display: block; font-family: var(--sans); font-size: 1.25rem; }
.stay-meta span { font-size: 0.6875rem; color: #6a7180; text-transform: uppercase; }
.map-section { background: var(--paper-2); }
.map-card {
min-height: 40.625rem;
background: var(--ink);
color: var(--white);
border-radius: 3.125rem 0.375rem 3.125rem 0.375rem;
overflow: hidden;
display: grid;
grid-template-columns: .72fr 1.28fr;
position: relative;
}
.map-panel { padding: 3.375rem; position: relative; z-index: 2; background: linear-gradient(135deg, rgba(11,23,54,1), rgba(17,29,59,.92)); }
.map-panel h2 { font-family: var(--sans); font-size: clamp(3rem, 5vw, 5.125rem); line-height: .85; letter-spacing: -.065em; margin: 0 0 1.75rem; text-transform: uppercase; }
.map-panel h2 em { font-family: var(--serif); text-transform: none; font-weight: 400; color: var(--lime); }
.map-panel p { color: rgba(255,255,255,.72); line-height: 1.7; }
.map-filters { display: flex; flex-wrap: wrap; gap: 0.625rem; margin-top: 2.125rem; }
.map-filter { border: 0.0625rem solid rgba(255,255,255,.28); color: white; background: transparent; padding: 0.625rem 0.8125rem; border-radius: 0.125rem 0.875rem 0.125rem 0.875rem; font-weight: 800; font-size: 0.75rem; }
.map-filter.active, .map-filter:hover { background: var(--lime); color: var(--ink); border-color: var(--lime); }
.stylized-map {
position: relative;
background:
radial-gradient(circle at 40% 70%, rgba(25,183,176,.24), transparent 20%),
linear-gradient(150deg, #17264d, #111a33);
overflow: hidden;
}
.stylized-map > svg,
.stylized-map > .map-frame > svg { width: 100%; height: 100%; }
.map-pin { position: absolute; z-index: 2; top: var(--ie-map-y); left: var(--ie-map-x); width: 2.75rem; height: 2.75rem; display: grid; place-items: center; transform: translate(-50%,-100%); color: var(--white); }
.map-pin__dot { width: 2.625rem; height: 2.625rem; display: block; border-radius: 50% 50% 50% 0.3125rem; transform: rotate(-45deg); background: var(--red); box-shadow: 0 0.625rem 1.25rem rgba(0,0,0,.25); }
.map-pin__dot::after { content: ""; width: 0.75rem; height: 0.75rem; background: white; border-radius: 50%; position: absolute; top: 0.9375rem; left: 0.9375rem; }
.map-pin[data-ie-map-filters*="oteller"] .map-pin__dot { background: var(--lime); }
.map-pin[data-ie-map-filters*="yeme-icme"] .map-pin__dot { background: var(--coral); }
.map-pin[data-ie-map-filters*="efsaneler"] .map-pin__dot { background: var(--turquoise); }
.map-pin__label { position: absolute; top: calc(100% + 0.5rem); left: 50%; min-width: max-content; max-width: 12rem; padding: 0.5rem 0.6875rem; border-radius: 0.5rem; background: var(--paper-2); color: var(--ink); box-shadow: var(--shadow); font: 800 0.6875rem/1.2 var(--sans); opacity: 0; pointer-events: none; transform: translate(-50%,-0.25rem); transition: opacity .18s,transform .18s; }
.map-pin:hover .map-pin__label,.map-pin:focus-visible .map-pin__label { opacity: 1; transform: translate(-50%,0); }
.map-pin:focus-visible { outline: 0.1875rem solid var(--lime); outline-offset: 0.25rem; border-radius: 50%; }
.map-filter-status { flex: 1 0 100%; color: rgba(255,255,255,.64); font-size: 0.6875rem; }
.postcard-section { background: var(--red); padding: 5.625rem 0; }
.postcard {
width: min(63.75rem, calc(100% - 2.5rem));
margin: auto;
background: var(--paper-2);
min-height: 26.25rem;
display: grid;
grid-template-columns: 1.1fr .9fr;
box-shadow: 1.25rem 1.375rem 0 var(--ink);
transform: rotate(-1deg);
position: relative;
overflow: hidden;
}
.postcard::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(11,23,54,.12) 0.0438rem, transparent 0.0438rem); background-size: 0.5rem 0.5rem; opacity: .22; pointer-events: none; }
.postcard-copy { padding: clamp(2.25rem, 6vw, 4.75rem); position: relative; }
.postcard-copy h2 { font-family: var(--serif); font-size: clamp(3.375rem, 6.8vw, 5.875rem); line-height: .82; font-weight: 400; margin: 0 0 1.625rem; }
.postcard-copy p { max-width: 32.5rem; line-height: 1.7; }
.postcard-cat {
position: absolute;
right: clamp(1.75rem, 5vw, 4rem);
bottom: 1.5rem;
width: clamp(4.5rem, 7vw, 6rem);
height: auto;
opacity: .5;
pointer-events: none;
user-select: none;
}
.postcard-form { padding: 3.375rem; border-left: 0.125rem dashed rgba(11,23,54,.35); display: flex; flex-direction: column; justify-content: center; position: relative; }
.postcard-stamp { width: 7.5rem; height: 9.375rem; margin-left: auto; margin-bottom: 2.5rem; border: 0.1875rem double var(--red); display: grid; place-items: center; text-align: center; font-family: var(--sans); font-weight: 800; color: var(--red); transform: rotate(5deg); }
.input-row { display: flex; border-bottom: 0.125rem solid var(--ink); }
.input-row input { flex: 1; border: 0; background: transparent; min-width: 0; padding: 1rem 0; outline: none; }
.input-row button { border: 0; background: transparent; font-weight: 800; padding: 0 0.25rem 0 1rem; }
.ie-postcard-consent { display: grid; grid-template-columns: 1.1875rem 1fr; gap: 0.625rem; margin-top: 1.125rem; font-size: 0.6875rem; line-height: 1.5; }
.ie-postcard-consent input { width: 1.125rem; height: 1.125rem; margin: 0; accent-color: var(--red); }
.ie-postcard-consent a { text-decoration: underline; text-underline-offset: 0.125rem; }
footer {
background: var(--ink);
color: var(--white);
padding: 5.625rem 0 1.75rem;
position: relative;
overflow: hidden;
}
footer::after {
content: "";
position: absolute;
left: -5%;
right: -5%;
bottom: -7.5rem;
height: 17.5rem;
border-radius: 50% 50% 0 0;
background: #122952;
opacity: .7;
}
.footer-inner { width: var(--container); margin: auto; position: relative; z-index: 2; }
.footer-grid { display: grid; grid-template-columns: 1.2fr repeat(3, 1fr); gap: 3.125rem; }
.footer-grid h3 { color: var(--lime); text-transform: uppercase; letter-spacing: .12em; font-size: 0.6875rem; }
.footer-grid a { display: block; color: rgba(255,255,255,.7); margin: 0.625rem 0; font-size: 0.875rem; }
.footer-grid a:hover { color: var(--white); }
.footer-note { max-width: 20rem; color: rgba(255,255,255,.68); line-height: 1.7; }
.footer-bottom { border-top: 0.0625rem solid rgba(255,255,255,.16); margin-top: 3.75rem; padding-top: 1.25rem; display: flex; justify-content: space-between; font-size: 0.6875rem; color: rgba(255,255,255,.5); }
.home .mobile-menu {
position: fixed;
inset: 0;
z-index: 500;
background: var(--coral);
color: var(--ink);
opacity: 0;
visibility: hidden;
transition: .35s ease;
overflow: auto;
}
.home .mobile-menu.open { opacity: 1; visibility: visible; }
.home .mobile-menu-inner { min-height: 100%; padding: 1.5rem; display: flex; flex-direction: column; }
.home .mobile-menu-top { display: flex; justify-content: space-between; align-items: center; }
.home .menu-close { width: 3.125rem; height: 3.125rem; border: 0.125rem solid var(--ink); border-radius: 50%; background: transparent; font-size: 1.375rem; }
.home .mobile-menu-links { margin: auto 0; display: grid; }
.home .mobile-menu-links a { font-family: var(--sans); font-size: clamp(2.5rem, 13vw, 4.875rem); font-weight: 800; letter-spacing: -.07em; line-height: .9; border-bottom: 0.125rem solid rgba(11,23,54,.3); padding: 0.875rem 0; }
.home .mobile-menu-links a:nth-child(even) { font-family: var(--serif); font-weight: 400; font-style: italic; }
.home .mobile-menu-bottom { display: flex; justify-content: space-between; align-items: center; gap: 1.125rem; font-weight: 800; }
html.js .reveal { opacity: 0; transform: translateY(2rem); transition: .75s cubic-bezier(.2,.8,.2,1); }
html.js .reveal.in { opacity: 1; transform: translateY(0); }
html.js .ie-collection-rail .reveal { opacity: 1; transform: none; }
@media (max-width: 73.75rem) {
.home .header-inner { grid-template-columns: 11.875rem 1fr 11.25rem; }
.home .city-line a:nth-child(n+6) { display: none; }
.editorial-grid { grid-template-columns: 1.4fr 1fr; grid-template-rows: 22.5rem 17.5rem 17.5rem; }
.story-main { grid-row: 1 / span 2; }
.story-wide { grid-column: 1 / span 2; grid-row: 3; }
.poster-wall { grid-template-columns: repeat(6, 1fr); }
.legend-card:nth-child(1) { grid-column: 1 / span 3; }
.legend-card:nth-child(2) { grid-column: 4 / span 3; }
.legend-card:nth-child(3) { grid-column: 2 / span 4; margin-top: 3.625rem; }
.district-rail { grid-template-columns: repeat(3, 1fr); }
.district:nth-child(even) { margin-top: 0; }
}
@media (max-width: 56.25rem) {
:root { --container: min(100% - 1.875rem, 47.5rem); }
.home .site-header { padding: 0; }
.home .header-inner { min-height: 4.5rem; grid-template-columns: 1fr auto; }
.home .city-line, .home .header-actions { display: none; }
.home .mobile-trigger { display: inline-flex; align-items: center; gap: 0.5rem; border: 0.0625rem solid rgba(255,255,255,.25); color: white; background: rgba(0,0,0,.12); border-radius:var(--radius-pill); padding: 0.625rem 0.75rem; font-family: var(--sans); font-weight: 800; }
.hero { height: 58.125rem; }
.hero-inner { padding-top: 7.5rem; padding-bottom: 2.375rem; align-items: end; }
.hero h1 { font-size: clamp(3.75rem, 15vw, 6.5625rem); }
.hero-bottom { grid-template-columns: 1fr; gap: 1.125rem; }
.city-host { width: 100%; max-width: 26.25rem; }
.time-labels { top: 5.5rem; right: 0.9375rem; }
.section { padding: 5.5rem 0; }
.section-kicker { display: block; }
.section-kicker p { margin-top: 1.25rem; }
.editorial-grid { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 32.5rem 17.5rem 17.5rem; }
.story-main { grid-column: 1 / span 2; grid-row: 1; }
.story-wide { grid-column: 1 / span 2; grid-row: 3; }
.event-stack, .stay-layout, .map-card, .postcard { grid-template-columns: 1fr; }
.tickets { grid-template-columns: 1fr 1fr; }
.event-feature { min-height: 35rem; }
.stay-layout { min-height: 0; }
.stay-photo { min-height: 32.5rem; }
.map-card { border-radius: 2rem 0.375rem 2rem 0.375rem; }
.stylized-map { min-height: 32.5rem; }
.postcard-form { border-left: 0; border-top: 0.125rem dashed rgba(11,23,54,.35); }
.footer-grid { grid-template-columns: 1fr 1fr; }
.footer-grid > :first-child { grid-column: 1 / span 2; }
}
@media (max-width: 40rem) {
:root { --container: calc(100% - 1.5rem); }
.hero { min-height: 51.25rem; height: 100svh; }
.hero-layer-image { object-position: 22% center; }
.hero h1 { font-size: clamp(3.25rem, 17vw, 5rem); line-height: .84; }
.hero-copy { padding-bottom: 0.375rem; }
.eyebrow { font-size: 0.625rem; margin-bottom: 0.875rem; }
.hero-lead { font-size: 0.875rem; line-height: 1.55; }
.hero-buttons { display: flex; }
.btn { padding: 0.75rem 0.8125rem; min-height: 3rem; font-size: 0.8125rem; }
.city-host { display: none; }
.time-labels span:first-child { display: none; }
.section { padding: 4.5rem 0; }
.section-kicker { margin-bottom: 2rem; }
.section-kicker h2 { font-size: clamp(2.8125rem, 15vw, 4.625rem); }
.editorial-grid { display: grid; grid-template-columns: 1fr; grid-template-rows: 31.25rem 19.375rem 19.375rem 21.25rem; }
.story-main, .story-wide { grid-column: auto; grid-row: auto; }
.story h3, .story-main h3 { font-size: 2.375rem; }
.time-track { grid-auto-columns: 84vw; }
.era { min-height: 29.375rem; }
.poster-wall { display: block; }
.legend-card, .legend-card:nth-child(1), .legend-card:nth-child(2), .legend-card:nth-child(3) { transform: none; margin: 0 0 1.75rem; min-height: 0; }
.district-rail { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 0.625rem; }
.district { min-width: 78vw; min-height: 30rem; scroll-snap-align: center; }
.event-feature { min-height: 33.75rem; }
.event-feature .event-copy { padding: 1.5rem; }
.tickets { grid-template-columns: 1fr; }
.ticket { grid-template-columns: 5.125rem 1fr auto; }
.ticket::before, .ticket::after { left: 4.625rem; }
.stay-photo { min-height: 26.25rem; }
.stay-copy { padding: 2rem 1.5rem 2.375rem; }
.stay-copy h2 { font-size: 4rem; }
.stay-copy p { font-size: 0.9375rem; }
.stay-meta { grid-template-columns: 1fr; }
.map-panel { padding: 2.25rem 1.5rem; }
.stylized-map { min-height: 27.5rem; }
.postcard { width: calc(100% - 1.5rem); transform: none; }
.postcard-copy, .postcard-form { padding: 2.125rem 1.5rem; }
.postcard-copy { padding-bottom: 7rem; }
.postcard-cat { right: 1.5rem; bottom: 1.125rem; width: 4.75rem; }
.postcard-stamp { width: 5.875rem; height: 7.375rem; margin-bottom: 1.5rem; }
.news-topline { align-items:flex-start; flex-direction:column; }
.news-home-grid { grid-template-columns:1fr; }
.news-lead { min-height:38.125rem; }
.news-lead-copy { padding:1.5625rem; }
.news-lead-copy h3 { font-size:clamp(2.625rem,13vw,4.25rem); }
.news-card-row { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:1.375rem; }
.news-mini,.news-mini:nth-child(2),.news-mini:nth-child(3) { min-width:82vw; transform:none; scroll-snap-align:center; }
.footer-grid { grid-template-columns: 1fr 1fr; gap: 1.75rem; }
.footer-bottom { display: block; line-height: 1.7; }
}
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}
.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.125rem;align-items:stretch}
.hub-card--network{position:relative;display:block;min-height:22.5rem;background:var(--ink);color:var(--white);padding:0;border-bottom:0;box-shadow:0 .625rem 2.1875rem rgba(2,7,18,.08);transition:transform .22s,box-shadow .22s;text-decoration:none;overflow:hidden;isolation:isolate}
.hub-card--network:hover{transform:translateY(-.4375rem);box-shadow:0 1.5625rem 3.75rem rgba(2,7,18,.17)}
.hub-card--network img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hub-card--network::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(4,9,25,.94));z-index:-1}
.hub-card--network .hub-card-copy{position:absolute;inset:auto 1.5rem 1.5rem;display:block;width:auto;color:var(--white)}
.hub-card--network .label .hub-card-origin{color:inherit}
.hub-card--network h3{font-family:var(--sans);font-size:clamp(1.5rem,2.4vw,2.375rem);line-height:.95;letter-spacing:-.04em;margin:.75rem 0 .5rem;color:var(--white)}
.hub-card--network p{font-size:.8125rem;line-height:1.5;color:rgba(255,255,255,.76);margin:0}
.hub-card--network .hub-card-cta{display:block;margin-top:.75rem;font-size:.72rem;font-weight:800;color:var(--lime);text-transform:uppercase;letter-spacing:.06em}
@media(max-width:68.75rem){.hub-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:47.5rem){.hub-grid{grid-template-columns:1fr}}
/* style.css */
:root{--ink:#0b1736;--paper:#f2ead8;--paper-2:#fff9eb;--red:#e5483f;--turquoise:#19b7b0;--coral:#ff765f;--lime:#d9ff5b;--white:#fffdf7;--container:min(91.25rem,calc(100% - 3rem));--sans:"Bricolage Grotesque",system-ui,sans-serif;--body:"Manrope",system-ui,sans-serif;--serif:"Instrument Serif",Georgia,serif}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body)}
img{display:block;width:100%;height:100%;object-fit:cover}
a{color:inherit;text-decoration:none}.screen-reader-text{position:absolute;left:-624.9375rem}
.ie-collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.ie-card{background:var(--paper-2);border-bottom:0.125rem solid var(--ink);overflow:hidden;position:relative;display:flex;flex-direction:column}
.ie-card-media{display:block;height:16.875rem;overflow:hidden}.ie-card-media img{transition:transform .45s}.ie-card:hover img{transform:scale(1.04)}
.ie-card-copy{padding:1.5rem;display:flex;flex:1;flex-direction:column}.ie-card-copy h3{font:700 1.875rem/1 var(--sans);letter-spacing:-.04em;margin:0.75rem 0}.ie-card-copy p{color:#59657b;line-height:1.55}
.ie-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;font-size:0.6875rem;text-transform:uppercase}.ie-card-edit{font-weight:800;color:var(--red)}
.ie-add-button{display:inline-block;margin-top:1.5rem;background:var(--ink);color:var(--lime);padding:0.8125rem 1.125rem;font:800 0.75rem var(--sans);text-transform:uppercase}
.ie-campaign{background:var(--coral);padding:2.625rem;margin:1.875rem 0}.ie-campaign h2{font:800 clamp(2.625rem,6vw,5rem)/.9 var(--sans);letter-spacing:-.06em}
.ie-editor-form{width:min(53.125rem,calc(100% - 2rem));margin:8.75rem auto 5rem;background:var(--paper-2);padding:2.5rem;display:grid;gap:1.125rem}
.ie-editor-form label{display:grid;gap:0.4375rem;font-weight:800}.ie-editor-form input,.ie-editor-form textarea,.ie-editor-form select{padding:0.75rem;border:0.0625rem solid #bbc0ca;background:#fff;font:inherit}.ie-editor-form fieldset{display:grid;gap:0.9375rem}
.single-shell{width:var(--container);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 20.625rem;gap:3.75rem;padding:4.375rem 0}
.single-body{font:1.125rem/1.8 var(--body);max-width:53.125rem}.single-body h2{font:700 3rem/1 var(--sans);letter-spacing:-.04em}.single-aside{position:sticky;top:6.25rem;align-self:start;background:var(--turquoise);padding:1.5625rem}
.single-meta{display:grid;gap:0.8125rem}.single-meta div{border-bottom:0.0625rem solid rgba(11,23,54,.2);padding-bottom:0.75rem}.single-meta span{display:block;font-size:0.625rem;text-transform:uppercase;font-weight:800}.single-meta strong{display:block;margin-top:0.3125rem}
.archive-shell{width:var(--container);margin:auto;padding:4.375rem 0}.archive-shell>.ie-collection{grid-template-columns:repeat(3,1fr)}
.search-form-main{display:flex;gap:0.625rem;flex-wrap:wrap}.search-form-main input,.search-form-main select{padding:0.875rem;border:0.0625rem solid rgba(11,23,54,.25);background:var(--paper-2)}
.not-found{min-height:100svh;background:var(--ink);color:var(--white);display:grid;place-items:center;text-align:center;padding:1.875rem}.not-found b{display:block;font:800 clamp(9.375rem,30vw,28.125rem)/.7 var(--sans);color:transparent;-webkit-text-stroke:0.125rem rgba(255,255,255,.35)}.not-found h1{font:400 clamp(2.75rem,7vw,5.625rem) var(--serif)}
.btn--danger{background:var(--red)!important;color:#fff!important}
@media(max-width:56.25rem){.ie-collection,.archive-shell>.ie-collection{grid-template-columns:1fr 1fr}.single-shell{grid-template-columns:1fr}.single-aside{position:static}}
@media(max-width:38.75rem){:root{--container:min(100% - 1.75rem,91.25rem)}.ie-collection,.archive-shell>.ie-collection{grid-template-columns:1fr}.ie-editor-form{padding:1.375rem}.ie-card-media{height:14.375rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.hub-card--network::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:.25rem;background:var(--lime);z-index:3}
.hub-card-origin{color:var(--lime);font-weight:800}
.hub-card-cta{display:inline-block;margin-top:.5rem;font-family:var(--sans);font-weight:700;font-size:.8125rem;color:var(--lime)}
/* assets/css/runtime-fixes.css */
body.admin-bar .site-header{
top:var(--wp-admin--admin-bar--height,2rem);
}
body.admin-bar .mobile-menu{
top:var(--wp-admin--admin-bar--height,2rem);
}
:where(a,button,input,select,textarea):focus-visible{outline:0.1875rem solid var(--turquoise);outline-offset:0.1875rem}
.btn[aria-disabled="true"]{opacity:.62;cursor:not-allowed;box-shadow:none!important}
body.tvr-editing .btn[aria-disabled="true"][data-imx-pm]{opacity:1;cursor:pointer;outline:0.125rem dashed var(--turquoise);outline-offset:0.1875rem}
@media (min-width:68.8125rem) and (max-width:86.25rem){
.header-inner{grid-template-columns:11.875rem minmax(0,1fr) 13.4375rem!important;gap:0.75rem!important}
.city-line{gap:clamp(0.625rem,1.25vw,1.125rem)!important}
.city-line a{font-size:0.6875rem!important}
.night-cta{font-size:0.75rem;padding:0.625rem 0.6875rem!important}
}
.hub-meta{
width:min(100%,61.25rem);
display:flex;
align-items:stretch;
gap:0;
margin-top:1.875rem;
padding:0;
border-block:0.0625rem solid rgba(255,255,255,.24);
background:rgba(5,12,31,.34);
backdrop-filter:blur(0.625rem);
}
.hub-meta span{
min-height:3rem;
display:flex;
align-items:center;
gap:0.5625rem;
flex:1 1 0;
padding:0.6875rem 1rem;
border:0;
border-right:0.0625rem solid rgba(255,255,255,.18);
border-radius:0;
background:transparent;
box-shadow:none;
backdrop-filter:none;
color:rgba(255,255,255,.88);
font:800 0.625rem/1.25 var(--sans);
letter-spacing:.07em;
text-transform:uppercase;
}
.hub-meta span:before{
content:"";
width:0.4375rem;
height:0.4375rem;
flex:0 0 0.4375rem;
border-radius:50%;
background:var(--lime);
}
.hub-meta span:last-child{border-right:0}
.hub-meta:has(span:nth-child(-n+3):last-child){width:fit-content}
.inner-hero-media:has(> img:only-child){grid-template-columns:1fr;gap:0}
.newsroom-home .news-live{
overflow:hidden;
border:0;
border-radius:0.25rem 2rem 0.25rem 2rem;
background:var(--paper-2);
color:var(--ink);
box-shadow:0.625rem 0.75rem 0 var(--turquoise);
backdrop-filter:none;
}
.newsroom-home .news-live-head{
min-height:4.125rem;
padding:1rem 1.125rem;
border:0;
background:var(--lime);
color:var(--ink);
}
.newsroom-home .live-dot{color:var(--ink)}
.newsroom-home .live-dot:before{background:var(--red);box-shadow:0 0 0 0.375rem rgba(229,72,63,.18)}
.newsroom-home .news-live-head small{font-weight:800;color:rgba(11,23,54,.62)}
.newsroom-home .news-live-list{
display:grid;
grid-template-rows:repeat(4,1fr);
flex:1;
}
.newsroom-home .news-live-item{
min-height:0;
align-items:center;
padding:1.0625rem 1.125rem;
border-bottom:0.0625rem solid rgba(11,23,54,.12);
}
.newsroom-home .news-live-item:hover{background:rgba(25,183,176,.12)}
.newsroom-home .news-live-item time{color:var(--red);font-size:0.9375rem}
.newsroom-home .news-live-item strong{font-size:1rem;line-height:1.12}
.newsroom-home .news-live-item small{color:rgba(11,23,54,.58);font-weight:700}
.newsroom-home .news-live-more{
margin:0.875rem;
padding:0.875rem;
border-radius:0.1875rem 0.875rem 0.1875rem 0.875rem;
background:var(--ink);
color:var(--lime);
box-shadow:0.25rem 0.25rem 0 var(--red);
}
.news-lead-story,
.news-side-card,
.news-row,
.hub-card,
.listing-row,
.result-card{
border-radius:0.25rem 1.75rem 0.25rem 1.75rem;
}
.news-side-card:nth-child(even),
.hub-card:nth-child(even),
.listing-row:nth-child(even){
border-radius:1.75rem 0.25rem 1.75rem 0.25rem;
}
.news-row{border-bottom:0;box-shadow:inset 0 -0.125rem 0 var(--ink)}
.most-read,.newsletter-mini{border-radius:0.25rem 1.375rem 0.25rem 1.375rem}
.news-partner{border-radius:1.375rem 0.25rem 1.375rem 0.25rem}
.news-home-grid.ie-lead-hidden{grid-template-columns:1fr}
.news-home-grid.ie-live-hidden{grid-template-columns:1fr}
.news-home-grid.ie-lead-hidden .news-live{min-height:0}
.news-home-grid.ie-lead-hidden .news-live-list{grid-template-rows:none}
.news-home-grid.ie-lead-hidden .news-live-item{min-height:5.5rem}
.news-card-row.is-filtered{grid-template-columns:repeat(auto-fit,minmax(15.625rem,1fr))}
.news-live-item[hidden],.news-mini[hidden],.news-lead[hidden],.news-live[hidden]{display:none!important}
.ie-home-news-empty{margin:0 0 1.375rem;background:var(--paper-2);color:var(--ink);border-radius:0.25rem 1.375rem 0.25rem 1.375rem}
.map-filter{cursor:pointer}
#districts .district-rail.ie-collection-rail,
.time-track.ie-collection-rail{
display:flex!important;
flex-wrap:nowrap!important;
grid-template-columns:none!important;
width:100%;
overflow-x:auto!important;
overflow-y:hidden!important;
scroll-snap-type:x mandatory;
overscroll-behavior-inline:contain;
scrollbar-width:none;
cursor:grab;
}
#districts .district-rail.ie-collection-rail::-webkit-scrollbar,
.time-track.ie-collection-rail::-webkit-scrollbar{display:none}
#districts .district-rail.ie-collection-rail>.district{
flex:0 0 clamp(14rem,20vw,18rem)!important;
width:auto!important;
max-width:none!important;
scroll-snap-align:start;
}
.time-track.ie-collection-rail>*{
flex:0 0 clamp(17.5rem,30vw,28rem)!important;
width:auto!important;
max-width:none!important;
scroll-snap-align:start;
}
.stylized-map .map-frame{
position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
aspect-ratio:var(--ie-map-ratio,1000/642);width:100%;max-width:100%;max-height:100%;
}
.stylized-map .basemap{position:absolute;inset:0;width:100%;height:100%;display:block}
.stylized-map .basemap,
.mobile-menu:not(.open){
content-visibility:auto;
}
@media(max-width:47.5rem){
.stylized-map{
min-height:0;
}
.stylized-map .map-frame{
position:static;
transform:none;
width:100%;
max-width:100%;
max-height:none;
}
}
.map-frame .map-canvas{position:absolute;inset:0;z-index:2;border-radius:inherit;overflow:hidden}
.map-frame[data-ie-map-ready] .basemap,
.map-frame[data-ie-map-ready] .map-pin{visibility:hidden}
.map-pin--no-page{cursor:default}
.map-info-label{font-weight:800}
@media(max-width:47.5rem){
.map-frame[data-ie-map-ready]{position:relative;top:auto;left:auto}
}
.map-marker{width:18px;height:18px}
.map-marker::after{
content:"";display:block;width:16px;height:16px;
border-radius:50% 50% 50% 0;transform:rotate(-45deg);
background:var(--lime,#d9ff5b);border:2px solid #0b1736;
box-shadow:0 2px 6px rgba(0,0,0,.45);
}
.map-frame .leaflet-container{font:inherit;background:#0b1736}
.stylized-map[data-ie-map-ready] .basemap-credit{display:none}
.map-info-link{color:#0b1736;font:700 .875rem/1.3 var(--sans);text-decoration:none}
.map-info-link:hover{text-decoration:underline}
.basemap-ground{fill:#0b1736}
.basemap-district{
fill:none;stroke:rgba(255,255,255,.22);stroke-width:.7;
vector-effect:non-scaling-stroke;pointer-events:stroke;
}
.basemap-province{
fill:none;stroke:rgba(217,255,91,.42);stroke-width:1.3;stroke-dasharray:7 5;
vector-effect:non-scaling-stroke;
}
.basemap-credit{
position:absolute;right:.75rem;bottom:.5rem;z-index:3;margin:0;
color:rgba(255,255,255,.5);font:600 .625rem/1.4 var(--sans);pointer-events:none;
}
.ie-collection-rail.is-dragging,
.ie-collection-rail.is-stepping,
#districts .district-rail.ie-collection-rail.is-dragging,
#districts .district-rail.ie-collection-rail.is-stepping,
.time-track.ie-collection-rail.is-dragging,
.time-track.ie-collection-rail.is-stepping{scroll-snap-type:none}
.ie-rail-shell{position:relative}
.ie-rail-status{
position:absolute!important;width:.0625rem;height:.0625rem;margin:-.0625rem;padding:0;
overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}
.ie-rail-status[hidden]{display:none!important}
.ie-rail-status:before{display:none!important}
.ie-rail-arrow{
position:absolute;top:50%;z-index:4;transform:translateY(-50%);
display:grid;place-items:center;width:3rem;height:3rem;padding:0;border:0;border-radius:50%;
background:var(--paper-2);color:var(--ink);font:800 1.125rem/1 var(--sans);cursor:pointer;
box-shadow:0 .5rem 1.5rem rgba(11,23,54,.3);transition:background .18s ease,color .18s ease;
}
.ie-rail-arrow--prev{left:.875rem}
.ie-rail-arrow--next{right:.875rem}
.ie-rail-arrow:hover,.ie-rail-arrow:focus-visible{background:var(--lime);color:var(--ink)}
.ie-rail-arrow[hidden]{display:none!important}
.listing-row{height:15rem;min-height:15rem}
.listing-row-media{height:15rem;min-height:0;overflow:hidden}
.listing-row-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.ie-event-archive{margin-top:clamp(3rem,7vw,6rem)!important;padding-top:clamp(2rem,4vw,3.5rem);border-top:.125rem solid rgba(11,23,54,.18)}
@media(max-width:47.5rem){
.listing-row{height:12rem;min-height:12rem}.listing-row-media{height:12rem}
:where(
.time-track,
.filter-panel
){
overflow-x:auto;
overflow-y:hidden;
overscroll-behavior-inline:contain;
scrollbar-width:none;
-ms-overflow-style:none;
}
:where(
.time-track,
.filter-panel
)::-webkit-scrollbar{
display:none;
}
.hub-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.hub-meta span{min-height:2.75rem;padding:0.5625rem 0.625rem;font-size:0.5625rem;border-right:0.0625rem solid rgba(255,255,255,.18);border-bottom:0.0625rem solid rgba(255,255,255,.14)}
.hub-meta span:nth-child(even){border-right:0}
.hub-meta span:nth-last-child(-n+2){border-bottom:0}
.newsroom-home .news-topline{align-items:stretch;padding:0.625rem}
.newsroom-home .micro-link{text-align:center}
.newsroom-home .news-live{box-shadow:0.375rem 0.4375rem 0 var(--turquoise)}
}
.route-stops{grid-template-columns:minmax(13.125rem,.62fr) minmax(0,1.38fr);grid-template-rows:repeat(5,minmax(3.5rem,auto));column-gap:1.75rem!important;align-items:start}
.route-stops:before{bottom:auto!important;height:calc(100% - 2rem);max-height:21.25rem}
.route-stop{grid-column:1;min-width:0}
.route-stop>div:empty{display:none}
.route-stop:nth-child(1){grid-row:1}.route-stop:nth-child(2){grid-row:2}.route-stop:nth-child(3){grid-row:3}.route-stop:nth-child(4){grid-row:4}.route-stop:nth-child(5){grid-row:5}
.route-stop strong,.route-stop span{overflow-wrap:normal;word-break:normal}
.route-map{grid-column:2;grid-row:1 / span 5;min-width:0}
.ie-structured-editor{display:none;padding:1.75rem 1.5rem;background:#eef3f2;color:#0b1736;border-top:0.25rem solid #19b7b0}
body.tvr-editing .ie-structured-editor{display:block}
.ie-structured-editor__inner{width:min(var(--container),100%);margin:auto}
.ie-structured-editor__eyebrow{font:800 0.6875rem var(--sans);letter-spacing:.09em;text-transform:uppercase;color:#087d78}
.ie-structured-editor h2{margin:0.3125rem 0 0.1875rem;font:800 clamp(1.75rem,4vw,2.75rem)/1 var(--display)}
.ie-structured-editor p{margin:0 0 1.125rem;color:rgba(11,23,54,.66)}
.ie-structured-editor__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.625rem}
.ie-structured-editor__field{min-width:0;display:grid;gap:0.3125rem;padding:0.8125rem 0.875rem;border:0.0625rem solid rgba(11,23,54,.16);border-radius:0.25rem 1rem 0.25rem 1rem;background:#fff;color:#0b1736;text-align:left;cursor:pointer}
.ie-structured-editor__field:hover{border-color:#19b7b0;box-shadow:0 0.3125rem 1.125rem rgba(11,23,54,.1)}
.ie-structured-editor__field span{font:800 0.625rem var(--sans);letter-spacing:.045em;text-transform:uppercase;color:rgba(11,23,54,.58)}
.ie-structured-editor__field strong{overflow:hidden;text-overflow:ellipsis;font:750 0.8125rem var(--sans);white-space:nowrap}
.ie-form-status{width:100%;margin:0.625rem 0 0;font:700 0.75rem/1.45 var(--sans);color:currentColor}
@media(max-width:56.25rem){
.route-stops{grid-template-columns:1fr;grid-template-rows:none}
.route-stop,.route-map{grid-column:1;grid-row:auto}
.route-stop:nth-child(1),.route-stop:nth-child(2),.route-stop:nth-child(3),.route-stop:nth-child(4),.route-stop:nth-child(5){grid-row:auto}
.route-stops:before{height:20.625rem}
.ie-structured-editor__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:35rem){
.ie-structured-editor__grid{grid-template-columns:1fr}
}
.story,
.district{
content-visibility:auto;
contain-intrinsic-size:auto 1px;
}
/* assets/css/components.css */
.site-header{position:fixed;top:0;inset-inline:0;color:var(--white);z-index:300;transition:.3s ease}.site-header.scrolled,.site-header.inner-header{background:rgba(11,23,54,.9);backdrop-filter:blur(1.125rem);box-shadow:0 0.75rem 1.875rem rgba(0,0,0,.16)}
.header-inner{width:var(--container);margin:auto;min-height:4.75rem;display:grid;grid-template-columns:13.75rem 1fr 15rem;align-items:center;gap:1.375rem}
.city-line{position:relative;display:flex;justify-content:center;gap:clamp(0.9375rem,2vw,1.875rem);padding:0.5rem 0}.city-line:before{content:"";position:absolute;top:50%;left:1%;right:1%;height:0.125rem;background:rgba(255,255,255,.24);transform:translateY(-50%)}.city-line a{position:relative;z-index:1;font-family:var(--sans);font-weight:650;font-size:0.75rem;white-space:nowrap;padding-top:1.375rem;transition:.2s}.city-line a:before{content:"";position:absolute;top:0.375rem;left:50%;width:0.625rem;height:0.625rem;background:var(--ink);border:0.125rem solid var(--white);border-radius:50%;transform:translateX(-50%);transition:.2s}.city-line a:hover,.city-line a.active{color:var(--lime);transform:translateY(-0.125rem)}.city-line a:hover:before,.city-line a.active:before{background:var(--lime);border-color:var(--lime);transform:translateX(-50%) scale(1.42)}
.header-actions{display:flex;justify-content:flex-end;align-items:center;gap:0.625rem}.language{border:0.0625rem solid rgba(255,255,255,.16);background:rgba(0,0,0,.08);color:var(--white);border-radius:var(--radius-pill);padding:0.5625rem 0.75rem;font-weight:700}.night-cta{background:var(--lime);color:var(--ink);padding:0.6875rem 0.875rem;border-radius:0.25rem 1rem 0.25rem 1rem;font-family:var(--sans);font-weight:800;transform:rotate(-1.5deg);box-shadow:0.25rem 0.25rem 0 var(--red)}.mobile-trigger{display:none;border:0;background:var(--lime);color:var(--ink);padding:0.625rem 0.8125rem;border-radius:var(--radius-pill);font-weight:800}
.mobile-menu{position:fixed;inset:0;background:var(--red);color:var(--white);z-index:600;transform:translateY(-105%);transition:.45s cubic-bezier(.2,.8,.2,1);overflow:auto}.mobile-menu.open{transform:none}.mobile-menu-inner{min-height:100%;padding:1.375rem;display:flex;flex-direction:column;background:linear-gradient(140deg,transparent 60%,rgba(11,23,54,.24)),repeating-linear-gradient(-8deg,transparent 0 2.75rem,rgba(255,255,255,.05) 2.8125rem 2.9375rem)}.mobile-menu-top,.mobile-menu-bottom{display:flex;justify-content:space-between;align-items:center}.menu-close{border:0;background:var(--lime);color:var(--ink);font-size:1.875rem;width:3rem;height:3rem;border-radius:50%}.mobile-menu-links{display:grid;gap:0.5625rem;margin:auto 0}.mobile-menu-links a{font-family:var(--sans);font-size:clamp(2.375rem,11vw,4.5rem);font-weight:800;letter-spacing:-.06em;border-bottom:0.125rem solid rgba(255,255,255,.22);line-height:1.08}.mobile-menu-links a:nth-child(even){font-family:var(--serif);font-weight:400;font-style:italic}.mobile-menu-bottom{font-size:0.75rem;font-weight:700;padding-top:1.25rem}
:root{
--ie-mobile-edge:0.875rem;
--ie-mobile-control-gap:0.5rem;
--ie-mobile-module-gap:2rem;
--ie-mobile-section-gap:2.5rem;
--ie-mobile-card-basis:84%;
}
.language-picker{position:relative;z-index:30;font-family:var(--sans)}
.language-picker__toggle{display:flex;align-items:center;gap:0.5rem;border:0.0625rem solid rgba(255,255,255,.22);background:rgba(3,10,28,.55);color:var(--white);border-radius:var(--radius-pill);padding:0.5625rem 0.8125rem;font:800 0.75rem var(--sans);cursor:pointer}
.language-picker__toggle:after{content:"⌄";font-size:0.875rem;line-height:1;transition:transform .18s}
.language-picker.is-open .language-picker__toggle:after{transform:rotate(180deg)}
.language-picker__menu{position:absolute;right:0;top:calc(100% + 0.5625rem);display:grid;min-width:8.25rem;padding:0.4375rem;background:var(--ink);border:0.0625rem solid rgba(255,255,255,.18);border-radius:1rem;box-shadow:0 1.125rem 2.8125rem rgba(0,0,0,.32);opacity:0;visibility:hidden;transform:translateY(-0.375rem);transition:.18s}
.language-picker__menu[hidden]{display:none}
.language-picker.is-open .language-picker__menu{opacity:1;visibility:visible;transform:none}
.language-picker__option{display:flex;align-items:center;gap:0.5rem;border:0;background:transparent;color:rgba(255,255,255,.72);padding:0.5625rem 0.6875rem;text-align:left;text-decoration:none;border-radius:0.625rem;font:750 0.75rem var(--sans);cursor:pointer}
.language-picker__option:hover,.language-picker__option:focus-visible,.language-picker__option[aria-current="true"]{background:var(--lime);color:var(--ink)}
.language-picker__flag{display:inline-block;flex:0 0 auto;width:1.25rem;height:0.875rem;border-radius:0.125rem;background-image:url("https://antalya.directory/wp-content/themes/earth-network-theme/assets/css/../images/language-flags.svg");background-repeat:no-repeat;background-size:1.25rem 8.75rem;box-shadow:0 0 0 0.0625rem rgba(255,255,255,.24)}
.language-picker__flag--tr{background-position:0 0}.language-picker__flag--en{background-position:0 -0.875rem}.language-picker__flag--ru{background-position:0 -1.75rem}.language-picker__flag--ar{background-position:0 -2.625rem}.language-picker__flag--de{background-position:0 -3.5rem}.language-picker__flag--fr{background-position:0 -4.375rem}.language-picker__flag--fa{background-position:0 -5.25rem}.language-picker__flag--zh{background-position:0 -6.125rem}.language-picker__flag--it{background-position:0 -7rem}.language-picker__flag--uz{background-position:0 -7.875rem}
.map-filter:focus-visible,.language-picker button:focus-visible{outline:0.1875rem solid var(--turquoise);outline-offset:0.1875rem}
.map-pin[hidden]{display:none!important}
[data-ie-source-post]:not(.map-pin){
position:relative;
}
.ie-source-card-primary{
display:block;
position:absolute;
z-index:1;
inset:0;
color:inherit;
text-decoration:none;
cursor:pointer;
}
.ie-source-card-primary:focus-visible{
outline:0.1875rem solid var(--turquoise);
outline-offset:0.1875rem;
}
.ie-directions-cta{
display:inline-flex;
justify-content:center;
margin-top:0.625rem;
width:100%;
}
.ie-source-edit-link{
position:absolute;
z-index:30;
right:0.75rem;
bottom:0.75rem;
display:none;
align-items:center;
gap:0.375rem;
min-height:2.5rem;
padding:0.625rem 0.875rem;
border:0.125rem solid var(--turquoise);
border-radius:999em;
background:var(--ink);
color:var(--white);
box-shadow:0 0.625rem 1.5rem rgba(2,7,18,.28);
font:800 0.75rem/1 var(--sans);
text-decoration:none;
white-space:nowrap;
}
body.tvr-editing .ie-source-edit-link{
display:inline-flex;
}
.ie-source-edit-link:hover,
.ie-source-edit-link:focus-visible{
background:var(--turquoise);
color:var(--ink);
outline:0.1875rem solid var(--lime);
outline-offset:0.125rem;
}
.ie-filter>.ie-filter__toggle{
display:none!important;
}
.ie-filter-empty{
grid-column:1/-1;
padding:2rem;
border:0.0625rem solid rgba(11,23,54,.15);
background:var(--paper-2);
font-weight:700;
}
:is(.ie-event-fallback,.ie-event-day){display:grid;gap:1rem;margin-top:2rem}:is(.ie-event-fallback,.ie-event-day)>h2{margin:0 0 .25rem;font:800 clamp(1.75rem,4vw,3.25rem)/1 var(--sans);letter-spacing:-.045em}:is(.ie-event-fallback,.ie-event-day)>.listing-row{width:100%}.ie-all-events-cta{min-height:3.5rem;padding-inline:1.5rem;box-shadow:.3rem .3rem 0 var(--red);font-weight:800}
.news-tabs,
.filter-bar.is-enhanced{
width:min(var(--container),calc(100% - 3rem));
min-height:4.5rem;
margin:1.125rem auto -1.75rem;
padding:0.75rem 0.875rem;
position:relative;
z-index:20;
display:flex;
align-items:center;
gap:0.5625rem;
flex-wrap:wrap;
overflow:visible;
border:0.0625rem solid rgba(11,23,54,.16);
border-radius:0.3125rem 1.625rem 0.3125rem 1.625rem;
background:var(--paper-2);
box-shadow:0 1.125rem 2.5rem rgba(11,23,54,.16);
}
.filter-bar.is-enhanced{
min-height:4.75rem;
margin:-2.375rem auto -2.25rem;
}
.news-tabs + .section{padding-top:5.375rem}
.filter-bar.is-enhanced + .section{padding-top:6.5625rem}
.news-tabs>a,
.news-tabs>button,
.filter-bar.is-enhanced>button,
.filter-bar.is-enhanced>a{
min-height:2.6875rem;
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 auto;
padding:0.625rem 0.9375rem;
border:0.0625rem solid rgba(11,23,54,.2);
border-radius:0.1875rem 0.875rem 0.1875rem 0.875rem;
background:rgba(255,255,255,.58);
color:var(--ink);
font:800 0.75rem/1 var(--sans);
cursor:pointer;
transition:background .18s,color .18s,transform .18s,border-color .18s;
}
.news-tabs>a:hover,
.news-tabs>button:hover,
.filter-bar.is-enhanced>button:hover,
.filter-bar.is-enhanced>a:hover{
border-color:var(--ink);
transform:translateY(-0.0625rem);
}
.news-tabs>.active,
.news-tabs>[aria-pressed="true"],
.filter-bar.is-enhanced>.active,
.filter-bar.is-enhanced>[aria-pressed="true"]{
border-color:var(--ink);
background:var(--ink);
color:var(--lime);
box-shadow:inset 0 -0.1875rem 0 rgba(217,255,91,.22);
}
.filter-bar.is-enhanced>a:last-child{margin-left:auto}
.filter-bar.is-enhanced input[type="search"]{
min-width:13.125rem;
min-height:2.6875rem;
margin-left:auto;
padding:0.625rem 0.875rem 0.625rem 2.375rem;
border:0.0625rem solid rgba(11,23,54,.2);
border-radius:0.875rem 0.1875rem 0.875rem 0.1875rem;
background:rgba(255,255,255,.68);
color:var(--ink);
}
.ie-district-browse,.ie-district-alphabet{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}
.ie-district-browse{margin-inline-start:auto}
.ie-district-alphabet{width:min(var(--container),calc(100% - 3rem));min-height:3.25rem;margin:3.85rem auto 0;padding:.25rem .15rem;position:relative;z-index:19;background:transparent;justify-content:center}
.filter-bar.is-enhanced + .ie-district-alphabet + .section{padding-top:2.5rem}
.ie-district-browse a{display:inline-flex;min-height:2.25rem;align-items:center;justify-content:center;padding:.5rem .7rem;border:1px solid rgba(11,23,54,.2);border-radius:.2rem .7rem;background:rgba(255,255,255,.58);color:var(--ink);font:800 .72rem/1 var(--sans);text-decoration:none}
.ie-district-browse a.active{background:var(--ink);color:var(--lime);border-color:var(--ink)}
.ie-district-alphabet a{display:grid;place-items:center;min-width:2.75rem;min-height:2.75rem;padding:.5rem;border:1px solid currentColor;border-radius:.2rem .8rem;background:transparent;color:var(--ink);font:800 .8rem/1 var(--sans);text-decoration:none;transition:background .18s,color .18s,transform .18s}
.ie-district-alphabet a:hover{background:rgba(11,23,54,.08);transform:translateY(-.0625rem)}
.ie-district-alphabet a.active{background:var(--ink);color:var(--lime);box-shadow:none}
.ie-district-alphabet a:first-child{min-width:2.75rem;margin-inline-end:0;padding:.5rem}
:is(.pagination,.navigation.pagination){width:min(var(--container),calc(100% - 3rem));margin:2rem auto 0;padding:0 0 4rem;display:flex;justify-content:center;clear:both}
:is(.pagination,.navigation.pagination)>:is(ul,.nav-links),
:is(.pagination,.navigation.pagination) ul.page-numbers{width:100%;display:flex;align-items:center;justify-content:center;gap:.45rem;flex-wrap:wrap;margin:0;padding:0;list-style:none}
:is(.pagination,.navigation.pagination) a.page-numbers,
:is(.pagination,.navigation.pagination) span.page-numbers,
:is(.pagination,.navigation.pagination) li>a,
:is(.pagination,.navigation.pagination) li>span{display:grid;place-items:center;min-width:2.75rem;min-height:2.75rem;padding:.5rem;border:1px solid currentColor;border-radius:.2rem .8rem;background:transparent;color:inherit;font:800 .8rem/1 var(--sans);text-decoration:none}
:is(.pagination,.navigation.pagination) :is(.next,.prev){width:auto!important;min-width:2.75rem!important;padding-inline:1rem!important;white-space:nowrap}
:is(.pagination,.navigation.pagination) :is(.current,a:hover,a:focus-visible){background:var(--ink);color:var(--lime)}
.ie-district-related .ie-hub-pagination{color:var(--paper)}
@media (max-width:48rem){
.ie-district-browse{width:100%;margin-inline-start:0}
.ie-district-alphabet{width:calc(100% - 2rem);margin-top:3.4rem;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start}
.filter-bar.is-enhanced + .ie-district-alphabet + .section{padding-top:2.25rem}
}
.ie-filter-select{
position:relative;
min-width:11.875rem;
margin-left:auto;
font-family:var(--sans);
}
.ie-filter-select__toggle{
width:100%;
min-height:2.6875rem;
display:flex;
align-items:center;
justify-content:space-between;
gap:1.125rem;
padding:0.625rem 0.8125rem 0.625rem 0.9375rem;
border:0.0625rem solid rgba(11,23,54,.2);
border-radius:0.875rem 0.1875rem 0.875rem 0.1875rem;
background:rgba(255,255,255,.68);
color:var(--ink);
font:800 0.75rem var(--sans);
}
.ie-filter-select__toggle:after{content:"⌄";font-size:1rem;line-height:1;transition:transform .18s}
.ie-filter-select.is-open .ie-filter-select__toggle:after{transform:rotate(180deg)}
.ie-filter-select__menu{
position:absolute;
right:0;
top:calc(100% + 0.5625rem);
z-index:60;
width:100%;
min-width:13.125rem;
display:grid;
gap:0.25rem;
padding:0.4375rem;
border:0.0625rem solid rgba(255,255,255,.16);
border-radius:0.25rem 1.125rem 0.25rem 1.125rem;
background:var(--ink);
box-shadow:0 1.375rem 3.125rem rgba(4,10,25,.3);
opacity:0;
visibility:hidden;
transform:translateY(-0.4375rem);
transition:.18s;
}
.ie-filter-select.is-open .ie-filter-select__menu{opacity:1;visibility:visible;transform:none}
.ie-filter-select__option{
padding:0.625rem 0.75rem;
border:0;
border-radius:0.1875rem 0.6875rem 0.1875rem 0.6875rem;
background:transparent;
color:rgba(255,255,255,.76);
text-align:left;
font:750 0.75rem var(--sans);
}
.ie-filter-select__option:hover,
.ie-filter-select__option[aria-selected="true"]{background:var(--lime);color:var(--ink)}
.ie-filter button:focus-visible,
.ie-filter a:focus-visible,
.ie-filter input:focus-visible{
outline:0.1875rem solid var(--turquoise);
outline-offset:0.1875rem;
}
.hub-card[hidden],
.listing-row[hidden],
.news-filter-target[hidden]{
display:none!important;
}
.newsroom-home .news-topline{
min-height:4.5rem;
padding:0.6875rem 0.8125rem;
margin-bottom:1.75rem;
border:0.0625rem solid rgba(255,255,255,.16);
border-radius:0.25rem 1.5rem 0.25rem 1.5rem;
background:rgba(255,255,255,.075);
box-shadow:0 1.125rem 2.625rem rgba(0,0,0,.2);
backdrop-filter:blur(0.875rem);
}
.newsroom-home .news-categories{
display:flex;
gap:0.4375rem;
flex-wrap:wrap;
}
.newsroom-home .news-categories a{
min-height:2.5rem;
display:inline-flex;
align-items:center;
padding:0.5625rem 0.8125rem;
border:0.0625rem solid rgba(255,255,255,.22);
border-radius:0.1875rem 0.8125rem 0.1875rem 0.8125rem;
background:rgba(4,10,27,.28);
color:var(--white);
font:800 0.625rem/1 var(--sans);
letter-spacing:.07em;
text-transform:uppercase;
transition:background .18s,color .18s,border-color .18s;
}
.newsroom-home .news-categories a.active,
.newsroom-home .news-categories a[aria-pressed="true"]{
background:var(--lime);
border-color:var(--lime);
color:var(--ink);
box-shadow:0.25rem 0.25rem 0 var(--red);
}
.newsroom-home .micro-link{
flex:0 0 auto;
padding:0.6875rem 0.875rem;
border-radius:0.1875rem 0.8125rem 0.1875rem 0.8125rem;
background:var(--paper-2);
color:var(--ink);
font:850 0.6875rem/1 var(--sans);
}
@media(max-width:47.5rem){
html{
margin-top:0!important;
}
#wpadminbar{
display:none!important;
}
body.admin-bar .site-header,
body.admin-bar .mobile-menu{
top:0;
}
.site-header .header-inner{
min-height:4.125rem;
align-items:center;
}
.mobile-trigger{
min-width:auto!important;
min-height:2.625rem;
display:inline-flex!important;
align-items:center;
justify-content:center;
flex-shrink:0;
gap:0.625em!important;
padding:0.625rem 0.8125rem!important;
border:0.0625rem solid rgba(255,255,255,.3)!important;
border-radius:var(--radius-pill)!important;
background:rgba(3,10,28,.24)!important;
color:var(--white)!important;
box-shadow:none!important;
font:800 0.75rem/1 var(--sans)!important;
white-space:nowrap;
}
.mobile-trigger__icon{
width:1.125em;
display:grid;
flex:0 0 auto;
gap:0.25em;
}
.mobile-trigger__icon i{
width:100%;
height:0.125em;
display:block;
border-radius:var(--radius-pill);
background:currentColor;
}
.news-tabs:not([data-ie-ready="true"]){
width:calc(100% - 1.5rem)!important;
min-height:var(--control-min)!important;
margin:0.75rem auto 0!important;
padding:0!important;
}
.news-tabs:not([data-ie-ready="true"])>*{
display:none!important;
}
.ie-filter{
width:calc(100% - 1.5rem)!important;
min-height:0!important;
margin:0 auto!important;
padding:0!important;
position:relative;
z-index:24;
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--ie-mobile-control-gap)!important;
overflow:visible!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
backdrop-filter:none!important;
}
.ie-filter[data-ie-filter-surface="hero-overlap"]{
margin:-1.25rem auto 0!important;
}
.ie-filter[data-ie-filter-surface="ticker"]{
margin:0.75rem auto 0!important;
}
.ie-filter[data-ie-filter-surface="embedded"]{
width:100%!important;
margin:0!important;
padding:0!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
.newsroom-home .news-topline{
gap:1rem!important;
padding:0!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
.newsroom-home .news-topline.reveal{
opacity:1!important;
transform:none!important;
transition:none!important;
backdrop-filter:none!important;
}
.ie-filter>.ie-filter__toggle{
grid-column:1/-1;
width:100%;
min-height:var(--control-min);
display:flex!important;
align-items:center;
justify-content:space-between;
gap:1rem;
padding:0.75rem 1rem!important;
border:0.0625rem solid rgba(255,255,255,.24)!important;
border-radius:0.25rem 1.125rem 0.25rem 1.125rem;
background:var(--ink)!important;
color:var(--white)!important;
box-shadow:0.25rem 0.3125rem 0 var(--turquoise);
font:800 0.8125rem/1 var(--sans)!important;
text-align:left;
}
.ie-filter>.ie-filter__toggle strong{
color:var(--lime);
font:inherit;
}
.ie-filter__summary{
display:inline-flex;
align-items:baseline;
gap:0.25rem;
}
.ie-filter>.ie-filter__toggle:after{
content:"⌄";
flex:0 0 auto;
font-size:1.125rem;
line-height:1;
transition:transform .18s ease;
}
.ie-filter.is-open{
padding:0.625rem!important;
border:0.0625rem solid var(--ink)!important;
border-radius:0.25rem 1.25rem 0.25rem 1.25rem!important;
background:var(--paper-2)!important;
box-shadow:0.25rem 0.25rem 0 var(--turquoise)!important;
}
.newsroom-home .ie-filter.is-open{
padding:0.625rem!important;
border:0.0625rem solid var(--ink)!important;
background:var(--paper-2)!important;
box-shadow:0.25rem 0.25rem 0 var(--turquoise)!important;
}
.newsroom-home .ie-filter.is-open>button:not(.ie-filter__toggle),
.newsroom-home .ie-filter.is-open>a{
background:var(--white)!important;
}
.newsroom-home .ie-filter.is-open>button.active,
.newsroom-home .ie-filter.is-open>button[aria-pressed="true"],
.newsroom-home .ie-filter.is-open>a.active,
.newsroom-home .ie-filter.is-open>a[aria-pressed="true"]{
background:var(--ink)!important;
}
.ie-filter.is-open .ie-filter__toggle{
margin-bottom:0.125rem;
border-color:rgba(255,255,255,.24)!important;
background:var(--ink)!important;
color:var(--white)!important;
box-shadow:none;
}
.ie-filter.is-open .ie-filter__toggle:after{
transform:rotate(180deg);
}
.ie-filter:not(.is-open)>:not(.ie-filter__toggle){
display:none!important;
}
.ie-filter.is-open>button:not(.ie-filter__toggle),
.ie-filter.is-open>a,
.ie-filter.is-open>.ie-filter-select{
width:100%;
min-width:0;
min-height:2.6875rem;
margin:0!important;
display:flex!important;
align-items:center;
justify-content:center;
padding:0.625rem 0.75rem!important;
border:0.0625rem solid rgba(11,23,54,.18)!important;
border-radius:0.25rem 0.875rem 0.25rem 0.875rem!important;
background:var(--white)!important;
color:var(--ink)!important;
box-shadow:none!important;
font:800 0.75rem/1.2 var(--sans)!important;
text-align:center;
}
.ie-filter.is-open>button.active,
.ie-filter.is-open>button[aria-pressed="true"],
.ie-filter.is-open>a.active,
.ie-filter.is-open>a[aria-pressed="true"]{
border-color:var(--ink)!important;
background:var(--ink)!important;
color:var(--lime)!important;
}
.ie-filter.is-open>a[data-ie-filter-action]{
grid-column:1/-1;
justify-content:flex-start;
background:transparent!important;
border-color:transparent!important;
}
.ie-filter.is-open input[type="search"],
.ie-filter.is-open>select{
grid-column:1/-1;
width:100%!important;
min-width:0!important;
min-height:2.875rem;
margin:0!important;
}
.ie-filter.is-open>.ie-filter-select{
grid-column:1/-1;
padding:0!important;
border:0!important;
background:transparent!important;
}
.ie-filter.is-open .ie-filter-select__toggle{
width:100%;
}
.ie-filter + .section,
.news-tabs + .section,
.filter-bar.is-enhanced + .section{
padding-top:var(--ie-mobile-section-gap)!important;
}
.ie-filter[data-ie-following-surface="paper"] + .section{
background:var(--paper)!important;
color:var(--ink)!important;
}
.ie-filter[data-ie-following-surface="paper"] + .section .section-head h2{
color:var(--ink)!important;
}
.ie-filter[data-ie-following-surface="paper"] + .section .section-head h2 em{
color:var(--red)!important;
}
.ie-filter[data-ie-following-surface="paper"] + .section .section-head p,
.ie-filter[data-ie-following-surface="paper"] + .section .eyebrow{
color:rgba(11,23,54,.72)!important;
}
.ie-collection-rail{
width:100%;
display:flex!important;
grid-template-columns:none!important;
grid-template-rows:none!important;
gap:0.75rem!important;
padding:0 12% 0 0.0625rem!important;
overflow-x:auto!important;
overflow-y:hidden!important;
scroll-snap-type:x mandatory;
scroll-padding-inline:0.0625rem;
overscroll-behavior-inline:contain;
scrollbar-width:none;
-ms-overflow-style:none;
cursor:grab;
}
.ie-collection-rail.is-dragging{
cursor:grabbing;
scroll-snap-type:none;
user-select:none;
}
.ie-collection-rail::-webkit-scrollbar{
display:none;
}
.ie-collection-rail>*,
.ie-collection-rail>.news-side-stack>*{
width:var(--ie-mobile-card-basis)!important;
max-width:var(--ie-mobile-card-basis)!important;
min-width:0!important;
flex-grow:0!important;
flex-shrink:0!important;
flex-basis:var(--ie-mobile-card-basis)!important;
box-sizing:border-box;
scroll-snap-align:start;
scroll-snap-stop:always;
}
.ie-collection-rail>.news-side-stack{
display:contents!important;
}
.ie-collection-rail.news-lead-grid .news-lead-story,
.ie-collection-rail.news-lead-grid .news-side-card{
min-height:32rem;
}
.ie-collection-rail.hub-grid .hub-card,
.ie-collection-rail.district-rail .district,
.ie-collection-rail.editorial-grid .story,
.ie-collection-rail.poster-wall .legend-card{
min-height:28rem;
}
.ie-collection-rail .hub-card--half,
.ie-collection-rail .hub-card--third,
.ie-collection-rail .poster:first-child{
grid-column:auto!important;
grid-row:auto!important;
}
.ie-rail-arrow{
width:2.5rem;
height:2.5rem;
font-size:1rem;
}
.ie-rail-arrow--prev{
left:0.5rem;
}
.ie-rail-arrow--next{
right:0.5rem;
}
.news-layout>.news-sidebar{
margin-top:var(--ie-mobile-module-gap);
}
.news-home-grid{
row-gap:var(--ie-mobile-module-gap)!important;
}
.news-live{
margin-top:0!important;
}
.news-card-row{
margin-top:var(--ie-mobile-module-gap);
}
}
:root{
--red:#c6342f;
}
.news-row-meta{
color:#4e596f;
}
.news-row-copy p{
color:#4e596f;
}
.newsletter-mini.ie-newsletter-state-form .ie-newsletter-privacy,
.newsletter-mini.ie-newsletter-state-form .ie-newsletter-privacy a{
color:#fffdf7;
}
:is(
.news-lead-copy h3,
.news-lead-content h2
) {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
:is(
.news-mini-copy h3,
.news-side-copy h3,
.news-row-copy h2,
.hub-card-copy h3,
.story-content h3,
.legend-copy h3,
.district h3,
.stay-copy h2,
.listing-row-copy h2,
.result-copy h2
) {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
:is(
.news-lead-copy p,
.news-mini-copy p,
.news-row-copy p,
.hub-card-copy p,
.legend-copy p,
.district p,
.stay-copy p,
.listing-row-copy p,
.result-copy p
) {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
:is(.label,.eyebrow,.news-live-item small) {
overflow: hidden;
max-width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
}
@media(max-width:68.75rem){
.city-line{
display:none;
}
.mobile-trigger{
display:inline-flex;
}
}
.earth-network-site{
margin:0 0 3.75rem;
}
.earth-network-site:last-child{
margin-bottom:0;
}
.earth-network-site__head{
display:flex;
flex-wrap:wrap;
align-items:baseline;
gap:.5rem 1rem;
padding-bottom:.875rem;
margin-bottom:1.5rem;
border-bottom:.1875rem solid var(--ink);
}
.earth-network-site__head h2{
font-family:var(--sans);
font-size:clamp(1.75rem,3.4vw,2.75rem);
line-height:1;
letter-spacing:-.04em;
margin:0;
}
.earth-network-site__head h2 a{
color:inherit;
text-decoration:none;
}
.earth-network-site__head h2 a:hover{
color:var(--red);
}
.earth-network-site__origin{
font-size:.6875rem;
font-weight:850;
text-transform:uppercase;
letter-spacing:.09em;
color:var(--red);
}
.earth-network-site__scope{
margin:0 0 0 auto;
font-size:.8125rem;
line-height:1.5;
color:#5e687a;
}
@media(max-width:47.5rem){
.earth-network-site__scope{
margin-left:0;
width:100%;
}
}
.footer-signature{display:inline-flex;align-items:center;gap:.4em;flex-wrap:wrap}
.earth-signature{display:inline-flex;align-items:center;gap:.4em;color:inherit;text-decoration:none;opacity:.85;transition:opacity .2s}
.earth-signature:hover,.earth-signature:focus-visible{opacity:1;color:inherit}
.earth-signature__mark{display:inline-block;height:1.375rem;width:auto;vertical-align:middle}
.earth-signature__mark--text{font-weight:800;letter-spacing:.12em;text-transform:uppercase}