@font-face{font-family:Inter;src:url("assets/fonts/inter-latin.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Newsreader;src:url("assets/fonts/newsreader-latin.woff2") format("woff2");font-style:normal;font-weight:200 800;font-display:swap}
:root{--serif:Newsreader,Georgia,serif;--sans:Inter,system-ui,sans-serif}
body{font-family:var(--sans);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover,a:focus-visible{color:var(--accent)}
a:focus-visible,button:focus-visible,.skip:focus{outline:2px solid var(--accent);outline-offset:5px}
.skip{position:absolute;z-index:2;top:12px;left:16px;padding:.5em .9em;background:var(--bg);transform:translateY(-180%)}
.skip:focus{transform:none}
h1,h2,h3,p{margin:0}h1,h3,.about p,.contact-links{font-family:var(--serif);font-weight:400;font-optical-sizing:auto}h1,h2,h3{text-wrap:balance}
.mast,.tools,nav,.lockup,.foot,.contact-links{display:flex;align-items:center}
.mast{min-height:68px;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.lockup{--mark:28px;gap:calc(var(--mark)*.6);line-height:1}
.lockup .flame{width:auto;height:var(--mark);display:block}
.word{font-weight:300;font-size:1.22rem;letter-spacing:.14em}
.home,nav a{text-decoration:none}.tools{gap:8px}nav{gap:11px}
nav a{font-size:.765rem;padding:12px 0;font-weight:500}
button{border:0;padding:0;width:30px;height:44px;background:transparent;color:var(--muted);cursor:pointer}
.disc{display:inline-block;width:14px;height:14px;border-radius:50%;border:1.5px solid currentColor;background:linear-gradient(90deg,currentColor 50%,transparent 50%)}
.hero{display:grid;gap:24px;padding-block:46px 51px}
.hero-mark{grid-row:1;line-height:0}.hero-mark .flame{height:82px;width:auto;display:block}
h1{font-size:clamp(3rem,8vw,5.8rem);letter-spacing:-.043em;line-height:.99;max-width:15.7ch}
.hero-copy p{color:var(--muted);max-width:48ch;margin:20px 0 15px;font-size:1rem}
.text-link{font-weight:500;font-size:.93rem;color:var(--accent)}
.band{border-top:1px solid var(--line);padding:36px 0 40px;scroll-margin-top:14px}
.label{font-size:.72rem;line-height:1.4;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 25px}
.about p{font-size:clamp(1.52rem,2.35vw,2.2rem);line-height:1.28;letter-spacing:-.019em;max-width:49ch}
.entry{padding:23px 0 26px;border-top:1px solid var(--line)}.entry:last-child{padding-bottom:0}
.entry h3,.principle h3{font-size:clamp(1.55rem,2.3vw,2.12rem);line-height:1.12;letter-spacing:-.022em}
.meta,.summary,.principle p,.foot small{color:var(--muted)}
.meta{margin-top:7px;font-size:.82rem;line-height:1.55}.summary{margin-top:12px;max-width:66ch}
.ideas{display:grid;gap:30px}.principle:before{content:"";display:block;width:40px;height:2px;margin:0 0 17px;background:#FFC81A}
.principle:nth-child(2):before{background:#FF8A1E}.principle:nth-child(3):before{background:#E0241F}
.principle h3{max-width:23ch}.principle p{margin-top:9px;max-width:34ch}
.contact-links{gap:5px 17px;flex-wrap:wrap;font-size:clamp(1.75rem,3.2vw,3rem);line-height:1.3;letter-spacing:-.025em}
.contact-links a{color:var(--accent);text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,var(--accent) 45%,transparent)}
.contact-links span{color:var(--muted)}.contact-links a:hover{text-decoration-color:currentColor}
footer{border-bottom:3px solid #E0241F}.foot{border-top:1px solid var(--line);padding:22px 0;justify-content:space-between;gap:12px;flex-wrap:wrap}
.foot .lockup{--mark:23px}.foot .word{font-size:1rem}.foot small{font-size:.76rem}
@media(min-width:42rem){
.wrap{width:min(calc(100% - 96px),1200px)}.mast{min-height:84px}.lockup{--mark:34px}.word{font-size:1.5rem}.tools{gap:24px}nav{gap:25px}nav a{font-size:.89rem}
.hero{grid-template-columns:minmax(0,1fr) 26%;gap:7%;align-items:center;padding-block:76px 78px}.hero-mark{grid-row:auto;justify-self:center}.hero-mark .flame{height:clamp(180px,16vw,240px)}
.hero-copy p{font-size:1.1rem;margin:25px 0 18px}.band{padding-block:48px 54px}.about,.entry,.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:6%}.about .label,.contact .label{margin:5px 0 0}.entry{padding-block:28px}.summary{margin:0}.ideas{grid-template-columns:repeat(3,minmax(0,1fr));gap:5%}.label{margin-bottom:30px}.foot{padding-block:27px}}
@media(min-width:68rem){
.wrap{width:min(calc(100% - 144px),1200px)}.mast{min-height:90px}.hero{grid-template-columns:1.5fr .7fr;gap:4%;padding-block:92px 90px}.hero-copy p{font-size:1.15rem}.band{padding-block:59px 65px}.entry{padding-block:30px}.label{margin-bottom:34px}.ideas{gap:7%}}
@media(max-width:23rem){.wrap{width:calc(100% - 32px)}.tools{gap:5px}.lockup{--mark:24px}.word{font-size:1.05rem}nav{gap:9px}.contact-links{gap:4px 10px}}
@media(max-width:19rem){.mast{padding-block:10px}.tools{width:100%;justify-content:space-between}.contact-links{display:grid}.contact-links span{display:none}.contact-links a{overflow-wrap:anywhere}h1{font-size:2.35rem}}
body{position:relative;isolation:isolate}
.atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;contain:strict}
.atmosphere::before{content:"";position:absolute;inset:-5%;background:url("assets/currents.svg") center/cover no-repeat;opacity:.40}
@media(prefers-reduced-motion:no-preference){
:root:not([data-still]) .atmosphere::before{will-change:transform;animation:drift 15s ease-in-out infinite alternate}
}
@keyframes drift{from{transform:translate3d(-2.5%,-2%,0)}to{transform:translate3d(2%,2.3%,0)}}
.hero-mark .flame{overflow:visible}.dust{pointer-events:none}.dust>g{opacity:0}
@media(prefers-reduced-motion:no-preference){
#hero-form rect{animation:assemble-row 1.96s var(--lag) linear both}
.dust>g{animation:grain var(--travel) var(--lag) cubic-bezier(.2,.6,.35,1) both;transform-box:fill-box;transform-origin:center}
@keyframes assemble-row{from{transform:translateX(144px)}to{transform:translateX(0)}}
@keyframes grain{0%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.42)}18%{opacity:.76}78%{opacity:.98}91%{opacity:.98;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(0,0) scale(1)}}
.entry h3{transition:transform .3s ease}.entry:hover h3{transform:translateX(3px)}
}
[data-still] .atmosphere *,[data-still] .hero-mark *{animation:none!important}
@media(prefers-reduced-motion:reduce){.atmosphere *,.hero-mark *{animation:none!important}}
#motion{font:500 .9rem/1 var(--sans);margin-inline-end:-7px}
@media(max-width:41.99rem){.tools{gap:3px}nav{gap:10px}#motion{margin-inline-end:0}.atmosphere::before{opacity:.27}.hero-mark{padding-inline-start:10px}}
@media(min-width:20rem) and (max-width:31rem){
.mast{flex-wrap:nowrap;min-height:70px;gap:4px}.mast .lockup{--mark:24px;gap:10px}.mast .word{font-size:1rem}.tools{gap:1px}nav{gap:8px}nav a{font-size:.73rem}button{width:25px}#motion{margin:0}
}
@media(max-width:19rem){
.tools,nav{flex-wrap:wrap}.tools{justify-content:flex-start}.mast .tools{gap:4px}.wrap{width:calc(100% - 24px)}.hero,.band,.foot{overflow-wrap:anywhere}.hero-copy{min-width:0}h1{font-size:2rem;max-width:100%}.hero-mark{padding:0}.word{letter-spacing:.1em}
}
.joke{padding-block:24px 28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:8px 6%;border-top:1px solid var(--line)}
.joke .label{margin:4px 0}.joke-copy{min-width:0}.joke-copy p{color:var(--muted);font-size:.94rem}.joke-copy strong{font-weight:500;color:var(--ink)}.joke button{width:auto;height:auto;min-height:34px;margin-top:5px;color:var(--accent);font:500 .8rem var(--sans);text-decoration:underline;text-underline-offset:.22em}
@media(max-width:41.99rem){.joke{display:block}.joke .label{margin-bottom:12px}}