/* Design philosophy: Cinematic Editorial Craft — editorial pages are asymmetrical, tactile and index-like: ink, warm paper, signal red, dense typographic hierarchy and disciplined focus states. */
:root { --editorial-paper: #f2f0eb; --editorial-ink: #080808; --editorial-signal: #f10d18; --editorial-line: rgba(8,8,8,.15); }
.skip-link { position: fixed; z-index: 200; top: -5rem; left: 1rem; padding: .8rem 1rem; background: var(--signal); color: #fff; font: 700 .72rem/1 var(--mono); letter-spacing: .08em; }
.skip-link:focus { top: 1rem; }
.editorial-page { background: var(--editorial-paper); color: var(--editorial-ink); min-height: 100vh; }
.editorial-page *, .editorial-page *::before, .editorial-page *::after { box-sizing: border-box; }
.editorial-page a { color: inherit; text-decoration: none; }
.editorial-page a:focus-visible, .article-filters button:focus-visible, .article-directory summary:focus-visible { outline: 2px solid var(--editorial-signal); outline-offset: 4px; }
.editorial-header { min-height: 86px; padding: 18px 3.4vw; display: grid; grid-template-columns: 220px minmax(0,1fr) 220px; gap: 2rem; align-items: center; border-bottom: 1px solid var(--editorial-line); background: var(--editorial-paper); position: sticky; z-index: 40; top: 0; }
.editorial-brand { display: inline-flex; align-items: center; width: 152px; }
.editorial-brand img { width: 100%; height: auto; max-height: 47px; object-fit: contain; object-position: left center; }
.editorial-header nav { display: flex; justify-content: center; flex-wrap: wrap; gap: clamp(.75rem, 2vw, 1.75rem); }
.editorial-header nav a, .editorial-contact { font: 500 .66rem/1 var(--mono); text-transform: uppercase; letter-spacing: .08em; white-space: nowrap; }
.editorial-header nav a { opacity: .78; transition: opacity .18s ease, color .18s ease; }
.editorial-header nav a:hover { color: var(--editorial-signal); opacity: 1; }
.editorial-contact { justify-self: end; padding: .9rem 1rem; color: #fff !important; background: var(--editorial-ink); text-align: center; transition: background .18s ease, transform .18s ease; }
.editorial-contact:hover { background: var(--editorial-signal); transform: translateY(-2px); }
.hub-hero, .gallery-hero, .frame-hero { min-height: min(74vh, 760px); padding: 9vw 7vw 5vw; display: grid; grid-template-columns: minmax(0,1.45fr) minmax(220px,.55fr); align-items: end; gap: 6vw; position: relative; overflow: hidden; background: #0a0a0a; color: var(--editorial-paper); }
.hub-hero::before, .gallery-hero::before, .frame-hero::before { content:""; position:absolute; inset:0; pointer-events:none; background: linear-gradient(115deg, rgba(241,13,24,.18), transparent 45%), repeating-linear-gradient(90deg, transparent 0, transparent calc(25% - 1px), rgba(255,255,255,.06) 25%); opacity:.65; }
.hub-hero > *, .gallery-hero > *, .frame-hero > * { position: relative; z-index: 1; }
.hub-hero h1, .gallery-hero h1, .frame-hero h1 { max-width: 820px; margin: 1rem 0 1.25rem; font: 800 clamp(4rem, 9.8vw, 10.5rem)/.78 var(--display); text-transform: uppercase; letter-spacing: -.04em; }
.hub-hero h1 i, .gallery-hero h1 i, .frame-hero h1 i { font-style: normal; color: var(--editorial-signal); }
.hub-hero p:not(.eyebrow), .gallery-hero p:not(.eyebrow), .frame-hero p:not(.eyebrow) { max-width: 575px; font: 500 clamp(1rem, 1.55vw, 1.38rem)/1.6 var(--body); color: rgba(242,240,235,.78); }
.hub-hero aside, .gallery-hero aside { align-self: end; padding: 1.5rem 0; border-top: 1px solid rgba(255,255,255,.25); }
.hub-hero aside span, .gallery-hero aside span, .frame-hero__signal { display: block; font: 500 .7rem/1.3 var(--mono); letter-spacing: .1em; color: var(--editorial-signal); }
.hub-hero aside p, .gallery-hero aside p { margin: 1rem 0; font: 500 .9rem/1.6 var(--body); }
.hub-hero aside a, .gallery-hero aside a { font: 500 .72rem/1 var(--mono); letter-spacing: .09em; text-transform: uppercase; }
.hub-intro, .gallery-note, .frame-manifesto { padding: clamp(4rem, 9vw, 10rem) 7vw; display: grid; grid-template-columns: .7fr 1.3fr; gap: 7vw; }
.hub-intro h2, .gallery-note h2, .frame-manifesto h2, .library-head h2, .frame-crosswalk h2, .frame-ecosystem h2, .frame-cta h2, .gallery-reel h2, .hub-ethos h2 { margin: .75rem 0 0; font: 800 clamp(3rem, 6vw, 6.2rem)/.83 var(--display); text-transform: uppercase; letter-spacing: -.035em; }
.hub-intro h2 i, .gallery-note h2 i, .frame-manifesto h2 i, .library-head h2 i, .frame-crosswalk h2 i, .frame-ecosystem h2 i, .frame-cta h2 i, .gallery-reel h2 i, .hub-ethos h2 i { font-style: normal; color: var(--editorial-signal); }
.hub-intro > p:last-of-type, .gallery-note > p, .frame-manifesto > div > p { margin: 0; max-width: 680px; font: 500 clamp(1.05rem, 1.7vw, 1.55rem)/1.65 var(--body); }
.hub-intro__routes { grid-column: 2; margin-top: 2rem; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--editorial-line); }
.hub-intro__routes a { min-height: 165px; padding: 1.35rem; border-right: 1px solid var(--editorial-line); transition: color .18s ease, background .18s ease; }
.hub-intro__routes a:first-child { border-left: 1px solid var(--editorial-line); }
.hub-intro__routes a:hover { color: #fff; background: var(--editorial-signal); }
.hub-intro__routes span, .gallery-links span, .frame-crosswalk__routes span { display:block; margin-bottom: 2.2rem; font: 500 .65rem/1 var(--mono); letter-spacing: .09em; }
.hub-intro__routes b, .gallery-links b, .frame-crosswalk__routes b { display: block; margin-bottom: .55rem; font: 700 1.45rem/.95 var(--display); text-transform: uppercase; }
.hub-intro__routes em, .gallery-links p, .frame-crosswalk__routes p { display: block; font: 500 .82rem/1.55 var(--body); font-style: normal; }
.article-library { padding: 0 3.4vw 8vw; background: var(--editorial-paper); }
.library-head { padding: 5vw 3.6vw 3.5vw; display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; border-top: 1px solid var(--editorial-ink); }
.article-filters { align-self: end; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; }
.article-filters button { appearance:none; border:1px solid var(--editorial-line); border-radius: 0; padding: .72rem .8rem; background: transparent; color: var(--editorial-ink); font: 500 .63rem/1.15 var(--mono); letter-spacing: .045em; text-transform: uppercase; transition: background .18s ease, color .18s ease; cursor:pointer; }
.article-filters button:hover, .article-filters button.is-active { color:#fff; border-color: var(--editorial-ink); background: var(--editorial-ink); }
.article-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); border-top: 1px solid var(--editorial-line); border-left: 1px solid var(--editorial-line); }
.article-grid > div[hidden] { display:none; }
.article-card { min-height: 330px; border-right:1px solid var(--editorial-line); border-bottom:1px solid var(--editorial-line); background: var(--editorial-paper); }
.article-card a { min-height: 330px; height:100%; padding: 1.35rem; display:flex; flex-direction:column; transition: background .2s ease, color .2s ease; }
.article-card a:hover { color: #fff; background: var(--editorial-ink); }
.article-card__number, .article-card__category { font: 500 .63rem/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.article-card__number { color: var(--editorial-signal); }
.article-card__category { margin-top: 2.75rem; opacity:.7; }
.article-card h2 { margin:.85rem 0; font: 800 clamp(1.5rem, 2.15vw, 2.25rem)/.91 var(--display); text-transform: uppercase; letter-spacing:-.02em; }
.article-card p { margin:0; font:500 .85rem/1.55 var(--body); opacity:.78; }
.article-card__tags { margin-top:auto; padding-top:1.2rem; display:flex; flex-wrap:wrap; gap:.3rem; }
.article-card__tags i { padding:.28rem .35rem; border:1px solid currentColor; font:500 .53rem/1 var(--mono); font-style:normal; text-transform:uppercase; letter-spacing:.035em; }
.article-card__link { display:block; margin-top:1.1rem; font:500 .63rem/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.library-empty { padding: 2rem; font:500 .9rem/1.5 var(--body); }
.hub-ethos { padding: 8vw 7vw; display:grid; grid-template-columns:.75fr 1.25fr; gap:6vw; color:#fff; background: var(--editorial-signal); }
.hub-ethos h2 i { color:#080808; }
.hub-ethos > p:last-of-type { max-width:660px; font:500 1.1rem/1.65 var(--body); }
.hub-ethos .button { margin-top:2rem; }
.editorial-footer { padding: 4rem 3.4vw 2rem; display:grid; grid-template-columns:1.25fr .85fr .85fr; gap:3rem; color:var(--editorial-paper); background:var(--editorial-ink); }
.editorial-footer > div:first-child img { width:165px; max-height:54px; object-fit:contain; object-position:left; }
.editorial-footer > div:first-child p { max-width:260px; margin-top:1rem; font:500 .82rem/1.55 var(--body); color:rgba(242,240,235,.68); }
.editorial-footer nav { display:flex; flex-direction:column; gap:.72rem; }
.editorial-footer nav a { font:500 .68rem/1.2 var(--mono); letter-spacing:.05em; text-transform:uppercase; color:rgba(242,240,235,.75); }
.editorial-footer nav a:hover { color:var(--editorial-signal); }
.editorial-footer__legal { grid-column:1/-1; margin-top:2rem; padding-top:1rem; border-top:1px solid rgba(255,255,255,.15); display:flex; flex-wrap:wrap; gap: .8rem 1.2rem; color:rgba(242,240,235,.55); font:500 .58rem/1.35 var(--mono); letter-spacing:.05em; text-transform:uppercase; }
.editorial-footer__legal a:hover { color:#fff; }
.article-hero { padding: 9vw 7vw 5vw; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(220px,.45fr); gap:6vw; color:var(--editorial-paper); background:var(--editorial-ink); position:relative; overflow:hidden; }
.article-hero::after { content:""; position:absolute; width:52vw; height:52vw; right:-13vw; top:-25vw; border:1px solid rgba(255,255,255,.14); border-radius:50%; box-shadow:0 0 0 5vw rgba(255,255,255,.025),0 0 0 10vw rgba(241,13,24,.05); }
.article-hero > * { position:relative; z-index:1; }
.article-hero h1 { max-width:900px; margin:.8rem 0 1.5rem; font:800 clamp(3.75rem,8vw,8.2rem)/.82 var(--display); letter-spacing:-.04em; text-transform:uppercase; }
.article-hero__dek { max-width:760px; margin:0; color:rgba(242,240,235,.8); font:500 clamp(1.05rem,1.8vw,1.5rem)/1.6 var(--body); }
.article-meta { margin-top:2.5rem; display:flex; flex-wrap:wrap; gap:.6rem 1rem; font:500 .6rem/1.35 var(--mono); letter-spacing:.06em; text-transform:uppercase; color:rgba(242,240,235,.62); }
.article-hero aside { align-self:end; padding:1.4rem 0; border-top:1px solid rgba(255,255,255,.23); }
.article-hero aside span { color:var(--editorial-signal); font:500 .67rem/1 var(--mono); letter-spacing:.1em; }
.article-hero aside p { font:500 .92rem/1.55 var(--body); color:rgba(242,240,235,.75); }
.article-hero aside a { font:500 .62rem/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.article-layout { max-width:1440px; margin:0 auto; padding:clamp(3rem,7vw,8rem) 7vw; display:grid; grid-template-columns:minmax(0,1fr) minmax(210px,.32fr); gap:clamp(3rem,8vw,10rem); }
.article-body { min-width:0; max-width:760px; }
.article-body p { font:500 clamp(1rem,1.25vw,1.12rem)/1.84 var(--body); }
.article-body > p:not(.article-lead) { margin:0 0 1.4rem; }
.article-lead { margin:0 0 2.75rem; padding-bottom:2.2rem; border-bottom:1px solid var(--editorial-ink); font:600 clamp(1.4rem,2.25vw,2rem)/1.47 var(--body) !important; }
.article-body h2 { margin:3rem 0 1rem; font:800 clamp(2rem,3.3vw,3.6rem)/.9 var(--display); letter-spacing:-.025em; text-transform:uppercase; }
.article-bridge { margin:3.5rem 0; border-top:1px solid var(--editorial-ink); border-left:1px solid var(--editorial-ink); display:grid; grid-template-columns:repeat(3,1fr); }
.article-bridge a { min-height:150px; padding:1.2rem; border-right:1px solid var(--editorial-ink); border-bottom:1px solid var(--editorial-ink); transition:color .18s ease,background .18s ease; }
.article-bridge a:hover { color:#fff; background:var(--editorial-signal); }
.article-bridge span { display:block; margin-bottom:2.2rem; font:500 .58rem/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.article-bridge b { font:700 1.2rem/1 var(--display); text-transform:uppercase; }
.reference-note { margin:3.5rem 0; padding:1.5rem; border-left:5px solid var(--editorial-signal); background:#e8e5de; }
.reference-note h2 { margin:.65rem 0; font-size:2rem; }
.reference-note p { margin:0; font-size:.9rem; }
.article-directory { margin-top:3.5rem; border-top:1px solid var(--editorial-ink); border-bottom:1px solid var(--editorial-ink); }
.article-directory summary { padding:1rem 0; display:flex; justify-content:space-between; cursor:pointer; list-style:none; font:500 .7rem/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.article-directory summary::-webkit-details-marker { display:none; }
.article-directory summary b { font-weight:500; color:var(--editorial-signal); }
.article-directory[open] summary { border-bottom:1px solid var(--editorial-line); }
.article-directory__content > p { padding:1.2rem 0; font-size:.85rem; }
.article-directory ol { list-style:none; padding:0; margin:0; columns:2; column-gap:2rem; }
.article-directory li { break-inside:avoid; border-top:1px solid var(--editorial-line); }
.article-directory li:first-child { border-top:0; }
.article-directory li a { padding:.75rem 0; display:grid; grid-template-columns:32px 1fr; column-gap:.5rem; }
.article-directory li a:hover b { color:var(--editorial-signal); }
.article-directory li span { grid-row:span 2; color:var(--editorial-signal); font:500 .58rem/1.3 var(--mono); }
.article-directory li b { font:700 .98rem/1.05 var(--display); text-transform:uppercase; transition:color .18s ease; }
.article-directory li em { margin-top:.2rem; font:500 .52rem/1.2 var(--mono); font-style:normal; letter-spacing:.04em; opacity:.65; text-transform:uppercase; }
.article-directory li[aria-current="page"] b { color:var(--editorial-signal); }
.article-rail { display:flex; flex-direction:column; gap:1.8rem; align-self:start; position:sticky; top:110px; }
.article-rail > div { padding-top:1rem; border-top:1px solid var(--editorial-ink); }
.article-rail .eyebrow { margin:0 0 .8rem; }
.article-rail a { display:block; margin:.6rem 0; font:500 .7rem/1.35 var(--mono); text-transform:uppercase; letter-spacing:.035em; transition:color .18s ease; }
.article-rail a:hover { color:var(--editorial-signal); }
.article-next { padding:0 7vw 7vw; display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--editorial-ink); }
.article-next a { min-height:180px; padding:1.5rem; color:var(--editorial-paper); background:var(--editorial-ink); transition:background .18s ease; }
.article-next a:last-child { text-align:right; }
.article-next a:hover { background:var(--editorial-signal); }
.article-next span { display:block; margin-bottom:3rem; font:500 .58rem/1 var(--mono); text-transform:uppercase; letter-spacing:.08em; }
.article-next b { display:block; max-width:390px; font:800 clamp(1.5rem,3vw,3rem)/.9 var(--display); text-transform:uppercase; letter-spacing:-.02em; }
.article-next a:last-child b { margin-left:auto; }
.frame-hero { min-height:76vh; background:var(--editorial-signal); }
.frame-hero::before { background:radial-gradient(circle at 70% 30%, rgba(8,8,8,.95) 0 10%, transparent 10.2% 100%), repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),rgba(255,255,255,.16) 20%); }
.frame-hero h1 { color:var(--editorial-paper); }
.frame-hero h1 i { color:var(--editorial-ink); }
.frame-hero p:not(.eyebrow) { color:rgba(255,255,255,.84); }
.frame-hero__signal { display:grid; grid-template-columns:repeat(2,auto); align-content:end; justify-content:start; gap:.65rem 1.2rem; color:var(--editorial-paper); }
.frame-hero__signal span:nth-child(odd) { color:var(--editorial-ink); }
.frame-manifesto { background:var(--editorial-paper); }
.section-mark { font:500 .65rem/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--editorial-signal); }
.frame-principles { padding:0 3.4vw 8vw; display:grid; grid-template-columns:repeat(4,1fr); }
.frame-principles article { min-height:330px; padding:1.4rem; border-top:1px solid var(--editorial-ink); border-right:1px solid var(--editorial-ink); }
.frame-principles article:first-child { border-left:1px solid var(--editorial-ink); }
.frame-principles span { color:var(--editorial-signal); font:500 .68rem/1 var(--mono); letter-spacing:.08em; }
.frame-principles h2 { margin:5.2rem 0 1rem; font:800 clamp(2rem,3vw,3.5rem)/.85 var(--display); text-transform:uppercase; }
.frame-principles p { margin:0; font:500 .88rem/1.6 var(--body); }
.frame-crosswalk { padding:8vw 7vw; display:grid; grid-template-columns:.8fr 1.2fr; gap:7vw; color:#fff; background:var(--editorial-ink); }
.frame-crosswalk__routes { display:grid; border-top:1px solid rgba(255,255,255,.25); }
.frame-crosswalk__routes a { padding:1.25rem 0; display:grid; grid-template-columns:130px 1fr 1fr; gap:1rem; border-bottom:1px solid rgba(255,255,255,.2); transition:color .18s ease; }
.frame-crosswalk__routes a:hover { color:var(--editorial-signal); }
.frame-crosswalk__routes span { margin:0; color:var(--editorial-signal); }
.frame-crosswalk__routes b { margin:0; font-size:1.3rem; }
.frame-crosswalk__routes p { margin:0; color:rgba(255,255,255,.66); }
.frame-ecosystem { padding:9vw 7vw; color:#fff; background:var(--editorial-signal); }
.frame-ecosystem p:not(.eyebrow) { max-width:860px; margin:2rem 0; font:500 clamp(1.1rem,1.65vw,1.45rem)/1.65 var(--body); }
.frame-ecosystem h2 i { color:var(--editorial-ink); }
.frame-cta { padding:9vw 7vw; background:var(--editorial-paper); }
.frame-cta .button { margin-top:2rem; }
.gallery-hero { background:#141414; }
.gallery-note { background:#e7e3db; }
.gallery-note code { padding:.16rem .32rem; color:#fff; background:var(--editorial-ink); font:500 .78rem/1.2 var(--mono); }
.gallery-grid { padding:3.4vw; display:grid; grid-template-columns:repeat(12,1fr); gap:1.2rem; background:var(--editorial-paper); }
.gallery-tile { grid-column:span 4; margin:0; }
.gallery-tile--2, .gallery-tile--7 { grid-column:span 5; }
.gallery-tile--3, .gallery-tile--6 { grid-column:span 3; }
.gallery-tile--4 { grid-column:span 6; }
.gallery-tile div { aspect-ratio:1.24/1; position:relative; overflow:hidden; background:#d7d2ca; }
.gallery-tile img { width:100%; height:100%; object-fit:cover; filter:saturate(.7) contrast(.98); transition:transform .55s cubic-bezier(.23,1,.32,1), filter .55s ease; }
.gallery-tile:hover img { transform:scale(1.05); filter:saturate(1) contrast(1.05); }
.gallery-tile div span { position:absolute; left:.8rem; top:.8rem; padding:.42rem .5rem; color:#fff; background:var(--editorial-ink); font:500 .56rem/1 var(--mono); letter-spacing:.08em; }
.gallery-tile figcaption { padding:.75rem 0 0; font:700 1.05rem/1 var(--display); text-transform:uppercase; }
.gallery-tile figcaption small { display:block; margin-top:.35rem; color:#57534d; font:500 .55rem/1.25 var(--mono); text-transform:uppercase; letter-spacing:.06em; }
.gallery-reel { padding:9vw 7vw; display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:7vw; color:#fff; background:var(--editorial-ink); }
.gallery-reel p:not(.eyebrow) { max-width:510px; color:rgba(255,255,255,.72); font:500 1rem/1.65 var(--body); }
.gallery-reel a { display:inline-block; margin-top:1rem; color:var(--editorial-signal); font:500 .65rem/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.gallery-reel video { width:100%; aspect-ratio:16/9; background:#000; }
.gallery-links { display:grid; grid-template-columns:repeat(3,1fr); padding:0 3.4vw 7vw; }
.gallery-links a { min-height:230px; padding:1.4rem; border:1px solid var(--editorial-ink); border-left:0; transition:background .18s ease,color .18s ease; }
.gallery-links a:first-child { border-left:1px solid var(--editorial-ink); }
.gallery-links a:hover { color:#fff; background:var(--editorial-signal); }
.gallery-links span { margin-bottom:5rem; color:var(--editorial-signal); }
.gallery-links a:hover span { color:#fff; }
.gallery-links b { font-size:2rem; }
.gallery-links p { margin:0; }
@media (max-width: 980px) { .editorial-header { grid-template-columns:1fr auto; }.editorial-header nav { grid-column:1/-1; grid-row:2; justify-content:flex-start; }.editorial-contact { grid-column:2; grid-row:1; }.hub-hero,.gallery-hero,.frame-hero,.article-hero,.hub-intro,.gallery-note,.frame-manifesto,.frame-crosswalk,.gallery-reel { grid-template-columns:1fr; }.hub-intro__routes { grid-column:auto; }.article-layout { grid-template-columns:1fr; }.article-rail { position:static; display:grid; grid-template-columns:repeat(3,1fr); }.article-rail > div { margin:0; }.article-grid { grid-template-columns:repeat(3,1fr); }.frame-principles { grid-template-columns:repeat(2,1fr); }.frame-principles article:nth-child(3) { border-left:1px solid var(--editorial-ink); }.gallery-tile,.gallery-tile--2,.gallery-tile--3,.gallery-tile--4,.gallery-tile--6,.gallery-tile--7 { grid-column:span 6; }.frame-crosswalk__routes a { grid-template-columns:110px 1fr; }.frame-crosswalk__routes p { grid-column:2; }.editorial-footer { grid-template-columns:1.2fr 1fr; }.editorial-footer nav:last-of-type { grid-column:2; }.article-next { padding-bottom:4rem; } }
@media (max-width: 640px) { .editorial-header { padding:1rem 1.1rem; gap:.75rem; }.editorial-brand { width:125px; }.editorial-contact { padding:.7rem; font-size:.54rem; }.editorial-header nav { gap:.55rem .9rem; }.editorial-header nav a { font-size:.56rem; }.hub-hero,.gallery-hero,.frame-hero,.article-hero { min-height:630px; padding:7rem 1.3rem 2.2rem; }.hub-hero h1,.gallery-hero h1,.frame-hero h1,.article-hero h1 { font-size:clamp(3.7rem,18vw,6rem); }.hub-intro,.gallery-note,.frame-manifesto,.frame-crosswalk,.frame-ecosystem,.frame-cta,.gallery-reel { padding:4.5rem 1.3rem; }.hub-intro__routes { grid-template-columns:1fr; }.hub-intro__routes a,.hub-intro__routes a:first-child { min-height:0; border-left:1px solid var(--editorial-line); border-bottom:1px solid var(--editorial-line); }.article-library { padding:0 1.1rem 4rem; }.library-head { padding:3.5rem .2rem 2.2rem; grid-template-columns:1fr; gap:2rem; }.article-filters { justify-content:flex-start; }.article-grid { grid-template-columns:1fr; }.article-card,.article-card a { min-height:260px; }.hub-ethos { padding:4.5rem 1.3rem; grid-template-columns:1fr; }.editorial-footer { padding:3rem 1.3rem 1.4rem; grid-template-columns:1fr; gap:2rem; }.editorial-footer nav:last-of-type { grid-column:auto; }.article-layout { padding:3.4rem 1.3rem; }.article-bridge { grid-template-columns:1fr; }.article-bridge a { min-height:0; }.article-directory ol { columns:1; }.article-rail { grid-template-columns:1fr; }.article-next { padding:0 1.1rem 3rem; grid-template-columns:1fr; }.article-next a:last-child { text-align:left; }.article-next a:last-child b { margin-left:0; }.frame-principles { padding:0 1.1rem 4rem; grid-template-columns:1fr; }.frame-principles article,.frame-principles article:nth-child(3) { min-height:250px; border-left:1px solid var(--editorial-ink); }.frame-principles h2 { margin-top:3.2rem; }.frame-crosswalk__routes a { grid-template-columns:1fr; }.frame-crosswalk__routes p { grid-column:auto; }.gallery-grid { padding:1.1rem; grid-template-columns:1fr; gap:2rem; }.gallery-tile,.gallery-tile--2,.gallery-tile--3,.gallery-tile--4,.gallery-tile--6,.gallery-tile--7 { grid-column:auto; }.gallery-links { padding:0 1.1rem 4rem; grid-template-columns:1fr; }.gallery-links a,.gallery-links a:first-child { min-height:0; border-left:1px solid var(--editorial-ink); border-bottom:0; }.gallery-links a:last-child { border-bottom:1px solid var(--editorial-ink); } }
@media (prefers-reduced-motion: reduce) { .editorial-page *, .editorial-page *::before, .editorial-page *::after { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; } }

/* V5000 style decision: signal red is a precise locator; open-frame marks connect every editorial route. */
.editorial-header { position:sticky; isolation:isolate; }
.editorial-header::before { content:""; position:absolute; z-index:-1; left:3.4vw; top:12px; width:22px; height:22px; border:2px solid var(--editorial-signal); border-left-color:transparent; border-bottom-color:transparent; pointer-events:none; }
.editorial-brand { position:relative; padding:10px 11px 9px; background:var(--editorial-ink); }
.editorial-brand::after { content:""; position:absolute; right:8px; bottom:8px; width:10px; height:10px; border:2px solid var(--editorial-signal); border-top-color:transparent; border-right-color:transparent; }
.editorial-header nav a { position:relative; padding:5px 0 5px 12px; }
.editorial-header nav a::before { content:""; position:absolute; left:0; top:50%; width:7px; height:7px; border:1px solid transparent; transform:translateY(-50%); }
.editorial-hub .editorial-header nav a[href="articles.html"]::before,.editorial-article .editorial-header nav a[href="articles.html"]::before,.gallery-page .editorial-header nav a[href="gallery.html"]::before,.the-frame-page .editorial-header nav a[href="the-frame.html"]::before { border-color:var(--editorial-signal); border-left-color:transparent; border-bottom-color:transparent; }
.editorial-hub .editorial-header nav a[href="articles.html"],.editorial-article .editorial-header nav a[href="articles.html"],.gallery-page .editorial-header nav a[href="gallery.html"],.the-frame-page .editorial-header nav a[href="the-frame.html"] { color:var(--editorial-signal); opacity:1; }
.frame-hero { background:var(--editorial-ink); }
.frame-hero::before { background:radial-gradient(circle at 74% 29%, rgba(241,13,24,.76) 0 10%, transparent 10.2% 100%), radial-gradient(circle at 74% 29%, transparent 0 15%, rgba(255,255,255,.12) 15.15% 15.4%, transparent 15.55% 100%), repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),rgba(255,255,255,.09) 20%); }
.frame-hero h1 i { color:var(--editorial-signal); }
.frame-hero__signal { color:rgba(242,240,235,.75); }
.frame-hero__signal span:nth-child(odd) { color:var(--editorial-signal); }
.gallery-tile div::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,rgba(8,8,8,.07),rgba(8,8,8,.52)); mix-blend-mode:multiply; }
.gallery-tile img { filter:grayscale(.26) saturate(.46) contrast(1.08) brightness(.84); }
.gallery-tile:hover img { filter:grayscale(.08) saturate(.7) contrast(1.1) brightness(.94); }
.article-grid > div:nth-child(1),.article-grid > div:nth-child(11),.article-grid > div:nth-child(21),.article-grid > div:nth-child(29),.article-grid > div:nth-child(37),.article-grid > div:nth-child(45) { grid-column:span 2; }
.article-grid > div:nth-child(1) .article-card,.article-grid > div:nth-child(11) .article-card,.article-grid > div:nth-child(21) .article-card,.article-grid > div:nth-child(29) .article-card,.article-grid > div:nth-child(37) .article-card,.article-grid > div:nth-child(45) .article-card,.article-grid > div:nth-child(1) .article-card a,.article-grid > div:nth-child(11) .article-card a,.article-grid > div:nth-child(21) .article-card a,.article-grid > div:nth-child(29) .article-card a,.article-grid > div:nth-child(37) .article-card a,.article-grid > div:nth-child(45) .article-card a { min-height:410px; }
.article-grid > div:nth-child(1) .article-card a,.article-grid > div:nth-child(11) .article-card a,.article-grid > div:nth-child(21) .article-card a,.article-grid > div:nth-child(29) .article-card a,.article-grid > div:nth-child(37) .article-card a,.article-grid > div:nth-child(45) .article-card a { position:relative; color:var(--editorial-paper); background:var(--editorial-ink); }
.article-grid > div:nth-child(1) .article-card a::before,.article-grid > div:nth-child(11) .article-card a::before,.article-grid > div:nth-child(21) .article-card a::before,.article-grid > div:nth-child(29) .article-card a::before,.article-grid > div:nth-child(37) .article-card a::before,.article-grid > div:nth-child(45) .article-card a::before { content:""; position:absolute; right:1.35rem; top:1.35rem; width:34px; height:34px; border:3px solid var(--editorial-signal); border-left-color:transparent; border-bottom-color:transparent; }
.article-grid > div:nth-child(1) .article-card__category::after,.article-grid > div:nth-child(11) .article-card__category::after,.article-grid > div:nth-child(21) .article-card__category::after,.article-grid > div:nth-child(29) .article-card__category::after,.article-grid > div:nth-child(37) .article-card__category::after,.article-grid > div:nth-child(45) .article-card__category::after { content:"  /  NEW FIELD"; color:var(--editorial-signal); }
.article-grid > div:nth-child(1) .article-card h2,.article-grid > div:nth-child(11) .article-card h2,.article-grid > div:nth-child(21) .article-card h2,.article-grid > div:nth-child(29) .article-card h2,.article-grid > div:nth-child(37) .article-card h2,.article-grid > div:nth-child(45) .article-card h2 { max-width:590px; font-size:clamp(2.7rem,4.7vw,5rem); }
@media (max-width:980px) { .article-grid > div:nth-child(1),.article-grid > div:nth-child(11),.article-grid > div:nth-child(21),.article-grid > div:nth-child(29),.article-grid > div:nth-child(37),.article-grid > div:nth-child(45) { grid-column:span 3; } }
@media (max-width:640px) { .editorial-header::before { left:1.1rem; }.article-grid > div:nth-child(1),.article-grid > div:nth-child(11),.article-grid > div:nth-child(21),.article-grid > div:nth-child(29),.article-grid > div:nth-child(37),.article-grid > div:nth-child(45) { grid-column:auto; }.article-grid > div:nth-child(1) .article-card,.article-grid > div:nth-child(11) .article-card,.article-grid > div:nth-child(21) .article-card,.article-grid > div:nth-child(29) .article-card,.article-grid > div:nth-child(37) .article-card,.article-grid > div:nth-child(45) .article-card,.article-grid > div:nth-child(1) .article-card a,.article-grid > div:nth-child(11) .article-card a,.article-grid > div:nth-child(21) .article-card a,.article-grid > div:nth-child(29) .article-card a,.article-grid > div:nth-child(37) .article-card a,.article-grid > div:nth-child(45) .article-card a { min-height:300px; } }

/* Turkish-only footer readability. */
html[lang="tr"] .editorial-footer__legal { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem 1.25rem; line-height:1.7; }
html[lang="tr"] .editorial-footer__legal a { display:inline-flex; min-width:max-content; white-space:nowrap; }
@media (max-width:620px) {
  html[lang="tr"] .editorial-footer__legal { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem 1rem; }
  html[lang="tr"] .editorial-footer__legal > span:first-child { grid-column:1 / -1; }
}


/* v3 Turkish-wide readability pass: all footer variants and display headings. */
html[lang="tr"] .site-footer .footer-links,
html[lang="tr"] .site-footer .footer-bottom,
html[lang="tr"] .subpage__footer,
html[lang="tr"] .editorial-footer__legal,
html[lang="tr"] .policy-footer,
html[lang="tr"] .policy-footer__links,
html[lang="tr"] .policy-rail__links {
  column-gap: 1.4rem !important;
  row-gap: 1rem !important;
}
html[lang="tr"] .site-footer .footer-links a,
html[lang="tr"] .site-footer .footer-bottom a,
html[lang="tr"] .subpage__footer a,
html[lang="tr"] .editorial-footer__legal a,
html[lang="tr"] .policy-footer a,
html[lang="tr"] .policy-footer__links a,
html[lang="tr"] .policy-rail__links a {
  display: inline-flex !important;
  align-items: center;
  min-width: max-content;
  padding-inline: .18rem;
  white-space: nowrap;
}
html[lang="tr"] .policy-rail__links { display: grid !important; }
html[lang="tr"] .policy-footer__links { display: flex !important; flex-wrap: wrap; }
html[lang="tr"] .subpage__footer { flex-wrap: wrap; line-height: 1.7; }
html[lang="tr"] .subpage__hero h1,
html[lang="tr"] .subpage__cta h2,
html[lang="tr"] .subpage__list h2,
html[lang="tr"] .service-row h3,
html[lang="tr"] .entity-row h3,
html[lang="tr"] .entity-page-list h2,
html[lang="tr"] .method-card h2,
html[lang="tr"] .intro h2,
html[lang="tr"] .services-section h2,
html[lang="tr"] .ecosystem-copy h2,
html[lang="tr"] .contact-copy h2 {
  letter-spacing: -.025em;
  word-spacing: .07em;
  line-height: .88;
  text-wrap: balance;
  font-kerning: normal;
}
html[lang="tr"] .subpage__hero h1 { overflow-wrap: break-word; }
html[lang="tr"] .article-hero h1,
html[lang="tr"] .hub-hero h1,
html[lang="tr"] .gallery-hero h1,
html[lang="tr"] .frame-hero h1,
html[lang="tr"] .article-body h2 {
  letter-spacing: -.02em;
  word-spacing: .055em;
  line-height: .9;
  text-wrap: balance;
  font-kerning: normal;
}
@media (max-width: 820px) {
  html[lang="tr"] .policy-rail__links { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 1rem 1.4rem !important; }
  html[lang="tr"] .policy-footer { display: grid !important; gap: 1rem !important; }
  html[lang="tr"] .policy-footer__links { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1rem 1.2rem !important; }
  html[lang="tr"] .subpage__footer,
  html[lang="tr"] .site-footer .footer-bottom { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1rem 1.2rem !important; }
  html[lang="tr"] .site-footer .footer-bottom > span:first-child { grid-column: 1 / -1; }
  html[lang="tr"] .subpage__hero h1,
  html[lang="tr"] .subpage__cta h2,
  html[lang="tr"] .method-card h2,
  html[lang="tr"] .intro h2,
  html[lang="tr"] .services-section h2,
  html[lang="tr"] .ecosystem-copy h2,
  html[lang="tr"] .contact-copy h2 { font-size: clamp(3.35rem, 15vw, 6.4rem); }
  html[lang="tr"] .entity-page-list h2 { font-size: clamp(2.2rem, 9vw, 4.8rem); }
  html[lang="tr"] .service-row h3 { font-size: clamp(1.8rem, 8vw, 2.6rem); }
}
@media (max-width: 620px) {
  html[lang="tr"] .editorial-footer__legal { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 1rem 1.2rem !important; }
  html[lang="tr"] .editorial-footer__legal > span:first-child { grid-column: 1 / -1; }
  html[lang="tr"] .footer-links { display: grid !important; gap: 1rem !important; }
}


/* v4 proper-case protection for ecosystem and studio names inside uppercase display components. */
html[lang="tr"] .brand-proper-case { text-transform: none !important; font-variant: normal; }