*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#101417;color:#f0f0ef;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #77aaff;outline-offset:7px}.skip{position:absolute;top:-80px;left:20px;background:#fff;color:#111;padding:15px;z-index:10}.skip:focus{top:15px}.header{height:112px;position:absolute;top:0;left:0;width:100%;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 6%}.wordmark{font-size:27px;font-weight:700;letter-spacing:.22em;white-space:nowrap}.wordmark span{font-size:8px;vertical-align:top;letter-spacing:0;margin-left:3px}nav{display:flex;gap:48px;font-size:10px;text-transform:uppercase;letter-spacing:.25em}nav a{padding:12px 0}nav a:hover,.text-link:hover{color:#91b6f5}.hero{position:relative;min-height:700px;height:min(52vw,840px);overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0 7px,#ffffff04 8px 9px),#101417}.hero-art{position:absolute;right:6%;top:0;height:100%;width:55%;}.hero-art svg{height:100%;width:100%;object-fit:cover}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101417 0%,transparent 17%,transparent 88%,#101417 100%);pointer-events:none}.hero-copy{position:relative;z-index:1;padding:185px 0 80px 6%;width:57%}.eyebrow{font-size:10px;letter-spacing:.3em;text-transform:uppercase;line-height:1.8;margin:0 0 24px}h1{font-size:clamp(70px,6.5vw,112px);line-height:.91;letter-spacing:-.058em;margin:0 0 32px;font-weight:700}h1 span{color:#2165cd}.intro{color:#c7c9cb;font-size:17px;line-height:1.55;letter-spacing:.025em}.actions{display:flex;gap:44px;align-items:center;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:#195bc4;padding:20px 26px;font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;transition:background .2s}.button:hover{background:#2875ea}.button span{font-size:18px;font-weight:400;line-height:12px}.text-link{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.22em;border-bottom:1px solid #b6bbbf;padding:10px 0}.side-note{position:absolute;right:4%;bottom:70px;z-index:1;font-size:9px;text-transform:uppercase;letter-spacing:.28em;line-height:2.2;border-top:1px solid #8c9093;padding-top:15px}.collection-wrap{border-top:1px solid #333c41}.collection-status{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:18px 6%;border-bottom:1px solid #333c41}.collection-status p{margin:0;font-size:9px;font-weight:700;letter-spacing:.27em;text-transform:uppercase}.collection-status span{font-size:11px;color:#9ea9b1;letter-spacing:.08em}.collection{display:grid;grid-template-columns:repeat(3,1fr)}.card{height:280px;position:relative;overflow:hidden;border-right:1px solid #333c41}.card:last-child{border:0}.card svg{width:100%;height:100%;display:block;transition:transform .6s}.card:hover svg{transform:scale(1.03)}.card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#05090cc9,transparent 85%)}.card-copy{position:absolute;z-index:1;top:54px;left:10%;right:8%}.card-copy p{font-size:9px;letter-spacing:.28em;text-transform:uppercase;margin:0 0 16px}.card h2{font-size:11px;line-height:1.8;letter-spacing:.27em;text-transform:uppercase;font-weight:400;max-width:155px}.card-copy>span{display:block;margin-top:15px;color:#aeb7be}.story{padding:110px 10%;display:grid;grid-template-columns:1fr 1.25fr;gap:60px;border-bottom:1px solid #ffffff1a}.story>.eyebrow{padding-top:12px;color:#9ea9b1}.story h2{font-size:clamp(36px,4vw,62px);line-height:1.07;letter-spacing:-.045em;margin:0 0 26px}.story p:not(.eyebrow){font-size:16px;line-height:1.7;color:#aeb8be;max-width:480px}.story .text-link{margin-top:12px}.hello{text-align:center;padding:90px 20px;background:#141a1e}.hello .eyebrow{color:#aeb8be}.hello h2{font-size:clamp(48px,6vw,80px);letter-spacing:-.05em;margin:0 0 32px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:42px 6%;font-size:11px;color:#aeb8be}footer .wordmark{font-size:18px;color:#f0f0ef}footer p{letter-spacing:.08em}@media(min-width:1700px){.hero-copy{padding-top:215px}.hero-art{right:8%}}@media(max-width:1050px){.header{padding:0 5%;height:95px}.wordmark{font-size:23px}nav{gap:24px}.hero{min-height:650px}.hero-copy{padding-left:5%;padding-top:180px;width:66%}h1{font-size:76px}.hero-art{right:-13%;width:75%;opacity:.8}.hero-art:after{background:linear-gradient(90deg,#101417 0%,#10141722 30%,transparent 70%,#101417 100%)}.side-note{display:none}.intro{font-size:15px}.actions{gap:25px}.card{height:235px}.story{padding:80px 7%;gap:35px}footer{flex-wrap:wrap}}@media(max-width:650px){.header{height:85px;align-items:center}.wordmark{font-size:19px;letter-spacing:.17em}nav{gap:20px;font-size:8px;letter-spacing:.13em}nav a:last-child{display:none}.hero{height:auto;min-height:855px;display:flex;align-items:flex-end}.hero-art{top:62px;right:-8%;height:475px;width:100%;opacity:1}.hero-art:after{background:linear-gradient(0deg,#101417 0%,transparent 35%),linear-gradient(90deg,#101417 0%,transparent 25%,transparent 85%,#101417 100%)}.hero-copy{padding:440px 6% 52px;width:100%}.eyebrow{font-size:8px;letter-spacing:.2em;margin-bottom:20px}h1{font-size:clamp(57px,14vw,84px);margin-bottom:25px}.intro{font-size:15px;line-height:1.6}.actions{gap:26px;margin-top:28px;flex-wrap:wrap}.button{padding:19px 20px;font-size:9px;gap:24px}.text-link{font-size:9px}.collection-status{align-items:flex-start;flex-direction:column;gap:6px;padding:16px 6%}.collection-status p{font-size:8px;letter-spacing:.2em}.collection-status span{font-size:10px}.collection{grid-template-columns:1fr}.card{height:270px;border-right:0;border-bottom:1px solid #333c41}.card svg{width:100%;height:100%}.card-copy{top:45px;left:7%}.story{padding:66px 7%;grid-template-columns:1fr;gap:12px}.story h2{font-size:42px}.hello{padding:65px 6%}footer{padding:32px 6%;gap:20px}footer p{display:none}footer>a:last-child{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Interactive jacket signal — uses the exact pixels of the final logo in the hero artwork. */
.jacket-logo-flicker{position:absolute;inset:0;height:100%;width:100%;pointer-events:none;opacity:0;clip-path:circle(3.6% at 46% 66%);filter:brightness(1.05) contrast(1.08)}
.hero-art.logo-signal .jacket-logo-flicker{animation:ollo-jacket-signal .52s steps(1,end)}
@keyframes ollo-jacket-signal{
  0%{opacity:0;filter:brightness(1)}
  10%{opacity:.62;filter:brightness(1.75) contrast(1.12)}
  22%{opacity:.08;filter:brightness(1.05)}
  34%{opacity:.82;filter:brightness(2.05) contrast(1.16)}
  48%{opacity:.18;filter:brightness(1.2)}
  64%{opacity:.48;filter:brightness(1.55) contrast(1.1)}
  100%{opacity:0;filter:brightness(1)}
}
@media(prefers-reduced-motion:reduce){.hero-art.logo-signal .jacket-logo-flicker{animation:none;opacity:.28}}