@charset "UTF-8";:root {--white: #ffffff;--white-2: #f4f2ef;--ink: #1c1c1e;--ink-2: #55555c;--spruce: #17423c;--lead: #a83f28;--sash: #e0a231;--marine: #27366d;--putty: #ece7dd;--on-spruce: #ffffff;--on-lead: #ffffff;--on-sash: #1c1c1e;--on-marine: #ffffff;--on-putty: #1c1c1e;--link: #17423c;--mark: #a83f28;--focus: #a83f28;--rule: #e2ded7;--rule-strong: #c6bfb3;--surface: var(--white);--text: var(--ink);--text-2: var(--ink-2);--display: "Fraunces", Georgia, "Times New Roman", serif;--face: "Familjen", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--t-micro: 0.75rem;--t-label: 0.8125rem;--t-small: 0.9375rem;--t-body: clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem);--t-lede: clamp(1.25rem, 1.1rem + 0.7vw, 1.75rem);--t-h3: clamp(1.1875rem, 1.1rem + 0.35vw, 1.4375rem);--t-h2: clamp(1.875rem, 1.5rem + 1.6vw, 3.25rem);--t-h1: clamp(2.75rem, 1.9rem + 4vw, 6rem);--shell: 84rem;--gutter: clamp(1.25rem, 4vw, 3rem);--band: clamp(4rem, 8vw, 7.5rem);--hair: 1px;}[data-paint=spruce] {--surface: var(--spruce);--text: var(--on-spruce);--text-2: #d8e5e2;--rule: rgba(255, 255, 255, 0.22);--chip: var(--spruce);--code: "TC-14";--name: "Harbour Spruce";}[data-paint=lead] {--surface: var(--lead);--text: var(--on-lead);--text-2: #fdf0ec;--rule: rgba(255, 255, 255, 0.24);--chip: var(--lead);}[data-paint=sash] {--surface: var(--sash);--text: var(--on-sash);--text-2: #1c1c1e;--rule: rgba(28, 28, 30, 0.22);--chip: var(--sash);}[data-paint=marine] {--surface: var(--marine);--text: var(--on-marine);--text-2: #d8def1;--rule: rgba(255, 255, 255, 0.22);--chip: var(--marine);}[data-paint=putty] {--surface: var(--putty);--text: var(--on-putty);--text-2: #4a4539;--rule: rgba(28, 28, 30, 0.2);--chip: var(--putty);}[data-paint=white] {--surface: var(--white);--text: var(--ink);--text-2: var(--ink-2);--rule: #e2ded7;}.cover {padding-block: clamp(2rem, 4vw, 3.25rem) clamp(2rem, 4vw, 3rem);}.cover__in {display: grid;gap: clamp(1.75rem, 4vw, 3rem);align-items: center;}.cover__h1 {margin-block: 0.9rem 1.1rem;}.cover__lede {max-width: 30rem;color: var(--ink-2);}.cover__acts {display: flex;flex-wrap: wrap;gap: 0.75rem;margin-top: clamp(1.5rem, 3vw, 2rem);}.cover__shot img {width: 100%;height: auto;aspect-ratio: 4/3;object-fit: cover;}.deck {display: grid;grid-template-columns: repeat(5, 1fr);gap: clamp(0.4rem, 1vw, 0.75rem);margin-top: clamp(1.5rem, 3vw, 2.25rem);}.deck__c {display: grid;gap: 0.2rem;font-size: var(--t-micro);line-height: 1.3;}.deck__c b {font-weight: 650;margin-top: 0.55rem;}.deck__sw {display: block;height: clamp(3.25rem, 7vw, 6rem);background: var(--surface);}.deck__n {color: var(--ink-2);letter-spacing: 0.08em;}.sec__h {margin-block: 0.85rem 1.1rem;max-width: 22ch;}.jobs {display: grid;gap: 0;margin-top: clamp(1.5rem, 3vw, 2.5rem);border-top: var(--hair) solid var(--rule);}.job {display: grid;gap: 0.35rem;padding-block: clamp(1.25rem, 2.5vw, 1.75rem);border-bottom: var(--hair) solid var(--rule);}.job__n {font-size: var(--t-micro);font-weight: 600;letter-spacing: 0.16em;opacity: 0.65;}.job p {max-width: 44ch;}.prep {display: grid;gap: clamp(1.75rem, 4vw, 3.5rem);align-items: center;}.prep__more {margin-block: 1rem 1.6rem;max-width: 42ch;}.prep__shot img {width: 100%;height: auto;aspect-ratio: 5/4;object-fit: cover;}.field--shout {padding-block: clamp(3.5rem, 8vw, 7rem);}.shout {font-size: clamp(2.75rem, 1.5rem + 6.5vw, 7.5rem);font-weight: 700;font-family: var(--display);letter-spacing: -0.04em;line-height: 0.9;margin-bottom: clamp(1.5rem, 3vw, 2.25rem);}.grid {display: grid;grid-template-columns: 1fr;gap: clamp(1.5rem, 3vw, 2.25rem);margin-top: clamp(1.5rem, 3vw, 2.5rem);}.card img {width: 100%;height: auto;aspect-ratio: 4/3;object-fit: cover;}.card__m {display: flex;flex-wrap: wrap;gap: 0.5rem;margin-top: 0.8rem;font-size: var(--t-micro);font-weight: 600;letter-spacing: 0.1em;text-transform: uppercase;}.card__t {margin-top: 0.3rem;font-size: var(--t-small);line-height: 1.45;max-width: 30ch;}.close {display: grid;gap: clamp(1.5rem, 3vw, 2.5rem);}.close__acts {display: flex;flex-wrap: wrap;gap: 0.75rem;align-content: center;}@media (min-width: 44rem) {.grid {grid-template-columns: repeat(2, 1fr);}}@media (min-width: 62rem) {.cover__in {grid-template-columns: minmax(0, 1fr) minmax(0, 0.92fr);gap: clamp(2.5rem, 5vw, 4.5rem);}.cover__shot img {aspect-ratio: 1/1;}.jobs {grid-template-columns: repeat(3, 1fr);gap: clamp(1.5rem, 3vw, 2.5rem);}.job {border-bottom: 0;padding-block: clamp(1.5rem, 3vw, 2rem) 0;}.prep {grid-template-columns: minmax(0, 1fr) minmax(0, 0.85fr);}.grid {grid-template-columns: repeat(4, 1fr);}.close {grid-template-columns: minmax(0, 1fr) auto;align-items: end;}}.deck__hint {margin-top: clamp(1.5rem, 3vw, 2.25rem);margin-bottom: 0.6rem;font-size: var(--t-micro);font-weight: 600;letter-spacing: 0.12em;text-transform: uppercase;}.deck {margin-top: 0;}button.deck__sw {width: 100%;padding: 0;border: 0;cursor: pointer;transition: transform 0.18s ease, box-shadow 0.18s ease;}button.deck__sw:hover {transform: translateY(-4px);box-shadow: 0 8px 18px rgba(28, 28, 30, 0.18);}button.deck__sw[aria-pressed=true] {transform: translateY(-4px);box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--ink);}.field--shout {transition: background-color 0.45s ease, color 0.45s ease;}[data-seam] {transition: background-color 0.45s ease;}[data-seam] .edge {transition: fill 0.45s ease;}