:root{--ink: #0a0a0c;--paper: #efece5;--paper-dim: rgba(239, 236, 229, .55);--line: #ffffff;--font: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background-color:var(--paper);color:var(--ink)}img{width:100%;height:100%;object-fit:cover}h1{font-size:clamp(2.4rem,6vw,5rem);font-weight:500;line-height:1.02;letter-spacing:-.025em}p{font-size:1.5rem;font-weight:500;line-height:1}section{position:relative;width:100vw;height:100svh;overflow:hidden}.intro,.outro{display:flex;justify-content:center;align-items:center;background-color:var(--ink);color:var(--paper);padding:6vw}.spotlight{background-color:var(--paper)}.frame{max-width:40ch;text-align:left}.intro h1,.outro h1{max-width:13ch}.eyebrow{font-size:.8rem;font-weight:600;line-height:1;letter-spacing:.32em;text-transform:uppercase;color:var(--paper-dim);margin-bottom:1.6rem}.lede{font-size:1.05rem;font-weight:400;line-height:1.5;letter-spacing:0;color:var(--paper-dim);margin-top:1.6rem;max-width:34ch}.spotlight-intro-text-wrapper{position:absolute;width:100%;top:50%;transform:translateY(-50%);display:flex;gap:.5rem}.spotlight-intro-text{flex:1;position:relative;will-change:transform}.spotlight-intro-text:nth-child(1){display:flex;justify-content:flex-end}.spotlight-intro-text p{font-size:clamp(1.6rem,3.4vw,2.8rem);font-weight:500;letter-spacing:-.01em;color:var(--ink);padding:0 2rem}.spotlight-bg-img{position:absolute;width:100%;height:100%;overflow:hidden;transform:scale(0);will-change:transform}.spotlight-bg-img img{transform:scale(1.5);will-change:transform}.spotlight-titles-container{position:absolute;top:0;left:15vw;width:100%;height:100%;overflow:hidden;clip-path:polygon(50svh 0px,0px 50%,50svh 100%,100% calc(100% + 100svh),100% -100svh);--before-opacity: 0;--after-opacity: 0}.spotlight-titles-container:before,.spotlight-titles-container:after{content:"";position:absolute;width:100svh;height:2.5px;background:#fff;pointer-events:none;transition:opacity .3s ease;z-index:10}.spotlight-titles-container:before{top:0;left:0;transform:rotate(-45deg) translate(-7rem);opacity:var(--before-opacity)}.spotlight-titles-container:after{bottom:0;left:0;transform:rotate(45deg) translate(-7rem);opacity:var(--after-opacity)}.spotlight-titles{position:relative;left:15%;width:75%;height:100%;display:flex;flex-direction:column;gap:5rem;transform:translateY(100%);z-index:2}.spotlight-titles h1{color:#fff;opacity:.25;transition:opacity .3s ease}.spotlight-images{position:absolute;top:0;right:0;width:50%;min-width:300px;height:100%;z-index:1;pointer-events:none}.spotlight-img{position:absolute;width:200px;height:150px;will-change:transform}.spotlight-header{position:absolute;top:50%;left:10%;transform:translateY(-50%);color:var(--line);transition:opacity .3s ease;z-index:2;opacity:0}.spotlight-header p{font-size:.8rem;font-weight:600;letter-spacing:.34em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg);mix-blend-mode:difference}@media(max-width:1000px){h1{font-size:2rem}.intro,.outro{padding:2rem;text-align:center}.spotlight-titles-container{clip-path:none}.spotlight-titles-container:before,.spotlight-titles-container:after{display:none}.spotlight-titles{left:0}.spotlight-header{display:none}}@media(max-width:768px){.intro,.outro{padding:9vw 7vw;justify-content:flex-start}.frame,.outro .frame{max-width:100%;text-align:left}.intro h1,.outro h1{font-size:clamp(1.95rem,8.5vw,2.7rem);line-height:1.06}.eyebrow{font-size:.72rem;letter-spacing:.26em;margin-bottom:1.2rem}.lede{font-size:1rem;line-height:1.5;margin-top:1.3rem;max-width:40ch}.spotlight-intro-text p{font-size:clamp(1.3rem,6.5vw,2rem);padding:0 1rem}.spotlight-titles{gap:3rem;left:0;width:100%;padding:0 6vw}.spotlight-titles h1{font-size:clamp(2rem,9vw,3rem)}}