:root{--gold:#efa900;--line:#36322a;--white:#eee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050606;color:var(--white);font-family:'Barlow Condensed',sans-serif}header{height:68px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 2.5vw;background:#050606ed;border-bottom:1px solid #282828}.logo{color:#fff;text-decoration:none;display:flex;flex-direction:column;letter-spacing:.2em}.logo b{font:22px Arial}.logo small{font-size:8px}nav{display:flex;gap:3vw}nav a{color:#ddd;text-decoration:none;font-size:17px}nav a:hover,nav .active,.gold{color:var(--gold)}.menu{background:0;border:0;color:#fff;font-size:24px}.hero{height:calc(100svh - 68px);min-height:650px;position:relative;overflow:hidden}.hero video,.yarns>img,.colors>img,.cards img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero video{filter:brightness(.4) saturate(.55) sepia(.15)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#020303 3%,#020303d6 25%,transparent 68%,#020303aa),linear-gradient(0deg,#050606,transparent 24%)}.hero-copy{position:absolute;z-index:2;left:3vw;top:14%;max-width:700px}.label{display:inline-block;color:var(--gold);border:1px solid var(--gold);padding:5px 10px}.hero h1,.title h2,.yarns h2,.difference h2,.colors h2,.contact h2{font-size:clamp(4rem,7vw,7.5rem);line-height:.82;margin:24px 0;letter-spacing:-.02em}.hero h1 em,.title h2 em,.yarns h2 em,.difference h2 em,.contact h2 em{font-style:normal;color:var(--gold)}.hero-copy>p:last-of-type,.yarns>div>p:last-of-type,.difference>div>p:last-child,.colors>div>p{font:21px 'Source Serif 4',serif}.watch,.cards button{background:none;border:0;color:var(--gold);font:600 16px 'Barlow Condensed';cursor:pointer;padding:12px 0}.onair{position:absolute;right:5vw;top:14%;z-index:2;display:flex;flex-direction:column;align-items:center}.onair b{color:#f26d3f;border:2px solid;padding:7px 13px;box-shadow:0 0 22px #f26d3f66}.onair span{margin-top:23vh;font-size:42px;font-weight:700}.onair em{color:var(--gold);font-style:normal}.reveal{margin:0 2vw;padding:28px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(100deg,#2e1d04,#805000,#211500);border:1px solid #875e13}.reveal h2{font-size:38px;margin:0}.reveal p{font:16px 'Source Serif 4',serif}.reveal strong{display:flex;align-items:center;gap:15px;color:var(--gold);font-size:65px}.reveal strong span{font-size:20px;color:#fff}.chapters{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:10px 2vw 6vw}.chapters a{border:1px solid var(--line);padding:18px;color:#fff;text-decoration:none;display:grid;grid-template-columns:auto 1fr;gap:2px 12px}.chapters i{grid-row:1/3;color:var(--gold);font-size:28px;font-style:normal}.chapters small{color:var(--gold)}.episodes{padding:6vw 2vw;background:radial-gradient(circle at 55% 5%,#2d1a08,#060707 40%)}.title{display:flex;justify-content:space-between;align-items:center}.title blockquote,.yarns blockquote,.colors blockquote{font-size:24px;line-height:1.6}.title b,.yarns blockquote b,.colors blockquote b{color:var(--gold)}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.cards article{min-height:390px;position:relative;overflow:hidden;border:1px solid var(--line);padding:18px;display:flex;flex-direction:column;justify-content:flex-end;background:#111}.cards article:after{content:'';position:absolute;inset:28% 0 0;background:linear-gradient(transparent,#050606)}.cards img{filter:brightness(.55) saturate(.8)}.cards .sri{background:linear-gradient(#0003,#000b),url('https://images.unsplash.com/photo-1586038248268-7e0ee7e7169b?auto=format&fit=crop&w=700&q=75') center/cover}.cards .dubai{background:linear-gradient(#0003,#000b),url('https://images.unsplash.com/photo-1512453979798-5ea266f8880c?auto=format&fit=crop&w=700&q=75') center/cover}.cards .portugal{background:linear-gradient(#0003,#000b),url('https://images.unsplash.com/photo-1555881400-74d7acaacd8b?auto=format&fit=crop&w=700&q=75') center/cover}.cards article>*:not(img){position:relative;z-index:2}.cards span{color:var(--gold)}.cards h3{font-size:25px;margin:8px 0}.cards p{font:15px/1.45 'Source Serif 4',serif;min-height:82px}.cards button:disabled{color:#777}.yarns,.colors{height:620px;margin:4vw 2vw;position:relative;overflow:hidden;border:1px solid var(--line)}.yarns>img,.colors>img{filter:brightness(.46) saturate(.8)}.yarns>div,.colors>div{position:absolute;z-index:2;left:3vw;top:12%;max-width:800px}.yarns blockquote,.colors blockquote{position:absolute;z-index:2;right:4vw;top:8%}.facts{margin:0 2vw;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.facts>div{display:flex;gap:15px;align-items:center;padding:22px;border-right:1px solid var(--line);font-size:32px;color:var(--gold)}.facts span{font-size:16px;color:#fff}.facts b{display:block}.difference{padding:7vw 3vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:3vw}.difference ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}.difference li{min-height:390px;border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(#151515,#080808)}.difference li i{font-size:38px;color:var(--gold);font-style:normal}.difference li b{font-size:22px}.difference li small{font:15px 'Source Serif 4',serif;color:#aaa;margin-top:10px}.contact{min-height:650px;padding:7vw 5vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:radial-gradient(circle at 35% 50%,#512407,#070707 43%)}.contact>div>p:last-child,.contact aside p{font:20px 'Source Serif 4',serif}.contact aside{border:1px solid #704d0a;padding:40px}.contact aside h3{font-size:38px;margin:0}.contact aside a{display:block;background:var(--gold);color:#111;text-decoration:none;padding:16px;margin:28px 0;font-weight:700}.contact aside small{line-height:1.8;color:#aaa}footer{padding:25px 2vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;letter-spacing:.12em}footer b{font-size:27px}footer em{color:var(--gold);font-style:normal}dialog{width:min(1000px,92vw);padding:0;border:1px solid #7d550a;background:#000}dialog::backdrop{background:#000e}dialog video{width:100%;max-height:82vh;display:block}.close{position:absolute;right:8px;top:8px;z-index:2;width:40px;height:40px;border:0;border-radius:50%;background:#000c;color:#fff;font-size:26px}
@media(max-width:900px){nav{display:none;position:absolute;top:68px;left:0;right:0;padding:24px;background:#080808;flex-direction:column}header.open nav{display:flex}.hero-copy{left:6vw;right:6vw}.hero h1{font-size:15vw}.onair{top:auto;bottom:8%}.onair span{display:none}.reveal{margin:0}.reveal strong{display:none}.chapters{grid-template-columns:1fr 1fr;padding:10px 3vw 18vw}.chapters a:last-child{grid-column:1/3}.episodes{padding:18vw 3vw}.title{align-items:flex-start;flex-direction:column}.cards{display:flex;overflow:auto}.cards article{min-width:76vw}.yarns,.colors{margin:0;height:680px}.yarns>div,.colors>div{left:6vw;right:6vw}.yarns h2,.colors h2{font-size:14vw}.yarns blockquote,.colors blockquote{display:none}.facts{margin:0;grid-template-columns:1fr 1fr}.difference{grid-template-columns:1fr;padding:18vw 3vw}.difference ol{display:flex;overflow:auto}.difference li{min-width:70vw}.contact{grid-template-columns:1fr;padding:18vw 5vw}.contact h2{font-size:20vw}footer{gap:16px;flex-wrap:wrap;font-size:10px}}

/* Episode 02 image-led card layout */
.difference{grid-template-columns:minmax(320px,.7fr) minmax(0,1.55fr);align-items:center}.difference-copy{align-self:center}.difference ol{margin:0}.difference li{min-height:450px;padding:0;position:relative;overflow:hidden;background:#080808}.difference li img{position:absolute;inset:0;width:100%;height:60%;object-fit:cover;filter:brightness(.78) saturate(.88)}.difference li:after{content:'';position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#070808 43%);pointer-events:none}.difference-text{position:absolute;z-index:1;left:22px;right:18px;bottom:24px;display:flex;flex-direction:column}.difference li small{line-height:1.4}
@media(max-width:900px){.difference{grid-template-columns:1fr;gap:44px}.difference ol{overflow-x:auto;scroll-snap-type:x mandatory}.difference li{min-width:72vw;min-height:460px;scroll-snap-align:start}}

/* Brighter static BonaCast hero */
.hero-photo .hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.82) saturate(.95)}.hero-photo .shade{background:linear-gradient(90deg,rgba(2,3,3,.62) 0%,rgba(2,3,3,.35) 31%,rgba(2,3,3,.04) 68%,rgba(2,3,3,.2)),linear-gradient(0deg,rgba(5,6,6,.72),transparent 28%)}

.hero-photo .hero-media{filter:none}.hero-photo .shade{display:none}.color-video>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.58) saturate(.9)}.color-video:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,3,3,.78),rgba(3,3,3,.28) 58%,rgba(3,3,3,.2));pointer-events:none}.color-video>div,.color-video>blockquote{z-index:2}

