/*
Theme Name: Aegean Blu Collection
Theme URI: https://aegeanblucollection.com
Author: Georga Gorrell
Description: Custom cinematic theme for Aegean Blu Collection.
Version: 1.0.0
Text Domain: aegean-blu-collection
*/

*{box-sizing:border-box}
html{scroll-behavior:smooth}
:root{--display:"Italiana","Bodoni 72","Didot","Times New Roman",serif;--utility:"Manrope","Helvetica Neue",Arial,sans-serif;--paper:#f4f0eb;--burgundy:#100003}
body{margin:0;background:#030303;color:var(--paper);font-family:var(--utility);font-weight:300;overflow-x:hidden}
a{color:inherit}
.progress{position:fixed;top:0;left:0;height:1px;background:#fff;opacity:.4;z-index:300}
.grain{position:fixed;inset:-30%;z-index:250;pointer-events:none;opacity:.011;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='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.page-curtain{position:fixed;inset:0;background:var(--burgundy);z-index:999;pointer-events:none;transform-origin:top;animation:curtainOut 1.15s cubic-bezier(.76,0,.24,1) .08s forwards}
@keyframes curtainOut{to{transform:scaleY(0)}}

/* HEADER: completely absent on landing, fades in only once hero appears */
header{position:fixed;left:0;right:0;top:0;height:92px;padding:0 4.4vw;display:flex;align-items:center;z-index:200;color:#fff;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1),visibility 0s linear .8s;background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.08) 52%,transparent)}
body.header-visible header{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.header-logo{display:block;width:300px;text-decoration:none}
.header-logo img{display:block;width:100%;height:auto}
nav{margin-left:auto;display:flex;gap:36px;align-items:center}
nav a,.mobile-enquire{font-size:10.5px;font-weight:400;letter-spacing:.145em;text-decoration:none;white-space:nowrap;opacity:.9;transition:opacity .25s ease}
nav a:hover{opacity:1}
.mobile-enquire{display:none}

.chapter{position:relative}
.opening-chapter{height:210vh}.estate-chapter{height:145vh}.realestate-chapter{height:150vh}.yacht-chapter{height:165vh}
.scene{position:sticky;top:0;height:100vh;min-height:720px;overflow:hidden;perspective:2200px;background:#030303}
.image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;will-change:transform;backface-visibility:hidden}
.shade{position:absolute;inset:0}.scene:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:20;box-shadow:inset 0 0 140px rgba(0,0,0,.17)}
h1,h2{font-family:var(--display);font-weight:400;margin:0;font-kerning:normal}

.opening-image{object-position:center 54%;filter:brightness(.37) saturate(.8)}
.opening-shade{background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.73) 31%,rgba(0,0,0,.12) 70%,rgba(0,0,0,.35))}
.burgundy{position:absolute;inset:0;background:var(--burgundy)}
.landing-lockup{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:8;pointer-events:none}
.landing-lockup>img{display:block;width:min(76vw,1120px);height:auto;filter:none;transform:none}
.cue{position:absolute;left:50%;bottom:5vh;transform:translateX(-50%);font-size:9px;letter-spacing:.26em;opacity:.4;white-space:nowrap}
.cue i{display:block;width:1px;height:42px;background:rgba(255,255,255,.38);margin:15px auto 0}
.hero-copy{position:absolute;left:6vw;top:24%;z-index:6;opacity:0;max-width:980px}
.hero-copy h1{font-size:clamp(78px,7.6vw,128px);line-height:.855;letter-spacing:-.025em}
.hero-copy h1 i{display:block;font-style:normal}

.press-feature{background:#0a0203;min-height:54vh;display:flex;align-items:center;justify-content:center;padding:9vh 6vw;border-block:1px solid rgba(255,255,255,.07)}
.press-inner{text-align:center;max-width:760px;opacity:0;transform:translateY(28px);transition:opacity 1s ease,transform 1s cubic-bezier(.22,.61,.36,1)}
.press-feature.in-view .press-inner{opacity:1;transform:none}
.press-inner>span{display:block;font-size:10px;letter-spacing:.26em;opacity:.6;margin-bottom:34px}
.press-inner img{display:block;width:min(420px,68vw);max-height:95px;object-fit:contain;margin:0 auto 30px;filter:invert(1);opacity:.94}
.press-inner p{font-size:16px;line-height:1.7;color:rgba(246,242,237,.84);margin:0 auto 26px;max-width:620px}
.press-inner a{font-size:10px;letter-spacing:.18em;text-decoration:none}.press-inner b{margin-left:18px}

.estate-image{filter:brightness(.36) saturate(.8)}
.estate-shade{background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.04) 60%,rgba(0,0,0,.18))}
.estate-copy{position:absolute;left:6vw;bottom:14vh;z-index:5;opacity:0}
.section-index{display:flex;align-items:center;gap:13px;font-size:10px;font-weight:400;letter-spacing:.22em;white-space:nowrap}
.section-index i{display:inline-block;width:31px;height:1px;background:currentColor;opacity:.42}
.estate-copy h2,.realestate-copy h2,.yacht-copy h2{font-size:clamp(74px,8vw,132px);line-height:.855;letter-spacing:-.026em;margin-top:23px}
.estate-detail{position:absolute;right:6vw;top:19vh;text-align:right;max-width:500px;z-index:5;opacity:0}
.estate-detail p,.realestate-copy p,.yacht-copy p{font-size:16px;line-height:1.78;color:rgba(246,242,237,.9);margin:0 0 20px}
.estate-detail span{font-size:9.5px;letter-spacing:.18em;color:#aaa29c}
.architectural-blade{position:absolute;right:-10vw;top:0;bottom:0;width:25vw;background:rgba(5,4,4,.12);opacity:0}

.realestate-image{filter:brightness(.39) saturate(.78)}
.realestate-shade{background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.6) 42%,rgba(0,0,0,.08) 76%,rgba(0,0,0,.22))}
.realestate-copy{position:absolute;left:6vw;top:25%;z-index:6;opacity:0;max-width:650px}
.realestate-copy p{max-width:570px;margin-top:30px}

.yacht-image{filter:brightness(.55) contrast(1.07) saturate(.86)}
.yacht-shade{background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.6) 39%,rgba(0,0,0,.03) 74%,rgba(0,0,0,.23))}
.yacht-copy{position:absolute;left:6vw;top:27%;z-index:6;opacity:0;max-width:650px}
.yacht-copy p{max-width:570px;margin-top:30px}
.light-pass{position:absolute;top:0;bottom:0;left:-18vw;width:12vw;background:linear-gradient(90deg,transparent,rgba(255,255,255,.035),transparent);transform:skewX(-14deg)}
.facts{position:absolute;right:6vw;bottom:8vh;z-index:7;opacity:0}
.facts p{font-size:9.5px;letter-spacing:.18em;color:#b8b0aa}

.brands-world{position:relative;background:var(--burgundy);color:var(--paper);padding:13vh 4.4vw 11vh;overflow:hidden;border-block:1px solid rgba(255,255,255,.07)}
.brands-heading{display:grid;grid-template-columns:1.45fr 1.55fr;gap:5vw;align-items:end;padding-bottom:8vh}
.brands-heading h2{font:400 clamp(62px,6vw,100px)/.88 var(--display);margin:0;letter-spacing:-.025em}
.brands-heading p{margin:0;max-width:440px;font-size:16px;line-height:1.75;color:rgba(246,242,237,.82)}
.brands-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.brand-panel{min-height:205px;display:flex;align-items:center;justify-content:center;padding:42px;border-right:1px solid rgba(255,255,255,.08);opacity:.35;transform:translateY(32px);text-decoration:none;transition:opacity .85s cubic-bezier(.22,.61,.36,1),transform .95s cubic-bezier(.22,.61,.36,1),background .5s ease}
.brand-panel:last-child{border-right:0}
.brands-world.in-view .brand-panel{opacity:.94;transform:none}
.brands-world.in-view .brand-panel:nth-child(2){transition-delay:.08s}.brands-world.in-view .brand-panel:nth-child(3){transition-delay:.16s}.brands-world.in-view .brand-panel:nth-child(4){transition-delay:.24s}
.brand-panel:hover{background:rgba(255,255,255,.025)}
.brand-panel img{max-width:220px;max-height:88px;width:100%;object-fit:contain}

.enquire-section{background:#070303;color:var(--paper);padding:13vh 6vw 12vh}
.enquire-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start;max-width:1500px;margin:0 auto}
.enquire-copy>span{font-size:10px;letter-spacing:.22em}
.enquire-copy h2{font-size:clamp(72px,7vw,120px);line-height:.87;letter-spacing:-.026em;margin:24px 0 34px}
.enquire-copy p{font-size:16px;line-height:1.75;max-width:430px;color:rgba(246,242,237,.82)}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:28px 30px}
.contact-form label{display:block;border-bottom:1px solid rgba(255,255,255,.22);padding-bottom:11px}
.contact-form label.full{grid-column:1/-1}
.contact-form label span{display:block;font-size:9px;letter-spacing:.18em;opacity:.55;margin-bottom:12px}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:0;outline:0;background:transparent;color:#fff;font:300 16px/1.5 var(--utility);padding:0;resize:none;border-radius:0}
.contact-form select{appearance:none}
.contact-form option{color:#111}
.contact-form button{grid-column:1/-1;justify-self:start;margin-top:12px;border:0;border-bottom:1px solid rgba(255,255,255,.45);background:none;color:#fff;padding:0 0 10px;font:400 10px/1 var(--utility);letter-spacing:.18em;cursor:pointer}
.contact-form button b{margin-left:22px}

.site-footer{background:var(--burgundy);color:var(--paper);padding:8vh 4.4vw 4vh}
.footer-top{display:grid;grid-template-columns:1.5fr 1fr .8fr;gap:6vw;align-items:start;padding-bottom:7vh}
.footer-logo{display:block;width:430px}
.footer-logo img{display:block;width:100%;height:auto}
.footer-contact,.footer-address{font-size:12px;line-height:1.85;color:rgba(255,255,255,.74)}
.footer-contact{display:flex;flex-direction:column;gap:5px}
.footer-contact span{font-size:9px;letter-spacing:.16em;color:rgba(255,255,255,.52);margin-bottom:10px}
.footer-contact a{text-decoration:none}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:3.5vh;display:flex;justify-content:space-between;gap:30px;font-size:9px;letter-spacing:.12em;color:rgba(255,255,255,.47)}
.footer-bottom div{display:flex;gap:24px}.footer-bottom a{text-decoration:none;color:inherit}

@media(max-width:980px){
 nav{display:none}.mobile-enquire{display:block;margin-left:auto}
 .header-logo{width:245px}
 .opening-chapter{height:175svh}.estate-chapter{height:130svh}.realestate-chapter{height:135svh}.yacht-chapter{height:145svh}
 .scene{height:100svh;min-height:0}
 .landing-lockup>img{width:min(88vw,860px)}
 .hero-copy{left:5.5vw;right:5.5vw;top:28%}.hero-copy h1{font-size:clamp(54px,12vw,78px)}
 .estate-detail{left:5.5vw;right:5.5vw;top:14svh;text-align:left;max-width:620px}.estate-copy{left:5.5vw;bottom:14svh}
 .realestate-copy,.yacht-copy{left:5.5vw;right:5.5vw;top:29%}
 .brands-heading{grid-template-columns:1fr;gap:22px}.brands-grid{grid-template-columns:repeat(2,1fr)}
 .brand-panel:nth-child(2){border-right:0}.brand-panel:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}
 .enquire-layout{grid-template-columns:1fr;gap:7vh}
 .footer-top{grid-template-columns:1fr;gap:34px}.footer-logo{width:min(74vw,390px)}.footer-bottom{flex-direction:column}
}
@media(max-width:600px){
 header{height:72px;padding:0 5.5vw}.header-logo{width:210px}.mobile-enquire{font-size:9px}
 .landing-lockup>img{width:92vw}
 .cue{font-size:8px}.hero-copy{top:32%}.hero-copy h1{font-size:clamp(48px,13vw,66px)}
 .press-feature{min-height:48svh;padding:8vh 6vw}.press-inner p{font-size:14px}
 .section-index{font-size:8.5px}.estate-copy h2,.realestate-copy h2,.yacht-copy h2{font-size:clamp(50px,13vw,68px)}
 .estate-detail p,.realestate-copy p,.yacht-copy p,.brands-heading p,.enquire-copy p{font-size:14.5px;line-height:1.72}
 .brands-world{padding:10vh 5.5vw 9vh}.brands-grid{grid-template-columns:1fr 1fr}.brand-panel{min-height:128px;padding:24px}.brand-panel img{max-width:150px;max-height:62px}
 .enquire-section{padding:10vh 5.5vw}.enquire-copy h2{font-size:clamp(54px,13.5vw,72px)}
 .contact-form{grid-template-columns:1fr}.contact-form label.full,.contact-form button{grid-column:1}.contact-form input,.contact-form select,.contact-form textarea{font-size:15px}
 .site-footer{padding:7vh 5.5vw 4vh}.footer-contact,.footer-address{font-size:11px}.footer-bottom div{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.grain,.page-curtain{display:none}}

/* V7 — exact logo restored + softer body type + burgundy static sections */

/* Use supplied logo artwork exactly; no recreated type. */
.header-logo img,
.landing-lockup>img,
.footer-logo img{
  object-fit:contain!important;
  filter:none!important;
  transform:none!important;
  image-rendering:auto!important;
}

/* Slightly larger landing mark, but without distortion. */
.landing-lockup>img{
  width:min(78vw,980px)!important;
  max-width:980px!important;
}

/* Supporting copy: thinner/lighter. */
.press-inner p,
.estate-detail p,
.realestate-copy p,
.yacht-copy p,
.brands-heading p,
.enquire-copy p,
.footer-contact,
.footer-address{
  font-weight:300!important;
  color:rgba(246,242,237,.80)!important;
}
.press-inner p,
.estate-detail p,
.realestate-copy p,
.yacht-copy p,
.brands-heading p,
.enquire-copy p{
  letter-spacing:0!important;
}

/* All non-image sections use the chosen dark red, not black. */
.press-feature,
.brands-world,
.enquire-section,
.site-footer{
  background:#100003!important;
}
.site-footer{
  border-top:1px solid rgba(255,255,255,.08);
}

/* Our Brands animation: more deliberate and cinematic. */
.brands-heading{
  opacity:0;
  transform:translateY(28px);
  transition:
    opacity 1s ease,
    transform 1.1s cubic-bezier(.22,.61,.36,1);
}
.brands-world.in-view .brands-heading{
  opacity:1;
  transform:none;
}

.brand-panel{
  opacity:0!important;
  transform:translateY(42px) scale(.985)!important;
  transition:
    opacity .9s ease,
    transform 1.05s cubic-bezier(.22,.61,.36,1),
    background .5s ease!important;
}
.brands-world.in-view .brand-panel{
  opacity:.94!important;
  transform:none!important;
}
.brands-world.in-view .brand-panel:nth-child(1){transition-delay:.08s!important}
.brands-world.in-view .brand-panel:nth-child(2){transition-delay:.16s!important}
.brands-world.in-view .brand-panel:nth-child(3){transition-delay:.24s!important}
.brands-world.in-view .brand-panel:nth-child(4){transition-delay:.32s!important}

.brands-grid{
  position:relative;
  overflow:hidden;
}
.brands-grid:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:18%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.035),transparent);
  transform:translateX(-140%) skewX(-12deg);
  opacity:0;
  pointer-events:none;
}
.brands-world.in-view .brands-grid:before{
  opacity:1;
  animation:brandsSweep 1.8s cubic-bezier(.22,.61,.36,1) .25s forwards;
}
@keyframes brandsSweep{
  to{transform:translateX(700%) skewX(-12deg);opacity:0}
}

