:root{--red:#F03823;--ink:#050505;--paper:#f7f4ee}
body{font-family:'Helvetica Neue',Arial,Inter,sans-serif;-webkit-font-smoothing:antialiased;background:#fff;color:#000}
.text-massive{font-size:clamp(3.5rem,12vw,18rem);line-height:.82;letter-spacing:-.075em;text-shadow:0 1px 3px rgba(0,0,0,.12);overflow-wrap:break-word;word-break:break-word}
.text-display{font-size:clamp(3.4rem,9vw,12rem);line-height:.86;letter-spacing:-.07em;text-shadow:0 1px 3px rgba(0,0,0,.12)}
.rule{border-color:var(--ink)}
.reveal-block{opacity:0;transform:translateY(36px);transition:all .85s cubic-bezier(.16,1,.3,1)}
.reveal-block.active{opacity:1;transform:translateY(0)}
.marquee{animation:marquee 18s linear infinite;white-space:nowrap}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.grid-bg{background-image:linear-gradient(to right,rgba(0,0,0,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.08) 1px,transparent 1px);background-size:64px 64px}
.blend-title{mix-blend-mode:difference}
.gallery-scroll{overflow:hidden;width:100%;height:100%;background:#e8e4de}
.gallery-scroll-track{display:flex;height:100%;width:fit-content}
.gallery-scroll-slide{flex-shrink:0;width:100%;height:100%}
.gallery-scroll-slide img{width:100%;height:100%;object-fit:cover;object-position:center}

.text-gradient{background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,.12) 100%),linear-gradient(90deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,.08) 100%);-webkit-background-clip:text;background-clip:text}
@media(max-width:768px){.mobile-border{border-right:0!important}.text-massive{font-size:clamp(2rem,10vw,4rem)}.text-display{font-size:clamp(1.6rem,8vw,3rem);line-height:1.2}p,a{line-height:1.6;font-size:1rem}.text-6xl{font-size:1.2rem;line-height:1.2}.text-8xl{font-size:1.5rem;line-height:1.2}.text-9xl{font-size:2.5rem}.text-5xl{font-size:1.5rem}.text-3xl{font-size:1.2rem}}
