@import"https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;1,6..72,400&family=Inter:wght@400&display=swap";@font-face{font-family:Odense Small Caps;font-style:normal;font-weight:600;font-display:swap;src:url(Odense_SmallCaps_DemiBold.ttf) format("truetype")}body:has(.spoils-design-page){background:#f4f0e8;margin:0}body:has(.spoils-design-page) .shopify-section-group-header-group,body:has(.spoils-design-page) .shopify-section-group-footer-group,body:has(.spoils-design-page) .shopify-section-group-overlay-group,body:has(.spoils-design-page) .shopify-section--header,body:has(.spoils-design-page) .shopify-section--footer,body:has(.spoils-design-page) .shopify-section--newsletter-popup,body:has(.spoils-design-page) newsletter-popup,body:has(.spoils-design-page) .section-spoils-footer{display:none!important}.spoils-design-page,.spoils-design-page *,.spoils-design-page *:before,.spoils-design-page *:after{box-sizing:border-box}.spoils-design-page{background:#f4f0e8;color:#6b6660;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.spoils-design-page img{display:block;height:auto;max-width:100%}.spoils-design-page a{color:inherit;text-decoration:none}.spoils-design-page p,.spoils-design-page h1,.spoils-design-page h2,.spoils-design-page h3,.spoils-design-page h4,.spoils-design-page figure,.spoils-design-page ul{margin:0}.spoils-design-page ul{list-style:none;padding:0}.spoils-design-page #page{container-type:inline-size;container-name:the-design-page;--dsgn-bone: #F4F0E8;--dsgn-bone-2: #ECE7DC;--dsgn-paper: #FAF7F1;--dsgn-ink: #0F0E0C;--dsgn-headline: #1F1C18;--dsgn-strong: #433E37;--dsgn-body: #6B6660;--dsgn-muted: #8A847C;--dsgn-quiet: #B6AFA4;--dsgn-border: #D6CFC2;--dsgn-hairline: #E3DCCE;--dsgn-on-ink-headline: #F4F0E8;--dsgn-on-ink-body: #D6CFC2;--dsgn-on-ink-muted: #8A847C;--dsgn-on-ink-quiet: #55504A;--dsgn-on-ink-border: #3A3631;--dsgn-fabric-bone: #E9E3D4;--dsgn-fabric-grove: #686A52;--dsgn-pad: clamp(24px, 6.5cqw, 132px);--dsgn-rhythm: clamp(72px, 9cqw, 136px);--dsgn-choice-pad-top: clamp(36px, 3.4cqw, 52px);--dsgn-choice-rule-mb: clamp(36px, 4cqw, 64px);--dsgn-choice-grid-gap: clamp(48px, 6cqw, 110px);--dsgn-choice-split-gap: clamp(40px, 5cqw, 96px);--dsgn-figure-mb: clamp(36px, 4cqw, 60px);--dsgn-board-gap: clamp(20px, 2.4cqw, 36px);--dsgn-ease: cubic-bezier(.22, 1, .36, 1);background:var(--dsgn-bone)}.spoils-design-page__wrap{padding-left:var(--dsgn-pad);padding-right:var(--dsgn-pad)}.spoils-design-page__eyebrow{color:var(--dsgn-quiet);font-family:Odense Small Caps,Inter,system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:.24em;line-height:1;text-transform:uppercase}.spoils-design-page__ink .spoils-design-page__eyebrow{color:var(--dsgn-on-ink-quiet)}.spoils-design-page__h1{color:var(--dsgn-headline);font-family:Newsreader,Georgia,Times New Roman,serif;font-size:clamp(38px,4.8cqw,66px);font-weight:400;letter-spacing:-.016em;line-height:1.06;text-wrap:balance}.spoils-design-page__ink .spoils-design-page__h1{color:var(--dsgn-on-ink-headline)}.spoils-design-page__h2{color:var(--dsgn-headline);font-family:Newsreader,Georgia,Times New Roman,serif;font-size:clamp(29px,3.2cqw,46px);font-weight:400;letter-spacing:-.013em;line-height:1.1;text-wrap:balance}.spoils-design-page__body,.spoils-design-page__lead{color:var(--dsgn-body);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;letter-spacing:0;text-wrap:pretty}.spoils-design-page__body{font-size:clamp(15.5px,1.15cqw,17px);line-height:1.68;max-width:60ch}.spoils-design-page__body+.spoils-design-page__body{margin-top:1.1em}.spoils-design-page__lead{color:var(--dsgn-strong);font-size:clamp(17px,1.4cqw,20px);line-height:1.55;max-width:56ch}.spoils-design-page__ink .spoils-design-page__body{color:var(--dsgn-on-ink-body)}.spoils-design-page__meta,.spoils-design-page__cap,.spoils-design-page__txtlink,.spoils-design-page__nav,.spoils-design-page__nav-right,.spoils-design-page__slot-label,.spoils-design-page__swatch-label,.spoils-design-page__spec-key{font-family:Odense Small Caps,Inter,system-ui,sans-serif;font-weight:600;text-transform:uppercase}.spoils-design-page__meta{color:var(--dsgn-muted);font-size:10.5px;letter-spacing:.18em;line-height:1}.spoils-design-page__ink .spoils-design-page__meta{color:var(--dsgn-on-ink-muted)}.spoils-design-page__cap{color:var(--dsgn-muted);display:flex;font-size:10px;gap:24px;justify-content:space-between;letter-spacing:.18em;line-height:1.2;margin-top:14px}.spoils-design-page__txtlink{align-items:center;border-bottom:1px solid var(--dsgn-border);color:var(--dsgn-headline);display:inline-flex;font-size:11px;gap:10px;letter-spacing:.18em;padding-bottom:4px;transition:opacity .12s ease}.spoils-design-page__txtlink:hover{opacity:.6}.spoils-design-page__txtlink-arrow{display:inline-block;transition:transform .2s var(--dsgn-ease)}.spoils-design-page__txtlink:hover .spoils-design-page__txtlink-arrow{transform:translate(4px)}.spoils-design-page__ink .spoils-design-page__txtlink{border-bottom-color:var(--dsgn-on-ink-quiet);color:var(--dsgn-on-ink-headline)}.spoils-design-page__marginalia{color:var(--dsgn-strong);font-family:Newsreader,Georgia,Times New Roman,serif;font-size:clamp(17px,1.5cqw,22px);font-style:italic;font-weight:400;letter-spacing:-.005em;line-height:1.4;text-wrap:pretty}.spoils-design-page__payoff{font-style:italic}.spoils-design-page__slot-sub{color:var(--dsgn-muted);font-family:Newsreader,Georgia,Times New Roman,serif;font-size:clamp(15px,1.2cqw,17px);font-style:italic;font-weight:400;max-width:30ch}.spoils-design-page__site-head{align-items:center;border-bottom:1px solid var(--dsgn-hairline);display:flex;justify-content:space-between;padding-bottom:28px;padding-top:28px}.spoils-design-page__logo{color:var(--dsgn-headline);font-family:Odense Small Caps,Inter,system-ui,sans-serif;font-size:13px;font-weight:600;letter-spacing:.16em;line-height:1;text-transform:uppercase}.spoils-design-page__nav{color:var(--dsgn-body);display:flex;font-size:11px;gap:36px;letter-spacing:.2em}.spoils-design-page__nav a,.spoils-design-page__nav-right{transition:opacity .12s ease}.spoils-design-page__nav a:hover,.spoils-design-page__nav-right:hover{opacity:.6}.spoils-design-page__nav .is-current{border-bottom:1px solid var(--dsgn-headline);color:var(--dsgn-headline);padding-bottom:3px}.spoils-design-page__nav-right{color:var(--dsgn-body);font-family:Odense Small Caps,Inter,system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:.2em;line-height:1;text-transform:uppercase}.spoils-design-page__intent{padding-bottom:clamp(56px,6cqw,96px);padding-top:clamp(64px,8cqw,128px)}.spoils-design-page__intent-grid{align-items:start;display:grid;gap:clamp(48px,7cqw,120px);grid-template-columns:minmax(0,1.3fr) minmax(310px,.7fr)}.spoils-design-page__intent .spoils-design-page__eyebrow{margin-bottom:24px}.spoils-design-page__intent .spoils-design-page__h1{max-width:16ch}.spoils-design-page__intent .spoils-design-page__lead{margin-top:30px}.spoils-design-page__toc-label{margin-bottom:16px}.spoils-design-page__toc{border-top:1px solid var(--dsgn-border);margin-top:6px}.spoils-design-page__toc-row{align-items:baseline;border-bottom:1px solid var(--dsgn-border);display:flex;gap:18px;padding:13px 0;transition:opacity .12s ease;white-space:nowrap}.spoils-design-page__toc-row:hover{opacity:.6}.spoils-design-page__toc-number{color:var(--dsgn-quiet);font-family:Odense Small Caps,Inter,system-ui,sans-serif;font-size:10px;font-weight:600;letter-spacing:.18em}.spoils-design-page__toc-title{color:var(--dsgn-headline);font-family:Newsreader,Georgia,Times New Roman,serif;font-size:clamp(16px,1.25cqw,19px);font-weight:400}.spoils-design-page__protagonist{padding-bottom:clamp(40px,4cqw,64px)}.spoils-design-page__protagonist-stage{background:var(--dsgn-bone-2);display:flex;justify-content:center;padding:clamp(32px,5cqw,88px) clamp(24px,6cqw,110px)}.spoils-design-page__protagonist-stage img{width:min(720px,78%)}.spoils-design-page__choice{padding-bottom:var(--dsgn-rhythm);padding-top:var(--dsgn-choice-pad-top)}.spoils-design-page__choice-rule{align-items:baseline;border-top:1px solid var(--dsgn-hairline);display:flex;gap:24px;justify-content:space-between;margin-bottom:var(--dsgn-choice-rule-mb);padding-top:18px}.spoils-design-page__choice-number{color:var(--dsgn-quiet);font-family:Odense Small Caps,Inter,system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:.2em;line-height:1;text-transform:uppercase}.spoils-design-page__choice-grid{align-items:start;display:grid;gap:var(--dsgn-choice-grid-gap);grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr)}.spoils-design-page__choice-copy .spoils-design-page__h2{margin-bottom:28px;max-width:21ch}.spoils-design-page__choice-figure{margin-bottom:var(--dsgn-figure-mb)}.spoils-design-page__choice-split{align-items:start;display:grid;gap:var(--dsgn-choice-split-gap);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.spoils-design-page__choice-split .spoils-design-page__h2{max-width:16ch}.spoils-design-page__slot{align-items:center;background:var(--dsgn-bone-2);border:1px solid var(--dsgn-border);display:flex;flex-direction:column;gap:10px;justify-content:center;padding:24px;text-align:center}.spoils-design-page__slot--paper{background:var(--dsgn-paper)}.spoils-design-page__slot-label{color:var(--dsgn-muted);font-size:10px;letter-spacing:.2em;line-height:1}.spoils-design-page__ratio-3x4{aspect-ratio:3 / 4}.spoils-design-page__ratio-4x3{aspect-ratio:4 / 3}.spoils-design-page__ratio-3x2{aspect-ratio:3 / 2}.spoils-design-page__ratio-21x9{aspect-ratio:21 / 9}.spoils-design-page__ratio-4x5{aspect-ratio:4 / 5}.spoils-design-page__ratio-1x1{aspect-ratio:1 / 1}.spoils-design-page__tradeoff{border-left:1px solid var(--dsgn-headline);margin-top:32px;max-width:60ch;padding-left:clamp(20px,2cqw,28px)}.spoils-design-page__tradeoff .spoils-design-page__meta{color:var(--dsgn-headline);display:block;margin-bottom:10px}.spoils-design-page__specs{border-top:1px solid var(--dsgn-border);margin-top:36px}.spoils-design-page__spec-row{align-items:baseline;border-bottom:1px solid var(--dsgn-border);display:flex;gap:24px;justify-content:space-between;padding:15px 0}.spoils-design-page__spec-key{color:var(--dsgn-muted);font-size:10px;letter-spacing:.18em;line-height:1;white-space:nowrap}.spoils-design-page__spec-value{color:var(--dsgn-strong);font-family:Inter,system-ui,sans-serif;font-size:clamp(13.5px,1.05cqw,15px);text-align:right}.spoils-design-page__fit{border-top:1px solid var(--dsgn-border);margin-top:14px}.spoils-design-page__fit-row{align-items:baseline;border-bottom:1px solid var(--dsgn-border);display:grid;gap:24px;grid-template-columns:minmax(110px,.4fr) 1fr;padding:clamp(18px,1.8cqw,26px) 0}.spoils-design-page__fit-weight{color:var(--dsgn-headline);font-family:Newsreader,Georgia,Times New Roman,serif;font-size:clamp(19px,1.6cqw,24px);font-weight:400}.spoils-design-page__fit-desc{color:var(--dsgn-body);font-family:Inter,system-ui,sans-serif;font-size:clamp(14px,1.05cqw,15.5px)}.spoils-design-page__swatches{display:grid;gap:clamp(20px,2.4cqw,36px);grid-template-columns:1fr 1fr;margin-bottom:var(--dsgn-figure-mb)}.spoils-design-page__swatch-chip{align-items:flex-end;aspect-ratio:4 / 3;border:1px solid var(--dsgn-border);display:flex;padding:18px}.spoils-design-page__swatch-chip--bone{background:var(--dsgn-fabric-bone)}.spoils-design-page__swatch-chip--grove{background:var(--dsgn-fabric-grove)}.spoils-design-page__swatch-label{color:var(--dsgn-muted);font-size:10px;letter-spacing:.2em;line-height:1}.spoils-design-page__swatch-chip--grove .spoils-design-page__swatch-label{color:#f4f0e8bf}.spoils-design-page__process{background:var(--dsgn-paper);border-bottom:1px solid var(--dsgn-hairline);border-top:1px solid var(--dsgn-hairline);padding-bottom:var(--dsgn-rhythm);padding-top:var(--dsgn-rhythm)}.spoils-design-page__process-head{margin-bottom:clamp(44px,5cqw,80px);max-width:72ch}.spoils-design-page__process-head .spoils-design-page__eyebrow{margin-bottom:22px}.spoils-design-page__process-head .spoils-design-page__h2{margin-bottom:28px;max-width:18ch}.spoils-design-page__board{align-items:start;display:grid;gap:var(--dsgn-board-gap);grid-template-columns:repeat(12,1fr)}.spoils-design-page__artifact--a{grid-column:1 / 6}.spoils-design-page__artifact--b{grid-column:6 / 10}.spoils-design-page__artifact--c{grid-column:10 / 13}.spoils-design-page__artifact--d{grid-column:1 / 4}.spoils-design-page__artifact--e{align-self:center;grid-column:4 / 9}.spoils-design-page__artifact--f{grid-column:9 / 13}.spoils-design-page__artifact--d,.spoils-design-page__artifact--e,.spoils-design-page__artifact--f{margin-top:var(--dsgn-board-gap)}.spoils-design-page__notecard{background:var(--dsgn-bone);border:1px solid var(--dsgn-border);display:flex;flex-direction:column;gap:36px;justify-content:space-between;min-height:100%;padding:clamp(24px,2.6cqw,40px)}.spoils-design-page__notecard .spoils-design-page__meta{color:var(--dsgn-muted)}.spoils-design-page__closing{background:var(--dsgn-ink);overflow:hidden;position:relative}.spoils-design-page__closing-image{top:0;right:0;bottom:0;left:0;position:absolute}.spoils-design-page__closing-image img{height:100%;object-fit:cover;opacity:.38;width:100%}.spoils-design-page__closing-inner{padding-bottom:clamp(96px,12cqw,180px);padding-top:clamp(96px,12cqw,180px);position:relative;z-index:1}.spoils-design-page__closing .spoils-design-page__eyebrow{margin-bottom:26px}.spoils-design-page__closing .spoils-design-page__h1{max-width:14ch}.spoils-design-page__closing .spoils-design-page__body{margin-top:30px;max-width:52ch}.spoils-design-page__closing-cta{align-items:baseline;display:flex;flex-wrap:wrap;gap:28px;margin-top:48px}.spoils-design-page__foot{background:var(--dsgn-ink);border-top:1px solid var(--dsgn-on-ink-border);padding-bottom:40px;padding-top:clamp(56px,6cqw,88px)}.spoils-design-page__foot-top{display:grid;gap:40px;grid-template-columns:1.6fr 1fr 1fr 1fr;padding-bottom:clamp(48px,6cqw,80px)}.spoils-design-page__foot-logo{color:var(--dsgn-on-ink-headline);display:block;font-family:Odense Small Caps,Inter,system-ui,sans-serif;font-size:17px;font-weight:600;letter-spacing:.18em;line-height:1;margin-bottom:20px;text-transform:uppercase}.spoils-design-page__foot-brand p{color:var(--dsgn-on-ink-muted);font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.6;max-width:26ch}.spoils-design-page__foot-col h4{color:var(--dsgn-on-ink-muted);font-family:Odense Small Caps,Inter,system-ui,sans-serif;font-size:10px;font-weight:600;letter-spacing:.2em;margin-bottom:20px;text-transform:uppercase}.spoils-design-page__foot-col ul{display:flex;flex-direction:column;gap:13px}.spoils-design-page__foot-col a{color:var(--dsgn-on-ink-body);font-family:Inter,system-ui,sans-serif;font-size:14px;transition:opacity .12s ease}.spoils-design-page__foot-col a:hover{opacity:.6}.spoils-design-page__foot-bar{align-items:center;border-top:1px solid var(--dsgn-on-ink-border);color:var(--dsgn-on-ink-quiet);display:flex;font-family:Odense Small Caps,Inter,system-ui,sans-serif;font-size:10px;font-weight:600;justify-content:space-between;letter-spacing:.18em;padding-top:28px;text-transform:uppercase}@container the-design-page (max-width: 900px){.spoils-design-page__intent-grid,.spoils-design-page__choice-grid,.spoils-design-page__choice-split{grid-template-columns:1fr}.spoils-design-page__intent-grid{gap:48px}.spoils-design-page__choice-grid{gap:40px}.spoils-design-page__choice-split{gap:24px}.spoils-design-page__toc,.spoils-design-page__choice-aside{max-width:480px}.spoils-design-page__protagonist-stage img{width:88%}.spoils-design-page__board{grid-template-columns:1fr 1fr}.spoils-design-page__artifact--a{grid-column:1 / 3}.spoils-design-page__artifact--b,.spoils-design-page__artifact--d{grid-column:1 / 2}.spoils-design-page__artifact--c,.spoils-design-page__artifact--f{grid-column:2 / 3}.spoils-design-page__artifact--e{grid-column:1 / 3;order:5}.spoils-design-page__artifact--b,.spoils-design-page__artifact--c{margin-top:0}.spoils-design-page__foot-top{grid-template-columns:1fr 1fr}.spoils-design-page__foot-brand{grid-column:1 / -1}}@container the-design-page (max-width: 560px){.spoils-design-page__site-head{padding-bottom:22px;padding-top:22px}.spoils-design-page__nav{display:none}.spoils-design-page__swatches,.spoils-design-page__board,.spoils-design-page__fit-row{grid-template-columns:1fr}.spoils-design-page__artifact--a,.spoils-design-page__artifact--b,.spoils-design-page__artifact--c,.spoils-design-page__artifact--d,.spoils-design-page__artifact--e,.spoils-design-page__artifact--f{grid-column:1 / -1;margin-top:0}.spoils-design-page__fit-row,.spoils-design-page__spec-row,.spoils-design-page__choice-rule,.spoils-design-page__closing-cta{gap:6px}.spoils-design-page__spec-row,.spoils-design-page__choice-rule,.spoils-design-page__closing-cta{align-items:flex-start;flex-direction:column}.spoils-design-page__spec-value{text-align:left}.spoils-design-page__closing-cta{gap:22px}.spoils-design-page__foot-top{gap:28px;grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/spoils-design-page.css.map */