@font-face{font-family:Adwaita Sans;src:url('/assets/adwaita-sans.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{color-scheme:light;--paper:#f4f1ea;--ink:#141414;--muted:#555750;font-family:Adwaita Sans,Arial,sans-serif;font-synthesis:none;font-optical-sizing:auto;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}
body{margin:0;min-width:280px}
.page{width:min(1120px,calc(100% - 64px));margin-inline:auto}
.site-header{padding:38px 0 24px}
.brand{display:inline-block;line-height:0}
.brand img{display:block;width:clamp(260px,28vw,344px);height:auto;max-width:100%}
main{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:76px;min-height:calc(100svh - 140px);padding:28px 0 48px}
.introduction{padding-bottom:26px}
.title-row{display:flex;align-items:center;gap:22px;margin-bottom:26px}
.clock{width:68px;height:68px;flex:none}
h1,p{margin:0}
h1{font-weight:500;font-optical-sizing:auto}
h1{font-size:clamp(46px,5vw,68px);line-height:1.05;letter-spacing:-.045em}
.description{max-width:43ch;font-size:19px;font-weight:400;line-height:1.65;color:var(--muted);text-wrap:pretty}
.youtube-link{display:inline-flex;align-items:center;gap:12px;min-height:50px;margin-top:30px;padding:13px 18px;background:var(--ink);color:var(--paper);text-decoration:none;font-size:16px;font-weight:500;line-height:1.4}
.youtube-link .arrow{margin-left:10px;transition:transform .15s ease}
.youtube-link:hover .arrow{transform:translate(2px,-2px)}
a:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.handbook{margin:0;text-align:center}
.book-image{display:block;width:auto;height:min(58svh,500px);max-width:100%;object-fit:contain;margin:0 auto}
@media(max-width:760px){
.page{width:calc(100% - 48px)}
.site-header{padding-top:28px;padding-bottom:18px}
.brand img{width:284px;max-width:100%}
main{grid-template-columns:1fr;gap:40px;min-height:auto;padding:34px 0 42px}
.introduction{padding-bottom:0}
.title-row{gap:18px;margin-bottom:22px}
.clock{width:56px;height:56px}
h1{font-size:clamp(43px,10vw,54px);letter-spacing:-.04em}
.description{font-size:17px;max-width:42ch;line-height:1.65}
.youtube-link{margin-top:25px}
.book-image{width:min(290px,80vw);height:auto}
}
@media(prefers-reduced-motion:reduce){.youtube-link .arrow{transition:none}}