:root{color:#ece8dc;background:#090d0f;font-family:DM Sans,sans-serif;font-synthesis:none;--ink: #090d0f;--paper: #e7e1d3;--red: #d94a39;--muted: #9aa2a3;--line: rgb(236 232 220 / 16%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--ink);overflow-x:hidden}a{color:inherit}.site-header{position:absolute;z-index:10;top:0;left:0;display:flex;width:100%;align-items:center;justify-content:space-between;padding:28px clamp(22px,4vw,68px)}.wordmark{display:inline-flex;align-items:center;color:#f4f0e5;font:800 24px/1 Barlow Condensed,sans-serif;letter-spacing:.075em;text-decoration:none}.wordmark i{width:3px;height:25px;margin:0 5px;background:var(--red);transform:skew(-13deg)}.header-status{display:flex;align-items:center;gap:9px;color:#d7d7d2;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.header-status span,.status-line i{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px #d94a3921}.hero{position:relative;display:flex;min-height:100svh;align-items:center;overflow:hidden;padding:130px clamp(22px,7vw,120px) 90px;isolation:isolate}.hero-art{position:absolute;z-index:-3;top:0;right:0;bottom:0;left:0;background:url(/offbooks-city.webp) center / cover no-repeat;transform:scale(1.012);animation:settle 1.8s cubic-bezier(.2,.7,.2,1) both}.hero:before{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(90deg,#060a0cf7,#060a0cd6 31%,#060a0c3d 67%,#060a0c1f),linear-gradient(0deg,rgb(6 10 12 / 84%) 0%,transparent 38%),linear-gradient(180deg,rgb(6 10 12 / 38%) 0%,transparent 28%)}.hero-grid{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;opacity:.11;background-image:linear-gradient(rgb(255 255 255 / 10%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 10%) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(90deg,black,transparent 72%);mask-image:linear-gradient(90deg,black,transparent 72%)}.hero-content{width:min(760px,64vw);animation:rise .9s .18s cubic-bezier(.2,.7,.2,1) both}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 22px;color:#d9d7d0;font-size:11px;font-weight:600;letter-spacing:.21em;text-transform:uppercase}.eyebrow:before{width:35px;height:2px;background:var(--red);content:""}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Barlow Condensed,sans-serif;text-transform:uppercase}h1{max-width:780px;margin-bottom:25px;font-size:clamp(66px,8.4vw,142px);font-weight:800;line-height:.77;letter-spacing:-.035em}h1 em{color:var(--red);font-style:italic}.hero-copy{max-width:510px;margin-bottom:34px;color:#c2c5c2;font-size:clamp(16px,1.3vw,20px);line-height:1.65}.text-link{display:inline-flex;align-items:center;gap:36px;padding-bottom:8px;border-bottom:1px solid #868b89;font-size:12px;font-weight:600;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;transition:gap .18s ease,border-color .18s ease}.text-link:hover{gap:44px;border-color:var(--red)}.text-link span{color:var(--red);font-size:18px}.hero-note{position:absolute;right:clamp(22px,4vw,68px);bottom:28px;color:#ece8dc8c;font-size:10px;letter-spacing:.13em;text-transform:uppercase;writing-mode:vertical-rl}.ticker{overflow:hidden;border-top:1px solid #c43e30;border-bottom:1px solid #c43e30;background:var(--red);color:var(--ink);font:800 18px/1 Barlow Condensed,sans-serif;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.ticker div{display:flex;width:max-content;align-items:center;gap:28px;padding:15px 0;animation:ticker 28s linear infinite}.ticker b{font-size:8px}.about{display:grid;max-width:1440px;margin:0 auto;grid-template-columns:minmax(150px,.55fr) minmax(300px,1.45fr);gap:40px;padding:clamp(100px,12vw,190px) clamp(22px,7vw,120px)}.section-index{padding-top:15px;color:var(--red);font:700 12px/1 Barlow Condensed,sans-serif;letter-spacing:.18em}.about-copy{max-width:850px}.about h2,.development h2{margin-bottom:42px;font-size:clamp(62px,8vw,120px);font-weight:700;line-height:.84;letter-spacing:-.035em}.about-copy p{max-width:650px;color:var(--muted);font-size:16px;line-height:1.75}.about-copy .lead{color:var(--paper);font-size:clamp(20px,2vw,29px);line-height:1.45}.principles{display:grid;max-width:1440px;margin:0 auto;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principle{min-height:360px;padding:42px clamp(26px,4vw,64px);border-right:1px solid var(--line)}.principle:last-child{border-right:0}.principle span{color:var(--red);font:700 12px/1 Barlow Condensed,sans-serif}.principle h3{max-width:260px;margin:120px 0 20px;font:700 clamp(32px,3vw,45px)/.95 "Barlow Condensed",sans-serif;text-transform:uppercase}.principle p{max-width:280px;color:var(--muted);font-size:14px;line-height:1.6}.development{position:relative;display:grid;min-height:760px;align-items:center;overflow:hidden;grid-template-columns:.8fr 1.2fr;background:var(--paper);color:var(--ink);padding:clamp(80px,10vw,160px) clamp(22px,7vw,120px)}.development:after{position:absolute;right:-10%;bottom:-40%;width:58vw;height:58vw;border:1px solid rgb(9 13 15 / 12%);border-radius:50%;content:"";box-shadow:0 0 0 7vw #090d0f08,0 0 0 14vw #090d0f05}.development-stamp{color:#090d0f14;font:800 clamp(180px,24vw,380px)/.7 "Barlow Condensed",sans-serif;letter-spacing:-.08em;transform:rotate(-90deg)}.development-copy{position:relative;z-index:1;max-width:700px}.eyebrow.dark{color:#535859}.development h2{margin-bottom:35px}.development-copy>p:not(.eyebrow){max-width:530px;color:#555b5b;font-size:16px;line-height:1.7}.status-line{display:flex;align-items:center;gap:12px;margin-top:44px;font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.status-line i{display:block}footer{display:grid;align-items:center;grid-template-columns:1fr auto 1fr;gap:30px;padding:36px clamp(22px,4vw,68px);color:#7d8585;font-size:10px;letter-spacing:.1em;text-transform:uppercase}footer p{margin:0}footer p:last-child{text-align:right}.wordmark-small{font-size:18px}.wordmark-small i{height:19px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes rise{0%{transform:translateY(25px)}to{transform:translateY(0)}}@keyframes settle{0%{transform:scale(1.06)}to{transform:scale(1.012)}}@keyframes ticker{to{transform:translate(-50%)}}@media(max-width:760px){.site-header{padding:22px}.header-status{font-size:9px;letter-spacing:.1em}.hero{min-height:820px;align-items:flex-end;padding:130px 22px 90px}.hero-art{background-position:62% center}.hero:before{background:linear-gradient(0deg,#060a0cfa,#060a0cd1 52%,#060a0c29),linear-gradient(90deg,rgb(6 10 12 / 56%),transparent)}.hero-content{width:100%}h1{font-size:clamp(64px,21vw,92px)}.hero-note{display:none}.about,.principles{grid-template-columns:1fr}.principle{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.principle:last-child{border-bottom:0}.principle h3{margin-top:70px}.development{min-height:720px;grid-template-columns:1fr}.development-stamp{position:absolute;top:120px;right:-30px;transform:rotate(-90deg)}footer{grid-template-columns:1fr}footer p:last-child{text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art,.hero-content,.ticker div{animation:none}.reveal{opacity:1;transform:none;transition:none}}