@media(max-width:600px){
  .landing-lockup>img{
    width:min(94vw,700px)!important;
  }
}

/* V8 — crisp hosted Collection logo
   Use the exact media-library asset at or below its native display size.
   No scaling transforms, blur, filters, GPU compositing or oversized raster rendering. */
.landing-lockup{
  transform:none!important;
  filter:none!important;
}
.landing-lockup>img{
  display:block!important;
  width:min(72vw,760px)!important;
  max-width:760px!important;
  height:auto!important;
  object-fit:contain!important;
  transform:none!important;
  translate:none!important;
  filter:none!important;
  opacity:1;
  image-rendering:auto!important;
  -webkit-transform:none!important;
  backface-visibility:visible!important;
  will-change:auto!important;
}

.header-logo{
  width:270px!important;
  height:auto!important;
  overflow:visible!important;
}
.header-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  transform:none!important;
  filter:none!important;
  image-rendering:auto!important;
  will-change:auto!important;
}

.footer-logo{
  width:400px!important;
  height:auto!important;
  overflow:visible!important;
}
.footer-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  transform:none!important;
  filter:none!important;
  image-rendering:auto!important;
  will-change:auto!important;
}

/* Keep the logo sharp on Retina by avoiding unnecessary enlargement. */
@media(min-width:1600px){
  .landing-lockup>img{
    width:min(62vw,820px)!important;
    max-width:820px!important;
  }
}
@media(max-width:900px){
  .landing-lockup>img{
    width:min(86vw,720px)!important;
  }
  .header-logo{width:235px!important}
}
@media(max-width:600px){
  .landing-lockup>img{
    width:min(90vw,620px)!important;
  }
  .header-logo{width:205px!important}
  .footer-logo{width:min(78vw,360px)!important}
}

