/* Four parts of the name share the original wordmark; each stays in the frame. */
.brand-editorial{position:relative;isolation:isolate;background:#eeeae3;border-top:1px solid var(--linija);scroll-margin-top:100px;overflow:clip;font-family:"Geist",var(--sans)}
.brand-story-stage{max-width:1392px;margin:auto;padding:clamp(72px,6vw,96px) var(--pad)}
.brand-story-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:64px}
.brand-story-heading .oz{font:500 12px/1.5 "Geist",var(--sans);letter-spacing:.08em;color:#62666b;text-transform:uppercase}
.brand-story-heading h2{font:400 64px/1.12 "Serif",Georgia,serif;letter-spacing:-.015em;margin-top:20px}
.brand-story-heading em{font-weight:400;color:#77766e}
.brand-story-intro{font-size:17px;line-height:1.6;color:#62666b;max-width:35ch;margin:0 0 4px}
.brand-story-controls[hidden]{display:none}
.brand-story-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:48px 0 40px}
.brand-story-controls button{position:relative;display:grid;grid-template-columns:1fr auto;gap:8px 16px;text-align:left;min-height:90px;padding:16px 0;border-top:1px solid #bcbab3;color:#62666b;transition:color .25s,border-color .25s}
.brand-story-controls b{font:400 32px/1 "Geist",var(--sans);letter-spacing:-.035em;color:#17191c;transition:color .25s}
.brand-story-controls span{grid-column:1/-1;font-size:13px;line-height:1.45}
.brand-story-controls i{grid-column:2;grid-row:1;font:11px/1.5 var(--mono);font-style:normal;padding-top:4px}
.brand-story-controls button[aria-selected="true"]{border-color:#ff4f31;color:#17191c}
.brand-story-controls button[aria-selected="true"] b{color:#e64025}
.brand-story-controls button:hover b{color:#e64025}
.brand-story-controls button:focus-visible{outline:2px solid #e64025;outline-offset:6px}
.brand-story-body{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center;margin-top:40px}
.brand-story-art{position:relative;isolation:isolate;min-width:0;height:clamp(340px,27vw,380px);overflow:hidden;border-radius:24px;background:#e4e0d8;transition:background-color .45s}
.brand-city{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%;filter:grayscale(1);opacity:.19;transition:opacity .5s}
.brand-word{position:absolute;inset:0;display:grid;place-items:center;width:82%;margin:auto;z-index:1}
.brand-mark{display:block;width:100%;height:auto;overflow:visible}
.brand-letter{fill:#858077;transition:fill .45s}
.brand-letter.is-part{fill:#e64025}
.brand-mark .wm-t{fill:inherit}
.brand-signature{fill:#e64025;transition:fill .45s}
.brand-art-caption{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;gap:16px;font:10px/1.5 var(--mono);color:#5c5e5a;letter-spacing:.035em}
.brand-art-caption .brand-coordinate{margin-left:auto;font-size:9px;transition:opacity .35s}
.brand-ink,.brand-connections{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;color:#ff4f31;transition:opacity .45s}
.brand-ink path{fill:none;stroke:currentColor;stroke-width:6;stroke-linecap:round;opacity:.3}
.brand-connections circle{fill:none;stroke:currentColor;stroke-width:2;opacity:.4}
.brand-connections path{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;opacity:.4}
.brand-connections circle.brand-node{fill:currentColor;stroke:none;opacity:.7}
.brand-speed{position:absolute;inset:0;opacity:0;transition:opacity .4s}
.brand-speed span{position:absolute;left:-20%;width:60%;height:1px;background:#fff;opacity:.22;transform:rotate(-18deg)}
.brand-speed span:nth-child(1){top:18%}.brand-speed span:nth-child(2){top:37%;left:65%}.brand-speed span:nth-child(3){top:66%;left:76%}.brand-speed span:nth-child(4){top:86%;left:-28%}
.brand-editorial[data-meaning="ink"] .brand-city,.brand-editorial[data-meaning="blink"] .brand-city,.brand-editorial[data-meaning="link"] .brand-city{opacity:0}
.brand-editorial[data-meaning="ink"] .brand-ink,.brand-editorial[data-meaning="link"] .brand-connections{opacity:1}
.brand-editorial[data-meaning="blink"] .brand-story-art{background:#ff4f31}
.brand-editorial[data-meaning="blink"] .brand-letter,.brand-editorial[data-meaning="blink"] .brand-signature{fill:#fff}
.brand-editorial[data-meaning="blink"] .brand-art-caption{color:#fff}
.brand-editorial[data-meaning="blink"] .brand-speed{opacity:1}
.brand-editorial:not([data-meaning="bl"]) .brand-coordinate{opacity:0}
.brand-story-copy{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.brand-story-copy article{min-width:0}
.brand-part{font:500 11px/1.5 "Geist",var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#62666b;margin-bottom:20px}
.brand-story-copy h3{font:400 44px/1.15 "Serif",Georgia,serif;letter-spacing:-.015em}
.brand-story-copy h3 em{font-weight:400;color:#77766e}
.brand-story-copy article>p:last-child{font-size:17px;line-height:1.65;color:#62666b;max-width:38ch;margin-top:24px}
.brand-editorial.is-ready .brand-story-copy{grid-template-columns:1fr;align-items:center}
.brand-editorial.is-ready .brand-story-copy article{grid-area:1/1}
.brand-editorial.is-ready .brand-story-copy article[aria-hidden="true"]{visibility:hidden;pointer-events:none}
.brand-story-copy article:focus-visible{outline:2px solid #e64025;outline-offset:8px;border-radius:4px}
@media(max-width:900px){
 .brand-story-heading,.brand-story-body{gap:40px;grid-template-columns:1fr 1fr}
 .brand-story-copy h3{font-size:36px}
 .brand-story-controls{gap:20px}
 .brand-story-art{height:330px}
}
@media(max-width:700px){
 .brand-story-stage{padding:72px 24px}
 .brand-story-heading,.brand-story-body{grid-template-columns:1fr;gap:28px}
 .brand-story-heading h2{font-size:44px;line-height:1.14;margin-top:16px}
 .brand-story-intro{font-size:15px;max-width:34ch}
 .brand-story-controls{grid-template-columns:1fr 1fr;gap:16px 24px;margin:36px 0 28px}
 .brand-story-controls button{min-height:75px;padding:12px 0;gap:7px}
 .brand-story-controls b{font-size:28px}
 .brand-story-controls span{font-size:12px}
 .brand-story-body{margin-top:28px;gap:36px}
 .brand-story-art{height:260px}
 .brand-art-caption{left:20px;right:20px;bottom:20px;font-size:9px;gap:8px}
 .brand-art-caption .brand-coordinate{font-size:8px}
 .brand-story-copy{grid-template-columns:1fr;gap:36px}
 .brand-story-copy h3{font-size:36px}
 .brand-part{margin-bottom:16px}
 .brand-story-copy article>p:last-child{font-size:15px;margin-top:20px}
}
@media(prefers-reduced-motion:reduce){.brand-editorial *{transition:none!important}}
.brand-editorial:not(.is-ready) .brand-story-body{grid-template-columns:1fr}
.brand-editorial .brand-story-heading h2,.brand-editorial .brand-story-copy h3{font-family:"Serif",Georgia,serif;font-weight:400;line-height:1.15}
.brand-editorial .brand-story-heading em,.brand-editorial .brand-story-copy h3 em{font-style:italic;font-weight:400;color:#77766e}

/* A full-width spatial story, with copy and chapter progress in the same frame. */
#u-imenu.brand-editorial.is-scroll-story{height:400svh;overflow:visible;background:var(--brand-bg,#eee8de);color:var(--brand-fg,#191c19);border:0}
.brand-editorial.is-scroll-story.scroll-atmosphere::after{display:none}
.brand-editorial.is-scroll-story .brand-story-stage{position:sticky;top:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:24px;width:100%;max-width:none;height:100svh;min-height:0;padding:120px max(var(--pad),calc((100vw - 1280px)/2)) 28px;box-sizing:border-box}
.brand-editorial.is-scroll-story .brand-story-heading{grid-row:1;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.brand-editorial.is-scroll-story .brand-story-heading h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}
.brand-editorial.is-scroll-story .brand-story-heading .oz{color:var(--brand-fg);font-size:12px;letter-spacing:.1em}
.brand-editorial.is-scroll-story .brand-story-intro{justify-self:end;max-width:40ch;font-size:14px;line-height:1.55;color:var(--brand-muted);margin:0}
.brand-editorial.is-scroll-story .brand-story-body{grid-row:2;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:20px;margin:0;min-height:0}
.brand-editorial.is-scroll-story .brand-story-art{height:100%;min-height:0;border-radius:0;background:transparent!important;overflow:hidden;transition:none}
.brand-editorial.is-scroll-story .brand-word{width:76%;perspective:900px;transform:perspective(900px) rotateY(calc(-12deg + var(--brand-scroll,0)*24deg));transition:none}
.brand-editorial.is-scroll-story .brand-art-caption{bottom:4px;left:0;right:0;color:var(--brand-muted);font-size:10px}
.brand-editorial.is-scroll-story .brand-city{opacity:.12;mask-image:radial-gradient(ellipse at center,#000 15%,transparent 65%)}
.brand-editorial.is-scroll-story .brand-story-copy{display:grid;grid-template-columns:1fr;gap:0;align-items:center}
.brand-editorial.is-scroll-story .brand-story-copy article{grid-area:1/1;display:grid;grid-template-columns:1.2fr 1fr;gap:8px 48px;align-items:end}
.brand-editorial.is-scroll-story .brand-story-copy article[aria-hidden="true"]{visibility:hidden;pointer-events:none}
.brand-editorial.is-scroll-story .brand-part{grid-column:1/-1;color:var(--brand-muted);margin:0 0 8px}
.brand-editorial.is-scroll-story .brand-story-copy h3{font-size:44px;line-height:1.08;color:var(--brand-fg)}
.brand-editorial.is-scroll-story .brand-story-copy h3 em{color:inherit}
.brand-editorial.is-scroll-story .brand-story-copy article>p:last-child{font-size:16px;line-height:1.55;color:var(--brand-muted);margin:0;max-width:37ch;justify-self:end}
.brand-editorial.is-scroll-story .brand-story-controls{grid-row:3;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0}
.brand-editorial.is-scroll-story .brand-story-controls button{min-height:0;padding:12px 0 0;border:0;gap:5px 12px;color:var(--brand-muted);transition:none}
.brand-editorial.is-scroll-story .brand-story-controls button::before,.brand-editorial.is-scroll-story .brand-story-controls button::after{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:currentColor;opacity:.24}
.brand-editorial.is-scroll-story .brand-story-controls button::after{opacity:1;transform:scaleX(var(--brand-step,0));transform-origin:left}
.brand-editorial.is-scroll-story .brand-story-controls b{font-size:22px;color:var(--brand-muted)}
.brand-editorial.is-scroll-story .brand-story-controls button[aria-current] b{color:var(--brand-fg)}
.brand-editorial.is-scroll-story .brand-story-controls span{font-size:11px}
.brand-name-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.brand-editorial.has-name-3d .brand-word,.brand-editorial.has-name-3d .brand-city,.brand-editorial.has-name-3d .brand-ink,.brand-editorial.has-name-3d .brand-speed,.brand-editorial.has-name-3d .brand-connections{visibility:hidden}
.brand-editorial.has-name-3d .brand-art-caption{z-index:3}
@media(max-width:700px){
 .brand-editorial.is-scroll-story .brand-story-stage{padding:112px 24px 24px;gap:20px}
 .brand-editorial.is-scroll-story .brand-story-heading{grid-template-columns:1fr}
 .brand-editorial.is-scroll-story .brand-story-heading .oz{font-size:11px}
 .brand-editorial.is-scroll-story .brand-story-intro{display:none}
 .brand-editorial.is-scroll-story .brand-story-body{gap:20px}
 .brand-editorial.is-scroll-story .brand-story-copy article{grid-template-columns:1fr;gap:10px}
 .brand-editorial.is-scroll-story .brand-story-copy h3{font-size:32px;line-height:1.1}
 .brand-editorial.is-scroll-story .brand-part{font-size:10px;margin:0}
 .brand-editorial.is-scroll-story .brand-story-copy article>p:last-child{font-size:14px;line-height:1.5;justify-self:start;max-width:36ch}
 .brand-editorial.is-scroll-story .brand-story-controls{gap:18px}
 .brand-editorial.is-scroll-story .brand-story-controls b{font-size:19px}
 .brand-editorial.is-scroll-story .brand-story-controls span{display:none}
 .brand-editorial.is-scroll-story .brand-story-controls i{font-size:9px;padding-top:2px}
 .brand-editorial.is-scroll-story .brand-art-caption{font-size:9px}
}
@media(max-height:740px) and (min-width:701px){
 .brand-editorial.is-scroll-story .brand-story-stage{padding-top:108px;gap:16px}
 .brand-editorial.is-scroll-story .brand-story-copy h3{font-size:36px}
 .brand-editorial.is-scroll-story .brand-story-body{gap:14px}
}