/* French Touch theme over the Flor interaction/layout components. */
@font-face{font-family:Thunder;src:url('assets/fonts/thunder.woff2') format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:Metana;src:url('assets/fonts/neue-metana.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Metana;src:url('assets/fonts/neue-metana-bold.woff2') format('woff2');font-weight:700;font-display:swap}
body.french-touch{--ft-paper:#f1eee3;--ft-ink:#1f1f1c;--ft-orange:#f56827;--ft-pale:#f8ddc9;--ft-rule:#b8b4a9;background:var(--ft-paper);color:var(--ft-ink);font-family:Metana,Arial,sans-serif}
.french-touch .flor-lab{--mission-gold:var(--ft-orange);--mission-blue:var(--ft-ink);--mission-ink:var(--ft-ink);background:var(--ft-paper);font-family:Metana,Arial,sans-serif}
.french-touch h1,.french-touch h2,.french-touch h3{font-family:Thunder,'Arial Narrow',sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.008em}
.french-touch button:focus-visible,.french-touch a:focus-visible{outline-color:var(--ft-orange)}
.french-touch .connect-flow{background:var(--ft-paper);color:var(--ft-ink)}
.french-touch .connect-flow__map{background:var(--ft-paper);border-bottom:1px solid var(--ft-ink)}
.french-touch .connect-flow__demo{font:700 9px/20px Metana,Arial,sans-serif;color:var(--ft-ink);letter-spacing:.05em}
.french-touch .connect-flow__sheet-shell{background:linear-gradient(180deg,var(--ft-orange) 0%,var(--ft-orange) 27.273%,var(--ft-paper) 52.689%,var(--ft-paper) 100%)}
.french-touch .connect-flow__header{color:var(--ft-ink)}
.french-touch .connect-flow__header h1{font:900 43px/.95 Thunder,'Arial Narrow',sans-serif;padding-top:42px;letter-spacing:.008em}
.french-touch .connect-flow__close img{filter:brightness(0)}
.french-touch .connect-flow__card{background:var(--ft-paper);box-shadow:none;border:1px solid var(--ft-ink);border-bottom:0}
.french-touch .connect-complete__heading h2{font:900 39px/40px Thunder,'Arial Narrow',sans-serif;color:var(--ft-ink);letter-spacing:.008em}
.french-touch .connect-complete__heading p{font:400 12px/18px Metana,Arial,sans-serif;color:var(--ft-ink)}
.french-touch .connect-complete__prompt{font:400 13px/20px Metana,Arial,sans-serif;color:var(--ft-ink)}
.french-touch .connect-button{font:700 12px/18px Metana,Arial,sans-serif;border:1px solid var(--ft-ink);padding:0 18px}
.french-touch .connect-button--primary{background:var(--ft-orange);color:var(--ft-ink)}
.french-touch .connect-button--secondary{background:var(--ft-paper);color:var(--ft-ink)}
.french-touch .connect-button:hover{background:var(--ft-ink);color:var(--ft-paper)}
.french-touch .waft-badge{background:var(--ft-paper);border:1px solid var(--ft-ink);padding:23px;box-shadow:inset 0 0 0 7px var(--ft-paper),inset 0 0 0 8px var(--ft-ink)}
.french-touch .waft-badge>img{filter:none}
.french-touch .connect-flow__badge{filter:drop-shadow(0 6px 9px #1f1f1c18)}
.french-touch .collection-row__badges .waft-badge{background:var(--ft-paper);border-color:var(--ft-ink);padding:13px;box-shadow:inset 0 0 0 4px var(--ft-paper),inset 0 0 0 5px var(--ft-ink)}
.french-touch .collection-row__badges .waft-badge img{filter:none}
.french-touch .collection-row__badges .waft-badge.is-missing{opacity:.32;filter:grayscale(1)}
.french-touch .collection-screen,.french-touch .collection-content{background:var(--ft-paper)}
.french-touch .collection-hero{background:var(--ft-paper);color:var(--ft-ink)}
.french-touch .collection-hero__media{display:none}
.french-touch .collection-hero:before{content:'';position:absolute;inset:0;background:url('assets/brand/anew-rooster-head.svg') 93% 30%/110px 210px no-repeat,url('assets/brand/anew-wing-left.svg') 12% 80%/140px 170px no-repeat}
.french-touch .collection-hero:after{content:'';position:absolute;left:80px;top:10px;width:195px;height:195px;border:1px solid var(--ft-ink);border-radius:50%;transform:rotate(25deg);pointer-events:none}
.french-touch .collection-hero__brand{gap:12px}.french-touch .collection-hero__brand img.waft-logo{width:80px;height:50px;background:var(--ft-paper);padding:3px}
.french-touch .collection-hero__brand strong{font:900 22px/.95 Thunder,'Arial Narrow',sans-serif;text-transform:uppercase;max-width:104px;background:var(--ft-paper);padding:3px 0}
.french-touch .collection-hero__actions button{background:var(--ft-paper);border:1px solid var(--ft-ink);box-shadow:none}
.french-touch .collection-hero__actions img{filter:brightness(0)}
.french-touch .guest-card{color:var(--ft-ink);background:#f1eee3ed;border:1px solid var(--ft-ink);font-family:Metana,Arial,sans-serif}
.french-touch .guest-card__avatar{background:var(--ft-orange);font-size:12px;border:1px solid var(--ft-ink)}
.french-touch .guest-card>strong{font-size:11px}.french-touch .guest-card>span:nth-of-type(2){font-size:12px}
.french-touch .mission-launcher{color:var(--ft-ink)}
.french-touch .mission-launcher__transition-shell{border:1px solid var(--ft-ink);background:var(--ft-orange)}
.french-touch .mission-launcher__copy strong{font:900 26px/26px Thunder,'Arial Narrow',sans-serif;letter-spacing:.008em}
.french-touch .mission-launcher__copy span{font:400 10px/15px Metana,Arial,sans-serif}
.french-touch .mission-launcher__arrow{background:var(--ft-paper);border:1px solid var(--ft-ink)}
.french-touch .mission-launcher__arrow img{filter:brightness(0)}
.french-touch .collection-content>h1{font-size:32px;line-height:32px}
.french-touch .collection-row{border-color:var(--ft-rule)}
.french-touch .collection-row h2{font-size:25px;line-height:25px}.french-touch .collection-row p{font-size:10px}
.french-touch .collection-row header button{font-size:10px;color:var(--ft-ink)}
.french-touch .collection-nav{background:#f1eee3f5;border:1px solid var(--ft-ink);box-shadow:0 5px 15px #1f1f1c0c}
.french-touch .collection-nav button{font:400 9px/12px Metana,Arial,sans-serif;color:#656259}
.french-touch .collection-nav .is-active{color:var(--ft-ink)}
.french-touch .collection-nav .is-active svg{fill:var(--ft-orange);stroke:var(--ft-ink)}
.french-touch .benefits-screen,.french-touch .detail{--body-bg:var(--ft-paper);background:var(--ft-paper);color:var(--ft-ink)}
.french-touch .benefits-screen:before{background:url('assets/brand/anew-wing-right.svg') right -70px top -80px/270px no-repeat,url('assets/brand/new-round@2x.png') left -60px top 55px/170px no-repeat;opacity:1;height:247px}
.french-touch .benefits-logo img{filter:none;background:var(--ft-paper);padding:4px;width:120px;height:65px}
.french-touch .benefits-heading{font-size:39px;line-height:38px;color:var(--ft-ink)}
.french-touch .benefits-header{margin-top:40px;margin-bottom:16px}
.french-touch .benefits-identity,.french-touch .benefits-progress{font-size:11px;color:var(--ft-ink)}
.french-touch .benefits-filters button{font:400 11px/16px Metana,Arial,sans-serif;color:var(--ft-ink);background:var(--ft-paper);border:1px solid var(--ft-ink);padding:0 12px}
.french-touch .benefits-filters button.active{background:var(--ft-orange);color:var(--ft-ink)}
.french-touch .benefit-card{border:1px solid var(--ft-ink);color:var(--ft-ink)}
.french-touch .benefit-card.cinema{background-image:url('assets/brand/benefit-cinema.svg');background-position:center}
.french-touch .benefit-card.immersion{background-image:url('assets/brand/benefit-immersion.svg');background-position:center}
.french-touch .benefit-card .name{font:900 30px/.95 Thunder,'Arial Narrow',sans-serif;color:var(--ft-ink);letter-spacing:.008em}
.french-touch .benefit-card .overlay{max-width:68%;gap:8px}
.french-touch .benefit-card .status{font:700 9px/12px Metana,Arial,sans-serif;background:var(--ft-paper);border:1px solid var(--ft-ink);color:var(--ft-ink);padding:3px 7px}
.french-touch .benefit-card.immersion .name{color:var(--ft-paper)}
.french-touch .pips img{filter:none}.french-touch .benefit-card.immersion .pips img{background:var(--ft-paper);border-radius:50%}
.french-touch .proposal-note{font:400 10px/16px Metana,Arial,sans-serif;color:#514e46}
.french-touch .detail-back{background:var(--ft-paper);color:var(--ft-ink);border:1px solid var(--ft-ink)}
.french-touch .detail-art{border:1px solid var(--ft-ink)}
.french-touch .detail h1{font:900 45px/.95 Thunder,'Arial Narrow',sans-serif}
.french-touch .detail p{font:400 13px/21px Metana,Arial,sans-serif}
.french-touch .detail .connect-button{background:var(--ft-orange);color:var(--ft-ink)}
.french-touch .detail small{font:400 10px/16px Metana,Arial,sans-serif;color:#514e46}
@media(prefers-reduced-motion:reduce){.french-touch *{scroll-behavior:auto!important}}
/* Keep the source cards and navigation legible at 375px as well as 402px. */
.french-touch .benefit-card .name{font-size:27px;line-height:26px}
.french-touch .benefit-card .overlay{gap:6px}
.french-touch .collection-nav button{width:100%;min-width:0}
/* Device safe area: keep brand identifiers clear of the phone notch. */
.french-touch .collection-hero{padding-top:36px}
.french-touch .collection-hero__actions{top:36px}
.french-touch .connect-flow__demo{top:0;left:0;width:100%;height:42px;font-size:0;background:url('assets/brand/logo-french-touch.webp') 20px 7px/50px 28px no-repeat}
.french-touch .connect-flow__card{border-bottom:1px solid var(--ft-ink);border-radius:16px}