*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:1rem}body{margin:0;color:#211525;background:#fff9ef;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:.2em}a:hover{text-decoration-thickness:3px}a:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:6px}header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 3%;background:#fa439b;border-bottom:1.5px solid}nav{display:flex;flex-wrap:wrap;gap:20px;font-size:14px}.small-logo{font-weight:800;text-decoration:none}.header-news{font-size:14px}.hero{background:#fa439b;padding:26px 3% 0;min-height:calc(100svh - 66px);display:flex;flex-direction:column;justify-content:space-between}.hero-top,.ground{display:flex;justify-content:space-between;gap:20px;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.hero h1{font-size:clamp(5rem,23.8vw,28rem);letter-spacing:-.075em;line-height:.84;margin:38px 0 34px;font-weight:900;transform:translateX(-.012em)}.hero-bottom{display:flex;justify-content:space-between;align-items:end;padding-bottom:50px;gap:35px}.hero-bottom p{font-size:clamp(2.5rem,5.7vw,6rem);line-height:.97;letter-spacing:-.05em;margin:0;position:relative}.hero-bottom p>span{display:inline-block;font-size:1.6em;margin-left:35px;vertical-align:bottom}.hero-links{min-width:33%;display:grid;gap:10px}.hero-links a{display:flex;justify-content:space-between;gap:40px;border-bottom:2px solid;padding:15px 0;font-size:clamp(1.15rem,2vw,2rem);text-decoration:none}.ground{border-top:1.5px solid;padding:18px 0}.section{padding:70px 5%;border-bottom:1.5px solid}.section-label{text-transform:uppercase;font-size:12px;letter-spacing:.08em;margin-bottom:30px}h2{font-size:clamp(2.6rem,5.5vw,5.8rem);line-height:1;letter-spacing:-.055em;font-weight:500;margin:0 0 28px}p{font-size:20px;line-height:1.5;max-width:650px}.note{font-size:14px;max-width:460px}.about{display:grid;grid-template-columns:1fr 2fr .6fr;gap:35px}.flower{font-size:140px;line-height:1;color:#5422a6}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-heading p{max-width:250px;font-size:16px}.zines{background:#eee7fa}.zine-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.zine{border:1.5px solid;padding:30px;min-width:0}.zine h3{font-size:clamp(3rem,9vw,9rem);line-height:1;margin:50px 0;letter-spacing:-.07em}.zine p{font-size:17px}.zine .tag{font-size:12px;text-transform:uppercase}.gray{background:#cccac8}.gray h3{font-family:Georgia,serif;font-weight:400}.crush{background:#5823b0;color:#fff780}.crush h3{font-weight:900;font-style:italic}.two-up{display:grid;grid-template-columns:1fr 1fr}.two-up .section:first-child{border-right:1.5px solid}.yellow{background:#f5f16c}.purple{background:#5823b0;color:#fff9ef}.status{display:inline-block;border:1px solid;padding:10px 14px;margin-top:18px;font-size:14px}.projects{background:#fff9ef}.big-link{display:flex;justify-content:space-between;border-top:1.5px solid;padding-top:24px;margin-top:45px;font-size:clamp(1.5rem,3vw,3rem)}.journal{background:#f5f16c}.journal details{border-top:1.5px solid;border-bottom:1.5px solid;padding:25px 0}.journal summary{cursor:pointer;font-size:clamp(1.5rem,3vw,3rem)}.journal small{display:block;font-size:12px;text-transform:uppercase;margin-bottom:16px}.newsletter{background:#fa439b}footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px 5%;font-size:12px}footer>a{font-size:26px;font-weight:900;text-decoration:none}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:#fff;z-index:5}.skip:focus{top:10px}#content-error{padding:20px} @media(min-width:1600px){.hero h1{font-size:24vw}}@media(max-width:760px){header{align-items:start;flex-wrap:wrap;padding:18px 5%;gap:18px}nav{order:3;width:100%;gap:12px 20px}header .header-news{margin-left:auto}.hero{padding:24px 5% 0;min-height:75svh}.hero-top{font-size:10px}.hero-top span:last-child{max-width:120px;text-align:right}.hero h1{font-size:23vw;margin:55px 0}.hero-bottom{align-items:start;flex-direction:column;gap:30px}.hero-bottom p>span{margin-left:20px}.hero-links{width:100%}.ground{font-size:9px}.section{padding:45px 6%}.about{grid-template-columns:1fr}.about .section-label{margin-bottom:0}.flower{display:none}.section-heading{display:block}.section-heading p{max-width:none}.zine-grid,.two-up{grid-template-columns:1fr}.zine h3{font-size:22vw}.two-up .section:first-child{border-right:0}p{font-size:18px}footer{flex-wrap:wrap}footer>a{width:100%}}
/* Lowercase serif masthead. */
header{font-family:Georgia,"Times New Roman",serif;text-transform:lowercase}
header nav,.header-news{font-size:16px}
.small-logo{font-weight:400;font-size:20px}

/* Exact Adobe Fonts Black variant; web kit maps this style to weight 800. */
.hero h1{font-family:"acumin-pro-extra-condensed",sans-serif;font-weight:800;font-style:normal;font-synthesis:none;font-size:40vw;letter-spacing:-.015em;line-height:.85;transform:none}

/* Grey: an editorial reading room, with controls kept out of the page. */
.read-zine{display:inline-block;font:italic 24px Georgia,serif;margin-top:15px;text-decoration-thickness:1px}
.booklet{margin:70px -5.56% -70px;padding:65px 5% 45px;background:#ddd6df;color:#261c29;scroll-margin-top:0}
.booklet-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.booklet-heading .section-label{font-size:10px;letter-spacing:.15em;margin-bottom:15px}.booklet-heading h3{font:normal clamp(70px,10vw,140px)/.85 Georgia,serif;letter-spacing:-.07em;margin:0}.booklet-heading>a{font-size:12px;text-decoration:none;border-bottom:1px solid #261c2960;padding-bottom:5px}
.booklet-shell{background:#29212c;color:#f7f0e8;padding:12px 30px 25px;border-radius:3px}
.booklet-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:8px 0 15px;font-size:11px;letter-spacing:.04em}.booklet-toolbar>span{opacity:.65}.booklet-toolbar button{font-size:12px}
.booklet button,.booklet-dialog button{font-family:inherit;color:inherit;background:none;border:0;min-height:44px;cursor:pointer;padding:8px 0}.booklet button:focus-visible,.booklet select:focus-visible,.booklet-dialog :focus-visible{outline:2px solid #f7f0e8;outline-offset:5px}.booklet button:disabled,.booklet-dialog button:disabled{opacity:.2;cursor:default}
.booklet-viewport{max-height:84dvh;overflow:auto;overscroll-behavior-x:contain;touch-action:auto;padding:12px 12px 25px}.booklet-pages{display:flex;justify-content:center;margin:auto;min-width:0;box-shadow:0 15px 35px #100b1440}.booklet-pages img{display:block;width:100%;height:auto;align-self:start;background:white}.booklet-pages.is-spread img{width:50%}.booklet-pages.is-spread img:first-child{border-right:1px solid #dedbd8}.booklet-pages.is-spread{position:relative}.booklet-pages.is-spread:after{content:"";position:absolute;left:calc(50% - 12px);top:0;bottom:0;width:24px;background:linear-gradient(90deg,transparent,#2115250d,transparent);pointer-events:none}
.booklet-controls{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:20px;max-width:360px;margin:0 auto}.booklet-controls button{font:32px/1 Georgia,serif;border-radius:50%;height:48px;width:48px}.booklet-controls button:hover:enabled{background:#ffffff0d}#book-status{text-align:center;font-size:11px;letter-spacing:.05em}
.booklet-bottom{display:flex;justify-content:space-between;gap:25px;align-items:start;font-size:11px;margin-top:18px;padding-top:20px;border-top:1px solid #f7f0e81f}.booklet-hint{color:#d4c8d8}.booklet-options{max-width:280px;text-align:right}.booklet-options summary,.booklet-text summary{cursor:pointer;list-style:none;text-underline-offset:4px}.booklet-options summary::-webkit-details-marker,.booklet-text summary::-webkit-details-marker{display:none}.booklet-options summary:after{content:" +"}.booklet-options[open] summary:after{content:" −"}.booklet-option-fields{display:grid;gap:16px;padding:25px 0 10px}.booklet-option-fields label{display:flex;align-items:center;justify-content:space-between;gap:15px}.booklet select,.booklet-dialog select{background:#29212c;color:#f7f0e8;font:12px Arial,sans-serif;border:0;border-bottom:1px solid #f7f0e84d;border-radius:0;min-height:40px;max-width:180px;padding:5px}
#book-progress{display:none}.booklet-text{margin-top:12px;font-size:11px}.booklet-text summary{width:max-content;opacity:.75}#book-transcript{padding:10px 0;color:#f7f0e8}#book-transcript p{font-size:18px;line-height:1.6;white-space:pre-wrap;max-width:65ch}#book-transcript h4{font:italic 24px Georgia,serif}
.booklet-dialog{position:fixed;inset:0;margin:auto;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;background:#29212c;overflow:auto;color:#f7f0e8}.booklet-dialog::backdrop{background:#29212c}.booklet-dialog .booklet-shell{max-width:1400px;margin:auto;padding:20px 45px 30px}.booklet-dialog .booklet-viewport{max-height:79dvh}.booklet-dialog .booklet-bottom,.booklet-dialog .booklet-text{max-width:1000px;margin-left:auto;margin-right:auto}
@media(max-width:760px){.booklet{margin:45px -6.82% -45px;padding:45px 6% 30px}.booklet-heading{margin-bottom:25px}.booklet-heading h3{font-size:85px}.booklet-heading>a{max-width:120px;font-size:11px}.booklet-shell{padding:10px 14px 20px}.booklet-toolbar{font-size:10px}.booklet-toolbar button{font-size:11px}.booklet-viewport{padding:10px 0 20px;max-height:78dvh}.booklet-controls{max-width:280px}.booklet-bottom{gap:12px}.booklet-hint{max-width:110px;line-height:1.5}.booklet-dialog .booklet-shell{padding:10px 14px 20px}.booklet-dialog .booklet-viewport{max-height:78dvh}}

/* Small, deliberate motion; native scrolling keeps touch and keyboard behavior. */
html{scroll-behavior:smooth}.booklet-viewport{scroll-behavior:smooth}.icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0}.hero-links .icon,.big-link .icon{width:1.1em;height:1.1em}.hero-bottom p>span .icon{width:1em;height:1em}.flower .icon{width:1em;height:1em}.booklet-controls button .icon{width:25px;height:25px}.booklet-controls button{display:grid;place-items:center;transition:background-color .2s ease,transform .2s ease}.booklet-controls button:hover:enabled{transform:translateX(2px)}.booklet-controls button:first-child:hover:enabled{transform:translateX(-2px)}
@media(prefers-reduced-motion:reduce){html,.booklet-viewport{scroll-behavior:auto}.booklet-controls button{transition:none}.booklet-controls button:hover:enabled{transform:none}}

/* Light paper setting for Grey. */
.booklet-shell,.booklet-dialog,.booklet-dialog::backdrop{background:#e8e4e0;color:#302a30}
.booklet-bottom{border-top-color:#302a3026}.booklet-hint{color:#625b62}
.booklet select,.booklet-dialog select{background:#e8e4e0;color:#302a30;border-bottom-color:#302a304d}
#book-transcript{color:#302a30}
.booklet button:focus-visible,.booklet select:focus-visible,.booklet-dialog :focus-visible{outline-color:#5422a6}
.booklet-controls button:hover:enabled{background:#302a300a}
.booklet-pages{box-shadow:0 12px 30px #302a3014}
