.themes{padding:45px 4% 70px;border-top:1px solid var(--line)}
.theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 26px}
.theme-card{min-width:0;border-bottom:1px solid var(--line);padding-bottom:17px;scroll-margin-top:30px}
.theme-card:target .theme-preview{outline:2px solid #4d6c1f;outline-offset:4px}
.theme-card h3{font:22px var(--serif);letter-spacing:-.4px;margin:0 0 5px}
.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;list-style:none;padding:0;margin:0 0 14px}
.swatches li{font:7px monospace;color:var(--muted);min-width:0;overflow:hidden}
.swatches li::before{content:'';display:block;height:22px;background:var(--swatch);border:1px solid #0000001a;margin-bottom:4px}
.theme-preview{container-type:inline-size;aspect-ratio:16/9;position:relative;overflow:hidden;border:1px solid #0000001a}
.tp-slide{position:absolute;inset:0;background:var(--t-bg);color:var(--t-ink);font-family:var(--t-body);display:grid;gap:5cqw;padding:7cqw}
.tp-text,.tp-visual{min-width:0;display:flex;flex-direction:column;position:relative;overflow:hidden}
.tp-kicker{white-space:nowrap;overflow:hidden;text-overflow:clip;font:600 2.3cqw/1.45 var(--t-body);letter-spacing:.15em;color:var(--t-muted);margin-bottom:2.6cqw}
.tp-title{font:700 6.4cqw/1.04 var(--t-title);letter-spacing:-.01em}
.tp-rule{display:block;width:12cqw;height:.7cqw;background:var(--t-accent);margin:3cqw 0}
.tp-copy{display:grid;gap:1.6cqw}.tp-copy i{display:block;height:1.3cqw;background:var(--t-muted);opacity:.55;border-radius:1px}.tp-copy i:nth-child(2){width:85%}.tp-copy i:nth-child(3){width:60%}
.tp-visual{justify-content:flex-end;background:var(--t-surface);padding:4cqw}
.tp-figure{font:700 9cqw/1 var(--t-title);color:var(--t-accent-text)}
.tp-bars{display:flex;align-items:flex-end;gap:2cqw;height:12cqw;margin-top:3cqw}.tp-bars i{flex:1;background:var(--t-muted);opacity:.6}.tp-bars i:nth-child(1){height:45%}.tp-bars i:nth-child(2){height:70%;background:var(--t-accent2);opacity:1}.tp-bars i:nth-child(3){height:55%}.tp-bars i:nth-child(4){height:95%;background:var(--t-accent);opacity:1}
.layout-split{grid-template-columns:1.15fr 1fr;align-items:stretch}
.layout-frame{grid-template-columns:1.3fr 1fr;align-items:end}.layout-frame::before{content:'';position:absolute;inset:3cqw;border:.25cqw solid var(--t-muted);opacity:.6;pointer-events:none}.layout-frame .tp-visual{background:none;padding:0}
.layout-band{grid-template-rows:auto 1fr;grid-template-columns:1fr;padding:0;gap:0}.layout-band .tp-text{background:var(--t-surface);padding:5cqw 7cqw 3cqw}.layout-band .tp-copy{display:none}.layout-band .tp-visual{background:none;flex-direction:row;align-items:flex-end;justify-content:space-between;padding:3cqw 7cqw 6cqw}.layout-band .tp-bars{width:45%;margin:0}
.layout-grid{grid-template-columns:1.4fr 1fr;grid-template-rows:1fr auto}.layout-grid::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(100%/12 - 1px),var(--t-muted) calc(100%/12 - 1px) calc(100%/12));opacity:.12;pointer-events:none}.layout-grid .tp-visual{grid-row:1/3;grid-column:2}
.layout-column{grid-template-columns:1.1fr 1fr;padding-left:27cqw}.layout-column::before{content:'';position:absolute;left:0;top:0;bottom:0;width:20cqw;background:var(--t-accent)}.layout-column .tp-visual{background:var(--t-surface)}
.layout-center{grid-template-columns:1fr;justify-items:center;text-align:center;align-content:center;gap:2cqw}.layout-center .tp-text{align-items:center}.layout-center .tp-copy{display:none}.layout-center .tp-rule{margin:2.5cqw auto}.layout-center .tp-visual{background:none;padding:0;flex-direction:row;align-items:flex-end;gap:5cqw}.layout-center .tp-bars{width:26cqw;height:8cqw;margin:0}.layout-center .tp-figure{font-size:7cqw}
.recipe-summary .theme-preview{width:150px;flex:none;align-self:start}.recipe-summary .tp-kicker{display:none}
.recipe-links a{font:10px Arial;text-decoration:none;border-bottom:1px solid #9ead8b;padding:2px 0}
.oral-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:25px 28px;margin:28px 0 0}
.composer-controls textarea{display:block;width:100%;margin-top:10px;padding:12px;background:#f6f8f0;color:#26301f;border:1px solid #c5ceba;font:12px/1.6 Arial;resize:vertical}
.instructions-field{margin-top:25px}
@media(min-width:1800px){.theme-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1100px){.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.oral-grid{grid-template-columns:1fr}.recipe-summary .theme-preview{width:90px}}
.theme-open{display:block;width:100%;padding:0;border:0;background:none;text-align:left}.theme-open:hover .theme-preview{outline:1px solid #4d6c1f;outline-offset:3px}
.theme-actions{display:grid;gap:10px}
.tp-text,.tp-visual,.td-body{z-index:1}
.decor-aurora::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),var(--t-muted) calc(25% - 1px) 25%);opacity:.12;pointer-events:none}
.decor-aurora::after{content:'';position:absolute;inset:-12%;background:radial-gradient(circle at 30% 36%,var(--t-accent),transparent 36%),radial-gradient(circle at 72% 66%,var(--t-accent2),transparent 38%);filter:blur(5cqw);opacity:.5;pointer-events:none}
.decor-brutal .tp-title{font-weight:800}.decor-brutal .tp-visual{background:var(--t-accent);border:max(1.5px,.5cqw) solid var(--t-ink);box-shadow:1.3cqw 1.3cqw 0 var(--t-ink)}.decor-brutal .tp-figure{color:var(--t-ink)}.decor-brutal .tp-bars i{opacity:1;background:var(--t-surface);border:max(1px,.35cqw) solid var(--t-ink)}.decor-brutal .tp-bars i:nth-child(2){background:var(--t-accent2)}.decor-brutal .tp-bars i:nth-child(4){background:var(--t-ink)}.decor-brutal .tp-rule{background:var(--t-ink);height:1cqw}
.decor-tabs{box-shadow:inset 0 0 0 3cqw var(--t-ink);padding:9cqw 16cqw 9cqw 12cqw}
.decor-tabs::before{content:'';position:absolute;left:5cqw;top:8cqw;bottom:8cqw;width:3cqw;background:radial-gradient(circle,var(--t-ink) 0 .8cqw,transparent .9cqw) center top/3cqw 7cqw repeat-y;opacity:.45;pointer-events:none}
.decor-tabs::after{content:'';position:absolute;right:3cqw;top:12cqw;width:7cqw;height:62%;background:linear-gradient(var(--t-accent) 0 22%,transparent 22% 26%,var(--t-accent2) 26% 48%,transparent 48% 52%,var(--t-muted) 52% 74%,transparent 74% 78%,var(--t-accent) 78% 100%);border-radius:0 1cqw 1cqw 0;pointer-events:none}
.decor-tabs .tp-visual{background:var(--t-surface);border:max(1px,.2cqw) solid var(--t-muted)}
.decor-blueprint::before{display:none}
.decor-blueprint::after{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--t-muted) max(1px,.08cqw),transparent max(1px,.08cqw)),linear-gradient(90deg,var(--t-muted) max(1px,.08cqw),transparent max(1px,.08cqw)),linear-gradient(var(--t-muted) max(1px,.2cqw),transparent max(1px,.2cqw)),linear-gradient(90deg,var(--t-muted) max(1px,.2cqw),transparent max(1px,.2cqw));background-size:2.5cqw 2.5cqw,2.5cqw 2.5cqw,12.5cqw 12.5cqw,12.5cqw 12.5cqw;opacity:.2;pointer-events:none}
.decor-blueprint .tp-visual{border:max(1px,.2cqw) solid var(--t-muted)}.decor-blueprint .tp-title{font-weight:600;letter-spacing:-.02em}
.decor-bauhaus::before{inset:auto auto 0 0;width:9cqw;height:9cqw;background:var(--t-accent2);opacity:1}
.decor-bauhaus::after{content:'';position:absolute;right:-6cqw;top:-6cqw;width:21cqw;height:21cqw;border-radius:50%;background:var(--t-accent);pointer-events:none}
.decor-bauhaus .tp-title{text-transform:uppercase;letter-spacing:.01em}.decor-bauhaus .tp-rule{height:1.2cqw;width:8cqw;background:var(--t-ink)}
.decor-riso .tp-title{font-weight:400;font-size:8.5cqw;line-height:.95;text-shadow:.5cqw .35cqw 0 color-mix(in srgb,var(--t-accent) 65%,transparent)}
.decor-riso::after{content:'';position:absolute;right:0;bottom:0;width:46cqw;height:30cqw;background:radial-gradient(circle,var(--t-accent) 32%,transparent 35%) 0 0/1.7cqw 1.7cqw;-webkit-mask-image:linear-gradient(135deg,transparent 25%,#000 80%);mask-image:linear-gradient(135deg,transparent 25%,#000 80%);mix-blend-mode:multiply;opacity:.55;pointer-events:none}
.decor-riso .tp-visual{transform:rotate(-1.2deg);box-shadow:.7cqw .7cqw 0 color-mix(in srgb,var(--t-accent2) 55%,transparent)}
.decor-zen::before{content:'';position:absolute;left:8cqw;top:16%;bottom:16%;width:max(1px,.12cqw);background:var(--t-muted);opacity:.6;pointer-events:none}
.decor-zen::after{content:'';position:absolute;right:6cqw;top:7cqw;width:7cqw;height:7cqw;border-radius:50%;background:var(--t-accent);pointer-events:none}
.decor-zen .tp-title{font-weight:500;letter-spacing:.03em}.decor-zen .tp-rule{height:max(1px,.15cqw);width:18cqw;background:var(--t-muted)}
.decor-news::after{content:'EN DIRECT · L’ESSENTIEL DE VOTRE EXPOSÉ';position:absolute;left:0;right:0;bottom:0;height:6.5cqw;display:flex;align-items:center;padding-left:7cqw;background:var(--t-accent2);color:var(--t-bg);font:700 2.4cqw/1 var(--t-title);letter-spacing:.06em;pointer-events:none}
.decor-news .tp-kicker{display:inline-block;align-self:flex-start;background:var(--t-accent);color:var(--t-ink);padding:.6cqw 1.4cqw;letter-spacing:.1em}.decor-news .tp-title{text-transform:uppercase;letter-spacing:.01em}
.layout-band.decor-news .tp-visual{padding-bottom:10cqw}.decor-news .td-body{padding-bottom:10cqw}
.projector .theme-preview,.projector .ig-preview,.projector .td-frame,.projector .recipe-summary .theme-preview{filter:contrast(.68) brightness(1.14) saturate(.72)}
.projector-toggle{border:1px solid #c9ccbf;background:none;padding:9px 12px;font-size:10px;display:inline-flex;gap:8px;align-items:center}.projector-toggle[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.themes-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:-10px 0 26px}.themes-tools p{font:10px/1.6 Arial;color:var(--muted);margin:0;max-width:62ch}
.showcase{min-width:0}.showcase-frame{display:block;width:100%;padding:0;border:0;background:none;text-align:left}.showcase-frame .td-frame{width:100%}
.showcase-actions{display:flex;gap:16px;align-items:center}.showcase-actions button{font:10px Arial;background:none;border:0;border-bottom:1px solid #9ead8b;padding:2px 0}
.site-header{border-bottom-color:var(--live-accent,var(--line));border-bottom-width:2px}.brand>span{color:var(--live-accent,#788957)}
.layout-split .tp-figure,.layout-grid .tp-figure,.layout-column .tp-figure{color:var(--t-accent-surface-text)}
.decor-bauhaus .td-body{padding-left:4cqw}
.suggestions{margin:14px 0 4px}.suggestions p{font:10px/1.6 Arial;color:#647257;margin:0 0 10px}
.suggestion-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.suggestion-list button{display:grid;gap:6px;text-align:left;border:1px solid #c5ceba;background:#f6f8f0;padding:8px;min-width:0}.suggestion-list button:hover{border-color:#293921}.suggestion-list button[aria-pressed=true]{border-color:#293921;box-shadow:inset 0 0 0 1px #293921}
.suggestion-list>button>span{font:8px monospace;letter-spacing:.8px;color:#657358;text-transform:uppercase}.suggestion-list>button>b{font:15px var(--serif);font-weight:400;color:#26301f}
.decor-tritone::after{content:'';position:absolute;left:3cqw;right:3cqw;bottom:3cqw;height:2.4cqw;background:linear-gradient(90deg,color-mix(in srgb,var(--t-accent) 30%,var(--t-bg)) 0 33.3%,var(--t-accent2) 33.3% 66.6%,var(--t-accent) 66.6%);pointer-events:none}
.decor-tritone .tp-rule{background:var(--t-accent2);height:1cqw}.decor-tritone .td-body{padding-bottom:4cqw}
.decor-pills::after{content:'';position:absolute;right:3.5cqw;top:14%;width:3cqw;height:9cqw;border-radius:2cqw;background:color-mix(in srgb,var(--t-accent) 45%,var(--t-surface));box-shadow:0 11cqw 0 color-mix(in srgb,var(--t-accent2) 45%,var(--t-surface)),0 22cqw 0 color-mix(in srgb,var(--t-accent) 25%,var(--t-surface));pointer-events:none}
.decor-pills{padding-right:11cqw}.decor-pills .tp-visual,.decor-pills .td-card{border-radius:2.4cqw;box-shadow:0 1cqw 3cqw #1f2a3714}.decor-pills .tp-bars i{border-radius:1cqw 1cqw 0 0}
.decor-midcentury::after{content:'';position:absolute;right:-7cqw;bottom:-7cqw;width:26cqw;height:26cqw;border-radius:50%;background:repeating-radial-gradient(circle,var(--t-accent2) 0 1.1cqw,transparent 1.1cqw 2.4cqw);opacity:.35;pointer-events:none}
.decor-midcentury .tp-title{text-transform:uppercase;letter-spacing:.06em;font-weight:600}.decor-midcentury .tp-visual,.decor-midcentury .td-card{border-radius:1.5cqw}
.decor-terminal::before{display:none}
.decor-terminal::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 .5cqw,color-mix(in srgb,var(--t-accent) 7%,transparent) .5cqw .7cqw);pointer-events:none}
.decor-terminal .tp-kicker::before{content:'$ ';color:var(--t-accent)}.decor-terminal .tp-title::after{content:'▍';color:var(--t-accent);margin-left:.15em}.decor-terminal .tp-visual,.decor-terminal .td-card{border:max(1px,.2cqw) solid color-mix(in srgb,var(--t-accent) 45%,transparent)}
.decor-neon::before{content:'';position:absolute;left:-30%;right:-30%;bottom:-8%;height:46%;background-image:linear-gradient(var(--t-accent2) max(1px,.14cqw),transparent max(1px,.14cqw)),linear-gradient(90deg,var(--t-accent2) max(1px,.14cqw),transparent max(1px,.14cqw));background-size:6cqw 6cqw;transform:perspective(40cqw) rotateX(62deg);transform-origin:bottom;-webkit-mask-image:linear-gradient(transparent,#000 70%);mask-image:linear-gradient(transparent,#000 70%);opacity:.4;pointer-events:none}
.decor-neon .tp-title,.decor-neon .td-num,.decor-neon .td-big{text-shadow:0 0 1.6cqw color-mix(in srgb,var(--t-accent) 70%,transparent)}.decor-neon .tp-rule{box-shadow:0 0 1.4cqw var(--t-accent)}.decor-neon .td-card{border:max(1px,.15cqw) solid color-mix(in srgb,var(--t-accent) 50%,transparent)}
.decor-poster::after{content:'';position:absolute;right:-9cqw;top:5cqw;width:34cqw;height:3.6cqw;background:var(--t-accent);transform:rotate(14deg);pointer-events:none}
.decor-poster .tp-title{text-transform:uppercase;font-weight:400;letter-spacing:.01em}.decor-poster .tp-text{border-bottom:max(2px,.8cqw) solid var(--t-ink)}.decor-poster .tp-rule{background:var(--t-accent2);height:1.2cqw}
.decor-postit::before{display:none}
.decor-postit .tp-title{font-size:8.5cqw;font-weight:700;line-height:.95}.decor-postit .td-chapter .tp-title,.decor-postit .td-compare .tp-title{font-size:9cqw}
.decor-postit .tp-visual,.decor-postit .td-card{transform:rotate(1.6deg);box-shadow:0 1.2cqw 2.4cqw #00000024}.decor-postit .td-card-alt{transform:rotate(-1.8deg)}
.decor-postit .tp-visual::before,.decor-postit .td-card::before{content:'';position:absolute;top:-1.6cqw;left:36%;width:28%;height:3.2cqw;background:color-mix(in srgb,var(--t-accent2) 30%,#ffffff99);transform:rotate(-3deg)}.decor-postit .td-card{position:relative;border-top:0}
.decor-atlas{background-image:repeating-linear-gradient(90deg,transparent 0 calc(16.66% - 1px),color-mix(in srgb,var(--t-muted) 22%,transparent) calc(16.66% - 1px) 16.66%),repeating-linear-gradient(transparent 0 calc(25% - 1px),color-mix(in srgb,var(--t-muted) 22%,transparent) calc(25% - 1px) 25%)}
.decor-atlas::after{content:'';position:absolute;right:5cqw;bottom:5cqw;width:9cqw;height:9cqw;background:var(--t-accent2);clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);opacity:.85;pointer-events:none}
.decor-atlas .tp-visual{background:color-mix(in srgb,var(--t-surface) 85%,transparent)}.decor-atlas .tp-rule{background:repeating-linear-gradient(90deg,var(--t-accent) 0 1.4cqw,transparent 1.4cqw 2.4cqw)}
.decor-midcentury .tp-title{font-size:5.2cqw;letter-spacing:.04em}.decor-midcentury .td-chapter .tp-title{font-size:6.4cqw}.decor-midcentury .td-compare .tp-title{font-size:4.6cqw}
.decor-terminal .tp-title{font-size:5.2cqw}.decor-terminal .td-chapter .tp-title{font-size:6.6cqw}
.decor-poster .tp-title{font-size:5.6cqw}.decor-poster .td-chapter .tp-title{font-size:7cqw}
.decor-postit .td-label{font-size:4.2cqw}.decor-postit .td-quote-text{font-size:6.6cqw}
.decor-epure .tp-title{font-weight:700;letter-spacing:-.035em}.decor-epure .tp-kicker{letter-spacing:.04em;text-transform:none;font-weight:600;color:var(--t-accent)}
.decor-epure .tp-rule{display:none}.decor-epure .tp-figure,.decor-epure .td-big,.decor-epure .td-num{background:linear-gradient(100deg,var(--t-accent),var(--t-accent2));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.04em}
.decor-epure .td-card{border:0;border-radius:2.6cqw;padding:3.6cqw}.decor-epure .td-card-alt{box-shadow:inset 0 0 0 max(1.5px,.3cqw) var(--t-accent)}.decor-epure .td-mark{color:var(--t-muted)}.decor-epure .tp-bars i{border-radius:.8cqw .8cqw 0 0}
.decor-epure .td-sub{margin-top:1.6cqw}
.decor-pixel::before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--t-muted) max(1px,.08cqw),transparent max(1px,.08cqw)),linear-gradient(90deg,var(--t-muted) max(1px,.08cqw),transparent max(1px,.08cqw));background-size:1.25cqw 1.25cqw;opacity:.06;pointer-events:none}
.decor-pixel::after{content:'1UP   003 200';position:absolute;right:4cqw;top:2.4cqw;font:400 1.7cqw/1 var(--t-title);color:var(--t-accent);letter-spacing:.05em;white-space:pre;pointer-events:none}
.decor-pixel .tp-title{font-size:3.8cqw;line-height:1.4;font-weight:400;text-shadow:.35cqw .35cqw 0 color-mix(in srgb,var(--t-accent2) 45%,transparent)}
.decor-pixel .tp-kicker{font:400 2.4cqw/1.3 var(--t-body);letter-spacing:.08em}
.decor-pixel .tp-rule{height:.8cqw;width:10cqw;background:repeating-linear-gradient(90deg,var(--t-accent) 0 .8cqw,transparent .8cqw 1.2cqw)}
.decor-pixel .tp-figure{font-size:5.6cqw;font-weight:400}
.decor-pixel .tp-visual,.decor-pixel .td-card{border:0;clip-path:polygon(0 1cqw,1cqw 1cqw,1cqw 0,calc(100% - 1cqw) 0,calc(100% - 1cqw) 1cqw,100% 1cqw,100% calc(100% - 1cqw),calc(100% - 1cqw) calc(100% - 1cqw),calc(100% - 1cqw) 100%,1cqw 100%,1cqw calc(100% - 1cqw),0 calc(100% - 1cqw));box-shadow:inset 0 0 0 .5cqw var(--t-accent2)}
.decor-pixel .td-card-alt{box-shadow:inset 0 0 0 .5cqw var(--t-accent)}
.decor-pixel .tp-bars i{-webkit-mask:repeating-linear-gradient(to top,#000 0 1.2cqw,transparent 1.2cqw 1.6cqw);mask:repeating-linear-gradient(to top,#000 0 1.2cqw,transparent 1.2cqw 1.6cqw)}
.decor-pixel .td-sub{font-size:3.4cqw;line-height:1.15}.decor-pixel .td-lead{font-size:4.2cqw;line-height:1.1}.decor-pixel .td-figure small{font-size:2.6cqw}
.decor-pixel .td-chapter .tp-title{font-size:4.6cqw}.decor-pixel .td-compare .tp-title{font-size:3.6cqw}.decor-pixel .td-num{font-size:13cqw;font-weight:400}.decor-pixel .td-big{font-size:9cqw;font-weight:400}
.decor-pixel .td-label{font:400 2cqw/1.3 var(--t-title)}.decor-pixel .td-card ul{font-size:3.1cqw;line-height:1.1}
.decor-pixel .td-quote-text{font:400 5.4cqw/1.1 var(--t-body)}.decor-pixel .td-mark{font-weight:400}.decor-pixel .td-author{font-size:2.8cqw}
.card-credit{font:10px/1.5 Arial;color:var(--muted);margin:-6px 0 14px}.card-credit a{color:inherit}
.how-to{margin:18px 0 0;padding-left:18px;font:12px/1.7 Arial;color:#647257;max-width:34ch}
.decor-beton{background-image:radial-gradient(circle,color-mix(in srgb,var(--t-ink) 42%,transparent) 0 .4cqw,transparent .5cqw),linear-gradient(90deg,color-mix(in srgb,var(--t-ink) 16%,transparent) max(1px,.12cqw),transparent max(1px,.12cqw)),linear-gradient(color-mix(in srgb,var(--t-ink) 11%,transparent) max(1px,.12cqw),transparent max(1px,.12cqw));background-size:25cqw 18.75cqw,25cqw 100%,100% 18.75cqw;background-position:12.5cqw 9.4cqw,0 0,0 0}
.decor-beton::after{content:'';position:absolute;right:5cqw;top:4cqw;width:13cqw;height:15cqw;background:conic-gradient(from 300deg,var(--t-surface) 0 120deg,color-mix(in srgb,var(--t-ink) 62%,var(--t-bg)) 120deg 240deg,color-mix(in srgb,var(--t-ink) 30%,var(--t-bg)) 240deg);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);pointer-events:none}
.decor-beton .tp-title{text-transform:uppercase;font-weight:400;letter-spacing:-.03em;line-height:.95}.decor-beton .tp-kicker{letter-spacing:.22em}.decor-beton .tp-rule{background:var(--t-ink);height:max(1px,.2cqw);width:100%}
.decor-beton .tp-visual,.decor-beton .td-card{border-top:1cqw solid var(--t-ink);box-shadow:1.2cqw 1.2cqw 0 color-mix(in srgb,var(--t-ink) 22%,transparent)}.decor-beton .td-card-alt{border-top-color:var(--t-accent)}
.decor-beton .tp-visual{margin-top:15cqw}.decor-beton .td-num,.decor-beton .td-big{font-weight:400;letter-spacing:-.04em}
.decor-beton .td-chapter .tp-title{font-size:7cqw}.decor-beton .td-compare .tp-title{font-size:5cqw}.decor-beton .td-quote-text{font:600 4.4cqw/1.2 var(--t-body)}.decor-beton .td-label{font-weight:400;text-transform:uppercase}
.layout-frame.decor-sketch{padding:8cqw 9cqw 8cqw 14cqw}
.layout-frame.decor-sketch::before{inset:3.5cqw 4cqw 3.5cqw 7cqw;border:0;opacity:1;border-radius:1.2cqw;background:radial-gradient(circle,color-mix(in srgb,var(--t-muted) 45%,transparent) 0 .16cqw,transparent .2cqw) 0 0/2.2cqw 2.2cqw,var(--t-surface);box-shadow:0 1cqw 3cqw #0000001f}
.decor-sketch::after{content:'';position:absolute;left:5.6cqw;top:5cqw;bottom:5cqw;width:3.4cqw;background:radial-gradient(ellipse 50% 28% at 50% 50%,transparent 0 62%,var(--t-muted) 64% 92%,transparent 96%) 0 0/3.4cqw 3.3cqw repeat-y;pointer-events:none}
.decor-sketch .tp-title{font-weight:400}.decor-sketch .tp-kicker{font-family:'IBM Plex Mono','Courier New',monospace;letter-spacing:.12em}
.decor-sketch .tp-rule{height:1.1cqw;width:16cqw;border-radius:50%;background:none;border-bottom:max(1.5px,.4cqw) solid var(--t-accent);transform:rotate(-1.5deg);margin:1.2cqw 0 3cqw}
.decor-sketch .tp-visual,.decor-sketch .td-card{overflow:visible;background:var(--t-surface);padding:3cqw;border:0;transform:rotate(1.4deg);box-shadow:0 .8cqw 2cqw #00000026}.decor-sketch .td-card-alt{transform:rotate(-1.2deg)}
.decor-sketch .tp-visual::before,.decor-sketch .td-card::before{content:'';position:absolute;top:-1.5cqw;left:34%;width:30%;height:3cqw;background:repeating-linear-gradient(115deg,color-mix(in srgb,var(--t-accent) 55%,var(--t-surface)) 0 .7cqw,color-mix(in srgb,var(--t-accent) 18%,var(--t-surface)) .7cqw 1.4cqw);transform:rotate(-4deg)}
.decor-sketch .td-card{position:relative}.decor-sketch .td-card-alt::before{background:repeating-linear-gradient(115deg,color-mix(in srgb,var(--t-accent2) 55%,var(--t-surface)) 0 .7cqw,color-mix(in srgb,var(--t-accent2) 18%,var(--t-surface)) .7cqw 1.4cqw)}
.decor-sketch .td-body{padding-left:2cqw}
.decor-dial::before{content:'';position:absolute;right:-10cqw;top:-10cqw;width:34cqw;height:34cqw;border-radius:50%;background:repeating-conic-gradient(var(--t-accent) 0 .7deg,transparent .7deg 6deg);-webkit-mask:radial-gradient(circle,transparent 0 60%,#000 60.5% 66%,transparent 66.5%);mask:radial-gradient(circle,transparent 0 60%,#000 60.5% 66%,transparent 66.5%);pointer-events:none}
.decor-dial::after{content:'';position:absolute;right:-6cqw;top:-6cqw;width:26cqw;height:26cqw;border-radius:50%;border:max(1px,.15cqw) solid var(--t-muted);box-shadow:0 0 0 2.6cqw color-mix(in srgb,var(--t-surface) 70%,transparent),0 0 0 calc(2.6cqw + max(1px,.15cqw)) color-mix(in srgb,var(--t-muted) 55%,transparent);opacity:.7;pointer-events:none}
.decor-dial .tp-title{font-weight:400;letter-spacing:-.015em}.decor-dial .tp-kicker{letter-spacing:.32em;font-weight:400}.decor-dial .tp-rule{height:max(1px,.15cqw);width:22cqw;background:var(--t-accent)}
.decor-dial .tp-visual{background:none;border-left:max(1px,.15cqw) solid color-mix(in srgb,var(--t-muted) 60%,transparent);padding-left:5cqw}.decor-dial .tp-figure,.decor-dial .td-big,.decor-dial .td-num{font-weight:400;font-style:italic;color:var(--t-accent)}
.decor-dial .td-card{background:none;border:0;border-top:max(1px,.15cqw) solid var(--t-ink);padding:3cqw 0}.decor-dial .td-card-alt{border-top:max(2px,.5cqw) solid var(--t-accent)}.decor-dial .td-label{font-weight:400;font-style:italic;font-size:3.4cqw}.decor-dial .td-quote-text{font-style:italic}
.decor-glass::before{content:'';position:absolute;inset:-15%;background:radial-gradient(ellipse at 18% 12%,var(--t-accent),transparent 42%),radial-gradient(ellipse at 88% 78%,var(--t-accent2),transparent 44%);filter:blur(6cqw);opacity:.38;pointer-events:none}
.decor-glass .tp-title{font-weight:700;letter-spacing:-.03em}.decor-glass .tp-kicker{align-self:flex-start;display:inline-block;border:max(1px,.15cqw) solid color-mix(in srgb,var(--t-ink) 30%,transparent);border-radius:3cqw;padding:.8cqw 1.8cqw;background:color-mix(in srgb,var(--t-surface) 60%,transparent);letter-spacing:.12em}.decor-glass .td-body .tp-kicker{display:inline-block;justify-self:start}.layout-center.decor-glass .tp-kicker{justify-self:center}
.decor-glass .tp-rule{height:.8cqw;border-radius:1cqw;background:linear-gradient(90deg,var(--t-accent),var(--t-accent2))}
.decor-glass .tp-visual,.decor-glass .td-card{background:color-mix(in srgb,var(--t-surface) 82%,transparent);border:max(1px,.15cqw) solid color-mix(in srgb,var(--t-ink) 26%,transparent);border-radius:3cqw;-webkit-backdrop-filter:blur(2cqw);backdrop-filter:blur(2cqw);box-shadow:0 2cqw 5cqw #00000040}.decor-glass .td-card-alt{border-color:var(--t-accent)}
.decor-glass .tp-figure,.decor-glass .td-big,.decor-glass .td-num{background:linear-gradient(100deg,var(--t-accent),var(--t-accent2));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.03em}.decor-glass .tp-bars i{border-radius:1cqw 1cqw 0 0}
.layout-grid.decor-collage::before{background:linear-gradient(color-mix(in srgb,var(--t-ink) 12%,transparent) max(1px,.08cqw),transparent max(1px,.08cqw)) 0 0/3.2cqw 3.2cqw,linear-gradient(90deg,color-mix(in srgb,var(--t-ink) 12%,transparent) max(1px,.08cqw),transparent max(1px,.08cqw)) 0 0/3.2cqw 3.2cqw;opacity:1;border-top:1.6cqw solid var(--t-ink)}
.decor-collage::after{content:'';position:absolute;right:3cqw;top:3.4cqw;width:11cqw;height:11cqw;background:var(--t-accent);clip-path:polygon(50.0% 0.0%,58.5% 13.0%,71.7% 5.0%,73.7% 20.3%,89.1% 18.8%,84.2% 33.5%,98.7% 38.9%,88.0% 50.0%,98.7% 61.1%,84.2% 66.5%,89.1% 81.2%,73.7% 79.7%,71.7% 95.0%,58.5% 87.0%,50.0% 100.0%,41.5% 87.0%,28.3% 95.0%,26.3% 79.7%,10.9% 81.2%,15.8% 66.5%,1.3% 61.1%,12.0% 50.0%,1.3% 38.9%,15.8% 33.5%,10.9% 18.8%,26.3% 20.3%,28.3% 5.0%,41.5% 13.0%);transform:rotate(8deg);z-index:2;pointer-events:none}
.decor-collage .tp-text{overflow:visible}.decor-collage .tp-kicker{align-self:flex-start;display:inline-block;background:var(--t-ink);color:var(--t-bg);padding:.7cqw 1.4cqw;font-family:'IBM Plex Mono','Courier New',monospace;letter-spacing:.08em}.decor-collage .td-body .tp-kicker{display:inline-block;justify-self:start}
.decor-collage .tp-title{align-self:flex-start;display:inline-block;justify-self:start;font-weight:400;text-transform:uppercase;line-height:1;letter-spacing:-.02em;background:var(--t-accent2);color:var(--t-bg);padding:1.2cqw 2cqw;border:max(2px,.5cqw) solid var(--t-ink);box-shadow:1.2cqw 1.2cqw 0 var(--t-ink);transform:rotate(-2deg)}.decor-collage .td-body .tp-title{display:inline-block}
.decor-collage .tp-rule{display:none}.decor-collage .td-sub{margin-top:3.4cqw}.decor-collage .tp-copy{margin-top:4cqw}
.decor-collage .tp-visual,.decor-collage .td-card{border:max(2px,.5cqw) solid var(--t-ink);box-shadow:1.2cqw 1.2cqw 0 var(--t-ink);transform:rotate(1.2deg)}.decor-collage .td-card-alt{background:var(--t-bg);transform:rotate(-1deg)}
.decor-collage .tp-figure,.decor-collage .td-big,.decor-collage .td-num{font-weight:400;color:var(--t-ink);letter-spacing:-.04em}.decor-collage .td-big{box-shadow:inset 0 -5cqw 0 var(--t-surface)}.decor-collage .tp-bars i{opacity:1;background:var(--t-ink)}.decor-collage .tp-bars i:nth-child(2){background:var(--t-accent2)}.decor-collage .tp-bars i:nth-child(4){background:var(--t-accent)}
.decor-collage .td-label{font-weight:400;text-transform:uppercase}.decor-collage .td-quote-text{font:700 4.4cqw/1.2 var(--t-body)}.decor-collage .td-chapter .tp-title{font-size:6.4cqw}.decor-collage .td-compare .tp-title{font-size:4.6cqw}.decor-collage .td-mark{color:var(--t-accent2)}
.decor-atomic{padding-top:11cqw}
.decor-atomic::before{content:'';position:absolute;left:0;right:0;top:0;height:6.5cqw;background:linear-gradient(var(--t-ink) 0 76%,transparent 76%),repeating-linear-gradient(90deg,var(--t-accent) 0 5cqw,var(--t-accent2) 5cqw 10cqw,var(--t-muted) 10cqw 15cqw);pointer-events:none}
.decor-atomic::after{content:'';position:absolute;right:5cqw;top:1.1cqw;width:3cqw;height:3cqw;background:var(--t-bg);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);pointer-events:none}
.decor-atomic .tp-title{font-weight:400;font-style:italic;letter-spacing:-.01em}.decor-atomic .tp-kicker{letter-spacing:.24em;color:var(--t-accent2)}.decor-atomic .tp-rule{height:.9cqw;width:20cqw;border-radius:50%;background:none;border-bottom:max(1.5px,.45cqw) solid var(--t-accent)}
.decor-atomic .tp-visual{background:var(--t-ink);border-radius:3cqw 3cqw 13cqw 3cqw}.decor-atomic .tp-visual::before{content:'';position:absolute;right:2.6cqw;top:2.4cqw;width:7cqw;height:7cqw;border-radius:50%;border:max(1px,.18cqw) solid color-mix(in srgb,var(--t-bg) 65%,transparent);background:radial-gradient(circle,var(--t-accent) 0 .8cqw,transparent .9cqw)}
.decor-atomic .tp-visual::after{content:'';position:absolute;right:3.2cqw;top:2.9cqw;width:1.2cqw;height:1.2cqw;border-radius:50%;background:var(--t-accent2);box-shadow:-5.2cqw 4.6cqw 0 -.2cqw var(--t-bg)}
.decor-atomic .tp-figure{color:var(--t-bg);font-weight:400}.decor-atomic .tp-bars i{background:var(--t-bg);opacity:.45}.decor-atomic .tp-bars i:nth-child(2),.decor-atomic .tp-bars i:nth-child(4){opacity:1}.decor-atomic .tp-bars i:nth-child(2){background:var(--t-accent2)}.decor-atomic .tp-bars i:nth-child(4){background:var(--t-accent)}
.decor-atomic .td-card{border-radius:2.4cqw;border-top:0;box-shadow:inset 0 0 0 max(1.5px,.3cqw) var(--t-accent2)}.decor-atomic .td-card-alt{box-shadow:inset 0 0 0 max(1.5px,.3cqw) var(--t-accent)}.decor-atomic .td-num,.decor-atomic .td-big{font-weight:400}.decor-atomic .td-quote-text{font-style:italic}
footer #repo-link{display:block;margin-top:6px}footer #repo-link[hidden]{display:none}