.design-story{--essay-ink:#671d30;--essay-gutter:max(6%, calc((100vw - 1120px) / 2));color:var(--essay-ink);background:#fff8ed}.design-story img{width:100%;height:auto;display:block}.design-story a{text-underline-offset:.2em}.essay-skip{position:absolute;top:-100px}.essay-skip:focus{z-index:10;background:#fff8ed;padding:16px;top:0}.essay-cover{background:var(--journal-story-pink);padding:24px var(--essay-gutter) 48px;border-block:1px solid var(--essay-ink)}.essay-kicker{border-bottom:1px solid #671d3050;justify-content:space-between;gap:24px;padding-bottom:22px;display:flex}.essay-cover h1{font:800 clamp(3.5rem, 8vw, 7rem) / .98 var(--font-display);letter-spacing:-.06em;margin:clamp(32px,4vw,56px) 0 0;padding-right:.12em}.design-story em{font-family:var(--font-serif);font-weight:500}.essay-deck{max-width:630px;font:400 clamp(1.2rem, 2.3vw, 1.6rem) / 1.45 var(--font-serif);margin:26px 0 32px}.essay-byline{flex-wrap:wrap;gap:12px 32px;font-size:.875rem;line-height:1.5;display:flex}.essay-lead-photo{padding:0 var(--essay-gutter);margin:36px 0 64px}.design-story figcaption{font:400 .875rem / 1.5 var(--font-body);margin-top:12px}.essay-lead-photo figcaption{flex-wrap:wrap;justify-content:space-between;gap:6px 24px;display:flex}.essay-layout{padding:0 var(--essay-gutter);grid-template-columns:230px minmax(0,650px);gap:clamp(32px,6vw,90px);display:grid}.essay-contents nav{border-top:2px solid var(--essay-ink);gap:12px;padding-top:16px;display:grid;position:sticky;top:32px}.essay-contents p{margin:0 0 8px}.essay-contents a{font-size:.875rem;line-height:1.5}.essay-copy{min-width:0;font:400 1.125rem / 1.8 var(--font-body);color:#382b26}.design-story section[id],.essay-author{scroll-margin-top:32px}.essay-copy section{margin-bottom:48px}.essay-copy h2,.essay-comparison h2{font:650 clamp(2rem, 3vw, 2.65rem) / 1.12 var(--font-serif);letter-spacing:-.035em;color:var(--essay-ink);margin:0 0 24px}.essay-copy p{margin:0 0 22px}.essay-opening:first-letter{float:left;font:600 4.5rem / .85 var(--font-serif);color:var(--essay-ink);margin:9px 10px 0 0}.essay-copy a{color:var(--essay-ink);text-decoration:underline}.essay-pullquote{background:var(--journal-story-yellow);text-align:center;font:750 clamp(2rem, 4.5vw, 4rem) / 1.12 var(--font-display);letter-spacing:-.04em;margin:12px 0 64px;padding:56px 6%}.essay-comparison{padding:0 var(--journal-gutter);margin:0 0 72px}.essay-comparison-heading{max-width:710px;margin-bottom:32px}.essay-comparison h2{margin-top:16px}.essay-comparison p{font-size:1rem;line-height:1.75}.essay-comparison-grid{border-top:2px solid var(--essay-ink);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.essay-comparison-grid section{border-right:1px solid #671d3050;padding:24px}.essay-comparison-grid p{margin:0 0 22px}.essay-comparison-grid section:first-child{padding-left:0}.essay-comparison-grid section:last-child{border-right:0;padding-right:0}.essay-number{font:italic 2.5rem / 1 var(--font-serif)}.essay-comparison h3{font:750 1.4rem / 1.2 var(--font-display);margin:20px 0}.essay-comparison a{font-size:.875rem;text-decoration:underline}.essay-detail-photo{background:#eeed79;align-self:start;margin:0;padding:8px 8px 16px;transform:rotate(-3deg)}.essay-questions{border-top:2px solid #671d3050;padding-top:28px}.essay-questions h2{margin-top:16px}.essay-questions h3{font:700 1.15rem / 1.4 var(--font-display);color:var(--essay-ink);margin:28px 0 12px}.essay-author{border-top:1px solid #671d3050;margin-bottom:64px;padding-top:24px}.essay-author h2{margin-top:16px}.essay-invitation{text-align:center;background:var(--essay-ink);color:#fff0c8;padding:64px 24px}.essay-invitation h2{font:800 clamp(2.5rem, 5vw, 4.5rem) / 1.05 var(--font-display);letter-spacing:-.04em;margin:24px 0}.essay-invitation p{max-width:480px;margin:0 auto 28px;font-size:1.125rem;line-height:1.6}.essay-button{color:var(--essay-ink);background:#eeed79;border-radius:100px;align-items:center;gap:32px;padding:18px 26px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 4px #3a0d1a}.essay-button:hover{background:#fff0c8}.essay-invitation small{letter-spacing:.6px;text-transform:uppercase;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 10px;margin-top:20px;font-size:11px;font-weight:700;line-height:1.4;display:flex}.essay-invitation small b{opacity:.5;align-self:center;line-height:0}.essay-invitation small .bonza-icon{width:9px;height:9px}.essay-invitation small em{font-family:var(--font-serif);letter-spacing:-.3px;text-transform:none;font-size:15px;font-style:italic;font-weight:600}@media (width<=760px){.essay-cover{padding-block:20px 32px}.essay-kicker{letter-spacing:.04em;font-size:.75rem}.essay-cover h1{font-size:clamp(3rem,10vw,5rem)}.essay-lead-photo{margin-bottom:40px}.essay-layout{display:block}.essay-contents{margin-bottom:40px}.essay-contents nav{grid-template-columns:1fr 1fr;gap:14px;position:static}.essay-contents p{grid-column:1/-1}.essay-copy{font-size:1.0625rem;line-height:1.75}.essay-comparison-grid{grid-template-columns:1fr}.essay-comparison-grid section,.essay-comparison-grid section:first-child,.essay-comparison-grid section:last-child{border-bottom:1px solid #671d3050;border-right:0;padding:24px 0}.essay-detail-photo{max-width:320px;margin:0 auto 48px}.essay-pullquote{padding-block:40px}}.essay-kitchen-pair,.essay-room-pair,.essay-retro-photo{margin:32px 0}.essay-kitchen-pair .essay-expand-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:6px 6px 18px;display:grid}.essay-kitchen-pair img{aspect-ratio:2/3;object-fit:cover;border:8px solid #fff0d7;transform:rotate(-2deg);box-shadow:0 4px 12px #382b261f}.essay-kitchen-pair button:last-child img{transform:translateY(10px)rotate(2deg)}@media (width<=480px){.essay-kitchen-pair .essay-expand-pair{gap:10px}.essay-kitchen-pair img{border-width:5px}}.essay-room-pair .essay-expand-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.colourway-comparison-stage{--comparison-thumb-size:52px;aspect-ratio:16/9;position:relative;overflow:hidden}.colourway-comparison-layer>img{object-fit:cover;width:100%;height:100%}.colourway-comparison-layer{position:absolute;inset:0}.colourway-comparison-label{font:700 .875rem / 1.2 var(--font-body);pointer-events:none;background:#fff8ed;border-radius:3px;padding:8px 12px;position:absolute;top:16px}.colourway-comparison-cherry{color:#671d30;left:16px}.colourway-comparison-lemon{color:#285339;right:16px}.colourway-comparison-divider{pointer-events:none;background:#fff8ed;width:3px;position:absolute;inset-block:0;transform:translate(-50%)}.colourway-comparison-divider>span{transform:translate(-50%, -50%) rotate(var(--knob-tilt,0deg));filter:drop-shadow(0 3px 2px #38111b66);background:url(/assets/retro-slider-knob.webp) 50%/contain no-repeat;border-radius:50%;width:64px;height:64px;transition:transform .18s ease-out;position:absolute;top:50%;left:50%}.colourway-comparison-range{inset:0 auto 0 calc(var(--comparison-thumb-size) / -2);width:calc(100% + var(--comparison-thumb-size));opacity:0;cursor:ew-resize;touch-action:pan-y;appearance:none;background:0 0;height:100%;margin:0;position:absolute}.colourway-comparison-range::-webkit-slider-thumb{appearance:none;width:var(--comparison-thumb-size);height:var(--comparison-thumb-size)}.colourway-comparison-range::-moz-range-thumb{width:var(--comparison-thumb-size);height:var(--comparison-thumb-size);border:0}.colourway-comparison-stage:has(input:focus-visible){outline-offset:5px;outline:3px solid #671d30}.colourway-comparison-stage:has(input:focus-visible) .colourway-comparison-divider>span{outline-offset:3px;outline:3px solid #eeed79}@media (width<=480px){.colourway-comparison-label{padding:6px 8px;font-size:.75rem;top:10px}.colourway-comparison-cherry{left:10px}.colourway-comparison-lemon{right:10px}}@media (prefers-reduced-motion:reduce){.colourway-comparison-divider>span{transition:none;transform:translate(-50%,-50%)}}.essay-expand-photo{cursor:zoom-in;transform-origin:50%;background:0 0;border:0;width:100%;min-width:0;padding:0;display:block;position:relative}.essay-expand-pair .essay-expand-photo:first-child{transform-origin:0}.essay-expand-pair .essay-expand-photo:last-child{transform-origin:100%}.design-story figure:has(.essay-expand-photo[data-raised=true]){z-index:4;position:relative}.essay-expand-photo[data-raised=true]{z-index:10}.essay-expand-photo[aria-expanded=true]{z-index:11;cursor:zoom-out;transform:scale(1.08)}.essay-expand-pair .essay-expand-photo[aria-expanded=true]{transform:scale(1.6)}@media (hover:hover) and (pointer:fine){.essay-expand-photo:not([aria-expanded=true]):hover{transform:translateY(-4px)}}@media (prefers-reduced-motion:no-preference){.essay-expand-photo{transition:transform .3s}}