:root{--bg:#f3efe6;--ink:#16141c;--ink-soft:#5c5666;--card:#fffdf8;--muted:#e9e3d6;--border:#d8d0c2;--primary:#8e1d2c;--primary-dark:#6f1622;--primary-ink:#fff6f2;--accent:#ead7a0;--gold:#c9a227;--gold-soft:#f4e6b8;--silver:#c7ced6;--silver-soft:#dee4ea;--bronze:#cd8a4f;--bronze-soft:#f3d7bd;--buy:#ffd814;--buy-hover:#f7ca00;--grid-line:#16141c0d;--font-body:"Geist", "Segoe UI", sans-serif;--font-display:"Permanent Marker", "Comic Sans MS", cursive;--font-mono:"Geist Mono", ui-monospace, monospace;--font-marker:"Permanent Marker", "Comic Sans MS", cursive;--font-hand:var(--font-body);--header-kicker:#e4c35a;--sketch:1.1rem;--sketch-alt:1.1rem;--shadow:0 22px 44px -28px #16141c66;--wrap:72rem;--gutter:clamp(1rem, 4vw, 2rem);--radius:1.15rem;--ease-out:cubic-bezier(.2, .8, .2, 1);color-scheme:light only}.wrap{width:min(var(--wrap), 100% - 2 * var(--gutter));margin-inline:auto}.site-header{--header-bg:#16141ceb;--header-ink:#f6f1e6;--header-accent:#c9a22738;--header-kicker:#e4c35a;--header-blur:blur(16px) saturate(1.2);--masthead-padding:.75rem 0 .85rem;--font-brand:"Geist", "Segoe UI", sans-serif;--font-nav:"Geist", "Segoe UI", sans-serif;--brand-name-size:1.22rem;--brand-name-weight:600;--brand-name-tracking:-.03em;--brand-kicker-size:.68rem;--brand-kicker-weight:600;--brand-kicker-tracking:.14em;--brand-kicker-transform:uppercase;--nav-size:.78rem;--nav-weight:600;--nav-tracking:.1em;--nav-transform:uppercase;z-index:40;color:var(--header-ink);background:var(--header-bg);backdrop-filter:var(--header-blur);border-bottom:1px solid #e4c35a38;position:sticky;top:0}.site-header .masthead{padding:var(--masthead-padding);justify-content:space-between;align-items:center;gap:1rem;display:flex}.site-header .brand{color:var(--header-ink);align-items:center;gap:.7rem;text-decoration:none;display:flex}.site-header .brand-logo{width:2.15rem;height:auto;transition:transform .2s}.site-header .brand:hover .brand-logo{transform:translateY(-1px)}.site-header .brand-name{font-family:var(--font-brand);font-size:var(--brand-name-size);font-weight:var(--brand-name-weight);letter-spacing:var(--brand-name-tracking);line-height:1;display:block}.site-header .brand-kicker{font-family:var(--font-nav);font-size:var(--brand-kicker-size);font-weight:var(--brand-kicker-weight);letter-spacing:var(--brand-kicker-tracking);text-transform:var(--brand-kicker-transform);color:var(--header-kicker);margin-top:.15rem;line-height:1;display:block}.site-header .nav{font-family:var(--font-nav);font-size:var(--nav-size);font-weight:var(--nav-weight);letter-spacing:var(--nav-tracking);text-transform:var(--nav-transform);flex-wrap:wrap;gap:.2rem;line-height:1.6;display:flex}.site-header .nav a{color:var(--header-ink);border-radius:.5rem;padding:.05rem .75rem;text-decoration:none;transition:background-color .15s}.site-header .nav a:hover{background:var(--header-accent)}.site-header .nav a[aria-current=page]{background-image:none;background-color:var(--header-accent);color:var(--header-kicker)}.site-header .header-squiggle{display:none}@media (width<=720px){.site-header .masthead{flex-direction:column;align-items:flex-start;gap:.3rem}.site-header .nav{font-size:calc(var(--nav-size) * .9);margin-left:-.75rem}}html.hub{--bg:#f6f4ef;--font-display:"Newsreader", "Iowan Old Style", Palatino, serif;--radius:.8rem;background-color:var(--bg);scroll-behavior:smooth;scroll-padding-top:6rem;& *,& :before,& :after{box-sizing:border-box}& body{min-height:100vh;color:var(--ink);background:var(--bg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;margin:0;font-size:1.02rem;line-height:1.6;display:flex}& main{flex:1}& ::selection{background:var(--gold-soft);color:var(--ink)}& img{max-width:100%;height:auto;display:block}& a{color:inherit}& :focus-visible{outline:2px solid var(--gold);outline-offset:3px}& h1,& h2,& h3{text-wrap:balance}& p{text-wrap:pretty}& .visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}& .skip-link{z-index:60;background:var(--ink);color:var(--bg);padding:.4rem .8rem;position:absolute;top:-3rem;left:1rem}& .skip-link:focus{top:.6rem}& .title-squiggle,& .footer-squiggle{display:none}& .kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--primary);margin:0;font-size:.78rem;font-weight:600}& .marker-highlight{font-family:var(--font-display);color:var(--gold);background:0 0;padding:0;font-style:normal;font-weight:400}& .section-title-block{flex-direction:column;align-items:flex-start;display:flex}& .section-title{font-family:var(--font-display);letter-spacing:-.025em;margin:.35rem 0 0;font-size:clamp(1.85rem,3.2vw,2.45rem);font-weight:500;line-height:1.12;display:inline-block}& .section-title:after{content:"";background:#16141c47;width:2.25rem;height:1px;margin-top:.65rem;display:block}& .section-title.is-page-title{font-size:clamp(2.2rem,5vw,3.5rem)}& .section-title.is-page-title:after{width:3.5rem}& .title-squiggle{display:none}& .lede{max-width:40rem;color:var(--ink-soft);margin:1.15rem 0 0;font-size:1.12rem;line-height:1.65}& .btn{border:1.5px solid var(--ink);background:var(--card);min-height:2.85rem;color:var(--ink);font-family:var(--font-body);cursor:pointer;transition:transform .22s var(--ease-out), box-shadow .22s var(--ease-out), background-color .2s ease, color .2s ease;border-radius:.55rem;justify-content:center;align-items:center;gap:.45rem;padding:.4rem 1.3rem;font-size:.98rem;font-weight:600;text-decoration:none;display:inline-flex}& .btn:hover{transform:translateY(-2px);box-shadow:0 16px 28px -22px #16141cb3}& .btn:active{transform:translateY(1px)}& .btn-lg{min-height:3.15rem;padding:.45rem 1.45rem}& .btn-sm{min-height:2.3rem;padding:.25rem .9rem;font-size:.92rem}& .btn-primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}& .btn-primary:hover{background:#0c0b10}& .btn-ghost{background:0 0}& .btn-ghost:hover{background:var(--muted)}& .btn-buy{background:var(--buy);color:#1c1917;border-color:#0000}& .btn-buy:hover{background:var(--buy-hover)}& .btn-icon{width:1rem;height:1rem}& .cta-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}& .hero{padding:clamp(2.4rem,6vw,4.6rem) 0 1.2rem}& .hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr);align-items:center;gap:clamp(1.8rem,5vw,3.4rem);display:grid}& .hero-copy{max-width:40rem}& .hero-title{font-family:var(--font-display);letter-spacing:-.03em;margin:.55rem 0 0;font-size:clamp(2.7rem,5.6vw,4.2rem);font-weight:500;line-height:1.02}& .hero-title em{letter-spacing:-.03em;color:var(--primary);font-style:italic;font-weight:500;display:block}& .hero-facts{flex-wrap:wrap;gap:1.1rem 1.8rem;margin:1.45rem 0 0;padding:0;list-style:none;display:flex}& .hero-facts li{min-width:4.5rem;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);flex-direction:column;gap:.2rem;font-size:.72rem;font-weight:600;display:flex}& .hero-facts span{font-family:var(--font-body);letter-spacing:-.04em;text-transform:none;color:var(--ink);font-size:1.7rem;font-weight:700;line-height:1}& .hero-actions{flex-wrap:wrap;gap:.8rem;margin:1.55rem 0 0;display:flex}& .welcome{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2.1rem;display:grid}& .welcome-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);min-height:100%;box-shadow:var(--shadow);color:inherit;transition:transform .22s var(--ease-out), box-shadow .22s var(--ease-out);flex-direction:column;align-items:flex-start;padding:1.35rem 1.4rem 1.3rem;text-decoration:none;display:flex}& .welcome-card:hover{transform:translateY(-3px);box-shadow:0 24px 44px -30px #16141c80}& .welcome-card h2{font-family:var(--font-display);letter-spacing:-.025em;margin:.3rem 0 0;font-size:clamp(1.55rem,2.4vw,1.9rem);font-weight:500;line-height:1.15}& .welcome-card p:not(.kicker){max-width:36rem;color:var(--ink-soft);margin:.55rem 0 0}& .welcome-card>span{margin-top:auto;padding-top:1.15rem;font-weight:600}& .welcome-card.is-choice{background:var(--ink);border-color:var(--ink);color:#f6f1e6}& .welcome-card.is-choice .kicker,& .welcome-card.is-choice p:not(.kicker){color:#f6f1e6b3}& .section{padding:clamp(2.6rem,6vw,4.2rem) 0}& .section-tint{background:#16141c09;box-shadow:inset 0 1px #16141c0f,inset 0 -1px #16141c0f}& .section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.6rem 1rem;margin-bottom:1.8rem;display:flex}& .section-link{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--primary);font-size:.78rem;font-weight:600;text-decoration:none}& .section-link:hover{text-underline-offset:4px;text-decoration:underline}& .empty{color:var(--ink-soft);padding:1rem 0 2rem}& .grid-cards{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1.4rem;display:grid}& .card{background:var(--card);border:1px solid var(--border);border-top:2px solid var(--gold);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .22s var(--ease-out), box-shadow .22s var(--ease-out);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}& .card:hover{transform:translateY(-4px);box-shadow:0 28px 50px -30px #16141c8c}& .card--cuisine{border-top-color:#c2410c}& .card--climatisation{border-top-color:#1663d6}& .card--informatique{border-top-color:#5b21b6}& .card--audio{border-top-color:#0f766e}& .card-body{flex-direction:column;flex:1;padding:1.15rem 1.25rem 1.3rem;display:flex}& .card-meta{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin:0;font-size:.72rem;font-weight:600;line-height:1.4}& .card--cuisine .card-meta{color:#c2410c}& .card--climatisation .card-meta{color:#1663d6}& .card--informatique .card-meta{color:#5b21b6}& .card--audio .card-meta{color:#0f766e}& .card-title{font-family:var(--font-body);letter-spacing:-.02em;margin:.45rem 0 .55rem;font-size:1.22rem;font-weight:600;line-height:1.28}& .card-excerpt{color:var(--ink-soft);margin:0 0 auto;font-size:.97rem}& .card-footer{color:var(--primary);margin-top:1.15rem;font-size:.95rem;font-weight:600}& .mini-podium{isolation:isolate;border-bottom:1px solid var(--border);background:#fff;grid-template-columns:repeat(3,1fr);align-items:end;gap:.35rem;padding:1.1rem 1.3rem 0;display:grid}& .mini-place{flex-direction:column;align-items:center;gap:.35rem;display:flex}& .mini-place img{aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;width:100%;max-width:4.6rem}& .mini-place--1 img{max-width:5.8rem}& .mini-step{width:100%;font-family:var(--font-body);border-radius:.55rem .55rem 0 0;place-items:center;font-size:1.05rem;font-weight:600;line-height:1;display:grid}& .mini-place--1 .mini-step{background:var(--gold-soft);height:3rem;font-size:1.35rem}& .mini-place--2 .mini-step{background:var(--silver-soft);height:2.2rem}& .mini-place--3 .mini-step{background:var(--bronze-soft);height:1.55rem}& .product-pile{aspect-ratio:16/10;isolation:isolate;border-bottom:1px solid var(--border);background:#fff;position:relative;overflow:hidden}& .product-pile img{aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;transform:rotate(var(--pile-rotate,0deg));transition:transform .25s var(--ease-out);position:absolute}& .card:hover .product-pile img{transform:rotate(calc(var(--pile-rotate,0deg) * 1.35)) translateY(-3px)}& .categories{grid-template-columns:repeat(auto-fill,minmax(17.5rem,1fr));gap:1.3rem;display:grid}& .category-note{background:var(--card);border:1px solid var(--border);border-top:2px solid var(--gold);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.35rem 1.35rem 1.2rem;position:relative}& .category-note--cuisine{border-top-color:#c2410c}& .category-note--climatisation{border-top-color:#1663d6}& .category-note--informatique{border-top-color:#5b21b6}& .category-note--audio{border-top-color:#0f766e}& .category-note h3{font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-size:1.55rem;font-weight:500}& .category-note p{color:var(--ink-soft);margin:.4rem 0 0;font-size:.97rem}& .category-note ul{margin:.95rem 0 0;padding:0;list-style:none}& .category-note li{padding:.22rem 0;font-size:.98rem;font-weight:600;line-height:1.35}& .category-note li:before{content:"";vertical-align:middle;background:var(--gold);width:.45rem;height:1px;margin-right:.45rem;display:inline-block}& .category-note--cuisine li:before{background:#c2410c}& .category-note--climatisation li:before{background:#1663d6}& .category-note--informatique li:before{background:#5b21b6}& .category-note--audio li:before{background:#0f766e}& .category-note a{text-decoration:none}& .category-note a:hover{text-underline-offset:3px;text-decoration:underline}& .method{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.2rem;display:grid}& .method-card{background:var(--card);border:1px solid var(--border);border-top:2px solid var(--gold);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.6rem 1.5rem 1.55rem;position:relative}& .method-card.is-alt{background:var(--ink);color:#f6f1e6;border-color:var(--ink);border-top-color:#f6f1e647}& .method-card.is-alt .kicker,& .method-card.is-alt p:last-child{color:#f6f1e6b8}& .method-card h2{font-family:var(--font-display);letter-spacing:-.025em;margin:.35rem 0 .65rem;font-size:1.7rem;font-weight:500}& .method-card p:last-child{color:var(--ink-soft);margin:0}& .page-header{padding:clamp(2rem,5vw,3.2rem) 0 .6rem}& .article{padding-bottom:1rem}& .prose{max-width:44rem}& .prose p{margin:0 0 1rem}& .legal-sheet{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin:1.4rem 0 2.4rem;padding:1.5rem 1.6rem 1rem}& .legal-sheet h2{font-family:var(--font-body);letter-spacing:-.02em;margin:1.4rem 0 .4rem;font-size:1.15rem;font-weight:600}& .legal-sheet h2:first-child{margin-top:0}& .legal-sheet p,& .legal-sheet ul{color:var(--ink-soft)}& .legal-sheet code{background:var(--muted);border-radius:4px;padding:.05rem .3rem;font-size:.88em}& .site-footer{margin-top:3.5rem}& .footer-band{background:var(--ink);color:#f6f1e6b8;padding:2.3rem 0 2.6rem;box-shadow:0 -1px #e4c35a47}& .footer-grid{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;font-size:.92rem;display:flex}& .footer-brand{color:#fff;font-family:var(--font-body);letter-spacing:-.03em;align-items:center;gap:.65rem;font-size:1.15rem;font-weight:600;text-decoration:none;display:flex}& .footer-logo{color:#f6f1e6;width:2.4rem;height:auto}& .footer-nav{flex-wrap:wrap;gap:.4rem 1.25rem;display:flex}& .footer-nav a{color:#f6f1e6;text-decoration:none}& .footer-nav a:hover{color:var(--header-kicker)}& .footer-disclosure{flex-basis:100%;max-width:52rem;margin:0;font-size:.8rem;line-height:1.55}& .footer-copy{font-family:var(--font-mono);color:#f6f1e67a;flex-basis:100%;margin:0;font-size:.75rem}@media (prefers-reduced-motion:reduce){scroll-behavior:auto;& *,& :before,& :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=720px){scroll-padding-top:8rem;& .welcome{grid-template-columns:1fr}}}