/* V9 — scroll reveal + footer + form refinement */

/* Telegraph / brands / enquiry start quiet and reveal on entry */
.press-inner,
.brands-heading,
.enquire-layout{
  opacity:0;
  transform:translateY(34px);
  transition:
    opacity 1s cubic-bezier(.22,.61,.36,1),
    transform 1.05s cubic-bezier(.22,.61,.36,1);
}
.press-feature.in-view .press-inner,
.brands-world.in-view .brands-heading,
.enquire-section.in-view .enquire-layout{
  opacity:1;
  transform:none;
}

/* Slightly cinematic Telegraph timing */
.press-feature .press-inner>span{
  opacity:0;
  transform:translateY(10px);
  transition:opacity .7s ease .08s,transform .8s cubic-bezier(.22,.61,.36,1) .08s;
}
.press-feature .press-inner img{
  opacity:0;
  transform:translateY(14px) scale(.985);
  transition:opacity .8s ease .18s,transform .9s cubic-bezier(.22,.61,.36,1) .18s;
}
.press-feature .press-inner p,
.press-feature .press-inner a{
  opacity:0;
  transform:translateY(12px);
  transition:opacity .8s ease .28s,transform .9s cubic-bezier(.22,.61,.36,1) .28s;
}
.press-feature.in-view .press-inner>span,
.press-feature.in-view .press-inner img,
.press-feature.in-view .press-inner p,
.press-feature.in-view .press-inner a{
  opacity:1;
  transform:none;
}

