/* Démonstrations éditoriales Noïde — CV, affiche et campagne, 9 octobre 2026. */
.nv-piece-note{font:10px/1.45 Arial,Helvetica,sans-serif!important;color:#526c78!important;margin:11px 0 0!important;text-align:center}
.nv-cv-stage,.nv-poster-stage,.nv-pollen-stage{min-width:0;container-type:inline-size}
/* Un vrai document A4 miniature : une hiérarchie complète, sans faux contenu client. */
.nv-cv-stage{padding:18px;background:#e8eef0}
.nv-cv-sheet{width:400px;max-width:100%;min-height:566px;margin:auto;background:#fffefa;color:#283a3d;box-shadow:0 8px 24px #17384517;padding:26px 24px 14px;font:9px/1.55 Arial,Helvetica,sans-serif;position:relative;border-top:5px solid #466568}
.nv-cv-top{display:grid;grid-template-columns:1fr 65px;gap:14px;align-items:center;border-bottom:1px solid #c7d2cd;padding-bottom:17px;margin-bottom:17px}
.nv-cv-kicker{display:block;font-size:6px;letter-spacing:.1em;color:#587475;font-weight:700}
.nv-cv-stage .nv-cv-top h3{font-size:31px;line-height:.98;letter-spacing:-.055em;font-weight:400;margin:12px 0 8px;color:#243f43}
.nv-cv-top h3 strong{font-weight:700}
.nv-cv-stage .nv-cv-top p{font-size:8px;line-height:1.4;margin:0;color:#587475}
.nv-cv-top img{width:65px;height:84px;object-fit:cover;object-position:50% 35%;border-radius:34px 34px 3px 3px;background:#e4e9e5}
.nv-cv-columns{display:grid;grid-template-columns:110px minmax(0,1fr);gap:17px}
.nv-cv-side{border-right:1px solid #dfe5df;padding-right:12px;color:#536664}
.nv-cv-sheet section{margin:0 0 16px;padding:0;border:0;background:none}
.nv-cv-sheet h4{font-size:7px;text-transform:uppercase;letter-spacing:.105em;line-height:1.4;margin:0 0 8px;color:#345457;font-weight:700}
.nv-cv-stage .nv-cv-sheet p{font-size:8px;line-height:1.55;margin:0}
.nv-cv-sheet ul{font-size:8px;line-height:1.55;margin:5px 0 0;padding-left:10px}
.nv-cv-sheet li+li{margin-top:3px}
.nv-cv-side ul{padding:0;list-style:none}
.nv-cv-side p{overflow-wrap:anywhere}
.nv-cv-main article{margin:0 0 15px;padding:0}
.nv-cv-date{display:block;font-size:7px;letter-spacing:.02em;color:#687e7a;margin-bottom:4px}
.nv-cv-sheet h5{font-size:10px;line-height:1.3;margin:0 0 2px;color:#243f43}
.nv-cv-company{display:block;font-size:7px;color:#687e7a;margin-bottom:5px}
.nv-cv-sheet section.nv-cv-plus{background:#edf2eb;border-radius:2px;padding:10px;margin-top:16px}
.nv-cv-plus h4{font-size:6.7px;margin-bottom:5px}
.nv-cv-bottom{border-top:1px solid #dfe5df;padding-top:10px;margin-top:9px;font-size:5.5px;line-height:1.5;letter-spacing:.065em;color:#778781}
/* Une affiche graphique, lisible en passant, avec une offre au premier plan. */
.nv-poster-stage{background:#e8e2d5;padding:17px}
.nv-lunch-poster{background:#fff2d9;color:#162e35;max-width:490px;margin:auto;overflow:hidden;position:relative;box-shadow:0 6px 19px #5e43251a}
.nv-poster-brand{display:grid;grid-template-columns:1fr auto;gap:1px 15px;position:relative;padding:17px 24px 14px;border-bottom:1px solid #162e3526}
.nv-poster-brand>span{font-size:13px;letter-spacing:.045em;font-weight:900;line-height:1.3}
.nv-poster-brand small{font-size:5.9px;letter-spacing:.17em;grid-column:1}
.nv-poster-brand i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font-size:30px;line-height:1;color:#e66b34}
.nv-poster-title{position:relative;z-index:2;padding:18px 23px 23px}
.nv-poster-title>span{font-size:7px;font-weight:800;letter-spacing:.11em}
.nv-poster-stage .nv-poster-title h3{font-family:Arial,Helvetica,sans-serif;font-size:clamp(39px,11.7cqi,65px);font-weight:900;letter-spacing:-.075em;line-height:.88;margin:10px 0 0;color:#152e35}
.nv-poster-title h3>span{color:#e56a32}
.nv-poster-photo{height:213px;position:relative;background:#bb7d45}
.nv-poster-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 65%}
.nv-poster-price{position:absolute;right:22px;top:-33px;background:#ee7238;color:#172e34;width:107px;height:107px;border:4px solid #fff2d9;outline:1px solid #ee7238;border-radius:50%;transform:rotate(8deg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:4}
.nv-poster-price small{font-size:7px;font-weight:800;letter-spacing:.07em;margin-bottom:4px}
.nv-poster-price strong{font-size:48px;font-weight:900;line-height:.86;letter-spacing:-.09em;white-space:nowrap}
.nv-poster-price strong span{font-size:27px;vertical-align:top;letter-spacing:-.075em}
.nv-poster-price strong em{font-size:17px;font-style:normal;letter-spacing:-.02em;margin-left:3px}
.nv-poster-ribbon{position:absolute;bottom:15px;left:-5%;width:110%;transform:rotate(-4deg);background:#ee7238;color:#132f36;text-align:center;font-size:10px;font-weight:900;letter-spacing:.06em;padding:8px 0}
.nv-poster-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 23px 20px}
.nv-poster-footer b{display:block;font-size:17px;font-weight:800;letter-spacing:-.035em}
.nv-poster-footer div>span{display:block;font-size:9px;line-height:1.5;margin-top:6px}
.nv-poster-arrow{font-size:36px;line-height:1;color:#ee7238;font-weight:800}
/* Une boutique fictive mise en scène comme une vraie page de collection. */
.nv-pollen-stage{padding:15px;background:#e9e7de}
.nv-pollen-site{background:#faf7ee;color:#3b4937;box-shadow:0 7px 22px #53543918;overflow:hidden;max-width:570px;margin:auto}
.nv-pollen-browser{display:flex;align-items:center;justify-content:space-between;background:#eeeade;padding:8px 13px;font:7px/1 Arial,Helvetica,sans-serif;letter-spacing:.02em;color:#737862}
.nv-pollen-browser>span:first-child{font-size:7px;letter-spacing:3px;color:#c2bdad}
.nv-pollen-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 21px 13px;border-bottom:1px solid #4b51321a}
.nv-pollen-brand{position:relative;font:11px/1 Georgia,'Times New Roman',serif;letter-spacing:-.015em;padding-right:29px}
.nv-pollen-brand strong{display:block;font-size:28px;font-weight:400;line-height:1;letter-spacing:-.055em}
.nv-pollen-brand>span{position:absolute;right:0;top:7px;font-size:30px;color:#bc694c;line-height:1}
.nv-pollen-stage .nv-pollen-head>p{font:7px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.025em;margin:0;color:#5c664b;white-space:nowrap}
.nv-pollen-hero{position:relative;min-height:246px;display:flex;align-items:center;background:#eae3d7;isolation:isolate;overflow:hidden}
.nv-pollen-hero>img{position:absolute;top:0;right:0;width:72%;height:100%;object-fit:cover;object-position:57% 50%;z-index:-2}
.nv-pollen-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#eee9dd 0%,#eee9ddf5 18%,#eee9dd78 39%,transparent 59%);z-index:-1}
.nv-pollen-intro{padding:30px 0 34px 24px;width:62%;position:relative}
.nv-pollen-intro>span{font:6.6px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.12em;font-weight:700;color:#6c684b}
.nv-pollen-stage .nv-pollen-intro h3{font:38px/.96 Georgia,'Times New Roman',serif;letter-spacing:-.06em;font-weight:400;margin:14px 0;color:#34432f;text-wrap:balance}
.nv-pollen-stage .nv-pollen-intro p{font:9px/1.6 Arial,Helvetica,sans-serif;color:#626a51;margin:0}
.nv-pollen-edition{position:absolute;right:12px;bottom:13px;font:6px/1 Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:.15em;color:#596147;writing-mode:vertical-rl}
.nv-pollen-product{display:flex;gap:20px;justify-content:space-between;padding:22px 25px;align-items:center;border-bottom:1px solid #dddccb}
.nv-pollen-product>div>span{font-size:6px;letter-spacing:.1em;font-weight:700;color:#747953}
.nv-pollen-product h4{font:24px/1.05 Georgia,'Times New Roman',serif;letter-spacing:-.04em;color:#3b4c34;margin:7px 0}
.nv-pollen-stage .nv-pollen-product p{font:8px/1.6 Arial,Helvetica,sans-serif;margin:0;color:#6a7057}
.nv-pollen-product-right{text-align:right;flex-shrink:0}
.nv-pollen-product-right b{font:27px/1 Georgia,'Times New Roman',serif;white-space:nowrap;color:#3b4c34}
.nv-pollen-product-right>span{display:block;margin-top:7px;font-size:7px!important;font-weight:400!important;letter-spacing:0!important}
.nv-pollen-campaign{padding:14px 23px 15px;background:#e2e5d3}
.nv-pollen-campaign>span{font:6px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.12em;color:#5b6848;font-weight:700}
.nv-pollen-stage .nv-pollen-campaign p{font:7px/1.5 Arial,Helvetica,sans-serif;color:#4c5d3d;margin:7px 0 0}
.nv-pollen-campaign i{font-style:normal;color:#b5674b;font-size:12px;margin:0 5px}
@container(max-width:420px){.nv-cv-sheet{padding:22px 19px 13px}.nv-cv-top{grid-template-columns:1fr 59px;gap:10px}.nv-cv-top img{width:59px;height:77px}.nv-cv-columns{grid-template-columns:85px minmax(0,1fr);gap:13px}.nv-cv-top h3{font-size:29px!important}.nv-cv-kicker{font-size:5.7px}.nv-cv-sheet section{margin-bottom:13px}.nv-cv-main article{margin-bottom:13px}.nv-cv-sheet h5{font-size:9px}.nv-cv-stage .nv-cv-sheet p,.nv-cv-sheet ul{font-size:7.6px}.nv-cv-sheet h4{font-size:6.4px}.nv-poster-brand{padding-inline:20px}.nv-poster-title{padding-inline:20px}.nv-poster-price{width:94px;height:94px;right:18px}.nv-poster-price strong{font-size:43px}.nv-poster-price strong span{font-size:23px}.nv-poster-price strong em{font-size:15px}.nv-poster-photo{height:210px}.nv-pollen-head{padding-inline:17px}.nv-pollen-stage .nv-pollen-head>p{font-size:6px}.nv-pollen-brand{font-size:10px}.nv-pollen-brand strong{font-size:24px}.nv-pollen-brand>span{font-size:26px}.nv-pollen-stage .nv-pollen-intro h3{font-size:32px}.nv-pollen-intro{padding-left:19px}.nv-pollen-hero>img{width:77%;object-position:53% 50%}.nv-pollen-hero{min-height:248px}.nv-pollen-product{padding-inline:19px}.nv-pollen-product h4{font-size:22px}.nv-pollen-campaign{padding-inline:19px}.nv-pollen-campaign p{font-size:6.5px!important}}
@media(max-width:600px){.nv-cv-stage{padding:14px 11px}.nv-cv-sheet{min-height:475px}.nv-poster-stage{padding:12px}.nv-pollen-stage{padding:11px}.nv-poster-title h3{font-size:47px!important}.nv-poster-footer b{font-size:16px}.nv-poster-footer{padding-inline:20px}.nv-poster-price{top:-24px}.nv-piece-note{font-size:9px!important}.nv-pollen-intro>span{font-size:6px}.nv-pollen-campaign i{margin-inline:3px}.nv-pollen-product-right b{font-size:24px}}
@media(max-width:390px){.nv-cv-sheet{padding:19px 15px 12px;min-height:468px}.nv-cv-columns{grid-template-columns:79px minmax(0,1fr);gap:11px}.nv-cv-top h3{font-size:27px!important}.nv-cv-top{grid-template-columns:1fr 54px}.nv-cv-top img{width:54px;height:72px}.nv-cv-side{padding-right:9px}.nv-cv-sheet h4{font-size:6.2px}.nv-cv-sheet section.nv-cv-plus{padding:8px}.nv-poster-title h3{font-size:42px!important}.nv-poster-photo{height:199px}.nv-poster-title{padding-bottom:28px}.nv-poster-footer div>span{font-size:8px}.nv-pollen-stage .nv-pollen-head>p{font-size:5.6px}.nv-pollen-stage .nv-pollen-intro h3{font-size:30px}.nv-pollen-intro{width:64%}.nv-pollen-product{gap:10px}.nv-pollen-stage .nv-pollen-product p{font-size:7.3px}.nv-pollen-campaign p{max-width:260px}}
/* Keep the floral headline clear of the photo on narrow previews. */
@container(max-width:350px){.nv-pollen-hero:before{background:linear-gradient(90deg,#eee9dd 0%,#eee9dd 31%,#eee9ddcc 49%,#eee9dd44 70%,transparent 86%)}.nv-pollen-stage .nv-pollen-intro h3{font-size:28px;text-wrap:initial}}