:root{--accent:#087f96;--pale:#eaf2f2;--header-height:118px}html{scroll-padding-top:calc(var(--header-height) + 24px)}.header-shell{position:sticky;top:0;z-index:40;background:#faf8f2f5;border-bottom:1px solid var(--line);backdrop-filter:blur(18px);transition:box-shadow .25s}.header-shell.scrolled{box-shadow:0 5px 25px #15394a0c}.header{border:0;min-height:110px;padding-block:7px;gap:20px}.header .brand img{width:112px;height:102px}.header nav{gap:4px;align-items:center}.header nav a{padding:11px 14px;border-radius:9px;color:#526b75;font-size:15px;white-space:nowrap;transition:background .2s,color .2s}.header nav a:after{display:none}.header nav a:hover{background:#eaf2f280}.header nav a.is-active{background:var(--pale);color:#086a7d;font-weight:700;box-shadow:inset 0 -2px #087f96}.header-cta{font-size:14px;min-height:46px}.section-head .eyebrow,.filters .active,.audience-icon{color:var(--accent)}.filters .active{background:var(--ink);color:white}.story,.films{background:var(--pale)}.sun{background:var(--pale);color:var(--accent)}.hero-copy{animation:soft-in .7s ease both}.hero-visual{animation:soft-in .85s .1s ease both}.reveal{animation:soft-in .65s ease both}.product,.gallery-item,.film-card,.audience-grid article{transition:transform .25s ease,box-shadow .25s ease}.film-card:hover,.audience-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 40px #15394a12}.gallery-item:hover .icon{transform:rotate(45deg) translateX(-2px)}.visit{background:var(--ink)}.visit-heading{align-items:center}.visit-heading p{max-width:360px}.contact-compose{display:grid;grid-template-columns:.8fr 1.25fr;gap:70px;align-items:start;margin-top:38px;padding-bottom:45px;border-bottom:1px solid #ffffff20}.contact-intro h3{font-size:30px}.contact-intro>p{font-size:17px;color:#c3d6dc;max-width:340px}.contact-direct{display:flex;flex-direction:column;gap:12px;margin-top:28px}.contact-direct>span{font-size:14px;color:#b8cdd3}.contact-direct>a{display:flex;gap:14px;align-items:center;width:fit-content;padding:8px 0;font-size:24px}.contact-direct .icon{color:#a5d8c1;width:23px;height:23px}#contact-form{background:var(--cream);padding:30px;border-radius:20px;color:var(--ink);box-shadow:0 16px 40px #09233018}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.field label{font-size:15px;font-weight:700}.field input,.field select,.field textarea{width:100%;min-width:0;min-height:48px;background:#fffefa;border:1px solid #cddbdc;border-radius:9px;padding:12px 14px;font:400 16px Tajawal,sans-serif;color:var(--ink);transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical;min-height:120px;line-height:1.6}.field :is(input,select,textarea):focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px #087f9617}.field textarea::placeholder,.field input::placeholder{color:#71838a}#contact-recipient{direction:ltr;text-align:right}.form-submit{background:var(--ink);width:100%;font-size:16px}.form-note{font-size:13px;color:#526a72;margin:12px 0 0}#contact-result{padding:18px;background:#e6f0ed;border-radius:10px;margin-top:18px}#contact-result[hidden]{display:none}#contact-result p{margin:0 0 12px;font-size:15px}#contact-result a{font-size:15px;background:#137a47;border-color:#137a47}.contact-grid{margin-top:32px;gap:18px}.contact-grid>div{background:transparent;border:0;border-inline-start:1px solid #ffffff26;border-radius:0;padding:8px 22px}.contact-grid>div:last-child{display:none}.contact-grid{grid-template-columns:1fr 1fr}.film-play{padding:0;width:62px;height:62px;justify-content:center}.film-play span{display:none}.film-play .icon{width:22px;height:22px}.film-caption .film-number{display:none}.round-stamp{transform:rotate(-8deg)}.whatsapp-float span{display:none}.whatsapp-float{width:56px;height:56px;padding:0;justify-content:center}section:target{scroll-margin-top:0}
@keyframes soft-in{from{opacity:.35;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.header nav a{font-size:14px;padding:10px}.header .brand img{width:100px;height:94px}.header{gap:12px}.contact-compose{gap:35px}.header-cta{padding:10px 12px}.contact-grid>div:last-child{display:none}}
@media(max-width:1000px){.header{flex-wrap:wrap;min-height:96px}.header .brand img{width:98px;height:86px}.menu-toggle{display:grid;place-items:center;order:3;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff8}.header-cta{margin-inline-start:auto}.header nav{display:none;order:4;width:100%;padding:12px 0 16px;border-top:1px solid var(--line)}.header nav.open{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.header nav a{text-align:center;font-size:15px}.contact-compose{grid-template-columns:1fr 1.2fr;gap:28px}}
@media(max-width:700px){.topline{font-size:11px}.header{padding-block:5px;gap:10px}.header nav.open{grid-template-columns:1fr 1fr}.header nav a{padding:12px;font-size:16px}.hero{padding-top:25px}.hero-copy{padding-top:8px}.contact-compose{grid-template-columns:1fr;gap:28px;margin-top:25px;padding-bottom:30px}.contact-intro>p{max-width:none}.contact-intro h3{font-size:26px}.contact-direct{margin-top:20px;flex-direction:row;flex-wrap:wrap;gap:8px 24px}.contact-direct>span{width:100%}.contact-direct>a{font-size:21px;gap:10px}#contact-form{padding:22px}.form-row{grid-template-columns:1fr;gap:0}.contact-grid{grid-template-columns:1fr;gap:26px}.contact-grid>div{padding:0 18px;border-bottom:0;border-inline-start:1px solid #ffffff26}.visit-heading p{font-size:16px;margin-bottom:0}.film-screen video{max-height:480px}.film-play{width:54px;height:54px}.whatsapp-float{width:50px;height:50px}.hero-actions{gap:12px}.header .brand img{width:100px;height:88px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Van campaign and a focused trade inquiry path. */
.journey{background:#f0f3ed}.journey-layout{display:grid;grid-template-columns:.85fr 1.2fr;align-items:center;gap:65px}.journey-copy h2{font-size:clamp(38px,3.8vw,55px);line-height:1.35}.journey-copy h2 em{font-style:normal;color:var(--accent)}.journey-copy>p:not(.eyebrow){font-size:19px;line-height:1.9;color:var(--muted);max-width:440px;margin-block:22px}.journey-copy .eyebrow{color:var(--accent);gap:12px}.journey-copy .eyebrow .icon{width:28px;height:28px}.journey-actions{display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin-top:28px}.journey-actions .button{font-size:16px}.journey-main{margin:0;position:relative;overflow:hidden;border-radius:22px}.journey-main img{width:100%;height:440px;object-fit:cover;object-position:center}.journey-main figcaption{position:absolute;bottom:20px;right:20px;background:#fffdf3ee;border:1px solid #ffffff90;padding:11px 19px;border-radius:10px;font-size:16px;backdrop-filter:blur(8px)}.partner-panel{display:grid;grid-template-columns:.8fr 1.2fr .85fr;gap:32px;margin-top:38px;background:var(--white);border:1px solid var(--line);padding:22px;border-radius:20px;align-items:center}.partner-panel>img{width:100%;height:230px;object-fit:cover;border-radius:13px}.partner-copy .eyebrow{font-size:13px;margin-bottom:13px;color:var(--accent)}.partner-copy h3{font-size:26px;margin-bottom:10px}.partner-copy>p:not(.eyebrow){font-size:16px;color:var(--muted);line-height:1.8;margin-top:0}.partner-copy .text-link{font-size:16px}.partner-steps{list-style:none;padding:0 25px 0 0;margin:0;border-right:1px solid var(--line);display:grid;gap:23px}.partner-steps li{display:flex;align-items:center;gap:13px}.partner-steps li>span{width:32px;height:32px;display:grid;place-items:center;border:1px solid #d6e4e4;border-radius:50%;color:var(--accent);font-size:12px;flex-shrink:0}.partner-steps strong{display:block;font-size:16px}.partner-steps small{display:block;color:var(--muted);font-size:13px;margin-top:3px}.journey-main img{transition:transform .7s}.journey-main:hover img{transform:scale(1.025)}.header nav a{padding-inline:11px}
@media(max-width:1100px){.journey-layout{gap:32px}.journey-main img{height:400px}.partner-panel{grid-template-columns:.8fr 1.2fr;gap:24px}.partner-steps{grid-column:1/-1;grid-template-columns:repeat(3,1fr);border-right:0;border-top:1px solid var(--line);padding:22px 0 0}.header nav a{padding-inline:8px;font-size:14px}}
@media(max-width:700px){.journey-layout{grid-template-columns:1fr;gap:28px}.journey-copy h2{font-size:39px}.journey-copy>p:not(.eyebrow){font-size:18px}.journey-actions{margin-top:22px}.journey-main img{height:auto;aspect-ratio:1.5}.journey-main figcaption{font-size:14px;right:13px;bottom:13px;padding:8px 13px}.partner-panel{grid-template-columns:1fr;padding:17px;gap:24px}.partner-panel>img{height:auto;aspect-ratio:1.5}.partner-copy{padding-inline:4px}.partner-copy h3{font-size:25px}.partner-steps{grid-template-columns:1fr;gap:18px;padding:20px 4px 3px}.header nav a{font-size:16px}}