*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}.thematicPage{min-height:100vh;background:var(--si-paper);color:var(--si-ink);font-family:system-ui,sans-serif}.thematicPage [hidden]{display:none!important}.store-line-icon{width:22px;height:22px;flex:none}.store-motif{width:72px;height:54px}.tpSkip{position:absolute;top:-100px;left:16px;padding:12px;z-index:10;background:white;color:#222}.tpSkip:focus{top:12px}.tpPreview{padding:10px 20px;background:#eee8dc;color:#3e443c;text-align:center;font-size:12px}.tpHeader{display:flex;justify-content:space-between;align-items:center;padding:24px clamp(24px,6vw,96px);gap:30px}.tpBrand{font:26px/1.3 Georgia,serif;text-decoration:none;max-width:70%}.tpBrand img{object-fit:contain;max-width:180px;height:60px;display:block}.tpHeader>div{display:flex;gap:22px;font-size:12px}.tpHeader>div a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.thematicPage main{padding:0 clamp(24px,6vw,96px);max-width:1600px;margin:auto}.tpIntro{padding:clamp(50px,8vw,110px) 0 44px;display:flex;align-items:center;justify-content:space-between;gap:40px}.tpIntro>div{max-width:800px}.tpIntro span,.tpEnd span{text-transform:uppercase;font-size:11px;letter-spacing:.18em}.tpIntro h1{font:400 clamp(40px,5vw,78px)/1.03 Georgia,serif;letter-spacing:-.035em;max-width:16ch;margin:22px 0 24px;text-wrap:balance}.tpIntro p{font-size:16px;line-height:1.8;max-width:54ch;margin:0}.tpIntro>.store-motif{width:clamp(80px,15vw,220px);height:auto;color:var(--si-accent);flex:none}.tpSearch{display:grid;grid-template-columns:minmax(170px,.4fr) minmax(220px,1fr) auto;align-items:center;gap:24px;border-block:1px solid color-mix(in srgb,currentColor 25%,transparent);padding:20px 0;margin-bottom:52px}.tpSearch label{font-size:13px;font-weight:600}.tpSearch input{width:100%;min-width:0;border:0;border-bottom:1px solid color-mix(in srgb,currentColor 35%,transparent);padding:14px 0;background:none;border-radius:0;color:inherit;font-size:14px}.tpSearch p{font-size:11px;line-height:1.5;max-width:15ch}.thematicGroup{margin:0 0 64px}.thematicGroup>header{display:flex;justify-content:space-between;gap:24px;align-items:baseline;margin-bottom:25px}.thematicGroup h2{font:400 27px/1.2 Georgia,serif;margin:0}.thematicGroup>header>span{font-size:11px;white-space:nowrap}.thematicGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px}.thematicCard{display:block;min-width:0;text-decoration:none}.thematicCard figure{aspect-ratio:4/5;position:relative;margin:0;background:color-mix(in srgb,var(--si-paper) 80%,var(--si-accent));border:1px solid color-mix(in srgb,var(--si-ink) 12%,transparent);overflow:hidden}.thematicCard img{display:block;width:100%;height:100%;object-fit:contain;padding:12px;transition:transform .3s}.thematicCard:hover img{transform:scale(1.025)}.thematicCard figure>span{position:absolute;left:12px;top:12px;font-size:9px;letter-spacing:.1em;background:var(--si-paper);padding:6px}.thematicCard>div{display:grid;grid-template-columns:1fr 22px;gap:6px 16px;padding-top:18px}.thematicCard h3{font:400 24px/1.2 Georgia,serif;margin:0}.thematicCard>div>p{font-size:11px;grid-column:1/-1;margin:0;line-height:1.7}.tpEnd{display:flex;align-items:center;justify-content:space-between;gap:44px;padding:56px 0;border-top:1px solid color-mix(in srgb,currentColor 25%,transparent)}.tpEnd h2{font:400 34px/1.15 Georgia,serif;max-width:24ch;margin:18px 0}.tpEnd p{font-size:14px;line-height:1.8;max-width:52ch}.tpEnd>a{display:inline-flex;align-items:center;gap:24px;min-height:48px;text-decoration:none;border-bottom:1px solid currentColor;font-size:14px;flex:none}.tpFooter{display:flex;justify-content:space-between;gap:36px;padding:44px clamp(24px,6vw,96px);background:color-mix(in srgb,var(--si-paper) 85%,var(--si-accent));border-top:1px solid color-mix(in srgb,currentColor 20%,transparent)}.tpFooter strong{font:400 25px/1.3 Georgia,serif}.tpFooter p{font-size:12px;line-height:1.8}.tpFooter nav{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;max-width:480px}.tpFooter a{font-size:12px;min-height:44px;display:inline-flex;align-items:center;text-decoration:none}.thematicPage :focus-visible{outline:2px solid currentColor;outline-offset:5px}.tpEmpty{line-height:1.8;padding:30px 0}
[data-layout=chapters] .thematicCard figure{border:3px double #27382f55;padding:8px;background:#efe4cd}[data-layout=chapters] .thematicCard figure>span{font-family:Georgia,serif}[data-layout=chapters] .thematicGroup>header{border-bottom:3px double #27382f44;padding-bottom:18px}
[data-layout=manifesto] .tpIntro h1,[data-layout=blocks] .tpIntro h1,[data-layout=club] .tpIntro h1,[data-layout=precision] .tpIntro h1{font-family:system-ui;font-weight:850;text-transform:uppercase;letter-spacing:-.065em}
[data-layout=manifesto] .thematicCard figure,[data-layout=blocks] .thematicCard figure,[data-layout=precision] .thematicCard figure{box-shadow:7px 7px 0 var(--si-accent);border:1px solid currentColor}
[data-layout=arch] .thematicCard figure,[data-layout=portal] .thematicCard figure,[data-layout=curtain] .thematicCard figure,[data-layout=cabinet] .thematicCard figure,[data-layout=storybook] .thematicCard figure{border-radius:100px 100px 0 0}
[data-layout=album] .thematicCard figure,[data-layout=postcard] .thematicCard figure,[data-layout=fieldnotes] .thematicCard figure{padding:8px;background:#fffaed;box-shadow:2px 4px 10px #00000010;transform:rotate(-1deg)}
[data-layout=garden] .thematicCard figure,[data-layout=quiet] .thematicCard figure,[data-layout=cameo] .thematicCard figure,[data-layout=shore] .thematicCard figure,[data-layout=seasons] .thematicCard figure{border-radius:45% 45% 0 0;overflow:hidden}
[data-layout=woven] .thematicCard figure,[data-layout=patchwork] .thematicCard figure{border:1px dashed currentColor;outline:1px dashed #00000020;outline-offset:-9px}
[data-layout=orbit] .thematicCard figure,[data-layout=gesture] .thematicCard figure,[data-layout=dollhouse] .thematicCard figure{border-radius:70px 0 70px 0}
[data-layout=blueprint] .thematicCard figure,[data-layout=specimen] .thematicCard figure,[data-layout=contactsheet] .thematicCard figure{border:1px solid currentColor;padding:12px}
@media(max-width:900px){.thematicGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.tpSearch{grid-template-columns:1fr 2fr}.tpSearch p{grid-column:1/-1;max-width:none;margin:0}.tpEnd{align-items:flex-start;flex-direction:column;gap:16px}}
@media(max-width:600px){.tpHeader{padding:16px 24px;gap:18px}.tpBrand{font-size:20px}.tpBrand img{max-width:150px;height:48px}.tpHeader>div{gap:16px;font-size:11px}.tpIntro{padding:42px 0 28px;position:relative}.tpIntro h1{font-size:42px;max-width:14ch}.tpIntro p{font-size:14px}.tpIntro>.store-motif{display:none}.tpSearch{display:block;padding:20px 0;margin-bottom:36px}.tpSearch input{margin:7px 0 12px;font-size:16px}.thematicGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.thematicGroup h2{font-size:25px;max-width:15ch}.thematicCard h3{font-size:21px}.thematicCard>div{gap:6px 8px;grid-template-columns:1fr 17px}.thematicCard .store-line-icon{width:17px;height:17px}.thematicCard>div>p{font-size:10px}.thematicCard figure>span{left:7px;top:7px}.tpEnd{padding:40px 0}.tpEnd h2{font-size:31px}.tpFooter{display:block;padding:34px 24px}.tpFooter nav{margin-top:22px;gap:0 26px}.tpIntro span{font-size:10px}.thematicGroup>header>span{font-size:10px}.thematicCard img{padding:4px}}
@media(prefers-reduced-motion:reduce){.thematicCard img{transition:none}}

/* Collection campaigns have their own art. Product images are never used as covers. */
.thematicGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 36px}.thematicCard figure{aspect-ratio:auto;border-radius:0;overflow:visible}.thematicCard picture{display:block;overflow:hidden}.thematicCard img{height:auto;aspect-ratio:auto;padding:0;object-fit:contain}.thematicCard .tcStory{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:26px 0 0}.tcStory small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;line-height:1.7}.thematicCard h3{font-size:clamp(32px,3.7vw,54px);line-height:1.05;text-wrap:balance;letter-spacing:-.03em}.thematicCard h4{font:400 20px/1.4 Georgia,serif;margin:0;max-width:28ch}.thematicCard .tcStory p{font-size:14px;line-height:1.8;max-width:45ch;margin:0}.tcCount{font-size:11px;opacity:.8}.tcAction{display:inline-flex;gap:24px;align-items:center;font-size:13px;border-bottom:1px solid currentColor;padding:12px 0;margin-top:5px;min-height:44px}.thematicCard:hover .tcAction{gap:30px}.thematicCard:hover img{transform:none}
[data-layout=chapters] .thematicGrid,[data-layout=stage] .thematicGrid,[data-layout=curtain] .thematicGrid,[data-layout=dictionary] .thematicGrid,[data-layout=archive] .thematicGrid{grid-template-columns:1fr;gap:70px}
[data-layout=chapters] .thematicCard,[data-layout=archive] .thematicCard,[data-layout=dictionary] .thematicCard{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center}
[data-layout=chapters] .thematicCard:nth-child(even) figure{order:2}[data-layout=chapters] .thematicCard .tcStory{padding:0}
[data-layout=chapters] .thematicCard figure{padding:10px;box-shadow:5px 6px 0 #27382f0c}[data-layout=chapters] .tcStory small{border-bottom:1px solid #27382f40;padding-bottom:12px;width:100%}
[data-layout=curtain] .thematicCard{padding:24px;border:1px solid var(--si-accent);display:grid;grid-template-columns:minmax(0,1.6fr) 1fr;align-items:center;gap:40px}[data-layout=curtain] .thematicCard figure{border-radius:0;padding:0;border:0}[data-layout=curtain] .tcStory{padding:10px}[data-layout=curtain] .tcStory small{color:var(--si-accent)}
[data-layout=stage] .thematicCard{display:grid;grid-template-columns:1.7fr 1fr;gap:36px;align-items:center}[data-layout=stage] .thematicCard figure{box-shadow:10px 10px 0 var(--si-accent)}
[data-layout=manifesto] .tcStory h3,[data-layout=blocks] .tcStory h3,[data-layout=club] .tcStory h3,[data-layout=precision] .tcStory h3{font-family:system-ui;font-weight:850;letter-spacing:-.06em}[data-layout=precision] .tcStory{border-bottom:2px solid var(--si-accent);padding-bottom:24px}
[data-layout=postcard] .thematicCard figure,[data-layout=album] .thematicCard figure,[data-layout=fieldnotes] .thematicCard figure{padding:12px 12px 34px}[data-layout=postcard] .thematicCard:nth-child(even) figure{transform:rotate(1deg)}
[data-layout=cabinet] .thematicCard,[data-layout=arch] .thematicCard,[data-layout=dollhouse] .thematicCard{border:1px solid color-mix(in srgb,currentColor 25%,transparent);padding:18px 18px 28px;background:color-mix(in srgb,var(--si-paper) 86%,white)}
[data-layout=quiet] .tcStory,[data-layout=cameo] .tcStory{align-items:center;text-align:center}[data-layout=quiet] .thematicGrid{gap:80px}[data-layout=quiet] .thematicCard figure{border:0}[data-layout=cameo] .thematicCard figure{padding:10px;border:3px double var(--si-accent)}
[data-layout=fold] .thematicCard{border-bottom:10px solid var(--si-accent);padding-bottom:24px}[data-layout=record] .thematicCard figure{box-shadow:8px 8px 0 var(--si-ink)}[data-layout=ribbon] .tcStory{border-top:8px solid var(--si-accent);margin-top:12px}[data-layout=orbit] .thematicCard figure{padding:10px;border:1px solid var(--si-accent)}
[data-layout=blueprint] .tcStory small,[data-layout=specimen] .tcStory small,[data-layout=contactsheet] .tcStory small{font-family:monospace;font-size:12px}[data-layout=horizon] .tcStory{border-top:1px solid var(--si-accent);margin-top:20px}[data-layout=seasons] .tcStory{border-bottom:1px solid var(--si-accent);padding-bottom:24px}
@media(max-width:900px){.thematicGrid{grid-template-columns:1fr;gap:50px}[data-layout=chapters] .thematicCard,[data-layout=archive] .thematicCard,[data-layout=dictionary] .thematicCard,[data-layout=curtain] .thematicCard,[data-layout=stage] .thematicCard{grid-template-columns:1fr;gap:24px}[data-layout=chapters] .thematicCard:nth-child(even) figure{order:0}.thematicCard .tcStory{padding-top:0}.thematicCard h3{font-size:42px}}
@media(max-width:600px){.thematicPage main{padding-inline:22px}.thematicGroup>header{gap:15px}.thematicGroup h2{font-size:24px;max-width:18ch}.thematicCard h3{font-size:38px}.thematicCard h4{font-size:21px}.thematicCard .tcStory p{font-size:15px}.thematicCard .tcStory{gap:14px}.thematicGrid,[data-layout=chapters] .thematicGrid{gap:56px}.thematicCard figure>span{left:15px;top:15px}[data-layout=curtain] .thematicCard{padding:14px}.tcAction{font-size:14px}.tpIntro h1{font-size:44px}}