.hero{display:flex;min-height:62vh;align-items:center;justify-content:center;text-align:center}
.hero>div{width:100%;transform:translateY(-5vh)}
.hero .eyebrow{margin-bottom:clamp(2.5rem,5vw,4.5rem)}
.home-title{display:flex;flex-direction:column;align-items:center;max-width:none;margin:0;font-size:clamp(4.15rem,10.1vw,9.2rem);line-height:.72;letter-spacing:-.075em}
.home-title-first{font-size:1em;font-weight:500;letter-spacing:-.055em}
.home-title-south{font-size:1em;font-weight:600}
.home-title-sub{display:none}
.statement{display:grid;grid-template-columns:minmax(0,1fr) minmax(11rem,.55fr);align-items:center;gap:clamp(3rem,8vw,10rem);margin-top:-10vh;padding-top:clamp(2rem,4vw,4rem);background:var(--red);color:var(--cream)}
.editorial-copy{max-width:40rem;text-align:center;justify-self:center}
.editorial-copy .smallcap{margin-bottom:1.25rem;color:rgba(242,234,220,.78)}
.statement .editorial-copy h2{margin:0 auto 1.25rem;font-size:clamp(2.4rem,4.7vw,5rem);font-weight:400;line-height:.94;letter-spacing:-.05em;max-width:13ch}
.statement .editorial-copy p{margin:0 auto;font-size:clamp(1.1rem,1.75vw,1.5rem);line-height:1.35;letter-spacing:-.018em;max-width:34ch}
.cover-link{cursor:pointer}
.cover-link:focus-visible{outline:1px solid var(--cream);outline-offset:-1rem}
.brand-compass{position:relative;justify-self:center;width:clamp(9.2rem,14.7vw,12rem);aspect-ratio:1;border:1.5px solid rgba(242,234,220,.88);border-radius:50%;box-shadow:inset 0 0 0 5px var(--red),inset 0 0 0 6px rgba(242,234,220,.38),inset 0 0 0 12px var(--red),inset 0 0 0 13px rgba(242,234,220,.18)}
.brand-compass:before{content:"";position:absolute;inset:22%;background:rgba(242,234,220,.07);clip-path:polygon(50% 0,58% 38%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);transform:rotate(45deg)}
.brand-compass:after{content:"";position:absolute;inset:31%;border:1px solid rgba(242,234,220,.22);border-radius:50%}
.brand-compass-rose{position:absolute;inset:10%;border-radius:50%;background:repeating-conic-gradient(from -1deg,rgba(242,234,220,.72) 0 1deg,transparent 1deg 15deg),repeating-conic-gradient(from -2deg,rgba(242,234,220,.9) 0 2deg,transparent 2deg 45deg);-webkit-mask:radial-gradient(circle,transparent 0 76%,#000 77% 100%);mask:radial-gradient(circle,transparent 0 76%,#000 77% 100%)}
.brand-compass-v,.brand-compass-h{position:absolute;background:rgba(242,234,220,.19)}
.brand-compass-v{left:50%;top:15%;bottom:15%;width:1px}.brand-compass-h{top:50%;left:15%;right:15%;height:1px}
.brand-cardinal{position:absolute;font-size:.7rem;font-weight:600;line-height:1;letter-spacing:.08em;color:rgba(242,234,220,.5)}
.brand-north{left:50%;top:7%;transform:translateX(-50%)}.brand-east{right:7%;top:50%;transform:translateY(-50%)}.brand-west{left:7%;top:50%;transform:translateY(-50%)}.brand-south{left:50%;bottom:6%;transform:translateX(-50%);font-size:.9rem;color:var(--cream)}
.brand-needle{position:absolute;inset:0;pointer-events:none;animation:brand-find-south 5s cubic-bezier(.28,.72,.26,1) infinite;animation-play-state:running}
.brand-needle-north{position:absolute;left:calc(50% - 7px);bottom:50%;width:14px;height:30%;background:rgba(242,234,220,.3);clip-path:polygon(50% 0,100% 100%,0 100%)}
.brand-needle-south{position:absolute;left:calc(50% - 9px);top:50%;width:18px;height:36%;background:var(--cream);clip-path:polygon(0 0,100% 0,50% 100%)}
.brand-compass-center{position:absolute;left:50%;top:50%;width:12px;height:12px;border:2px solid var(--red);border-radius:50%;background:var(--cream);transform:translate(-50%,-50%);z-index:2}
@keyframes brand-find-south{0%{transform:rotate(0deg)}27%{transform:rotate(612deg)}42%{transform:rotate(720deg)}100%{transform:rotate(720deg)}}
@media(max-width:850px){.hero{min-height:58vh}.hero>div{transform:translateY(-3vh)}.home-title{font-size:clamp(3.7rem,18.5vw,6.5rem)}.home-title-sub{transform:translateX(clamp(2rem,10vw,4rem))}.statement{grid-template-columns:1fr;gap:3rem;margin-top:-7vh;padding-top:2rem}.editorial-copy{text-align:left;justify-self:start}.statement .editorial-copy h2,.statement .editorial-copy p{margin-left:0}.brand-compass{justify-self:start;width:min(44vw,10.2rem)}}
@media(prefers-reduced-motion:reduce){.brand-needle{animation:none}}