:root{--mauve:#84737B;--mauve-deep:#6B5B63;--rose:#D8BCBD;--blush:#F6F0F0;--ink:#43393E;--muted:#6E6368;--line:#E6DCDD;--paper:#FFFFFF;--f-body:"Montserrat",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--f-quote:"Cormorant Garamond","Iowan Old Style","Palatino Linotype",Georgia,serif;--s1:.5rem;--s2:1rem;--s3:1.5rem;--s4:2.5rem;--s5:4rem;--radius:14px;color-scheme:light;} @font-face{font-family:"Montserrat";font-weight:400;font-display:swap;src:url(../fonts/montserrat-latin-400-normal.woff2) format("woff2")} @font-face{font-family:"Montserrat";font-weight:500;font-display:swap;src:url(../fonts/montserrat-latin-500-normal.woff2) format("woff2")} @font-face{font-family:"Montserrat";font-weight:600;font-display:swap;src:url(../fonts/montserrat-latin-600-normal.woff2) format("woff2")} @font-face{font-family:"Montserrat";font-weight:700;font-display:swap;src:url(../fonts/montserrat-latin-700-normal.woff2) format("woff2")} @font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-latin-500-italic.woff2) format("woff2")} *,*::before,*::after{box-sizing:border-box} html{scroll-behavior:smooth;-webkit-text-size-adjust:100%} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}} body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.75 var(--f-body);text-rendering:optimizeLegibility} img{max-width:100%;height:auto;display:block} a{color:var(--mauve-deep);text-decoration-thickness:1px;text-underline-offset:3px} a:not(.btn):hover{color:var(--ink)} :focus-visible{outline:3px solid var(--rose);outline-offset:2px;border-radius:4px} h1,h2,h3{font-weight:600;line-height:1.25;text-wrap:balance;color:var(--ink);margin:0 0 var(--s2)} h2{font-size:clamp(1.45rem,1.1rem + 1.2vw,2rem);letter-spacing:.01em} h3{font-size:1.15rem;margin-top:var(--s3)} h2 a{color:inherit;text-decoration:none} p{margin:0 0 var(--s2)} .wrap{max-width:1140px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:var(--s4)} .prose{max-width:820px} .prose.wrap{max-width:calc(820px + 32px)} .skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.5rem 1rem;z-index:100} .skip:focus{left:8px} .topbar{background:var(--paper);color:var(--muted);font-size:.8rem;border-bottom:1px solid var(--line)} .topbar .in{max-width:1140px;margin-inline:auto;padding:.35rem max(16px,env(safe-area-inset-right,0px)) .35rem max(16px,env(safe-area-inset-left,0px));display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;justify-content:center} .topbar a{color:inherit;text-decoration:none} .site-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:var(--mauve)} body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:41;background:var(--mauve)} .site-header .in{max-width:1240px;margin-inline:auto;padding:.4rem max(16px,env(safe-area-inset-right,0px)) .4rem max(16px,env(safe-area-inset-left,0px));display:flex;align-items:center;gap:1rem} .logo:hover{color:#fff} .logo{display:flex;align-items:center;gap:.6rem;color:#fff;text-decoration:none;flex:none} .logo img{width:64px;height:64px} .logo span{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;line-height:1.3} .nav{margin-left:auto} .nav ul{list-style:none;margin:0;padding:0;display:flex;gap:.1rem;align-items:center} .nav a{display:block;color:#fff;text-decoration:none;font-size:.76rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:.55rem .6rem;border-radius:999px} .nav a:hover,.nav a[aria-current=page]{background:rgba(255,255,255,.16);color:#fff} .nav .rdv a{background:#fff;color:var(--mauve-deep);margin-left:.4rem;font-weight:600} .nav .rdv a:hover{background:var(--blush);color:var(--ink)} .burger{display:none;margin-left:auto;background:none;border:1px solid rgba(255,255,255,.5);color:#fff;border-radius:999px;padding:.45rem .9rem;font:600 .78rem var(--f-body);letter-spacing:.08em;text-transform:uppercase;cursor:pointer} @media (max-width:900px){.burger{display:block} .nav{position:absolute;left:0;right:0;top:100%;background:var(--mauve-deep);display:none;max-height:calc(100vh - 80px);overflow:auto} .nav.open{display:block} .nav ul{flex-direction:column;align-items:stretch;padding:.5rem max(16px,env(safe-area-inset-left,0px)) 1rem} .nav a{font-size:.85rem;padding:.8rem 1rem;border-radius:10px} .nav .rdv a{margin:.5rem 0 0;text-align:center}} .hero{position:relative;background:var(--ink);color:#fff;overflow:hidden} .hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92} .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(52,42,47,.78) 0%,rgba(52,42,47,.5) 45%,rgba(52,42,47,.08) 100%)} .hero .wrap{position:relative;z-index:1;padding-block:clamp(3rem,7vw,6.5rem);max-width:1140px} .hero .txt{max-width:640px} .kicker{font-size:.74rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin:0 0 var(--s2);opacity:.92} .hero h1{color:#fff;font-size:clamp(1.9rem,1.3rem + 2.6vw,3.1rem);font-weight:600;margin:0 0 var(--s2)} .hero .lead{font-family:var(--f-quote);font-style:italic;font-size:clamp(1.25rem,1.05rem + .8vw,1.65rem);line-height:1.4;margin:0 0 var(--s3)} .hero .btn{margin-right:.5rem} .page-head{background:var(--blush)} .page-head .wrap{padding-block:var(--s4)} .page-head h1{font-size:clamp(1.7rem,1.3rem + 1.8vw,2.6rem)} .page-head .lead{font-family:var(--f-quote);font-style:italic;font-size:1.35rem;color:var(--muted)} .crumbs{font-size:.78rem;color:var(--muted);padding-block:.75rem 0} .crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem} .crumbs li+li::before{content:"›";margin-right:.4rem} .crumbs a{color:inherit} .btn{display:inline-block;background:var(--mauve-deep);color:#fff;text-decoration:none;font-weight:600;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;padding:.85rem 1.4rem;border-radius:999px;border:2px solid var(--mauve-deep);transition:background .2s,color .2s} .btn:hover,.btn:focus-visible{background:var(--ink);border-color:var(--ink);color:#fff} .btn-light{background:#fff;color:var(--mauve-deep);border-color:#fff} .btn-light:hover{background:var(--blush);border-color:var(--blush);color:var(--ink)} .btn-ghost{background:transparent;border-color:rgba(255,255,255,.7);color:#fff} .btn-ghost:hover{background:rgba(255,255,255,.12);border-color:#fff} .band{background:var(--mauve-deep);color:#fff} .band h2,.band h3,.band a:not(.btn){color:#fff} .band .quote{color:#fff;border-color:var(--rose)} .band .note{color:rgba(255,255,255,.85)} .band-soft{background:var(--blush);color:var(--ink)} .band-soft h2,.band-soft h3{color:var(--ink)} .band-soft a:not(.btn){color:var(--mauve-deep)} .band-soft .quote{color:var(--mauve-deep)} .quote{font-family:var(--f-quote);font-style:italic;font-weight:500;font-size:clamp(1.3rem,1.1rem + .7vw,1.6rem);line-height:1.45;color:var(--mauve-deep);border-left:2px solid var(--rose);padding-left:1.1rem;margin:var(--s3) 0} .sign{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)} .note{font-size:.85rem;color:var(--muted)} .small{font-size:.88rem;color:var(--muted)} .split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--s4);align-items:center} .split.reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)} .split-text{min-width:0} .split-media{margin:0;min-width:0} .split-media img{border-radius:var(--radius);width:100%;aspect-ratio:4/3;object-fit:cover} .split-media.portrait img{aspect-ratio:3/4;object-position:50% 20%;max-height:560px} @media (max-width:820px){.split,.split.reverse{grid-template-columns:1fr}.split.reverse .split-media{order:2}} .facts{list-style:none;padding:0;margin:var(--s3) 0;display:flex;flex-wrap:wrap;gap:var(--s3)} .facts b{display:block;font-size:1.7rem;font-weight:600;color:var(--mauve-deep);line-height:1.1} .facts span{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)} .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--s3)} .card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s3);text-decoration:none;color:var(--ink);transition:border-color .2s,transform .2s} .card h3{margin-top:0;color:var(--mauve-deep)} .card p{flex:1} a.card:hover{border-color:var(--mauve);transform:translateY(-2px);color:var(--ink)} .more{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mauve-deep)} .more::after{content:" →"} .checks{list-style:none;padding:0;margin:0 0 var(--s2)} .checks li{position:relative;padding-left:1.5rem;margin-bottom:.45rem} .checks li::before{content:"";position:absolute;left:0;top:.7em;width:.55rem;height:.55rem;border-radius:50%;border:2px solid var(--mauve)} .tags{list-style:none;padding:0;margin:0 0 var(--s2);display:flex;flex-wrap:wrap;gap:.5rem} .tags li{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:.35rem .9rem;font-size:.88rem} .tags a{text-decoration:none} .band .tags li{background:transparent;border-color:rgba(255,255,255,.4)} .steps{list-style:none;counter-reset:s;padding:0;margin:var(--s3) 0;display:grid;gap:var(--s2)} .steps li{counter-increment:s;display:grid;grid-template-columns:2.5rem 1fr;gap:.2rem 1rem} .steps li::before{content:counter(s);grid-row:span 2;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--mauve);color:#fff;display:grid;place-items:center;font-weight:600} .steps b{color:var(--ink)} .defs dt{font-weight:600;color:var(--mauve-deep);margin-top:var(--s2)} .defs dd{margin:0 0 .5rem} .toc{border-block:1px solid var(--line)} .toc .wrap{padding-block:var(--s2)} .toc ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem} .toc a{display:block;font-size:.82rem;padding:.35rem .8rem;border-radius:999px;background:var(--blush);text-decoration:none;color:var(--ink)} .toc a:hover{background:var(--rose)} .domaines{list-style:none;padding:0;margin:0 0 var(--s2);display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--s2)} .domaines li{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:4/3;background:var(--blush)} .domaines img{width:100%;height:100%;object-fit:cover} .domaines span{position:absolute;inset:auto 0 0 0;padding:1.4rem .7rem .55rem;font-size:.82rem;font-weight:600;line-height:1.3;color:#fff;background:linear-gradient(transparent,rgba(40,32,36,.82))} .videos{list-style:none;padding:0;display:grid;gap:.5rem} .videos a{display:inline-flex;align-items:center;gap:.6rem;font-weight:500} .videos a::before{content:"";width:1.6rem;height:1.6rem;border-radius:50%;background:var(--mauve) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 7v10l8-5z'/%3E%3C/svg%3E") center/70% no-repeat;flex:none} .faq details{border-bottom:1px solid var(--line);padding:.9rem 0} .faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:1rem} .faq summary::-webkit-details-marker{display:none} .faq summary::after{content:"+";color:var(--mauve);font-size:1.3rem;line-height:1} .faq details[open] summary::after{content:"–"} .faq details p{margin:.6rem 0 0} .cta-band{background:#77666F;color:#fff;text-align:left} .cta-band .cta-title{font-family:var(--f-quote);font-style:italic;font-size:clamp(1.45rem,1.2rem + 1vw,2rem);line-height:1.35;margin-bottom:.5rem} .cta-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:var(--s3)} .table-wrap{overflow-x:auto} .tarifs{width:100%;border-collapse:collapse;min-width:520px} .tarifs th,.tarifs td{text-align:left;padding:.9rem .75rem;border-bottom:1px solid var(--line);vertical-align:top} .tarifs thead th{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600} .tarifs tbody th{font-weight:500} .tarifs td{white-space:nowrap;font-variant-numeric:tabular-nums} .todo{background:#FFF4C9;color:#6A5300} .todo-note{background:#FFF4C9;color:#6A5300;padding:.5rem .8rem;border-radius:8px;display:inline-block} .contact-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--s4);align-items:start} @media (max-width:820px){.contact-grid{grid-template-columns:1fr}} .contact-card{background:var(--blush);border-radius:var(--radius);padding:var(--s3)} .contact-card address{font-style:normal;line-height:1.8} .access{list-style:none;padding:0;margin:0 0 var(--s2)} .access b{display:inline-block;min-width:7.5rem;font-weight:600;color:var(--mauve-deep)} .map{margin-top:var(--s2);border-radius:12px;overflow:hidden;border:1px solid var(--line)} .map iframe{display:block;width:100%;height:280px;border:0} .booking{border:1px solid var(--line);border-radius:var(--radius);padding:var(--s2);background:var(--paper)} .booking iframe{display:block;width:100%;min-height:560px;border:0} form .row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)} @media (max-width:560px){form .row{grid-template-columns:1fr}} form label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.3rem} form input,form textarea{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #CDBFC2;border-radius:10px;padding:.7rem .85rem} form input:focus,form textarea:focus{outline:2px solid var(--mauve);border-color:var(--mauve)} form .field{margin-bottom:var(--s2)} form .hp{position:absolute;left:-5000px} .form-msg{padding:.8rem 1rem;border-radius:10px;background:var(--blush);margin-top:var(--s2)} img.wide{border-radius:var(--radius);width:100%} .site-footer{background:var(--ink);color:#E9E1E3;font-size:.9rem} .site-footer .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s4)} .site-footer h2{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--rose);margin-bottom:var(--s2)} .site-footer a{color:#fff} .site-footer ul{list-style:none;padding:0;margin:0} .site-footer li{margin-bottom:.3rem} .site-footer address{font-style:normal} .site-footer .legal{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:var(--s2);font-size:.8rem;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;color:#BFB3B7} .site-footer .legal button{background:none;border:0;color:#fff;font:inherit;text-decoration:underline;cursor:pointer;padding:0} .float-rdv,.float-wa{position:fixed;z-index:30;bottom:calc(16px + env(safe-area-inset-bottom,0px));box-shadow:0 6px 20px rgba(40,30,35,.22);text-decoration:none;border-radius:999px;font-weight:600;font-size:.85rem} .float-rdv{left:max(16px,env(safe-area-inset-left,0px));background:#fff;color:var(--mauve-deep);padding:.75rem 1.2rem;border:1px solid var(--line)} .float-wa{right:max(16px,env(safe-area-inset-right,0px));background:#25D366;color:#063;width:52px;height:52px;display:grid;place-items:center} .float-wa svg{width:26px;height:26px} .cookie{position:fixed;z-index:50;left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));bottom:calc(80px + env(safe-area-inset-bottom,0px));max-width:520px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s2) var(--s3);box-shadow:0 10px 30px rgba(40,30,35,.2);font-size:.88rem} .cookie .actions{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap} .cookie button{font:600 .8rem var(--f-body);border-radius:999px;padding:.55rem 1rem;cursor:pointer;border:2px solid var(--mauve)} .cookie .yes{background:var(--mauve);color:#fff} .cookie .no{background:#fff;color:var(--mauve-deep)} .intro-quote{font-family:var(--f-quote);font-style:italic;font-size:1.4rem;color:var(--mauve-deep);margin-bottom:var(--s3)} .piliers{list-style:none;padding:0;margin:0 0 var(--s3);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--s2) var(--s3)} .piliers li{background:var(--paper);border-radius:6px;padding:1.4rem 1.5rem;text-align:center;display:flex;flex-direction:column;justify-content:center;min-height:6rem;box-shadow:0 2px 10px rgba(70,50,60,.07);border:1px solid var(--line)} .piliers b,.piliers span{display:block;font-weight:400;font-size:1.02rem;line-height:1.5;color:var(--ink)} .techniques{list-style:none;padding:0;margin:var(--s3) auto 0;max-width:900px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.6rem,2.5vw,1.6rem)} .techniques li{display:grid;place-items:center;text-align:center;min-height:6.2rem;padding:1rem .8rem;font-weight:600;font-size:clamp(.78rem,.7rem + .4vw,1.05rem);line-height:1.3;border-radius:4px;min-width:0;overflow-wrap:anywhere;hyphens:auto} .techniques .t-out{background:var(--mauve);color:#fff} .techniques .t-in{background:var(--paper);color:var(--mauve-deep);box-shadow:0 2px 10px rgba(70,50,60,.08)} .techniques .t-hub{background:var(--paper);color:var(--mauve-deep);outline:clamp(6px,1.2vw,12px) solid var(--mauve);outline-offset:0;font-size:clamp(.85rem,.75rem + .5vw,1.15rem);position:relative;z-index:1} @media (max-width:420px){.techniques li{min-height:5.2rem;padding:.7rem .4rem}} .forfaits{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--s3);margin-top:var(--s3)} .forfait{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);overflow:hidden} .forfait header{background:var(--blush);padding:var(--s3)} .forfait h3{margin:0 0 .5rem;color:var(--mauve-deep);font-size:1.3rem} .forfait .checks{padding:var(--s3) var(--s3) 0;flex:1;font-size:.94rem} .forfait .checks li.plus{font-weight:600} .forfait .checks li.plus::before{background:var(--mauve)} .forfait footer{padding:var(--s2) var(--s3) var(--s3);font-size:.82rem;color:var(--muted);border-top:1px solid var(--line);margin-top:var(--s2)} .forfait footer p{margin:0 0 .25rem} .f-public{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 .4rem} .f-prix{margin:0 0 .6rem} .f-prix b{display:block;font-size:1.65rem;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.2} .f-prix span{font-size:.85rem;color:var(--muted)} .f-accroche{font-family:var(--f-quote);font-style:italic;font-size:1.2rem;line-height:1.35;color:var(--mauve-deep);margin:0} .band .card.static{color:var(--ink)} .band .card.static h3{color:var(--mauve-deep)} .cards-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))} .forfaits-mini{list-style:none;padding:0;margin:0 0 var(--s3);display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem} .forfaits-mini a{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:1rem;text-decoration:none;color:var(--ink);height:100%} .forfaits-mini a:hover{border-color:var(--mauve)} .forfaits-mini b{color:var(--mauve-deep);font-size:1.05rem} .forfaits-mini span{font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums} .todo-card{border:2px dashed #E3C76A} .todo-card header{background:#FFF8DC} .nav a{font-size:.8rem;padding:.55rem .8rem} .gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--s2)} .gallery figure{margin:0;min-width:0} .gallery img{width:100%;height:100%;max-height:420px;object-fit:cover;border-radius:var(--radius)} @media (max-width:700px){.gallery{grid-template-columns:1fr 1fr}.gallery figure:first-child{grid-column:1/-1}} .services-cards{margin-bottom:var(--s4)} .services-cards .card{padding:var(--s3) var(--s3) var(--s3)} .services-cards h3{font-size:1.35rem} .services-cards h3 a{color:inherit;text-decoration:none} .services-cards .quote{font-size:1.25rem;margin:var(--s2) 0} .services-cards .more{margin-top:auto;text-decoration:none} .services-cards p:not(.quote){flex:none} .acc-intro{margin-bottom:var(--s4)} .band-acc{background:linear-gradient(135deg,#EFE6E8 0%,#F7EFEA 55%,#EDE3E6 100%);color:var(--ink)} .band-acc h2,.band-acc h3{color:var(--ink)} .band-acc a:not(.btn){color:var(--mauve-deep)} .band-acc .quote{color:var(--mauve-deep)} .band-acc h2{text-align:center} .center{text-align:center} .intro-quote.center{margin-inline:auto} .small-strong{font-weight:600;font-size:.92rem;color:var(--mauve-deep)} .band-acc .acc-intro{margin-inline:auto} .band-forf{background:var(--mauve-deep)} .band-forf .forfaits-mini a,.band-forf .forfaits-mini a:not(.btn){color:var(--ink);background:var(--paper);border-color:transparent} .band-forf .forfaits-mini b{color:var(--mauve-deep)} .band-forf .forfaits-mini a:hover{background:var(--blush)} .forfait .checks li.soon{font-style:italic;color:var(--muted)} .forfait .checks li.soon::before{border-style:dashed} .soon-tag{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:var(--blush);color:var(--mauve-deep);border-radius:999px;padding:.3rem .8rem;margin-bottom:.6rem} .band-soft .note,.band-acc .note{color:var(--muted)} .band-soft .soon-tag{background:var(--paper)} .asca{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s3);margin:0 0 var(--s3)} .asca img{width:180px;height:auto;flex:none} .asca div{flex:1;min-width:220px} .asca h3{margin:0 0 .4rem;color:var(--mauve-deep)} .asca p{margin:0} .preview-flag{background:#FFF4C9;color:#6A5300;font-size:.8rem;text-align:center;padding:.4rem 16px}