:root{color-scheme:dark;--black:#0d0d0d;--white:#f4f0ea;--orange:#f24a12;--gray:#afa9a4;--line:#36312e;--serif:"Bodoni 72",Didot,Georgia,serif;--sans:"Helvetica Neue",Arial,sans-serif;--gutter:clamp(1.25rem,5.3vw,6.5rem)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font:1rem/1.55 var(--sans)}
[hidden]{display:none!important}
a{color:inherit}
button,input,textarea{font:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:.94;overflow-wrap:break-word}
h1,h2{text-transform:uppercase;letter-spacing:-.05em}
h1{font-size:clamp(3.3rem,10vw,10rem)}
h2{font-size:clamp(2.75rem,7.4vw,8rem)}
h3{font-size:clamp(1.8rem,3.3vw,3.75rem)}
em,h1>span{color:var(--orange)}
img{display:block;max-width:100%}
.skip{position:fixed;top:.5rem;left:.5rem;background:var(--white);color:var(--black);padding:.6rem;z-index:5;transform:translateY(-160%)}
.skip:focus{transform:none}
.site-header,.site-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem var(--gutter)}
.site-header{min-height:5rem;border-bottom:1px solid var(--line)}
.brand,.site-header nav,.site-footer nav{display:flex;align-items:center;gap:clamp(.6rem,2.7vw,2.75rem)}
.brand{gap:.5rem;font-weight:800;letter-spacing:.15em;font-size:.91rem;text-decoration:none}
.brand-emblem{object-fit:contain;flex:none}
.wordmark{width:clamp(6rem,10vw,8.25rem);height:auto}
nav a,.social,.back{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;text-decoration:none}
nav a:hover,nav a[aria-current],.social:hover,.back:hover{color:var(--orange)}
.site-footer{border-top:1px solid var(--line);padding-block:2.5rem;flex-wrap:wrap}
.site-footer p{font-size:.8rem;color:var(--gray);margin-top:.35rem}
.hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;padding:clamp(2.1rem,5vh,4rem) var(--gutter);align-items:center;overflow:hidden;min-height:min(730px,calc(100svh - 7.6rem))}
.hero-copy{position:relative;z-index:1}
.eyebrow{font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.19em;color:var(--orange)}
.hero .eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}
.hero .eyebrow span{width:1.65rem;height:1px;background:currentColor}
.hero h1{font-size:clamp(4rem,min(10.8vw,13.6svh),10rem);line-height:.77;margin:1.9rem 0 1.6rem}
.lede{font-size:clamp(1rem,1.45vw,1.25rem);color:var(--gray);max-width:34rem}
.hero .lede{max-width:24rem}
.hero-art{display:grid;place-items:center}
.hero-art>*{grid-area:1/1}
.rings{width:min(54vw,38rem);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,transparent 0 12.2%,#f24a122e 12.3% 12.5%,transparent 12.6% 14%);mask-image:radial-gradient(circle,#000 50%,transparent 74%)}
.hero-art>img{width:58%;height:auto;max-height:65%;object-fit:contain}
.actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.6rem}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:1.45rem;min-height:2.85rem;padding:.65rem 1rem;border:1px solid #70655f;background:transparent;color:var(--white);text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:.69rem;font-weight:700;transition:background .22s,color .22s,border-color .22s}
.button:hover,.button.solid{background:var(--orange);border-color:var(--orange);color:var(--black)}
.button.solid:hover{background:var(--white);border-color:var(--white)}
.ribbon{overflow:hidden;background:var(--orange);color:var(--black);padding:.57rem 0}
.ribbon>div{display:flex;width:max-content;animation:marquee 38s linear infinite}
.ribbon span{white-space:pre;font-size:.76rem;font-weight:800;letter-spacing:.18em}
.ribbon b{margin:0 1.5rem}
@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:clamp(3.5rem,8vw,8rem) var(--gutter);border-bottom:1px solid var(--line)}
.section h1,.section h2{margin:.6rem 0 1.35rem}
.section .button{margin-top:1.25rem}
.actions .button{margin-top:0}
.project-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:clamp(1rem,3.5vw,4rem);align-items:start;margin:2.7rem 0 1rem}
.project{display:block;text-decoration:none;min-width:0}
.project:nth-child(even){margin-top:clamp(1rem,7vw,8rem)}
.cover{overflow:hidden;background:#1d1917;aspect-ratio:1.57;position:relative}
.project:nth-child(even) .cover{aspect-ratio:1.08;background:#28201d}
.cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.project:hover img{transform:scale(1.035)}
.cover-type{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;padding:1rem}
.cover-type span{font:italic clamp(1.8rem,5vw,6rem)/.95 var(--serif);color:#d6beb0}
.cover-type small{color:var(--gray);text-transform:uppercase;letter-spacing:.15em;font-size:.62rem}
.project-caption{display:flex;justify-content:space-between;gap:.75rem;padding:.95rem 0;border-bottom:1px solid var(--line)}
.project-caption p{color:var(--gray);font-size:.74rem;margin-top:.5rem}
.project-caption>span{color:var(--orange);font-size:1.25rem}
.philosophy,.about-section,.story{display:grid;grid-template-columns:1.6fr 1fr;column-gap:2rem;align-items:end}
.philosophy .eyebrow,.about-section .eyebrow{grid-column:1/-1}
.making{text-align:center;background:#141211}
.making .lede{margin:0 auto 1.3rem}
.invitation{background:var(--white);color:var(--black)}
.invitation .lede{color:#504640}
.invitation :focus-visible{outline-color:var(--black)}
.masthead{padding-top:clamp(3rem,7vw,7rem)}
.back{display:inline-block;color:var(--gray);margin-bottom:1.5rem}
.feature-cover{max-height:72vh;margin:0 var(--gutter)}
.video-grid,.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.video{border:1px solid var(--line);padding:clamp(1rem,3vw,2.5rem)}
.video .eyebrow{margin-top:2.25rem}
.video iframe{border:0;width:100%;aspect-ratio:16/9;margin-top:1rem}
.credit,dd{color:var(--gray);margin:.7rem 0}
.signup{max-width:70rem;margin:auto}
.signup fieldset{padding:0;margin:0;border:0;min-width:0}
.signup legend{font:clamp(1.8rem,4vw,3rem)/1 var(--serif);margin-bottom:.7rem}
.signup legend span{font:700 .72rem var(--sans);color:var(--orange);text-transform:uppercase;letter-spacing:.14em;display:block;margin-bottom:.65rem}
.preview-note{border-left:2px solid var(--orange);padding:.8rem 1rem;background:#211914;margin-bottom:2rem}
.choices,.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0}
.choice{display:flex;align-items:flex-start;gap:.75rem;border:1px solid var(--line);padding:1rem;cursor:pointer}
.choice:has(input:checked){border-color:var(--orange)}
.choice strong,.choice small{display:block}
.choice small,.privacy p,#selected-interests{color:var(--gray)}
.choice small{margin-top:.25rem}
input[type=checkbox]{accent-color:var(--orange);width:1.1rem;height:1.1rem;flex:none}
#details-step label:not(.consent){display:block;margin-bottom:.75rem}
#details-step :is(input:not([type=checkbox]),textarea){display:block;width:100%;border:1px solid #70655f;border-radius:0;background:#191615;color:var(--white);padding:.7rem;margin-top:.3rem}
.consent{display:flex;align-items:center;gap:.5rem;margin:1rem 0}
.privacy{margin-top:2.5rem;border-top:1px solid var(--line);padding-top:1.2rem}
.privacy h2{font:700 1rem var(--sans);letter-spacing:0;text-transform:none;margin:0 0 .4rem}
.signup-embed{width:100%;min-height:900px;border:0;color-scheme:light}
@media(max-width:760px){
  .hero{grid-template-columns:1fr;isolation:isolate;min-height:auto;padding-block:3rem}
  .hero-art{position:absolute;right:-18%;top:10%;z-index:-1}
  .rings{width:min(85vw,29rem);opacity:.65}
  .hero-art>img{width:42%}
  .hero h1{font-size:clamp(4rem,15vw,7rem)}
  .philosophy,.about-section,.story{grid-template-columns:1fr}
}
@media(max-width:480px){
  .site-header{align-items:flex-start;flex-direction:column;gap:.8rem;padding-block:.85rem}
  .site-header nav{justify-content:space-between;width:100%}
  nav a{font-size:.65rem}
  .site-footer nav{flex-wrap:wrap}
  .project-grid,.video-grid,.media-grid,.field-grid,.choices{grid-template-columns:1fr}
  .project:nth-child(even){margin-top:.65rem}
  .project:nth-child(even) .cover{aspect-ratio:1.4}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}