
:root{--paper:#ffffff;--ink:#111111;--accent:#12c98a;--line:#dddddd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #12c98a;outline-offset:5px}button{cursor:pointer}img,video{max-width:100%;display:block}h1,h2,h3,p{margin:0 0 1em}h1,h2,h3{line-height:1.05}h1,h2{font-weight:500;letter-spacing:-.055em}h2{font-size:clamp(38px,4.2vw,64px)}h3{font-size:24px;letter-spacing:-.025em}p{max-width:68ch}.site-header{height:100px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--paper);color:#111111;border-bottom:1px solid var(--line)}.logo{font-family:Space Grotesk,sans-serif;font-size:30px;font-weight:800;letter-spacing:-2px;white-space:nowrap}.logo span{color:var(--accent);padding-left:4px;display:inline-block}.site-header nav{display:flex;gap:8px}.site-header nav a{padding:10px 20px;border:1px solid transparent;border-radius:30px;font-size:14px}.site-header nav a:hover,.site-header nav a[aria-current]{border-color:currentColor}.header-book{font-size:14px;border-bottom:1px solid}.skip{position:absolute;top:-100px;left:20px;background:#ffffff;color:#111111;padding:15px;z-index:100}.skip:focus{top:10px}.kicker{font-size:14px;margin-bottom:32px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;padding:17px 24px;background:var(--accent);color:#111111;border:0;border-radius:3px;font-weight:600}.button:hover{filter:brightness(.9)}.book{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;padding:110px 7%;background:#f4f4f4;color:#111111}.book h2{font-family:Space Grotesk;font-size:clamp(48px,5vw,76px)}.book .button{margin:12px 0}.book label{display:block;font-size:14px;margin-bottom:20px}.book input:not([type=radio]),.book textarea,.book select{display:block;width:100%;border:1px solid #aaaaaa;background:transparent;border-radius:0;padding:12px;margin-top:7px;color:#111111}.book fieldset{border:0;margin:0 0 22px;padding:0}.book legend{margin-bottom:12px}.book .radio{display:inline-flex;align-items:center;margin:0 16px 10px 0;gap:7px}.book input[type=radio]{accent-color:#12c98a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}#form-status{font-size:13px;line-height:1.6}#form-status a{text-decoration:underline}footer{padding:55px 4.5%;display:flex;align-items:flex-start;justify-content:space-between;gap:30px;background:var(--paper);color:#111111;font-size:12px}footer p{margin:0}dialog{border:0;background:#111111;color:#ffffff;max-width:min(90vw,600px);padding:20px}dialog::backdrop{background:#111111cc}dialog video{max-height:75vh;margin:16px auto}dialog p{font-size:13px}dialog button{background:none;color:#ffffff;border:1px solid #666666;padding:8px 14px}.work-grid{display:grid;gap:22px}.work-card{min-width:0}.work-card button{width:100%;padding:0;border:0;background:#111111;position:relative;overflow:hidden}.work-card img{width:100%;aspect-ratio:9/14;object-fit:cover;transition:transform .5s}.work-card button:hover img{transform:scale(1.03)}.play-icon{position:absolute;bottom:15px;left:15px;background:#ffffff;color:#111111;padding:8px 13px;border-radius:30px;font-size:12px}.work-card h3{font-size:17px;line-height:1.4;letter-spacing:0;margin:18px 0 8px}.work-card p{font-size:12px}.text-link{display:inline-block;margin-top:28px;border-bottom:1px solid}
@media(max-width:700px){.site-header{height:auto;min-height:105px;padding:18px 6%;flex-wrap:wrap;gap:16px}.logo{font-size:25px}.site-header nav{order:3;width:100%;gap:8px}.site-header nav a{padding:7px 16px;font-size:13px}.header-book{font-size:13px}.book{grid-template-columns:1fr;padding:65px 7%;gap:40px}.form-row{grid-template-columns:1fr;gap:0}footer{flex-wrap:wrap;padding:35px 7%;gap:25px}footer>*{flex-basis:44%}footer a{overflow-wrap:anywhere}.work-grid{gap:16px}.work-card h3{font-size:14px}.play-icon{bottom:9px;left:9px;padding:6px 9px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@font-face{font-family:'Space Grotesk';src:url('fonts/space.ttf') format('truetype');font-style:normal;font-weight:300 700;font-display:swap}
@font-face{font-family:Manrope;src:url('fonts/manrope.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{--paper:#ffffff;--ink:#111111;--accent:#12c98a;--line:#dddddd}
body{font-family:Manrope,Arial,sans-serif;font-weight:400}
h1,h2,h3,.book h2{font-family:'Space Grotesk',Arial,sans-serif;font-weight:600}
.site-header{background:#ffffff;color:#111111}
.logo{display:inline-flex;align-items:center;justify-content:flex-start;line-height:0;letter-spacing:normal;flex-shrink:0}
.logo .logo-wordmark{width:220px;height:auto;display:block}.logo .logo-small{width:44px;height:44px;display:none}
.site-header .logo{padding:8px 10px 8px 0}footer .logo{padding:8px 10px 8px 0}
.button{background:#12c98a;color:#111111}.button:hover{filter:brightness(.93)}
.book{background:#f4f4f4;color:#111111}.book input[type=radio]{accent-color:#111111}
.book input:not([type=radio]),.book textarea,.book select{border-color:#666666;color:#111111}
.book h2{font-family:'Space Grotesk',Arial,sans-serif;font-weight:600}
@media(max-width:700px){.logo .logo-wordmark{display:none}.logo .logo-small{display:block}footer .logo{flex-basis:100%}}
@media(max-width:639px){footer .logo .logo-wordmark{display:block;width:220px;height:auto}footer .logo .logo-small{display:none}}
.not-found{min-height:65vh;padding:110px 7%;background:#ffffff;color:#111111}.not-found h1{font-size:clamp(54px,7vw,96px);margin:20px 0 30px}.not-found .button{margin-top:15px}@media(max-width:639px){.not-found{padding:80px 7%}}
