/* Khaleeji 27: official Kufam + palette; UI shapes interpret guideline p26. */
@font-face{font-family:Kufam;src:url('assets/fonts/Kufam-Variable.ttf') format('truetype');font-weight:400 900;font-style:normal;font-display:swap}
:root{--green:#032810;--forest:#032810;--deep:#032810;--mid:#04774d;--bright:#0aa771;--lime:#9ed47d;--paper:#fffaf3;--ink:#032810;--gold:#f4b335;--muted:#9ed47d;font-family:Kufam,sans-serif;font-synthesis:none}
body,button,select,input,.signature,.signature span{font-family:Kufam,sans-serif;font-style:normal}
h1,h2,h3,.hero-copy h1,h1 em,.current-location p,.collection-heading h2,.project-credit h2,.tour-invitation h2{font-family:Kufam,sans-serif;font-style:normal;font-weight:700;letter-spacing:-.035em;line-height:1.16}
h1 em{color:var(--gold)}.eyebrow{letter-spacing:.055em;font-weight:500;line-height:1.7}.signature{letter-spacing:-.035em;font-weight:700}.signature span{font-weight:400;letter-spacing:0}
.header{height:110px;background:linear-gradient(#032810ed,#03281000);gap:22px}.brand-mark{display:block;flex-shrink:0;background:#fff;border-radius:0 18px 0 18px;width:154px;overflow:hidden}.brand-mark img{display:block;width:100%;height:auto}.header-project{color:var(--paper);font-size:12px;line-height:1.8}.header-project small{display:block;color:var(--lime);font-size:11px}.header .tour-link,.hero-note a,.tour-invitation a,.back-link{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:var(--gold);color:var(--green);border:0;border-radius:0 20px 0 20px;padding:15px 22px;font-size:13px;font-weight:500;line-height:1.6}.header .tour-link span{margin:0}
.hero-copy h1{font-size:clamp(45px,4.4vw,76px);line-height:1.2}.hero .eyebrow{color:var(--lime)}.hero-note a{margin-top:0}.hero-copy{bottom:125px}.hero-image figcaption{bottom:30px}.brand-ribbon{position:absolute;bottom:0;left:0;right:0;height:20px;background:var(--bright);display:flex;pointer-events:none}.brand-ribbon:before{content:'';width:28%;background:var(--gold)}.brand-ribbon:after{content:'';width:24%;margin-left:auto;background:var(--lime)}
.brand-tiles{display:flex;gap:0;width:132px;flex-shrink:0}.brand-tiles img{width:50%;aspect-ratio:1}.intro>.eyebrow:after{content:'';display:block;width:112px;height:112px;margin-top:28px;background:url('assets/brand/tile-heritage.svg') center/contain no-repeat}.intro h2{font-weight:700;line-height:1.25;font-size:clamp(28px,2.7vw,43px)}
.chapter-nav{background:var(--green);color:var(--paper);border:0;padding-top:12px;padding-bottom:12px;gap:8px}.chapter-nav a{opacity:1;color:var(--lime);padding:12px 14px;border-radius:0 16px 0 16px;font-size:12px;min-height:44px}.chapter-nav span{font-size:12px}.chapter-nav a.active,.chapter-nav a:hover{background:var(--lime);color:var(--green)}.chapter-heading h2,.collection h2{font-weight:700;line-height:1.18;font-size:clamp(38px,5vw,76px)}.chapter-heading .eyebrow{color:var(--mid);border-top:4px solid var(--gold);padding-top:16px}.pitch-chapter .chapter-heading .eyebrow{color:var(--lime)}.chapter-heading>p:last-child{font-size:16px;line-height:1.85}
.reveal-stage,.context-card figure,.detail-card,.uniform-layout,.design-card .art,.dialog-art,.artwork-preview{border-radius:0 32px 0 32px;overflow:hidden}.detail-card,.detail-card.portrait,.uniform-layout,.uniform-main,.design-card .art,.reveal-stage .flat,.dialog-art,.wristband-stack{background:var(--paper)}.detail-card,.uniform-layout,.design-card .art{border:1px solid #04774d40}.detail-card:hover{background:#9ed47d33}.pitch-details .detail-card{background:var(--mid);border-color:var(--bright)}.operations-chapter{background:#9ed47d24}.uniform-counter{background:var(--gold);color:var(--green);padding:8px 12px;border-radius:0 12px 0 12px}.uniform-info h3,.context-card h3,.extensions h3{font-weight:700;line-height:1.25;letter-spacing:-.025em}
.reveal-controls>div,.segmented,.dialog-view-tabs{border-radius:0 18px 0 18px;background:#9ed47d40;padding:4px}.reveal-controls button,.segmented button,.dialog-view-tabs button{border-radius:0 14px 0 14px;min-height:44px}.context-art-links button{border-radius:0 20px 0 20px;background:#9ed47d30;border:1px solid #04774d30}.context-art-links button:hover{background:#9ed47d60}.photo-cover:after{background:var(--green);color:var(--paper);border-radius:0 12px 0 12px;font-size:10px;letter-spacing:.055em}.text-link{font-weight:500;color:var(--mid)}.pitch-chapter .text-link{color:var(--lime)}.size-note{border-top:4px solid var(--gold)}.size-note>span{font-weight:700}.extensions{border-color:var(--mid)}#extension-links a:hover{color:var(--mid)}.hospitality-chapter .reveal-stage{aspect-ratio:1672/941}.hospitality-chapter .reveal-stage .application{object-fit:contain}.hospitality-chapter .caption{max-width:850px}.design-card[data-family=reserved] img{object-position:90% center}.design-card[data-family=wrist] img{object-position:12% center}
.hospitality-focus{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.hospitality-focus button{display:flex;align-items:center;gap:14px;text-align:left;background:var(--green);color:var(--paper);border-radius:0 22px 0 22px;padding:14px 20px;min-height:62px;flex:1;min-width:220px;font-size:14px}.hospitality-focus small{display:block;font-size:11px;color:var(--lime);margin-top:6px}.hospitality-focus span:first-child{font-size:24px;color:var(--gold)}
.tour-invitation{background:var(--green);color:var(--paper)}.tour-invitation h2{font-size:clamp(36px,4.4vw,68px)}.tour-invitation a{margin-top:20px}.tour-invitation .eyebrow{color:var(--lime)}footer{border-top:8px solid var(--gold)}dialog{border-radius:0 28px 0 28px}#design-dialog{color:var(--green);background:var(--paper)}.dialog-top h2{line-height:1.25}.dialog-controls select,.uniform-info select{border-color:var(--mid);border-radius:0 14px 0 14px;min-height:44px}#dialog-close,.dialog-controls button{min-width:44px;min-height:44px;border-radius:0 12px 0 12px;background:var(--green);color:var(--paper)}#scale-diagram svg text{font-family:Kufam,sans-serif}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
/* The optional 3D route shares the same identity and navigation language. */
.tour-page .masthead{height:110px;background:var(--green)}.tour-page .experience{height:calc(100svh - 110px)}.tour-page .hero-heading h1{font-size:clamp(36px,4.6vw,70px)}.tour-page .hero-byline{line-height:1.8;color:var(--paper)}.tour-page .current-location p{font-size:clamp(21px,2.2vw,34px)}.tour-page .zone-nav button,.tour-page .journey-controls button,.tour-page .hotspot,.tour-page .collection-filter button,.tour-page .chapter-item{border-radius:0 16px 0 16px}.tour-page .zone-nav button.active{background:var(--mid);border-color:var(--lime)}.tour-page .journey-controls #tour-toggle{background:var(--gold);border-color:var(--gold)}.tour-page .inspector{background:var(--green);border-radius:0 28px 0 28px;border:1px solid var(--mid)}.tour-page .collection-heading h2{font-size:clamp(35px,4.2vw,64px)}.tour-page .project-label{color:var(--lime)}.tour-page .collection-filter button.active{background:var(--gold);color:var(--green)}.tour-page .journey-progress span{background:var(--gold)}.tour-page .collection-card{border-radius:0 24px 0 24px;overflow:hidden}
@media(max-width:900px){.hero-copy h1{font-size:clamp(40px,5.5vw,57px)}.header-project{display:none}.chapter-nav{justify-content:flex-start}.chapter-heading{gap:24px}.brand-mark{width:130px}.header,.tour-page .masthead{height:95px}.tour-page .experience{height:calc(100svh - 95px)}}
@media(max-width:600px){.header{padding:0 5%;gap:12px}.brand-mark{width:112px;border-radius:0 12px 0 12px}.header .tour-link,.back-link{font-size:11px;padding:12px 14px;gap:6px}.hero-copy h1{font-size:clamp(40px,10.5vw,61px)}.hero-copy{bottom:110px}.hero-note .arabic{display:none}.hero-note a{padding:12px 18px}.hero-image figcaption{font-size:10px;bottom:20px}.brand-ribbon{height:12px}.hero{min-height:650px}.intro>.eyebrow:after{width:70px;height:70px;margin-top:20px}.chapter-heading h2,.collection h2{font-size:37px;overflow-wrap:break-word}.chapter-heading>p:last-child{font-size:15px}.chapter-nav a{padding:10px 12px}.hospitality-chapter .reveal-stage{aspect-ratio:1672/941}.hospitality-focus{gap:10px}.hospitality-focus button{min-width:100%;padding:14px 16px}.reveal-controls{flex-wrap:wrap}.reveal-controls>span{max-width:none;width:100%}.reveal-controls button{font-size:11px}.dialog-view-tabs button{font-size:11px;padding:10px}.detail-card,.uniform-layout,.design-card .art,.reveal-stage{border-radius:0 22px 0 22px}.tour-page .masthead{gap:12px}.tour-page .project-label{display:none}.tour-page .current-location p{font-size:22px}.tour-page .hero-heading h1{font-size:37px}.brand-tiles{width:90px}}
.project-brand .brand-tiles{margin-top:28px}.tour-page .experience{height:100svh;background:var(--green)}.tour-page .stage-vignette{background:linear-gradient(180deg,#032810b0,transparent 26%,transparent 58%,#032810f5),linear-gradient(90deg,#03281050,transparent 50%)}.tour-page .collection,.tour-page .project-credit{background:var(--green)}.tour-page .collection-card{background:var(--mid)}.tour-page .chapter-item{font-family:Kufam,sans-serif}
/* Preserve the supplied vector; remove the white container at every touchpoint. */
.brand-mark{background:transparent;border-radius:0;overflow:visible;width:120px}
.brand-mark img{filter:brightness(0) invert(1);height:84px;width:120px;object-fit:contain}
.header-project{font-size:14px}.header-project small{font-size:12px}.header .tour-link,.back-link{font-size:14px}
.uniform-main{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;position:relative;padding-bottom:32px}
.uniform-main figure{margin:0;min-width:0}.uniform-main img{display:block;width:100%;height:300px;object-fit:contain}.uniform-main figcaption{text-align:center;margin-top:20px;font-size:14px;color:#032810;font-weight:600}
.uniform-main .uniform-primary{border-bottom:2px solid #04774d;padding-bottom:14px}.uniform-main .uniform-companion{padding-bottom:16px}.uniform-main .uniform-counter{bottom:0;left:0;font-size:12px}
@media(max-width:600px){.brand-mark{width:88px}.brand-mark img{width:88px;height:62px}.header-project{font-size:12px;line-height:1.5}.header-project small{display:none}.header .tour-link{font-size:12px;padding:10px}.header{gap:12px}.uniform-main{gap:12px}.uniform-main img{height:210px}.uniform-main figcaption{font-size:13px;margin-top:14px}}