/* Porto Arabia Yacht Journal: luxury editorial composition with deep harbour blue, sailcloth ivory, and brass chart details. */
0,600;0,700;1,500;1,600&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&family=Noto+Naskh+Arabic:wght@500;600;700&display=swap');



:root { --background: #f7f4ed; --foreground: #082c43; --card: #fffdf8; --card-foreground: #082c43; --primary: #063b5c; --primary-foreground: #fffdf8; --muted: #ebe8df; --muted-foreground: #667783; --border: #d8d4c9; --ring: #b18b51; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: #f7f4ed; }
body { margin: 0; background: var(--background); color: var(--foreground); font-family: "Manrope", sans-serif; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }

.academy-site { overflow: hidden; --navy: #063b5c; --navy-2: #082b42; --ink: #092c42; --paper: #f7f4ed; --white: #fffdf9; --brass: #b18b51; --brass-soft: #d7c29d; --sea: #7ea7aa; --line: rgba(6,59,92,.18); --ease-out: cubic-bezier(.23,1,.32,1); --ease-in-out: cubic-bezier(.77,0,.175,1); }
.page-shell { width: min(1200px, calc(100% - 64px)); margin: 0 auto; }
.section { padding: 130px 0; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }

.site-header { position: fixed; inset: 0 0 auto; z-index: 20; color: #fff; transition: background-color .25s var(--ease-out), color .25s var(--ease-out), box-shadow .25s var(--ease-out); }
.site-header.is-scrolled { background: rgba(255,253,249,.96); backdrop-filter: blur(14px); color: var(--ink); box-shadow: 0 1px 0 rgba(6,59,92,.1); }
.header-inner { width: min(1320px, calc(100% - 64px)); margin: 0 auto; min-height: 82px; display: flex; justify-content: space-between; align-items: center; }
.brand-mark { display: inline-flex; align-items: center; gap: 10px; min-width: 190px; }
.brand-mark img { width: 36px; height: 36px; object-fit: contain; }
.brand-mark span { display: grid; line-height: 1; }
.brand-mark strong { font: 600 21px/17px "Cormorant Garamond", serif; letter-spacing: .025em; }
.brand-mark em { font: 500 8px/14px "Manrope", sans-serif; font-style: normal; letter-spacing: .18em; text-transform: uppercase; }
.desktop-nav { display: flex; gap: clamp(17px,2.2vw,35px); font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.desktop-nav a { position: relative; padding: 8px 0; opacity: .9; }
.desktop-nav a:after { content: ""; position: absolute; left: 0; bottom: 3px; width: 0; height: 1px; background: currentColor; transition: width .2s var(--ease-out); }
.desktop-nav a:hover:after { width: 100%; }
.header-actions { display: flex; align-items: center; gap: 13px; }
.language-switch { border: 0; background: transparent; color: inherit; padding: 8px; font-weight: 700; font-size: 10px; letter-spacing: .07em; }
.header-book, .button { display: inline-flex; gap: 11px; align-items: center; justify-content: center; padding: 14px 18px; border: 1px solid transparent; font-size: 10px; font-weight: 700; letter-spacing: .13em; line-height: 1; text-transform: uppercase; transition: transform .16s var(--ease-out), background .16s var(--ease-out), border-color .16s var(--ease-out), color .16s var(--ease-out); }
.header-book { background: rgba(255,255,255,.15); border-color: rgba(255,255,255,.55); color: #fff; padding: 12px 14px; }
.is-scrolled .header-book { background: var(--navy); border-color: var(--navy); }
.button:active, .header-book:active { transform: scale(.97); }
.button:hover, .header-book:hover { transform: translateY(-2px); }
.menu-toggle { display: none; border: 0; background: transparent; color: inherit; padding: 8px; }
.mobile-menu { display: none; }

.hero { position: relative; height: max(690px, 100vh); min-height: 690px; color: #fff; display: flex; align-items: flex-end; overflow: hidden; background: var(--navy); }
.hero-image { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(3,30,48,.94) 0%,rgba(3,35,56,.74) 43%,rgba(3,35,56,.2) 74%), url('/images/regatta-fleet.png') center/cover no-repeat; animation: heroDrift 16s var(--ease-in-out) infinite alternate; }
.hero-noise { position: absolute; inset: 0; opacity: .16; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); mix-blend-mode: soft-light; }
.hero-content { position: relative; z-index: 1; padding-bottom: 98px; }
.hero-meta { display: flex; align-items: center; gap: 9px; font-size: 10px; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; animation: entry .8s .05s both var(--ease-out); }
.pulse-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--brass-soft); box-shadow: 0 0 0 5px rgba(215,194,157,.13); }
.hero h1 { max-width: 780px; margin: 29px 0 44px; font: 500 clamp(58px,8vw,124px)/.78 "Cormorant Garamond", serif; letter-spacing: -.055em; }
.hero h1 span, h2 span { display: block; }
.hero h1 span:last-child { padding-left: min(9vw,120px); font-style: italic; color: var(--brass-soft); }
.hero h1 span { animation: entry .8s both var(--ease-out); }
.hero h1 span:nth-child(2) { animation-delay: .1s; }
.hero-bottom { display: flex; align-items: center; justify-content: space-between; gap: 32px; max-width: 800px; animation: entry .8s .19s both var(--ease-out); }
.hero-bottom p { margin: 0; font-size: 14px; color: rgba(255,255,255,.82); }
.button-light { color: var(--navy); background: var(--white); border-color: var(--white); }
.button-light:hover { background: var(--brass-soft); border-color: var(--brass-soft); }
.hero-scroll { position: absolute; z-index: 1; bottom: 36px; right: clamp(28px,5vw,80px); writing-mode: vertical-rl; display: flex; align-items: center; gap: 12px; color: rgba(255,255,255,.8); font-size: 9px; letter-spacing: .13em; text-transform: uppercase; }

.intro { position: relative; }
.chapter-mark { display: flex; flex-direction: column; gap: 11px; color: var(--brass); font-size: 10px; font-weight: 700; letter-spacing: .12em; margin-bottom: 75px; }
.chapter-mark i { display: block; width: 1px; height: 42px; background: var(--brass); }
.intro-label { margin-bottom: 22px; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--brass); font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.intro-layout, .split-heading { display: grid; grid-template-columns: 1.05fr .95fr; gap: 12%; }
h2 { margin: 12px 0 0; color: var(--ink); font: 500 clamp(45px,5.5vw,84px)/.86 "Cormorant Garamond", serif; letter-spacing: -.05em; }
.intro-layout h2 span:last-child, .split-heading h2 span:last-child, .course-copy h2 span:last-child { padding-left: 12%; color: var(--brass); font-style: italic; }
.intro-copy { padding-top: 8px; color: #4e646f; font-size: 14px; line-height: 1.8; }
.intro-copy p { margin: 0 0 24px; }
.lead-copy { color: var(--ink); font: 500 25px/1.3 "Cormorant Garamond", serif; }
.text-link, .inline-action { display: inline-flex; align-items: center; gap: 9px; color: var(--navy); font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; border-bottom: 1px solid rgba(6,59,92,.35); padding-bottom: 7px; margin-top: 8px; transition: gap .18s var(--ease-out); }
.text-link:hover, .inline-action:hover { gap: 16px; }

.mission-wrap { position: relative; background: var(--navy); color: #fff; padding: 103px 0 115px; }
.tideline { position: absolute; left: -2%; width: 104%; height: 72px; background: var(--paper); }
.tideline-top { top: -1px; clip-path: ellipse(58% 56% at 50% 0%); }
.tideline-bottom { bottom: -1px; clip-path: ellipse(58% 56% at 50% 100%); }
.purpose-grid { display: grid; grid-template-columns: .7fr 1fr 1fr; gap: clamp(25px,5vw,74px); align-items: start; }
.purpose-intro { padding-top: 50px; display: grid; gap: 22px; color: var(--brass-soft); }
.light-eyebrow { color: var(--brass-soft); }
.purpose-card { position: relative; padding: 50px 0 0; border-top: 1px solid rgba(255,255,255,.38); }
.purpose-card > span { position: absolute; top: -10px; left: 0; padding-right: 9px; background: var(--navy); color: var(--brass-soft); font-size: 10px; letter-spacing: .12em; }
.purpose-card h3 { margin: 0 0 22px; font: 500 37px/1 "Cormorant Garamond", serif; letter-spacing: -.035em; }
.purpose-card p { margin: 0; color: rgba(255,255,255,.75); font-size: 13px; line-height: 1.75; }

.values-section { background: #eeece5; }
.section-heading { display: flex; justify-content: space-between; gap: 50px; }
.values-heading > p { max-width: 278px; margin: 98px 8% 0 0; color: #4d6875; font-size: 13px; line-height: 1.7; }
.values-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 85px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.value-item { min-height: 196px; padding: 22px 22px 20px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); transition: background .18s var(--ease-out), transform .18s var(--ease-out); }
.value-item:hover { background: var(--white); transform: translateY(-4px); }
.value-number { display: block; color: var(--brass); font-size: 10px; letter-spacing: .1em; }
.value-item h3 { margin: 36px 0 7px; color: var(--ink); font: 600 23px/1 "Cormorant Garamond", serif; letter-spacing: -.025em; }
.value-item p { margin: 0; color: #66808a; font-size: 11px; line-height: 1.55; }

.programme-section { background: var(--paper); }
.programme-top .chapter-mark { margin-bottom: 56px; }
.split-heading > p { max-width: 430px; margin: 26px 0 0; color: #4e646f; font-size: 14px; line-height: 1.8; }
.programme-layout { display: grid; grid-template-columns: 1fr .84fr; gap: 9%; align-items: center; margin-top: 85px; }
.fleet-visual { min-height: 420px; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; background: linear-gradient(145deg,#d8e2df,#9ebabb); color: var(--navy); }
.fleet-visual:before, .fleet-visual:after { content: ""; position: absolute; left: -20%; width: 140%; height: 1px; background: rgba(6,59,92,.2); transform: rotate(-11deg); }
.fleet-visual:before { top: 32%; }.fleet-visual:after { top: 70%; }
.visual-label { position: absolute; left: 23px; top: 22px; font-size: 10px; letter-spacing: .18em; font-weight: 700; }
.boat-outline { position: relative; z-index: 1; opacity: .9; transform: translateY(-10px); }
.waterline { position: absolute; bottom: 92px; width: 77%; height: 1px; background: var(--navy); }
.programme-copy { color: #4e646f; font-size: 14px; line-height: 1.8; }
.programme-copy p { margin: 0 0 24px; }.button-navy { margin-top: 8px; color: var(--white); background: var(--navy); border-color: var(--navy); }.button-navy:hover { background: var(--brass); border-color: var(--brass); }

.fleet-section { min-height: 680px; position: relative; display: flex; align-items: center; overflow: hidden; color: #fff; background: var(--navy); }
.fleet-image { position: absolute; inset: 0; background: url('/images/cat-wide.jpg') center/cover no-repeat; filter: saturate(.72) brightness(.8); }
.fleet-overlay { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(3,39,59,.95),rgba(3,39,59,.68) 46%,rgba(3,39,59,.13)); }
.fleet-content { position: relative; padding: 100px 0; max-width: min(1200px, calc(100% - 64px)); }
.fleet-content > * { max-width: 500px; }.fleet-content h2, .coaching-copy h2, .instructor-title h2, .newsletter-layout h2 { color: #fff; }.fleet-content h2 span:last-child, .coaching-copy h2 span:last-child, .instructor-title h2 span:last-child { padding-left: 10%; color: var(--brass-soft); font-style: italic; }.fleet-content p { margin: 32px 0 24px; color: rgba(255,255,255,.82); font-size: 14px; line-height: 1.8; }.inline-action { color: #fff; border-color: rgba(255,255,255,.45); }

.course-section { background: #fffdf9; }.course-layout { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(42px,8vw,120px); align-items: center; }.course-image { min-height: 580px; overflow: hidden; position: relative; }.course-image:after { content: ""; position: absolute; inset: 0; border: 16px solid var(--paper); border-right: 0; pointer-events: none; }.course-image img { width: 100%; height: 100%; min-height: 580px; display: block; object-fit: cover; }.course-copy p { max-width: 430px; color: #526a74; font-size: 14px; line-height: 1.8; margin: 32px 0 26px; }

.coaching-section { background: var(--navy-2); color: #fff; padding: 130px 0; }.coaching-layout { display: grid; grid-template-columns: .87fr 1.13fr; gap: 10%; align-items: center; }.coaching-copy p { max-width: 400px; color: rgba(255,255,255,.78); font-size: 14px; line-height: 1.82; margin: 31px 0 26px; }.button-brass { color: var(--navy); background: var(--brass-soft); border-color: var(--brass-soft); }.button-brass:hover { background: var(--white); border-color: var(--white); }.coaching-image { position: relative; min-height: 470px; }.coaching-image img { width: 100%; height: 470px; object-fit: cover; display: block; }.image-caption { position: absolute; bottom: -1px; left: -1px; padding: 18px 23px; background: var(--navy-2); color: var(--brass-soft); font: 500 16px/1.2 "Cormorant Garamond",serif; }

.events-section { background: #f7f4ed; }.events-header { display: grid; grid-template-columns: .85fr 1.15fr; gap: 13%; align-items: end; }.events-header img { width: 100%; min-height: 280px; object-fit: cover; }.events-list { margin-top: 66px; border-top: 1px solid var(--line); }.event-row { display: grid; grid-template-columns: .16fr .85fr 1.35fr 38px; gap: 28px; align-items: center; padding: 31px 0; border-bottom: 1px solid var(--line); transition: padding .19s var(--ease-out); }.event-row:hover { padding-left: 14px; padding-right: 14px; background: rgba(255,255,255,.48); }.event-no { color: var(--brass); font-size: 10px; font-weight: 700; letter-spacing: .12em; }.event-row h3 { color: var(--ink); margin: 0; font: 600 26px/1 "Cormorant Garamond", serif; letter-spacing: -.025em; }.event-row p { color: #5b7079; font-size: 12px; line-height: 1.7; margin: 0; }.event-row a { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 50%; color: var(--navy); transition: background .16s var(--ease-out), color .16s var(--ease-out), transform .16s var(--ease-out); }.event-row a:hover { color: #fff; background: var(--navy); transform: rotate(45deg); }.experience-button { margin-top: 42px; }

.instructor-section { background: #183c4e; color: #fff; padding: 125px 0; position: relative; }.instructor-section:before { content: ""; position: absolute; width: 55vw; height: 55vw; border-radius: 50%; background: radial-gradient(circle,rgba(178,140,81,.18),transparent 66%); left: -25vw; top: -30vw; }.instructor-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 13%; position: relative; }.instructor-title { position: relative; }.instructor-compass { margin: 90px 0 0 20%; color: var(--brass-soft); opacity: .7; }.instructor-note { position: relative; padding: 35px 0 0 10%; border-top: 1px solid rgba(255,255,255,.4); }.quote-mark { position: absolute; top: -4px; left: 0; color: var(--brass-soft); font: 700 80px/.8 "Cormorant Garamond",serif; }.instructor-note h3 { margin: 0 0 7px; font: 600 34px/1 "Cormorant Garamond",serif; letter-spacing: -.03em; }.instructor-note > span { color: var(--brass-soft); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }.instructor-note p { margin: 28px 0 0; color: rgba(255,255,255,.78); font-size: 13px; line-height: 1.88; }

.contact-section { background: var(--paper); }.contact-layout { display: grid; grid-template-columns: 1fr .9fr; gap: 14%; }.contact-layout h2 { margin-top: 16px; }.contact-layout h2 span:last-child { padding-left: 10%; color: var(--brass); font-style: italic; }.contact-layout > div > p { max-width: 440px; margin: 30px 0 28px; color: #516872; font-size: 14px; line-height: 1.7; }.button-whatsapp { color: #fff; background: #1d705c; border-color: #1d705c; }.button-whatsapp:hover { color: var(--navy); background: var(--brass-soft); border-color: var(--brass-soft); }.contact-details { align-self: end; border-top: 1px solid var(--line); }.contact-details > a { min-height: 102px; display: grid; grid-template-columns: 28px 1fr 22px; gap: 15px; align-items: center; border-bottom: 1px solid var(--line); color: var(--navy); transition: padding .18s var(--ease-out), background .18s var(--ease-out); }.contact-details > a:hover { padding: 0 14px; background: var(--white); }.contact-details small, .contact-details strong { display: block; }.contact-details small { color: #70838c; font-size: 9px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 6px; }.contact-details strong { font: 600 22px/1 "Cormorant Garamond", serif; letter-spacing: -.02em; }.contact-assurance { display: flex; gap: 12px; align-items: flex-start; margin-top: 22px; color: #647984; font-size: 11px; line-height: 1.55; }.contact-assurance svg { flex: 0 0 auto; color: var(--brass); }

.resources-section { background: #eae9e3; }.resources-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 15%; }.resources-layout h2 { font-size: clamp(43px,5vw,70px); }.resources-layout p { max-width: 340px; margin: 27px 0 0; color: #506974; font-size: 13px; line-height: 1.7; }.resource-links { border-top: 1px solid var(--line); }.resource-links a { display: grid; grid-template-columns: 41px 1fr 21px; gap: 14px; align-items: center; min-height: 77px; border-bottom: 1px solid var(--line); transition: background .18s var(--ease-out), padding .18s var(--ease-out); }.resource-links a:hover { padding: 0 12px; background: var(--white); }.resource-links span { color: var(--brass); font-size: 10px; font-weight: 700; letter-spacing: .1em; }.resource-links strong { font: 600 22px/1.1 "Cormorant Garamond",serif; letter-spacing: -.02em; }

.newsletter-section { background: var(--navy); color: #fff; padding: 96px 0; }.newsletter-layout { display: grid; grid-template-columns: .92fr 1.08fr; align-items: end; gap: 12%; }.newsletter-layout h2 { margin-top: 14px; font-size: clamp(45px,5vw,73px); }.newsletter-layout p { max-width: 380px; color: rgba(255,255,255,.72); margin: 25px 0 0; font-size: 13px; line-height: 1.7; }.newsletter-layout form { display: flex; border-bottom: 1px solid rgba(255,255,255,.65); }.newsletter-layout input { min-width: 0; flex: 1; border: 0; color: #fff; background: transparent; outline: 0; padding: 15px 0; font-size: 12px; }.newsletter-layout input::placeholder { color: rgba(255,255,255,.63); }.newsletter-layout button { display: inline-flex; gap: 8px; align-items: center; border: 0; color: var(--brass-soft); background: transparent; padding: 14px 0 14px 22px; font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }

.site-footer { background: #062538; color: #d2dee0; padding: 70px 0 28px; }.footer-top { display: grid; grid-template-columns: 1.2fr .7fr 1fr; gap: 60px; }.site-footer .brand-mark { color: #fff; }.footer-top > div { display: grid; align-content: start; gap: 12px; }.footer-top > div > span { color: var(--brass-soft); font-size: 9px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }.footer-top nav { display: grid; gap: 10px; }.footer-top a { font-size: 12px; transition: color .18s var(--ease-out); }.footer-top a:hover, .footer-bottom a:hover { color: var(--brass-soft); }.footer-bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 70px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.18); color: #91a9b2; font-size: 9px; letter-spacing: .08em; }.footer-bottom div { display: flex; gap: 23px; }

.is-arabic { font-family: "IBM Plex Sans Arabic", sans-serif; }.is-arabic h1, .is-arabic h2, .is-arabic h3, .is-arabic .lead-copy, .is-arabic .purpose-card h3, .is-arabic .event-row h3, .is-arabic .instructor-note h3, .is-arabic .contact-details strong, .is-arabic .resource-links strong, .is-arabic .image-caption { font-family: "Noto Naskh Arabic", serif; letter-spacing: 0; }.is-arabic .brand-mark strong { font-family: "Cormorant Garamond", serif; }.is-arabic .brand-mark em, .is-arabic .eyebrow, .is-arabic .button, .is-arabic .header-book, .is-arabic .desktop-nav { letter-spacing: 0; }.is-arabic .hero h1 { letter-spacing: -.025em; line-height: .95; }.is-arabic .hero h1 span:last-child, .is-arabic .intro-layout h2 span:last-child, .is-arabic .split-heading h2 span:last-child, .is-arabic .course-copy h2 span:last-child, .is-arabic .fleet-content h2 span:last-child, .is-arabic .coaching-copy h2 span:last-child, .is-arabic .instructor-title h2 span:last-child, .is-arabic .contact-layout h2 span:last-child { padding-left: 0; padding-right: 10%; }.is-arabic .purpose-card > span { left: auto; right: 0; padding-right: 0; padding-left: 9px; }.is-arabic .chapter-mark { align-items: flex-start; }.is-arabic .quote-mark { left: auto; right: 0; }.is-arabic .instructor-note { padding-left: 0; padding-right: 10%; }.is-arabic .event-row:hover { padding-left: 14px; padding-right: 14px; }.is-arabic .contact-details > a:hover { padding-left: 14px; padding-right: 14px; }.is-arabic .newsletter-layout button { padding-left: 0; padding-right: 22px; }

@keyframes entry { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
@keyframes heroDrift { from { transform: scale(1.02); } to { transform: scale(1.07); } }
@media (max-width: 900px) { .page-shell { width: min(100% - 40px, 700px); }.header-inner { width: calc(100% - 40px); min-height: 68px; }.desktop-nav, .header-book { display: none; }.menu-toggle { display: grid; place-items: center; }.mobile-menu { display: grid; color: var(--ink); background: var(--white); padding: 12px 20px 20px; box-shadow: 0 12px 18px rgba(0,0,0,.08); }.mobile-menu a { display: grid; grid-template-columns: 30px 1fr 20px; align-items: center; min-height: 48px; border-bottom: 1px solid var(--line); font: 600 19px/1 "Cormorant Garamond",serif; }.mobile-menu span { color: var(--brass); font: 700 9px "Manrope", sans-serif; letter-spacing: .1em; }.hero { min-height: 630px; }.hero-content { padding-bottom: 92px; }.hero h1 { font-size: clamp(58px,11vw,88px); }.hero-scroll { display: none; }.section { padding: 88px 0; }.intro-layout, .split-heading, .programme-layout, .course-layout, .coaching-layout, .events-header, .instructor-layout, .contact-layout, .resources-layout, .newsletter-layout { grid-template-columns: 1fr; gap: 36px; }.chapter-mark { margin-bottom: 46px; }.values-heading > p { margin: 10px 0 0; }.purpose-grid { grid-template-columns: 1fr 1fr; }.purpose-intro { grid-column: 1/-1; padding-top: 0; grid-auto-flow: column; justify-content: start; align-items: center; }.programme-layout { margin-top: 55px; }.fleet-visual { min-height: 330px; }.fleet-section { min-height: 590px; }.course-image, .course-image img { min-height: 420px; }.coaching-section, .instructor-section { padding: 88px 0; }.coaching-copy { order: 2; }.coaching-image { min-height: 360px; }.coaching-image img { height: 360px; }.events-header img { min-height: 230px; }.instructor-compass { display: none; }.instructor-note { padding-left: 11%; }.contact-details { margin-top: 14px; }.newsletter-layout form { margin-top: 10px; }.footer-top { grid-template-columns: 1fr 1fr; }.footer-top .brand-mark { grid-column: 1/-1; }.is-arabic .instructor-note { padding-left: 0; padding-right: 11%; } }
@media (max-width: 580px) { .page-shell { width: calc(100% - 36px); }.header-inner { width: calc(100% - 32px); }.brand-mark { min-width: 0; }.brand-mark strong { font-size: 19px; }.brand-mark img { width: 32px; height: 32px; }.hero { min-height: 590px; height: 92vh; }.hero-image { background-position: 58% center; }.hero-content { padding-bottom: 62px; }.hero h1 { font-size: clamp(52px,15.5vw,71px); margin: 23px 0 32px; }.hero-bottom { align-items: flex-start; flex-direction: column; gap: 22px; }.hero-bottom p { font-size: 12px; }.section { padding: 76px 0; }.chapter-mark { margin-bottom: 38px; }.intro-layout h2, .split-heading h2, .course-copy h2 { font-size: 52px; }.lead-copy { font-size: 22px; }.purpose-grid { grid-template-columns: 1fr; gap: 42px; }.purpose-card h3 { font-size: 33px; }.values-grid { grid-template-columns: 1fr 1fr; margin-top: 47px; }.value-item { min-height: 184px; padding: 17px 14px; }.value-item h3 { margin-top: 28px; font-size: 21px; }.programme-layout { gap: 28px; }.fleet-visual { min-height: 278px; }.fleet-section { min-height: 510px; }.fleet-content { padding: 80px 0; }.course-image, .course-image img { min-height: 340px; }.course-image:after { border-width: 10px; }.course-copy p, .coaching-copy p { font-size: 13px; }.coaching-image, .coaching-image img { min-height: 300px; height: 300px; }.events-header h2 { font-size: 52px; }.event-row { grid-template-columns: 30px 1fr 34px; gap: 12px; padding: 25px 0; }.event-row h3 { font-size: 25px; }.event-row p { grid-column: 2/-1; font-size: 11px; }.event-row a { grid-column: 3; grid-row: 1; }.instructor-note { padding-left: 16%; }.instructor-note h3 { font-size: 30px; }.contact-details strong { font-size: 18px; overflow-wrap: anywhere; }.resource-links strong { font-size: 19px; }.newsletter-layout h2 { font-size: 50px; }.newsletter-layout form { align-items: center; }.newsletter-layout button { flex: 0 0 auto; font-size: 0; padding-left: 14px; }.newsletter-layout button svg { width: 20px; height: 20px; }.footer-top { grid-template-columns: 1fr; gap: 34px; }.footer-bottom { flex-direction: column; margin-top: 46px; }.is-arabic .instructor-note { padding-left: 0; padding-right: 16%; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }

/* Ship's-log refinement pass: authority for the mark, a continuous chapter cue, and chart-led values. */
.brand-mark img { width: 43px; height: 43px; }
.hero-corner-mark { position: absolute; z-index: 1; top: 125px; right: clamp(32px,6.6vw,110px); display: flex; align-items: center; gap: 13px; color: rgba(255,255,255,.8); font: 700 9px/1.55 "Manrope",sans-serif; letter-spacing: .14em; text-transform: uppercase; text-align: left; animation: entry .8s .15s both var(--ease-out); }
.hero-corner-mark:before { content: ""; position: absolute; width: 64px; height: 64px; border: 1px solid rgba(215,194,157,.42); border-radius: 50%; left: -10px; top: -9px; }
.hero-corner-mark img { position: relative; width: 44px; height: 44px; object-fit: contain; }
.log-route { display: block; width: fit-content; margin-bottom: 16px; color: var(--brass-soft); font: 700 9px/1 "Manrope",sans-serif; letter-spacing: .18em; text-transform: uppercase; }
.dark-route { color: #6d8490; }
.purpose-intro { gap: 15px; }
.values-grid { grid-template-columns: .8fr 1.2fr 1.2fr; background: repeating-linear-gradient(0deg, transparent 0, transparent 47px, rgba(6,59,92,.055) 48px); }
.value-item { min-height: 168px; padding: 25px 28px 24px; position: relative; }
.value-item:nth-child(3n + 1) { background: rgba(255,253,249,.48); }
.value-item:nth-child(3n + 1):before { content: "✦"; position: absolute; right: 15px; top: 14px; color: var(--brass); font-size: 11px; }
.value-item h3 { margin-top: 32px; }
.course-copy h2 span:last-child, .fleet-content h2 span:last-child, .coaching-copy h2 span:last-child, .instructor-title h2 span:last-child { color: inherit; }
.is-arabic .hero-corner-mark { right: auto; left: clamp(32px,6.6vw,110px); text-align: right; }
.is-arabic .value-item:nth-child(3n + 1):before { right: auto; left: 15px; }
@media (max-width: 900px) { .hero-corner-mark { display: none; } }
@media (max-width: 580px) { .values-grid { grid-template-columns: 1fr 1fr; }.value-item { padding: 17px 14px; } }

/* Static export adjustments */
.brand-mark:empty { min-width: 0; width: 0; }
@media (max-width: 900px) { .brand-mark:empty { display:none; } }