:root{--paper: #ece3cf;--ink: #14243b;--base-1: #16273f;--base-2: #c85327;--base-3: #206a63;--base-4: #e0a52c;--r: 18px}*{margin:0;padding:0;box-sizing:border-box}html{color-scheme:light}::selection{background:var(--base-2);color:var(--paper)}img{width:100%;height:100%;object-fit:cover}h1{font-family:Righteous,sans-serif;font-size:clamp(2.1rem,3.4vw,3.2rem);font-weight:400;line-height:1.04;letter-spacing:.005em}.eyebrow{font-family:Courier Prime,monospace;font-size:.8rem;font-weight:700;letter-spacing:.04em;opacity:.72}.headline{display:flex;flex-direction:column;gap:.75rem}.caption{font-family:Courier Prime,monospace;font-size:.92rem;line-height:1.55;letter-spacing:0;max-width:30ch;opacity:.85}section{position:relative;width:100%;height:100svh;overflow:hidden}.intro,.outro,.sticky-cards{background-color:var(--paper);background-image:radial-gradient(rgba(20,36,59,.06) 1px,transparent 1.4px);background-size:7px 7px}.intro,.outro{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;color:var(--ink);text-align:center;padding:2rem}.intro:before,.outro:before{content:"";position:absolute;top:50%;left:50%;width:150vmin;height:150vmin;transform:translate(-50%,-50%);border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0 88px,rgba(200,83,39,.16) 88px 89px);-webkit-mask-image:radial-gradient(circle,#000 20%,transparent 68%);mask-image:radial-gradient(circle,#000 20%,transparent 68%);pointer-events:none}.intro h1,.outro h1{font-size:clamp(2.6rem,5.4vw,4.6rem)}.intro h1:before,.outro h1:before{content:"";display:block;width:68px;height:3px;border-radius:2px;background:var(--base-4);margin:0 auto 1.5rem}.intro .eyebrow,.outro .eyebrow{color:var(--base-2);opacity:1}.sticky-cards{perspective:1000px}.sticky-cards .card{position:absolute;top:50%;left:50%;width:65%;height:60%;display:flex;justify-content:center;align-items:center;gap:1rem;padding:2.5rem;border-radius:var(--r);color:#fdf8ec;transform-origin:center bottom;will-change:transform;box-shadow:0 30px 60px -34px #12182880}.sticky-cards .card:after{content:"";position:absolute;inset:12px;border:1px solid color-mix(in srgb,currentColor 32%,transparent);border-radius:calc(var(--r) - 8px);pointer-events:none}.card .col{flex:1;height:100%}.card .col:nth-child(1){display:flex;flex-direction:column;justify-content:space-between;padding:.5rem}.card .col:nth-child(2){border-radius:calc(var(--r) - 10px);overflow:hidden}.card#card-1{background-color:var(--base-1);z-index:5}.card#card-2{background-color:var(--base-2);z-index:4}.card#card-3{background-color:var(--base-3);z-index:3}.card#card-4{background-color:var(--base-4);color:var(--ink);z-index:2}@media(max-width:1000px){.sticky-cards .card{width:calc(100% - 4rem);height:75%;flex-direction:column}.card .col{width:100%;height:auto}.card .col:nth-child(1){flex:0 0 auto;justify-content:flex-start;gap:.9rem}.card .col:nth-child(2){flex:1 1 auto;min-height:40%;aspect-ratio:4 / 3}}@media(max-width:768px){.sticky-cards .card{width:calc(100% - 2rem);height:78%;padding:1.5rem;gap:.9rem}.sticky-cards .card:after{inset:9px}.card .col:nth-child(1){padding:.25rem;gap:1rem}.card h1{font-size:clamp(1.7rem,7vw,2.4rem)}.card .headline{gap:.5rem}.caption{font-size:.84rem;max-width:34ch}.eyebrow{font-size:.72rem}.intro h1,.outro h1{font-size:clamp(2rem,9.5vw,3rem)}.intro h1:before,.outro h1:before{margin-bottom:1.1rem}}