/* Our Brands keeps staggered logo reveal, heading now fades with section */
.brands-world.in-view .brand-panel:nth-child(1){transition-delay:.12s!important}
.brands-world.in-view .brand-panel:nth-child(2){transition-delay:.20s!important}
.brands-world.in-view .brand-panel:nth-child(3){transition-delay:.28s!important}
.brands-world.in-view .brand-panel:nth-child(4){transition-delay:.36s!important}

/* Get in touch form fades in as one composed block */
.enquire-section.in-view .enquire-layout{transition-delay:.06s}

/* Prototype submission status */
.form-status{
  grid-column:1/-1;
  margin:4px 0 0;
  min-height:18px;
  font-size:11px;
  line-height:1.5;
  color:rgba(246,242,237,.68);
}
.contact-form.is-sent button{opacity:.45;pointer-events:none}

/* Footer upgraded with dedicated brands column */
.footer-top{
  grid-template-columns:1.35fr 1fr 1fr!important;
  gap:5vw!important;
}
.footer-contact p{
  margin:16px 0 0;
  color:rgba(255,255,255,.62);
}
.footer-brands{
  display:flex;
  flex-direction:column;
  gap:9px;
}
.footer-brands span{
  font-size:9px;
  letter-spacing:.18em;
  color:rgba(255,255,255,.5);
  margin-bottom:10px;
}
.footer-brands a{
  font-size:12px;
  line-height:1.6;
  color:rgba(255,255,255,.74);
  text-decoration:none;
  transition:color .25s ease;
}
.footer-brands a:hover{color:#fff}

@media(max-width:900px){
  .footer-top{grid-template-columns:1fr!important}
}

/* V2 refinements */
.landing-lockup>img{
  width:min(86vw,980px)!important;
  max-width:980px!important;
}
.press-inner,
.enquire-layout{
  opacity:0!important;
  transform:translateY(38px)!important;
  transition:opacity 1s cubic-bezier(.22,.61,.36,1),
             transform 1.1s cubic-bezier(.22,.61,.36,1)!important;
}
.press-feature.in-view .press-inner,
.enquire-section.in-view .enquire-layout{
  opacity:1!important;
  transform:none!important;
}
@media(max-width:600px){
  .landing-lockup>img{width:min(96vw,820px)!important}
}