@font-face{font-family:"Standard";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/standard-book-webfont.woff2")}@font-face{font-family:"Standard";font-style:italic;font-weight:400;font-display:swap;src:url("/assets/standard-book-italic-webfont.woff2")}@font-face{font-family:"Standard";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/standard-bold-webfont.woff2")}@font-face{font-family:"Standard";font-style:italic;font-weight:700;font-display:swap;src:url("/assets/standard-bold-italic-webfont.woff2")}:root{--col1: 22.5rem;--col2: 33.75rem;--gap-sml: 1.25rem;--gap-lrg: 3rem}#title{--height-1: 9.5rem;--height-2: 2.5rem;--height-3: 7.875rem}:root{--fg: black;--bg: white;--ac: blue;--fc: yellow}@media only screen and (prefers-color-scheme: dark){:root{--fg: white;--bg: #111;--ac: lightblue;--fc: yellow}}:root{--f-sml: 0.875rem;--f-med: 1rem;--f-lrg: 1.25rem;--f-xlg: 1.5rem }:root{--ff-sans: "Standard", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "Helvetica", sans-serif}.nls{list-style:none}.flex{display:flex;justify-content:space-between;align-items:center}.flex p{margin-top:0}.flex-row,.flex-row-reverse{flex-direction:column}@media(min-width: calc(3 * 3rem + 22.5rem + 33.75rem)){.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}}*{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure{margin:0;padding:0}html{font-size:16px}@media(min-width: 1680px){html{font-size:20px}}@media(min-width: 2240px){html{font-size:24px}}body{font-family:var(--ff-sans);line-height:1.5;color:var(--fg);background-color:var(--bg);font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0;font-kerning:normal;text-rendering:geometricprecision;position:relative;max-width:100vw;overflow-x:hidden}a{color:var(--fg);transition:all 100ms ease-out}@media only screen and (prefers-reduced-motion){a{transition:none}}a:hover{color:var(--fg);transition:all 100ms ease-out}@media only screen and (prefers-reduced-motion){a:hover{transition:none}}@media only screen and (prefers-reduced-motion){a{transition:none}a:hover{transition:none}}@media print{body{color:#000 !important;background-color:#fff !important;background-image:none !important}.no-print{display:none}}img{max-width:100%;vertical-align:middle;color:rgba(0,0,0,0)}@media only screen and (prefers-color-scheme: dark){img{filter:contrast(0.8)}}figure{break-inside:avoid}figure>img{display:block;margin:0 auto}figure figcaption{font-size:var(--f-sml);max-width:100%;margin-top:1em}#intro{font-size:var(--f-med)}input,button{font-family:var(--ff-sans);font-size:var(--f-med);text-align:center}p,li{text-align:left;font-size:var(--f-sml);line-height:2.25em}p.body{text-align:justify}header,footer{font-size:var(--f-xlg);font-weight:bold;letter-spacing:30%}a#self-link{text-decoration:none}a#self-link:hover{color:var(--ac)}header,footer{text-align:center;padding:var(--gap-lrg) 0}main{text-align:center;padding:0 var(--gap-sml)}form#order-form{display:flex;flex-direction:row;justify-content:space-between;margin:3.25rem 0 var(--gap-sml)}h1#title{--multiplier: 1;transform:translateX(0);text-align:center;grid-column:span 1;margin:var(--gap-lrg) 0}#title-diary,#title-of{height:calc(var(--multiplier)*var(--height-1))}#title-a{height:calc(var(--multiplier)*var(--height-2))}#title-luckyseagull{height:calc(var(--multiplier)*var(--height-3));transform:translateY(0)}.body,.bleed-left{margin-bottom:var(--gap-lrg)}@media(min-width: 640px){main{display:grid;grid-template-columns:auto 1fr 2fr auto;column-gap:var(--gap-lrg);row-gap:0}#flipthrough{grid-column-start:2}#intro{grid-column:span 2/span 2;grid-column-start:3;align-self:center;display:grid;grid-template-columns:subgrid}#intro p,#intro form{grid-column-start:1}#intro p{margin:calc(.25*var(--gap-sml)) 0}h1#title{margin:0}.body{grid-column-start:3}img.bleed-left{grid-column:span 3/span 3;width:100%}}@media(min-width: calc(3 * 3rem + 22.5rem + 33.75rem)){header{margin-top:calc(.5*var(--gap-lrg))}main{grid-template-columns:minmax(0, 1fr) var(--col1) var(--col2) minmax(0, 1fr)}#title-luckyseagull{transform:translateY(calc(-1 * var(--gap-sml)))}#vol{margin-right:2rem}}@media(min-width: 1120px){h1#title{transform:translateX(calc(-2 * var(--gap-sml)));text-align:left;grid-column:span 2}#title-luckyseagull{transform:translateY(0)}}@media(min-width: 1680px){h1#title{--multiplier: 1.05}}@media(min-width: 2240px){main{column-gap:calc(1.5*var(--gap-lrg))}h1#title{--multiplier: 1.15}}h1{filter:invert(1);mix-blend-mode:difference}#flipthrough{width:100%;max-width:22.5rem;aspect-ratio:3/4.5;object-fit:cover;object-position:top}input,button{border-radius:0;background:rgba(0,0,0,0);border:1px solid var(--fg)}input{padding-left:1rem}button{position:relative}button::after{content:"";position:absolute;top:0;left:0;display:inline-block;height:100%;width:0%;z-index:-1;background:var(--fg)}button:hover::after,button:focus::after{width:100%;transition:all 100ms ease-out}@media only screen and (prefers-reduced-motion){button:hover::after,button:focus::after{transition:none}}button:hover{color:var(--bg)}button:hover::after{background:var(--fg)}button:focus{color:var(--bg);box-shadow:none}button{padding:.75rem 1rem}button:hover{cursor:pointer}button:active{transform:translate(1px, 2px)}li{margin:1em 0}/*# sourceMappingURL=squawk.css.map */