.brand-page { --brand-accent:#9ed4c6; --brand-deep:#0b2429; --brand-soft:#ebf1ed; background:var(--midnight); overflow-x:clip; }
.brand-page main { overflow:clip; }
.brand-page section[id] { scroll-margin-top:110px; }
.brand-page h1,.brand-page h2,.brand-page h3,.brand-page p,.brand-page figure { margin:0; }
.brand-page h1,.brand-page h2,.brand-page h3 { font-family:Georgia,'Times New Roman',serif; font-weight:400; }
.brand-page em { color:var(--brand-accent); font-weight:400; }
.brand-page .desktop-nav [aria-current=page] { color:white; }
.brand-page[data-brand=mup] { --brand-accent:#a6dcd4; --brand-deep:#07313a; --brand-soft:#e7f0ed; --hero-position:50% 58%; }
.brand-page[data-brand=doha] { --brand-accent:#edc59c; --brand-deep:#372721; --brand-soft:#f3ebe2; --hero-position:50% 33%; }
.brand-page[data-brand=glynett] { --brand-accent:#e4b79a; --brand-deep:#33211e; --brand-soft:#efe7df; --hero-position:50% 52%; }
.brand-page[data-brand=spa-do-fio] { --brand-accent:#b7c9a2; --brand-deep:#243329; --brand-soft:#ecede4; --hero-position:50% 66%; }
.brand-page[data-brand=papel-para-mechas] { --brand-accent:#83dac7; --brand-deep:#0b3b36; --brand-soft:#e8efeb; --hero-position:50% 50%; }
.brand-kicker { display:block; color:var(--brand-accent); font-size:.74rem; font-weight:750; letter-spacing:.16em; line-height:1.6; text-transform:uppercase; }
.brand-button { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:52px; padding:15px 22px; border:1px solid rgba(245,241,232,.3); border-radius:999px; color:var(--ink); font-size:.8rem; font-weight:700; line-height:1.4; text-align:center; transition:background .2s,transform .2s; }
.brand-button:hover { transform:translateY(-2px); background:rgba(255,255,255,.08); }
.brand-button-primary { color:#10201e; background:var(--brand-accent); border-color:var(--brand-accent); }
.brand-button-primary:hover { background:var(--brand-accent); filter:brightness(1.06); }
.brand-actions { display:flex; flex-wrap:wrap; gap:12px; }
.brand-hero { position:relative; padding:118px max(24px,6vw) 0; background:linear-gradient(135deg,var(--midnight) 20%,var(--brand-deep)); }
.brand-hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(30px,5vw,90px); align-items:center; max-width:1520px; margin:auto; }
.brand-hero-copy { padding:40px 0 55px; }
.brand-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; color:var(--muted); font-size:.72rem; margin-bottom:45px; }
.brand-breadcrumb strong { color:var(--ink); font-weight:500; }
.brand-breadcrumb a:hover { color:var(--brand-accent); }
.brand-hero h1 { margin:18px 0 24px; font-size:clamp(3.2rem,5.25vw,6.5rem); line-height:1.02; letter-spacing:-.045em; text-wrap:balance; }
.brand-hero h1 em { display:block; }
.brand-hero-intro { color:var(--muted); font-size:clamp(1rem,1.25vw,1.2rem); line-height:1.65; max-width:470px; margin-bottom:30px!important; }
.brand-hero-visual { position:relative; align-self:stretch; min-height:610px; max-height:850px; overflow:hidden; border-radius:2px; background:var(--brand-deep); }
.brand-hero-visual img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; object-position:var(--hero-position); }
.brand-hero-visual::after { content:''; position:absolute; inset:65% 0 0; background:linear-gradient(transparent,rgba(7,19,31,.68)); pointer-events:none; }
.brand-photo-caption { position:absolute; bottom:28px; left:30px; right:30px; z-index:1; display:flex; justify-content:space-between; align-items:end; gap:18px; }
.brand-photo-caption strong { font-family:Georgia,serif; font-weight:400; font-size:clamp(2rem,3.5vw,4.2rem); letter-spacing:-.03em; line-height:1; }
.brand-photo-caption span { color:#fff; font-size:.65rem; letter-spacing:.13em; text-transform:uppercase; line-height:1.6; max-width:120px; text-align:right; }
.brand-proof { max-width:1520px; margin:auto; display:grid; grid-template-columns:repeat(3,1fr); padding:28px 0; border-bottom:1px solid var(--line); gap:20px; }
.brand-proof div { display:flex; gap:16px; align-items:center; }
.brand-proof span { color:var(--brand-accent); font-size:.7rem; letter-spacing:.1em; }
.brand-proof strong { font-size:.85rem; font-weight:500; }
.brand-section { padding:clamp(65px,7vw,115px) max(24px,6vw); }
.brand-section-inner { max-width:1520px; margin:auto; }
.brand-introduction { background:var(--brand-soft); color:#17201e; }
.brand-introduction .brand-kicker,.brand-introduction em { color:var(--brand-deep); }
.brand-intro-heading { display:grid; grid-template-columns:1.5fr 1fr; gap:60px; align-items:end; }
.brand-intro-heading h2 { margin-top:18px; font-size:clamp(2.8rem,4.6vw,5.5rem); letter-spacing:-.04em; line-height:1.04; max-width:830px; text-wrap:balance; }
.brand-intro-heading>p { line-height:1.75; max-width:430px; color:#4d5650; font-size:1.05rem; }
.brand-differences { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; margin-top:65px; }
.brand-difference { padding-top:25px; border-top:1px solid rgba(20,40,30,.25); }
.brand-difference>span { color:var(--brand-deep); font-size:.68rem; letter-spacing:.14em; }
.brand-difference h3 { font-size:1.9rem; margin:20px 0 12px; }
.brand-difference p { max-width:355px; font-size:.92rem; color:#4d5650; line-height:1.7; }
.brand-collection { background:#f8f6f1; color:#18201d; }
.brand-collection .brand-kicker { color:var(--brand-deep); }
.brand-section-heading { display:flex; gap:35px; justify-content:space-between; align-items:end; margin-bottom:40px; }
.brand-section-heading h2 { font-size:clamp(2.5rem,4vw,4.6rem); letter-spacing:-.04em; line-height:1.1; margin-top:15px; max-width:840px; }
.brand-section-heading>a { font-size:.8rem; padding-bottom:8px; border-bottom:1px solid currentColor; white-space:nowrap; }
.brand-products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.brand-product figure { position:relative; height:clamp(260px,26vw,420px); display:grid; place-items:center; background:#fff; overflow:hidden; }
.brand-product img { width:100%; height:100%; max-height:100%; object-fit:contain; padding:25px; transition:transform .6s; }
.brand-product:hover img { transform:scale(1.035); }
.brand-product .product-number { position:absolute; top:20px; left:20px; color:#6d7770; font-size:.7rem; z-index:1; }
.brand-product-copy { padding:25px 0 0; }
.brand-product-copy>span { color:#52645b; font-size:.65rem; letter-spacing:.12em; text-transform:uppercase; }
.brand-product h3 { margin:12px 0; font-size:clamp(1.75rem,2.2vw,2.5rem); }
.brand-product p { font-size:.9rem; line-height:1.65; color:#536058; max-width:360px; }
.brand-collection-note { margin-top:30px!important; font-size:.8rem; color:#536058; line-height:1.6; }
.brand-collection-note a { border-bottom:1px solid #8b968f; }
.brand-spa-world { display:grid; grid-template-columns:1.1fr 1fr; gap:70px; align-items:center; }
.brand-spa-statement { background:var(--brand-deep); color:var(--brand-soft); padding:clamp(35px,4vw,70px); min-height:400px; display:flex; flex-direction:column; justify-content:space-between; }
.brand-spa-statement svg { width:95px; height:95px; color:var(--brand-accent); }
.brand-spa-statement h3 { font-size:clamp(3rem,4.5vw,5rem); line-height:1.05; letter-spacing:-.04em; margin-top:40px; }
.brand-spa-lines article { padding:25px 0; border-top:1px solid #bac4bc; }
.brand-spa-lines h3 { font-size:2rem; margin-bottom:10px; }
.brand-spa-lines p { max-width:430px; color:#536058; font-size:.95rem; line-height:1.65; }
.brand-support { background:var(--brand-deep); }
.brand-support-grid { display:grid; grid-template-columns:1fr 1.25fr; gap:90px; }
.brand-support h2 { font-size:clamp(2.7rem,4.7vw,5rem); letter-spacing:-.04em; line-height:1.07; margin:18px 0 25px; text-wrap:balance; }
.brand-support-intro>p { max-width:440px; line-height:1.7; color:var(--muted); margin-bottom:30px; }
.brand-support-list article { display:grid; grid-template-columns:35px 1fr; gap:18px; border-top:1px solid var(--line); padding:25px 0; }
.brand-support-list article>span { color:var(--brand-accent); font-size:.72rem; padding-top:5px; }
.brand-support-list h3 { font-size:1.85rem; margin-bottom:10px; }
.brand-support-list p { max-width:460px; color:var(--muted); font-size:.93rem; line-height:1.6; }
.brand-faq-layout { display:grid; grid-template-columns:1fr 1.4fr; gap:80px; }
.brand-faq h2 { font-size:clamp(2.4rem,3.5vw,4rem); letter-spacing:-.03em; line-height:1.12; margin-top:15px; }
.brand-faq-list details { border-top:1px solid var(--line); padding:22px 0; }
.brand-faq-list details:last-child { border-bottom:1px solid var(--line); }
.brand-faq-list summary { cursor:pointer; list-style:none; font-size:1rem; display:flex; gap:20px; justify-content:space-between; line-height:1.5; }
.brand-faq-list summary::-webkit-details-marker { display:none; }
.brand-faq-list summary::after { content:'+'; color:var(--brand-accent); font-size:1.5rem; line-height:1; flex:none; }
.brand-faq-list details[open] summary::after { content:'−'; }
.brand-faq-list details p { margin-top:17px; max-width:640px; line-height:1.7; color:var(--muted); font-size:.94rem; }
.brand-next { border-top:1px solid var(--line); }
.brand-next h2 { font-size:clamp(2.6rem,4vw,4.5rem); letter-spacing:-.03em; }
.brand-next-links { display:grid; grid-template-columns:repeat(3,1fr); gap:0 36px; margin-top:40px; }
.brand-next-links a { padding:23px 0; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:20px; font-family:Georgia,serif; font-size:1.65rem; transition:color .2s; }
.brand-next-links a:hover { color:var(--brand-accent); }
.brand-next-links small { font-family:'Segoe UI',Arial,sans-serif; color:var(--brand-accent); font-size:1rem; }
.brand-page .footer-top { max-width:none; }
@media(min-width:1600px) { .brand-hero-visual { min-height:760px; } }
@media(max-width:1000px) {
 .brand-hero { padding-top:105px; }
 .brand-hero-grid { gap:35px; }
 .brand-hero h1 { font-size:clamp(3rem,6vw,4.5rem); }
 .brand-hero-visual { min-height:600px; }
 .brand-intro-heading,.brand-support-grid,.brand-faq-layout { gap:40px; }
 .brand-differences { gap:25px; }
 .brand-spa-world { gap:35px; }
}
@media(max-width:760px) {
 .brand-page section[id] { scroll-margin-top:98px; }
 .brand-hero { padding:118px 22px 0; }
 .brand-hero-grid { grid-template-columns:1fr; gap:30px; }
 .brand-hero-copy { padding:0; }
 .brand-breadcrumb { margin-bottom:25px; }
 .brand-hero h1 { font-size:clamp(2.9rem,10vw,4.5rem); margin:16px 0 20px; max-width:600px; }
 .brand-hero-intro { max-width:540px; font-size:1rem; margin-bottom:24px!important; }
 .brand-actions { gap:10px; }
 .brand-button { padding:14px 19px; font-size:.76rem; min-height:50px; }
 .brand-hero-visual { min-height:0; height:auto; aspect-ratio:4/5; max-height:650px; }
 .brand-page[data-brand=papel-para-mechas] .brand-hero-visual { aspect-ratio:703/555; }
 .brand-photo-caption { bottom:24px; left:24px; right:24px; }
 .brand-photo-caption strong { font-size:2.9rem; }
 .brand-page[data-brand=papel-para-mechas] .brand-photo-caption strong { font-size:2rem; }
 .brand-proof { gap:12px; padding:24px 0; }
 .brand-proof div { flex-direction:column; align-items:start; gap:9px; }
 .brand-proof strong { font-size:.73rem; line-height:1.5; }
 .brand-section { padding:65px 22px; }
 .brand-intro-heading,.brand-support-grid,.brand-faq-layout,.brand-spa-world { grid-template-columns:1fr; gap:30px; }
 .brand-intro-heading h2 { font-size:clamp(2.7rem,9vw,4rem); }
 .brand-intro-heading>p { max-width:550px; font-size:1rem; }
 .brand-differences { grid-template-columns:1fr; gap:28px; margin-top:40px; }
 .brand-difference { padding-top:20px; }
 .brand-difference h3 { font-size:1.85rem; margin-top:15px; }
 .brand-difference p { max-width:550px; }
 .brand-section-heading { flex-direction:column; align-items:start; gap:20px; margin-bottom:30px; }
 .brand-products { grid-template-columns:1fr; gap:40px; }
 .brand-product figure { height:auto; aspect-ratio:1.1; max-height:450px; }
 .brand-product h3 { font-size:2rem; }
 .brand-product p { max-width:550px; }
 .brand-product-copy { padding-top:20px; }
 .brand-spa-statement { min-height:380px; }
 .brand-support h2 { font-size:3rem; }
 .brand-support-list article:last-child { padding-bottom:0; }
 .brand-next-links { grid-template-columns:1fr 1fr; gap:0 25px; margin-top:25px; }
 .brand-next-links a { font-size:1.45rem; padding:20px 0; }
}
@media(max-width:380px) { .brand-hero h1 { font-size:2.65rem; } .brand-actions .brand-button { width:100%; } .brand-next-links { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .brand-page * { scroll-behavior:auto!important; } .brand-button,.brand-product img { transition:none; } .brand-product:hover img,.brand-button:hover { transform:none; } }