/* Header WhatsApp shortcut */
.header-actions{display:flex;align-items:center;gap:18px}.whatsapp-link{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:transparent;text-decoration:none;transition:transform .2s,filter .2s}.whatsapp-link:hover{transform:scale(1.09);filter:drop-shadow(0 0 8px rgba(37,211,102,.75))}.whatsapp-link:focus-visible{outline:2px solid #fff;outline-offset:3px}

.whatsapp-link{background-image:url('assets/whatsapp-user-final-20260910.png');background-repeat:no-repeat;background-position:center;background-size:contain}.whatsapp-link svg{display:none}
.yarns blockquote[role="link"]{cursor:pointer}.yarns blockquote[role="link"] b{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.yarns blockquote[role="link"]:focus-visible{outline:2px solid var(--gold);outline-offset:8px}
.contact aside a.contact-phone{display:inline;background:none;color:inherit;padding:0;margin:0;font-weight:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.contact aside a.contact-phone:hover,.contact aside a.contact-phone:focus-visible{color:inherit}

/* Navigation drawer, languages and customer ticker */
.menu{cursor:pointer}.menu-backdrop{position:fixed;inset:0;z-index:29;background:#000b;opacity:0;visibility:hidden;transition:.3s}.menu-backdrop.open{opacity:1;visibility:visible}.side-menu{position:fixed;z-index:30;top:0;right:0;width:min(420px,92vw);height:100svh;padding:90px 38px 40px;background:#080909;border-left:1px solid var(--line);transform:translateX(102%);transition:transform .35s ease;overflow-y:auto}.side-menu.open{transform:none}.side-close{position:absolute;top:18px;right:24px;border:0;background:none;color:#fff;font-size:38px;cursor:pointer}.social-links{display:flex;flex-direction:column;border-top:1px solid var(--line)}.social-links a{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);color:#fff;text-decoration:none;font-size:24px}.social-links a:hover{color:var(--gold)}.language-picker{margin-top:54px}.language-picker button{display:block;width:100%;padding:12px 0;border:0;border-bottom:1px solid #252525;background:none;color:#aaa;text-align:left;font:18px 'Barlow Condensed',sans-serif;cursor:pointer}.language-picker button:hover,.language-picker button.selected{color:var(--gold)}.color-card-link{display:inline-block;text-decoration:none;margin-top:18px}.testimonial-ticker{overflow:hidden;border-top:1px solid var(--gold);border-bottom:1px solid #443309;background:#0b0b0b;padding:16px 0}.ticker-track{width:max-content;display:flex;align-items:center;transform:translate3d(0,0,0);will-change:transform;animation:testimonial-scroll 34s linear infinite!important;animation-play-state:running!important}.ticker-track span{position:relative;flex:none;padding:0 42px;font:18px 'Source Serif 4',serif;white-space:nowrap}.ticker-track span:after{content:'✦';position:absolute;right:-5px;color:var(--gold)}.ticker-track b{margin-right:10px;color:var(--gold);font:600 18px 'Barlow Condensed',sans-serif}@keyframes testimonial-scroll{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}html[dir="rtl"] .side-menu{right:auto;left:0;transform:translateX(-102%);border-left:0;border-right:1px solid var(--line)}html[dir="rtl"] .side-menu.open{transform:none}html[dir="rtl"] .language-picker button{text-align:right}
