:root{color-scheme:light;--cream:#f6f5ed;--ink:#17271e;--green:#15251d;--lime:#c1dc87;--gutter:clamp(24px,5.2vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #86b542;outline-offset:7px}p,h1,h2,h3{margin:0}::selection{background:var(--lime);color:var(--ink)}.skip{position:fixed;top:12px;left:16px;padding:14px 20px;z-index:20;background:var(--cream);color:var(--ink);transform:translateY(-160%)}.skip:focus{transform:translateY(0)}
.header{position:absolute;z-index:2;top:0;left:0;width:100%;height:110px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;color:var(--cream)}.wordmark{font-size:36px;font-weight:850;letter-spacing:-2.2px;line-height:1.1}.wordmark span{color:var(--lime)}
.hero{position:relative;isolation:isolate;min-height:min(920px,100svh);background:var(--green);color:var(--cream);display:flex;align-items:center;padding:140px var(--gutter) 135px;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero-image{object-fit:cover;object-position:center 65%}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(9,24,16,.84) 0%,rgba(9,24,16,.56) 37%,rgba(9,24,16,.05) 78%),linear-gradient(0deg,rgba(7,18,11,.65),transparent 25%,transparent 75%,rgba(7,18,11,.56))}.hero-copy{max-width:800px;margin-top:14px}.hero h1{font-size:clamp(76px,7.9vw,128px);font-weight:650;letter-spacing:-.066em;line-height:.99;margin:31px 0 28px}.hero h1 em{font-style:normal;color:var(--lime)}.intro{font-size:clamp(17px,1.5vw,21px);line-height:1.55;color:#e0e6da;max-width:460px}.button{margin-top:34px;display:inline-flex;min-height:56px;align-items:center;justify-content:space-between;gap:50px;background:var(--cream);color:var(--ink);font-size:14px;font-weight:650;padding:0 23px;border-radius:3px;transition:background .2s,transform .2s}.button:hover{background:var(--lime);transform:translateY(-2px)}.button span{font-size:22px;font-weight:400}
.game-plan{padding:112px var(--gutter) 108px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:22px 80px;align-items:end}.section-heading h2{font-size:clamp(38px,4vw,60px);line-height:1.08;letter-spacing:-.045em;font-weight:550}.section-heading>p:last-child{max-width:340px;justify-self:end;font-size:17px;line-height:1.65;color:#62705f;padding-bottom:4px}.steps{margin:76px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);list-style:none;gap:48px}.steps li{border-top:1px solid #c8cec0;padding-top:22px}.step-number{font-size:10px;letter-spacing:1.5px;font-weight:600;color:#626f5c}.steps h3{font-size:24px;line-height:1.2;letter-spacing:-.65px;font-weight:550;margin:35px 0 14px}.steps p{max-width:330px;font-size:15px;line-height:1.7;color:#64705e}.coming-soon{position:relative;background:var(--green);color:var(--cream);padding:80px var(--gutter) 86px}.coming-soon h2{font-size:clamp(50px,6.2vw,96px);line-height:1.01;letter-spacing:-.055em;font-weight:550;margin:28px 0}.coming-soon>p:last-of-type{font-size:16px;line-height:1.6;color:#c5cebc}.back-to-top{position:absolute;bottom:87px;right:var(--gutter);font-size:13px;display:flex;align-items:center;gap:35px;min-height:44px;border-bottom:1px solid #52604a}.back-to-top:hover{border-color:var(--lime)}.back-to-top span{font-size:21px}
footer{display:flex;align-items:center;gap:40px;padding:40px var(--gutter);font-size:11px;color:#626f5c}footer p{margin-left:auto}.footer-wordmark{font-size:29px;color:var(--ink)}.footer-wordmark span{color:#619132}.footer-note{padding-left:35px;border-left:1px solid #ccd1c4}
@media(min-width:1700px){.hero{min-height:920px}.hero-copy{margin-left:3vw}}
@media(max-width:900px){.header{height:90px}.hero{min-height:800px;min-height:max(740px,95svh)}.hero h1{font-size:88px}.hero-shade{background:linear-gradient(90deg,rgba(9,24,16,.85),rgba(9,24,16,.45) 55%,rgba(9,24,16,.2)),linear-gradient(0deg,rgba(7,18,11,.6),transparent 35%)}.section-heading{gap:22px 40px}.steps{gap:28px}.steps h3{font-size:22px}.back-to-top{position:static;display:inline-flex;margin-top:32px}.footer-note{display:none}}
@media(max-width:600px){.header{height:86px}.wordmark{font-size:31px}.hero{min-height:760px;min-height:100svh;align-items:flex-start;padding-top:153px;padding-bottom:120px}.hero-copy{margin-top:0}.hero h1{font-size:clamp(62px,16.1vw,88px);margin:25px 0 24px}.intro{font-size:16px;max-width:290px;line-height:1.6}.hero-image{object-position:65% center}.hero-shade{background:linear-gradient(90deg,rgba(9,24,16,.75),rgba(9,24,16,.30)),linear-gradient(0deg,rgba(7,18,11,.75),rgba(7,18,11,.20) 45%,rgba(7,18,11,.52))}.button{margin-top:29px;min-height:52px;gap:45px}.game-plan{padding-top:68px;padding-bottom:65px}.section-heading{display:block}.section-heading h2{font-size:39px;margin-top:22px}.section-heading>p:last-child{font-size:16px;margin-top:24px;max-width:310px}.steps{grid-template-columns:1fr;gap:32px;margin-top:47px}.steps li{padding-top:20px}.steps h3{font-size:25px;margin:20px 0 11px}.steps p{max-width:100%;font-size:15px}.coming-soon{padding-top:58px;padding-bottom:55px}.coming-soon h2{font-size:57px;margin-top:24px}.coming-soon>p:last-of-type{font-size:15px;max-width:260px}footer{padding-top:30px;padding-bottom:max(30px,env(safe-area-inset-bottom));gap:20px}footer p{font-size:10px;line-height:1.5;max-width:150px;text-align:right}.footer-wordmark{font-size:28px}}
@media(max-width:360px){.hero{padding-top:130px}.hero h1{font-size:59px}.intro{font-size:15px}.section-heading h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

/* Chawlk: a film room with a little sideline in it. */
@font-face{font-family:Barlow;src:url('/assets/barlow-condensed-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{--lime:#d2e59a}.wordmark{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:35px;letter-spacing:-1.4px;font-weight:700}.wordmark .brand-name{color:inherit}.brand-mark{width:42px;height:42px;overflow:visible;fill:none;stroke:currentColor;stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.hero h1{font-family:Barlow,Impact,sans-serif;font-weight:700;font-size:clamp(95px,9.8vw,158px);line-height:.89;letter-spacing:-.018em;text-transform:uppercase;margin:34px 0}.hero-copy{max-width:900px}.hero .intro{font-size:18px;line-height:1.65;color:#dce1d6;max-width:440px}.hero-shade{background:linear-gradient(90deg,rgba(9,24,16,.91),rgba(9,24,16,.72) 42%,rgba(9,24,16,.1) 85%),linear-gradient(0deg,rgba(7,18,11,.7),transparent 30%,transparent 65%,rgba(7,18,11,.56))}.field-rail{position:absolute;right:23px;top:190px;bottom:120px;width:33px;display:flex;align-items:center;flex-direction:column;justify-content:space-between;font-family:Barlow,sans-serif;color:#ffffff60;font-size:21px}.field-rail i{width:1px;flex:1;background:repeating-linear-gradient(0deg,#ffffff55 0 1px,transparent 1px 14px);margin:12px 0}.button{border-radius:0;font-weight:600;min-height:55px}.section-heading h2{font-family:Barlow,Impact,sans-serif;text-transform:uppercase;font-size:clamp(60px,6.8vw,96px);font-weight:700;line-height:.92;letter-spacing:-.02em}.section-heading>p:last-child{font-size:16px;max-width:350px}.feature-list{margin-top:70px;border-bottom:1px solid #c8cec0}.feature-row{display:grid;grid-template-columns:90px minmax(230px,1fr) minmax(310px,1.2fr) 90px;gap:24px;align-items:center;border-top:1px solid #c8cec0;padding:38px 0}.yard-number{font-family:Barlow,sans-serif;font-size:58px;line-height:1;color:#748267;letter-spacing:-1px}.feature-row h3{font-size:27px;font-weight:550;line-height:1.18;letter-spacing:-.8px}.feature-row p{font-size:15px;line-height:1.65;max-width:420px;color:#4b5d47}.feature-note{display:block;margin-top:12px;font-size:11px;line-height:1.7;color:#63715b}.feature-symbol{font-size:70px;text-align:right;line-height:1;color:#254c32;font-family:Georgia,serif}.feature-drawing{width:68px;height:68px;justify-self:end;fill:none;stroke:#355b3c;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.coming-soon{overflow:hidden}.coming-soon h2{font-family:Barlow,Impact,sans-serif;font-size:clamp(85px,11vw,164px);font-weight:700;text-transform:uppercase;letter-spacing:-.025em;line-height:.9}.coming-soon:after{content:"";pointer-events:none;position:absolute;right:var(--gutter);top:60px;bottom:150px;width:40%;border:1px solid #8d9d7540;border-left:none;background:repeating-linear-gradient(0deg,transparent 0 calc(25% - 1px),#8d9d7533 calc(25% - 1px) 25%);transform:rotate(-14deg);opacity:.5}.back-to-top{z-index:1}.footer-wordmark{font-size:27px}.footer-wordmark .brand-mark{width:32px;height:32px}
@media(max-width:1100px){.hero h1{font-size:11vw}.hero-copy{max-width:71%}.feature-row{grid-template-columns:65px minmax(190px,.9fr) minmax(240px,1.2fr) 56px;gap:20px}.feature-row h3{font-size:23px}.feature-drawing{width:48px;height:48px}.feature-symbol{font-size:54px}.yard-number{font-size:49px}}
@media(max-width:750px){.hero h1{font-size:14vw}.hero-copy{max-width:90%}.field-rail{right:10px;width:20px;font-size:17px}.feature-row{grid-template-columns:50px 1fr 54px;gap:18px;padding:28px 0}.feature-row h3{font-size:26px}.feature-row>div{grid-column:2;grid-row:2}.feature-drawing,.feature-symbol{grid-column:3;grid-row:1}.yard-number{align-self:start;font-size:43px;padding-top:4px}.section-heading h2{font-size:70px}.coming-soon:after{width:40%;right:-25px;top:80px;bottom:130px;opacity:.3}}
@media(max-width:600px){.wordmark{font-size:29px;gap:5px}.brand-mark{width:32px;height:32px}.hero{padding-top:148px;min-height:844px;min-height:max(760px,100svh)}.hero-copy{max-width:100%}.hero h1{font-size:clamp(44px,13.5vw,76px);line-height:.94;margin:27px 0 24px}.hero .intro{font-size:15px;max-width:280px;line-height:1.65}.hero .intro br{display:none}.hero-image{object-position:79% center}.hero .button{font-size:12px;margin-top:26px;padding:0 18px;gap:30px}.hero-shade{background:linear-gradient(180deg,rgba(8,22,13,.7),rgba(8,22,13,.78) 48%,rgba(8,22,13,.25) 72%,rgba(8,22,13,.85)),linear-gradient(90deg,rgba(9,24,16,.42),transparent)}.field-rail{top:140px;bottom:95px;color:#ffffff35}.field-rail i{opacity:.5}.section-heading h2{font-size:clamp(40px,12.7vw,66px)}.section-heading>p:last-child{font-size:15px}.feature-list{margin-top:40px}.feature-row{grid-template-columns:42px 1fr 35px;gap:12px 13px;padding:27px 0}.feature-row h3{font-size:25px;letter-spacing:-.7px}.feature-row p{font-size:14px;line-height:1.7}.feature-note{font-size:10px;line-height:1.7}.feature-drawing{width:36px;height:36px}.feature-symbol{font-size:42px}.yard-number{font-size:37px}.coming-soon h2{font-size:clamp(58px,18vw,89px)}.coming-soon>p:last-of-type{max-width:285px}.footer-wordmark{font-size:25px}.footer-wordmark .brand-mark{width:28px;height:28px}}
@media(max-width:360px){.hero{padding-top:138px}.hero h1{font-size:44px}.hero .intro{font-size:14px;max-width:245px}.section-heading h2{font-size:42px}.feature-row h3{font-size:22px}.coming-soon h2{font-size:58px}}

.hero-hashmarks{position:absolute;left:var(--gutter);right:var(--gutter);bottom:34px;height:7px;border-bottom:1px solid #72806b66;background:repeating-linear-gradient(90deg,#d2e59a55 0 1px,transparent 1px 28px)}

.coming-soon h2 span{white-space:nowrap}
