:root{--paper:#faf8f5;--ink:#1a1517;--accent:#66382e;--button-text:#fff8f1;--input-bg:#fffefa;--success-bg:#f0e2dc;--field-radius:2px;--button-radius:2px}
body{background:var(--paper);color:var(--ink);font:400 18px/1.62 Outfit,sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'DM Serif Display',serif;font-weight:400;letter-spacing:-.035em}p{max-width:65ch}.small-index,.gallery-number{font:400 .72rem 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.brand{font-family:'DM Serif Display',serif;font-size:1.25rem}.site-header{border-bottom:1px solid #ded6d0}.site-nav a{font-size:.84rem}
.gallery-hero{position:relative;min-height:calc(100dvh - 84px);background:#d7c1aa;overflow:hidden}.gallery-hero>picture,.gallery-hero>picture img{position:absolute;inset:0;width:100%;height:100%}.gallery-image{object-fit:cover;object-position:center}.gallery-content{position:relative;min-height:calc(100dvh - 84px);display:grid;grid-template-columns:1fr minmax(270px,350px);gap:clamp(2rem,5vw,5rem);align-items:end;padding-block:clamp(4rem,8vw,8rem)}.gallery-headline{max-width:750px;text-shadow:0 1px 20px #f8efe995}.gallery-headline h1{font-size:clamp(4.4rem,7.7vw,9rem);line-height:.9;max-width:10ch;margin:1.4rem 0 1.8rem;text-wrap:balance}.gallery-headline h1 em{font-style:normal;color:#7f4d3f}.gallery-headline p{font-size:clamp(1rem,1.5vw,1.2rem);max-width:43ch}.gallery-signup{background:#f9f4edeb;padding:clamp(1.4rem,2.3vw,2.2rem);border:1px solid #c6aa97;box-shadow:0 2px 4px #2f1a131e,0 20px 48px #2f1a1333,inset 0 1px #fff8}.gallery-signup label:first-child{font:400 1.6rem 'DM Serif Display',serif;line-height:1.15}.gallery-signup .signup-consent{font-size:.74rem}.gallery-signup .signup-form button{width:100%}
.question-intro{display:grid;grid-template-columns:.45fr 1.4fr .75fr;gap:clamp(2rem,5vw,6rem);padding-block:clamp(6rem,12vw,12rem) 1rem;align-items:start}.question-intro h2,.method h2,.writer-section h2,.author-story h2,.spark-closing h2{font-size:clamp(3.1rem,5vw,6rem);line-height:1.02;text-wrap:balance}.question-intro h2{max-width:15ch}.question-intro>p{max-width:27ch}
.fan-stage{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(2rem,5vw,5rem);align-items:center;padding-bottom:clamp(6rem,10vw,10rem)}.fan-stack{position:relative;min-height:500px}.fan-card{position:absolute;top:12%;left:50%;width:min(380px,65%);height:360px;text-align:left;padding:2.4rem;border:1px solid #8c6d64;background:#e3d1c6;color:var(--ink);box-shadow:0 2px 4px #2f1a131e,0 20px 40px #2f1a1328,inset 0 1px #fff8;display:flex;flex-direction:column;justify-content:space-between;transform-origin:50% 80%;transition:box-shadow .2s ease}.fan-card:nth-child(1){transform:translateX(calc(-50% - 115px)) rotate(-10deg);background:#e8ddd4;z-index:1}.fan-card:nth-child(2){transform:translateX(-50%) rotate(0deg);background:#eeded1;z-index:3}.fan-card:nth-child(3){transform:translateX(calc(-50% + 115px)) rotate(10deg);background:#d5bdb0;z-index:2}.fan-card[aria-pressed="true"]{z-index:4}.fan-card:hover,.fan-card:focus-visible{box-shadow:0 4px 7px #2f1a1322,0 25px 48px #2f1a133f,inset 0 1px #fff8}.fan-card small{font:.75rem 'Space Mono',monospace;color:#75483c}.fan-card span{font:400 clamp(1.7rem,2.5vw,2.8rem)/1.12 'DM Serif Display',serif;max-width:12ch}.fan-caption{border-top:1px solid #aa9186;padding-top:2rem}.fan-caption p{font:400 clamp(2rem,3vw,3.5rem)/1.1 'DM Serif Display',serif;margin:1.2rem 0 2rem}.fan-caption a{display:inline-flex;min-height:44px;align-items:center;text-decoration:underline;text-underline-offset:6px}
.method{background:#231d1d;color:#f8f2eb;padding-block:clamp(6rem,11vw,11rem)}.method-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,8rem)}.method .small-index{color:#cfa694}.method h2{max-width:10ch;margin-top:1rem}.method-steps article{display:grid;grid-template-columns:120px 1fr;gap:1rem;padding:2.5rem 0;border-top:1px solid #79655f}.method-steps article:last-child{border-bottom:1px solid #79655f}.method-steps article>span{font:400 clamp(3rem,5vw,5rem) 'Space Mono',monospace;color:#aa7767}.method-steps h3{font-size:clamp(2rem,3vw,3.6rem);line-height:1.05;margin-bottom:.7rem}.method-steps p{color:#ded1ca;max-width:38ch}
.writer-section{display:grid;grid-template-columns:1fr .9fr;gap:clamp(3rem,8vw,9rem);padding-block:clamp(7rem,12vw,12rem);align-items:center}.writer-section h2{max-width:12ch;margin:1rem 0 1.5rem}.writer-section>div:first-child>p{max-width:42ch}.writer-section label{display:block;margin:2rem 0 .5rem;font-weight:600}.writer-section textarea{display:block;width:100%;max-width:510px;padding:1rem;border:1px solid #9e8b81;background:#fffefa;font-size:16px;color:var(--ink)}.writer-section button{min-height:48px;margin-top:.8rem;padding:.7rem 1.2rem;background:var(--accent);color:#fff8f1;border:0}.writer-paper{position:relative;min-height:470px;padding:clamp(2rem,5vw,5rem);background:#ede3d8;box-shadow:0 2px 4px #2f1a131e,0 25px 45px #2f1a1325,inset 0 1px #fff9;transform:rotate(2deg)}.writer-paper span{font:.72rem 'Space Mono',monospace;text-transform:uppercase;color:#8a5447}.writer-paper p{font:400 clamp(2.2rem,3.5vw,4rem)/1.2 'DM Serif Display',serif;margin-top:3rem;overflow-wrap:anywhere}
.author-story{padding-block:clamp(6rem,10vw,10rem);background:#e8ddd4}.author-story__inner{display:grid;grid-template-columns:.65fr 1.1fr;gap:clamp(3rem,9vw,10rem);align-items:center}.author-portrait{padding:8px;border:1px solid #b29689;border-radius:50%;max-width:390px}.author-portrait img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%}.author-story h2{max-width:13ch;margin:1rem 0 1.4rem}.author-story p+p{margin-top:1rem}.spark-closing{padding-block:clamp(6rem,10vw,10rem);background:#a87765;color:#201719}.spark-closing__inner{display:flex;align-items:end;justify-content:space-between;gap:3rem}.spark-closing .small-index{color:#452922}.spark-closing h2{margin:1rem 0;max-width:13ch}.spark-closing a{background:#201719;color:#fff7ef;text-decoration:none;padding:1rem 1.4rem;min-height:54px;display:inline-flex;align-items:center;white-space:nowrap}.site-footer{background:#201719;color:#f8f2eb;border-color:#6b5956}
@media(max-width:1050px){.gallery-content{grid-template-columns:1fr;align-items:end}.gallery-signup{max-width:450px}.question-intro{grid-template-columns:.5fr 1.5fr}.question-intro>p{grid-column:2}.fan-stage{grid-template-columns:1fr}.fan-stack{min-height:470px}.fan-caption{max-width:560px}}
@media(max-width:650px){body{font-size:16px}.gallery-hero,.gallery-content{min-height:0}.gallery-hero>picture img{object-position:60% center}.gallery-content{padding-top:5rem;padding-bottom:2rem}.gallery-headline h1{font-size:clamp(3.8rem,14vw,6rem);max-width:10ch}.gallery-headline p{background:#faf8f5b8;padding:.5rem}.gallery-signup{margin-top:3rem}.question-intro{display:block}.question-intro h2{margin:1rem 0}.fan-stack{min-height:360px}.fan-card{height:300px;top:3%;width:min(280px,60%);padding:1.5rem}.fan-card:nth-child(1){transform:translateX(calc(-50% - 44px)) rotate(-7deg)}.fan-card:nth-child(3){transform:translateX(calc(-50% + 44px)) rotate(7deg)}.fan-card span{font-size:1.7rem}.method-layout,.writer-section,.author-story__inner{display:block}.method-steps{margin-top:3rem}.method-steps article{grid-template-columns:70px 1fr}.method-steps article>span{font-size:2.4rem}.writer-paper{margin-top:3rem;min-height:330px}.author-portrait{max-width:240px;margin-bottom:3rem}.spark-closing__inner{display:block}.spark-closing a{margin-top:2rem}}

.fan-card small{color:#63382d}.spark-closing .small-index{color:#251615}

/* Square-source author portrait framing */
@media(min-width:0px){.author-portrait img{width:100%;height:auto;max-width:300px;aspect-ratio:1/1;align-self:center;justify-self:center;object-fit:cover}}