*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font:18px/1.65 'Source Sans 3',sans-serif}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-family:Manrope,sans-serif;font-weight:600;letter-spacing:-.02em}
h1{font-size:56px;line-height:1.14}
h2{font-size:36px;line-height:1.22}
h3{font-size:24px;line-height:1.33}
p{color:var(--muted)}
a{color:var(--plum);text-underline-offset:4px}
button,a,summary{-webkit-tap-highlight-color:transparent}
@media(max-width:1100px){
h1{font-size:48px}
}
@media(max-width:760px){
h1{font-size:36px;line-height:42px}
h2{font-size:28px;line-height:34px}
h3{font-size:22px}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
}
body:has(dialog[open]){overflow:hidden}
body:has(dialog[open]) .mobile-bar{visibility:hidden}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation:none!important;transition:none!important}
html{scroll-behavior:auto}
}
[hidden]{display:none!important}
.analytics-frame{display:none;visibility:hidden}
body{margin:0;background:var(--paper);color:var(--ink)}
img{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.6}
:focus-visible{outline:2px solid var(--plum);outline-offset:4px}
main{scroll-margin-top:100px}
@media(max-width:760px){main{scroll-margin-top:84px}}
@media print{.header,.site-menu,.mobile-bar,dialog{display:none!important}main{padding-top:0!important}.reveal-ready,.photo-stage::before{opacity:1!important;transform:none!important}.photo-mask,.motion-word>span{clip-path:none!important;transform:none!important}.section{break-inside:avoid;padding:20px 0}details>*{display:block!important}}
@media print{body{overflow:visible!important}details::details-content{content-visibility:visible!important;display:block!important}.photo{transform:none!important}}
