@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400;font-display:swap;src:url('assets/playfair-display.ttf') format('truetype')}
:root{font-family:'Playfair Display',serif;color:#3c3c3c;background:#fff;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit}#background,.veil{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#background{object-fit:cover;opacity:0;transition:opacity .4s;background:#fff}.veil{background:rgba(255,255,255,.88)}.page{position:relative;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(26px,5.6vh,64px) 24px 28px}header{text-align:center}h1{font-size:23px;font-weight:400;letter-spacing:-.6px;margin:0}main{align-self:center;display:flex;flex-direction:column;align-items:center;padding:24px 0 64px}.thought-space{width:min(900px,100%);height:clamp(240px,34vh,360px);display:flex;align-items:center;justify-content:center;padding:0 16px}#thought{font-size:clamp(30px,4.1vw,54px);line-height:1.4;letter-spacing:-.025em;text-align:center;font-weight:400;text-wrap:balance;margin:0;opacity:1;transition:opacity 200ms ease}#thought.long{font-size:clamp(28px,3.6vw,47px)}#thought.fading{opacity:0}#next{margin-top:34px;padding:15px 29px;min-height:54px;background:transparent;border:1px solid #777;border-radius:0;font-size:16px;cursor:pointer;transition:background .2s,border-color .2s}#next:hover{background:rgba(60,60,60,.045);border-color:#333}button:focus-visible{outline:2px solid #3c3c3c;outline-offset:6px}#next:active{background:rgba(60,60,60,.08)}footer{text-align:center;position:relative}footer p{margin:0;font-size:14px;color:#707070}#motion{position:absolute;right:8px;bottom:-3px;border:0;background:transparent;padding:6px 4px;font-size:13px;text-decoration:underline;text-underline-offset:4px;cursor:pointer;color:#707070}noscript{max-width:400px;text-align:center;line-height:1.6;margin:20px}
footer .credit{margin-top:12px;font-size:12px;line-height:1.6}.credit a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.credit a:hover{color:#3c3c3c}.credit a:focus-visible{outline:2px solid #3c3c3c;outline-offset:4px}
@media(max-width:600px){.page{padding:32px 24px 25px}h1{font-size:21px}main{padding:12px 0 45px}.thought-space{padding:0;height:310px}#next{margin-top:20px;padding:14px 24px}#motion{position:static;margin-top:15px}footer p{font-size:13px}}
@media(max-height:560px){.page{padding-top:20px;padding-bottom:20px}main{padding:15px 0}.thought-space{height:175px}#thought,#thought.long{font-size:clamp(25px,4vw,36px)}#next{margin-top:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}#background{display:none}}