/*! Commercial Shipping Commissions — commission-pages.css */

/* ===================== RESET ===================== */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

/* ===================== VARIABLES ===================== */
:root{
  --sea-green:#1b2d2e;
  --midnight:#1c1f2e;
  --dark-blue:#263547;
  --aubergine:#3d2848;
  --ivory:#f8f6f2;
  --gold:#b0a18e;
  --soft-black:#1a1a1a;
  --footer-black:#111113
}

/* ===================== BASE ===================== */
html{scroll-behavior:auto}

body{
  font-family:'Montserrat',sans-serif;
  color:var(--soft-black);
  background:var(--ivory);
  line-height:1.7;
  font-weight:400;
  font-size:16px;
  -webkit-font-smoothing:antialiased
}

h1,h2,h3,h4,h5{
  font-family:'Playfair Display',serif;
  font-weight:500;
  line-height:1.25
}

img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}

/* ===================== SKIP LINK ===================== */
.skip-link{
  position:fixed;top:-100%;left:50%;transform:translateX(-50%);
  background:var(--sea-green);color:var(--ivory);padding:1rem 2rem;z-index:1000;
  font-family:'Montserrat',sans-serif;font-size:.85rem;font-weight:500;
  letter-spacing:.05em;text-decoration:none;border:1px solid var(--gold);transition:top .3s ease
}
.skip-link:focus{top:1rem;outline:none}

/* ===================== COOKIE CONSENT ===================== */
.cookie-banner{
  position:fixed;bottom:0;left:0;right:0;z-index:180;
  background:var(--footer-black);border-top:1px solid rgba(248,246,242,.08);
  padding:1.2rem 2rem;transform:translateY(100%);opacity:0;
  transition:transform .5s ease,opacity .5s ease
}
.cookie-banner.visible{transform:translateY(0);opacity:1}
.cookie-banner-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.cookie-banner p{font-family:'Montserrat',sans-serif;font-size:.82rem;color:rgba(248,246,242,.6);margin:0;line-height:1.6}
.cookie-banner-actions{display:flex;gap:1rem;flex-shrink:0}
.cookie-btn{font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:.7rem 1.5rem;cursor:pointer;transition:all .3s ease;min-height:44px}
.cookie-btn--decline{background:none;border:1px solid rgba(248,246,242,.15);color:rgba(248,246,242,.5)}
.cookie-btn--decline:hover{border-color:rgba(248,246,242,.3);color:rgba(248,246,242,.8)}
.cookie-btn--accept{background:none;border:1px solid var(--gold);color:var(--gold)}
.cookie-btn--accept:hover{background:var(--gold);color:var(--footer-black)}
.cookie-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* ===================== FOCUS STATES ===================== */
a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}

/* ===================== CUSTOM CURSOR ===================== */
@media(min-width:769px) and (pointer:fine){
  *,*::before,*::after{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='26' viewBox='0 0 24 26'%3E%3Cpath d='M5 2 L5 20 L8 16 L11 22 L13 21 L10 15 L15 15 Z' fill='%23f8f6f2' stroke='%231c1f2e' stroke-width='0.5' stroke-linejoin='round'/%3E%3C/svg%3E") 5 2,auto}
  a,button,input,textarea,select,label,[data-open-sidebar],[data-menu-link],[data-gallery-item]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='26' viewBox='0 0 24 26'%3E%3Cpath d='M5 2 L5 20 L8 16 L11 22 L13 21 L10 15 L15 15 Z' fill='%23b0a18e' stroke='%231c1f2e' stroke-width='0.5' stroke-linejoin='round'/%3E%3C/svg%3E") 5 2,pointer}
  input[type="text"],input[type="email"],input[type="tel"],textarea{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='24' viewBox='0 0 16 24'%3E%3Cpath d='M4 4 L8 4 M12 4 L8 4 M8 4 L8 20 M4 20 L8 20 M12 20 L8 20' fill='none' stroke='%23f8f6f2' stroke-width='1.25' stroke-linecap='round'/%3E%3C/svg%3E") 8 12,text}
}

.cursor-ring{position:fixed;pointer-events:none;z-index:10000;width:44px;height:44px;border:1px solid var(--gold);border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0;transition:transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s ease}
.cursor-ring.is-visible{transform:translate(-50%,-50%) scale(1);opacity:1}

@media(prefers-reduced-motion:reduce){.cursor-ring{display:none!important}*,*::before,*::after{cursor:auto!important}}
@media(max-width:768px),(pointer:coarse){.cursor-ring{display:none!important}*,*::before,*::after{cursor:auto!important}}

/* ===================== BODY LOCK ===================== */
body.menu-open,body.sidebar-open,body.lightbox-open{overflow:hidden}

/* ===================== PAGE WRAPPER ===================== */
.corporate-page{background:var(--footer-black)}

/* ===================== NAVIGATION ===================== */
.corporate-landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.75rem 5vw;transition:background .4s ease,padding .4s ease}
.corporate-landing-nav.scrolled{background:rgba(28,31,46,.95);padding:1.25rem 5vw;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.corporate-landing-nav-menu-btn{display:flex;align-items:center;gap:.75rem;background:none;border:none;cursor:pointer;padding:.5rem 0;min-height:44px}
.corporate-landing-nav-menu-icon{display:flex;flex-direction:column;justify-content:center;gap:5px;width:20px;height:20px}
.corporate-landing-nav-menu-icon span{display:block;width:100%;height:1px;background:var(--ivory);transition:transform .3s ease,opacity .3s ease}
.corporate-landing-nav-menu-label{font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:rgba(248,246,242,.7);transition:color .3s ease}
.corporate-landing-nav-menu-btn:hover .corporate-landing-nav-menu-label{color:var(--ivory)}
.corporate-landing-nav .corporate-landing-nav-logo{font-family:'Tenor Sans',sans-serif;font-size:1.15rem;color:var(--ivory);text-decoration:none;letter-spacing:.1em;text-transform:uppercase;transition:opacity .3s ease}
.corporate-landing-nav-logo:hover{opacity:.8}
.corporate-landing-nav.scrolled .corporate-landing-nav-logo{color:var(--gold)}
.corporate-landing-nav-enquire{background:none;border:none;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:rgba(248,246,242,.7);cursor:pointer;padding:.5rem 0;min-height:44px;position:relative;transition:color .3s ease}
.corporate-landing-nav-enquire:hover{color:var(--ivory)}
.corporate-landing-nav-enquire::after{content:'';position:absolute;bottom:.25rem;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .4s ease}
.corporate-landing-nav-enquire:hover::after{transform:scaleX(1)}

/* ===================== MENU OVERLAY ===================== */
.corporate-landing-menu-overlay{position:fixed;inset:0;z-index:200;background:radial-gradient(ellipse at center,rgb(34,42,56) 0%,rgba(28,31,46,1) 65%);opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}
.corporate-landing-menu-overlay.is-open{opacity:1;visibility:visible}
.corporate-landing-menu-overlay-inner{position:relative;height:100%;width:100%;display:flex;align-items:center;justify-content:center;padding:0}
.corporate-landing-menu-overlay .corporate-landing-menu-nav{display:flex;position:static;width:auto;padding:0;background:transparent;justify-content:center;align-items:center;flex-direction:column;gap:.5rem;z-index:auto}
.corporate-landing-menu-close{position:absolute;top:2.5rem;right:7vw;width:60px;height:60px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:210;pointer-events:auto}
.corporate-landing-menu-close span{position:absolute;width:28px;height:1px;background:rgba(248,246,242,.5);transition:background .3s ease}
.corporate-landing-menu-close span:first-child{transform:rotate(45deg)}
.corporate-landing-menu-close span:last-child{transform:rotate(-45deg)}
.corporate-landing-menu-close:hover span{background:var(--ivory)}
.corporate-landing-menu-link{font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:400;color:var(--ivory);text-decoration:none;background:none;border:none;cursor:pointer;text-align:center;padding:.5rem 0;position:relative;transition:color .4s ease,transform .5s ease,opacity .5s ease;transform:translateY(20px);opacity:0}
.corporate-landing-menu-link::after{content:'';position:absolute;bottom:.2rem;left:50%;width:0;height:1px;background:var(--gold);transition:width .4s ease,left .4s ease}
.corporate-landing-menu-overlay.is-open .corporate-landing-menu-link{transform:translateY(0);opacity:1}
.corporate-landing-menu-overlay.is-open .corporate-landing-menu-link:nth-child(1){transition-delay:.1s}
.corporate-landing-menu-overlay.is-open .corporate-landing-menu-link:nth-child(2){transition-delay:.15s}
.corporate-landing-menu-overlay.is-open .corporate-landing-menu-link:nth-child(3){transition-delay:.2s}
.corporate-landing-menu-overlay.is-open .corporate-landing-menu-link:nth-child(4){transition-delay:.25s}
.corporate-landing-menu-overlay.is-open .corporate-landing-menu-link:nth-child(5){transition-delay:.3s}
.corporate-landing-menu-link:hover{color:var(--gold)}
.corporate-landing-menu-link:hover::after{width:100%;left:0}
.corporate-landing-menu-footer{position:absolute;bottom:3rem;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:1.5rem}
.corporate-landing-menu-footer::before{content:'';display:block;width:3rem;height:1px;background:rgba(248,246,242,.12);margin-bottom:.5rem}
.corporate-landing-menu-contact{display:flex;flex-direction:column;align-items:center;gap:.4rem}
.corporate-landing-menu-contact a{font-family:'Montserrat',sans-serif;font-size:.85rem;color:rgba(248,246,242,.5);text-decoration:none;transition:color .3s ease}
.corporate-landing-menu-contact a:hover{color:var(--gold)}
.corporate-landing-menu-portfolio-link{font-family:'Montserrat',sans-serif;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(248,246,242,.35);text-decoration:none;transition:color .3s ease}
.corporate-landing-menu-portfolio-link:hover{color:rgba(248,246,242,.6)}

/* ===================== CONTACT SIDEBAR ===================== */
.corporate-landing-sidebar-backdrop{position:fixed;inset:0;z-index:250;background:rgba(28,31,46,.7);opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.corporate-landing-sidebar-backdrop.is-open{opacity:1;visibility:visible}
.corporate-landing-sidebar{position:fixed;top:0;right:0;bottom:0;z-index:300;width:100%;max-width:440px;background:var(--sea-green);transform:translateX(100%);transition:transform .5s cubic-bezier(.16,1,.3,1);overflow-y:auto}
.corporate-landing-sidebar.is-open{transform:translateX(0)}
.corporate-landing-sidebar-close{position:absolute;top:1.5rem;right:2rem;width:44px;height:44px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}
.corporate-landing-sidebar-close span{position:absolute;width:18px;height:1px;background:rgba(248,246,242,.5);transition:background .3s ease}
.corporate-landing-sidebar-close span:first-child{transform:rotate(45deg)}
.corporate-landing-sidebar-close span:last-child{transform:rotate(-45deg)}
.corporate-landing-sidebar-close:hover span{background:var(--ivory)}
.corporate-landing-sidebar-content{padding:5rem 2.5rem 3rem}
.corporate-landing-sidebar-title{font-family:'Playfair Display',serif;font-size:1.8rem;font-weight:400;color:var(--ivory);margin-bottom:1rem}
.corporate-landing-sidebar-intro{font-family:'Montserrat',sans-serif;font-size:.95rem;color:rgba(248,246,242,.6);line-height:1.8;margin-bottom:2.5rem}
.corporate-landing-sidebar-field{margin-bottom:1.75rem}
.corporate-landing-sidebar-field label{display:block;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:rgba(248,246,242,.45);margin-bottom:.6rem}
.corporate-landing-sidebar-field input,.corporate-landing-sidebar-field textarea{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(248,246,242,.15);color:var(--ivory);font-family:'Montserrat',sans-serif;font-size:.95rem;padding:.7rem 0;outline:none;transition:border-color .4s ease}
.corporate-landing-sidebar-field input:focus,.corporate-landing-sidebar-field textarea:focus{border-color:var(--gold)}
.corporate-landing-sidebar-field textarea{border:1px solid rgba(248,246,242,.15);padding:.85rem;height:100px;resize:vertical;margin-top:.25rem}
.corporate-landing-sidebar-field textarea::placeholder{color:rgba(248,246,242,.25);font-style:italic}
.corporate-landing-sidebar-form button[type="submit"]{width:100%;background:transparent;border:1px solid rgba(248,246,242,.3);color:var(--ivory);font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:1.15rem 2rem;margin-top:.75rem;cursor:pointer;transition:border-color .4s ease,color .4s ease}
.corporate-landing-sidebar-form button[type="submit"]:hover{border-color:var(--gold);color:var(--gold)}
.corporate-landing-sidebar-divider{display:flex;align-items:center;margin:2.5rem 0}
.corporate-landing-sidebar-divider::before,.corporate-landing-sidebar-divider::after{content:'';flex:1;height:1px;background:rgba(248,246,242,.1)}
.corporate-landing-sidebar-divider span{font-family:'Montserrat',sans-serif;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(248,246,242,.35);padding:0 1.25rem}
.corporate-landing-sidebar-direct{display:flex;flex-direction:column;gap:.5rem;margin-bottom:0}
.corporate-landing-sidebar-direct a{font-family:'Montserrat',sans-serif;font-size:1rem;color:var(--ivory);text-decoration:none;transition:color .3s ease}
.corporate-landing-sidebar-direct a:hover{color:var(--gold)}

/* ===================== HERO ===================== */
.corporate-landing-hero{position:relative;height:100vh;min-height:600px;overflow:hidden}
.corporate-landing-hero-image{position:absolute;inset:-5%;width:110%;height:110%}
.corporate-landing-hero-image img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);filter:saturate(.7);transition:transform 10s cubic-bezier(.25,.46,.45,.94),filter 3s ease}
.corporate-landing-hero-image.is-loaded img{transform:scale(1);filter:saturate(1)}
.corporate-landing-hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(28,31,46,.88) 0%,rgba(28,31,46,.6) 40%,rgba(28,31,46,.25) 75%,rgba(28,31,46,.15) 100%)}
.corporate-landing-hero-scroll{position:absolute;bottom:3rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem;z-index:5}
.corporate-landing-hero-scroll-text{font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:rgba(248,246,242,.4)}
.corporate-landing-hero-scroll-line{width:1px;height:3rem;background:linear-gradient(to bottom,rgba(248,246,242,.4) 0%,rgba(248,246,242,0) 100%);position:relative;overflow:hidden}
.corporate-landing-hero-scroll-line::after{content:'';position:absolute;top:-100%;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(176,161,142,0) 0%,var(--gold) 50%,rgba(176,161,142,0) 100%);animation:scrollPulse 2s ease-in-out infinite}
@keyframes scrollPulse{0%{top:-100%}100%{top:200%}}
.corporate-landing-hero-content{position:absolute;top:50%;left:10vw;transform:translateY(-50%);z-index:2;max-width:34rem}
.corporate-landing-hero-title{font-family:'Playfair Display',serif;font-size:clamp(2.8rem,6vw,4.5rem);font-weight:400;color:var(--ivory);line-height:1.15;letter-spacing:-.02em;margin-bottom:1.5rem}
.corporate-landing-hero-subtitle{font-family:'Montserrat',sans-serif;font-size:clamp(1rem,1.5vw,1.15rem);font-weight:400;color:rgba(248,246,242,.65);line-height:1.8;max-width:30rem}

.commission-breadcrumb{
  max-width:64rem;
  margin:0 auto 3rem;
  padding:0
}
.commission-breadcrumb-list{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  list-style:none;
  font-family:'Montserrat',sans-serif;
  font-size:.92rem;
  letter-spacing:.08em;
  color:rgba(248,246,242,.4)
}
.commission-breadcrumb-list li{
  display:flex;
  align-items:center;
  gap:1.5rem
}
.commission-breadcrumb-list li:not(:last-child)::after{
  content:'›';
  color:rgba(248,246,242,.35);
  font-size:.8rem
}
.commission-breadcrumb-list a{
  color:rgba(248,246,242,.5);
  transition:color .3s ease
}
.commission-breadcrumb-list a:hover{
  color:var(--gold)
}
.commission-breadcrumb-list [aria-current="page"]{
  color:rgba(248,246,242,.4)
}

/* ===================== INTRO ===================== */
.commercial-intro{
  padding:10rem 10vw 8rem;
  background:var(--dark-blue);
  position:relative
}
.commercial-intro-inner{max-width:64rem;margin:0 auto;text-align:center}
.commercial-intro-hook{
  font-family:'Playfair Display',serif;
  font-size:clamp(1.8rem,3.5vw,2.6rem);
  font-weight:400;
  font-style:italic;
  color:var(--ivory);
  line-height:1.6;
  letter-spacing:.01em;
  margin-bottom:3.5rem
}
.commercial-intro-body{
  max-width:40rem;
  margin:0 auto 4rem;
  text-align:center
}
.commercial-intro-body p{
  font-family:'Montserrat',sans-serif;
  font-size:1.05rem;
  font-weight:400;
  color:rgba(248,246,242,.6);
  line-height:2;
  margin-bottom:1.5rem
}
.commercial-intro-body p:last-child{margin-bottom:0}
.commercial-intro-points{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:3rem;
  max-width:60rem;
  margin:0 auto 4rem;
  text-align:left;
  padding-top:4rem;
  border-top:1px solid rgba(248,246,242,.08)
}
.commercial-intro-point h3{
  font-family:'Playfair Display',serif;
  font-size:1.15rem;
  font-weight:400;
  color:var(--ivory);
  margin-bottom:.75rem
}
.commercial-intro-point p{
  font-family:'Montserrat',sans-serif;
  font-size:.9rem;
  color:rgba(248,246,242,.5);
  line-height:1.8
}
.commercial-intro-cta{text-align:center}
.commercial-intro-btn{
  background:transparent;
  border:1px solid rgba(248,246,242,.3);
  font-family:'Montserrat',sans-serif;
  font-size:.78rem;font-weight:400;
  letter-spacing:.14em;text-transform:uppercase;
  color:var(--ivory);padding:1.25rem 3.5rem;
  cursor:pointer;transition:border-color .4s ease,color .4s ease,transform .3s ease
}
.commercial-intro-btn:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}
.commercial-intro-btn:active{transform:translateY(0)}

/* ===================== GALLERY ===================== */
.commercial-gallery{
  padding:6rem 3vw;
  background:var(--dark-blue)
}
.commercial-gallery-inner{max-width:1600px;margin:0 auto}
.commercial-gallery-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:2rem
}
.commercial-gallery-item{
  position:relative;
  cursor:pointer;
  overflow:hidden;
  transition:transform .4s ease
}
.commercial-gallery-item:hover{transform:translateY(-4px)}
.commercial-gallery-image{
  position:relative;
  overflow:hidden;
  background:rgba(0,0,0,.2)
}
.commercial-gallery-image img{
  width:100%;
  height:auto;
  display:block;
  transition:transform .6s ease,filter .4s ease
}
.commercial-gallery-item:hover .commercial-gallery-image img{
  transform:scale(1.03);
  filter:brightness(1.05)
}
.commercial-gallery-caption{
  padding:1.25rem 0 .5rem;
}
.commercial-gallery-title{
  font-family:'Playfair Display',serif;
  font-size:1.1rem;
  font-weight:400;
  color:var(--ivory);
  margin-bottom:.3rem
}
.commercial-gallery-size{
  font-family:'Montserrat',sans-serif;
  font-size:.75rem;
  color:rgba(248, 246, 242, 0.637);
  letter-spacing:.05em;
  display:block;
  margin-bottom:.5rem
}
.commercial-gallery-desc{
  font-family:'Montserrat',sans-serif;
  font-size:.85rem;
  color:rgba(248, 246, 242, 0.705);
  line-height:1.7
}

/* Gallery Lightbox */
.commercial-gallery-lightbox{
  position:fixed;inset:0;z-index:400;
  background:rgba(0,0,0,.95);
  display:flex;align-items:center;justify-content:center;
  flex-direction:column;
  opacity:0;visibility:hidden;
  transition:opacity .4s ease,visibility .4s ease
}
.commercial-gallery-lightbox.is-open{opacity:1;visibility:visible}
.commercial-gallery-lightbox-close{
  position:absolute;top:2rem;right:2rem;
  width:50px;height:50px;background:none;border:none;
  cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:410
}
.commercial-gallery-lightbox-close span{position:absolute;width:24px;height:1px;background:rgba(248,246,242,.6);transition:background .3s ease}
.commercial-gallery-lightbox-close span:first-child{transform:rotate(45deg)}
.commercial-gallery-lightbox-close span:last-child{transform:rotate(-45deg)}
.commercial-gallery-lightbox-close:hover span{background:var(--ivory)}
.commercial-gallery-lightbox-image{
  max-width:90vw;max-height:80vh;display:flex;align-items:center;justify-content:center
}
.commercial-gallery-lightbox-image img{
  max-width:100%;max-height:80vh;object-fit:contain
}
.commercial-gallery-lightbox-caption{
  font-family:'Montserrat',sans-serif;
  font-size:.85rem;
  color:rgba(248,246,242,.5);
  margin-top:1.5rem;
  text-align:center
}

/* ===================== GALLERY BROWSE LINKS ===================== */
.commercial-gallery-browse{
  max-width:1600px;
  margin:3.5rem auto 0;
  text-align:center;
  padding-top:3rem;
  border-top:1px solid rgba(248,246,242,.08)
}
.commercial-gallery-browse-label{
  font-family:'Montserrat',sans-serif;
  font-size:.98rem;
  color:rgba(248,246,242,.45);
  margin-bottom:1.25rem;
  letter-spacing:.03em
}
.commercial-gallery-browse-links{
  display:flex;
  justify-content:center;
  gap:1rem;
  flex-wrap:wrap
}
.commercial-gallery-browse-links a{
  font-family:'Montserrat',sans-serif;
  font-size:.82rem;
  color:rgba(248,246,242,.6);
  padding:.55rem 1.25rem;
  border:1px solid rgba(248,246,242,.12);
  transition:color .3s ease,border-color .3s ease
}
.commercial-gallery-browse-links a:hover{
  color:var(--gold);
  border-color:var(--gold)
}

/* ===================== PROCESS SLIDER ===================== */
.commercial-process-slider{
  padding:8rem 10vw;
  background:var(--dark-blue)
}
.commercial-process-slider-inner{max-width:1400px;margin:0 auto}
.commercial-process-slider-header{margin-bottom:4rem}
.commercial-process-slider-header h2{
  font-family:'Playfair Display',serif;
  font-size:clamp(1.8rem,3vw,2.2rem);
  font-weight:400;color:var(--ivory);margin-bottom:1.25rem
}
.commercial-process-slider-header p{
  font-family:'Montserrat',sans-serif;
  font-size:1rem;color:rgba(248,246,242,.55);line-height:1.85;max-width:36rem
}
.commercial-process-slider-viewport{position:relative}
.commercial-process-slides{position:relative;height:500px;overflow:hidden}
.commercial-process-slider-controls{position:relative;z-index:2}
.commercial-process-slide{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  grid-template-columns:1fr 1fr;
  gap:4rem;
  align-items:center;
  display:grid;
  opacity:0;
  pointer-events:none;
  transition:opacity .4s ease
}
.commercial-process-slide.is-active{
  position:relative;
  opacity:1;
  pointer-events:auto
}
.commercial-process-slide-image{
  overflow:hidden;
  border-radius:2px
}
.commercial-process-slide-image img{
  width:100%;height:auto;display:block
}
.commercial-process-slide-content{padding:2rem 0}
.commercial-process-slide-step{
  display:block;
  font-family:'Montserrat',sans-serif;
  font-size:.68rem;font-weight:500;
  letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold);margin-bottom:1rem
}
.commercial-process-slide-content h3{
  font-family:'Playfair Display',serif;
  font-size:1.5rem;font-weight:400;
  color:var(--ivory);margin-bottom:1.25rem
}
.commercial-process-slide-content p{
  font-family:'Montserrat',sans-serif;
  font-size:.95rem;color:rgba(248,246,242,.6);line-height:1.9
}
.commercial-process-slider-controls{
  display:flex;align-items:center;justify-content:center;
  gap:2rem;margin-top:3rem
}
.commercial-process-slider-prev,
.commercial-process-slider-next{
  background:none;border:1px solid rgba(248,246,242,.2);
  width:44px;height:44px;display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:border-color .3s ease,color .3s ease;
  color:rgba(248,246,242,.5);border-radius:50%
}
.commercial-process-slider-prev:hover:not(:disabled),
.commercial-process-slider-next:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}
.commercial-process-slider-prev:disabled,
.commercial-process-slider-next:disabled{opacity:.3;cursor:default}
.commercial-process-slider-dots{display:flex;gap:.75rem}
.commercial-process-slider-dot{
  width:8px;height:8px;border-radius:50%;
  background:rgba(248,246,242,.25);border:none;
  cursor:pointer;transition:background .3s ease,transform .3s ease;
  padding:12px;
  background-clip:content-box;
  box-sizing:content-box;
  position:relative
}
.commercial-process-slider-dot.is-active{background:var(--gold);background-clip:content-box;transform:scale(1.3)}
.commercial-process-slider-dot:hover{background:rgba(248,246,242,.5);background-clip:content-box}

/* ===================== TIMELINE ===================== */
.commercial-timeline{
  padding:8rem 5vw 10rem;
  background:var(--dark-blue)
}
.commercial-timeline-inner{max-width:1600px;margin:0 auto}
.commercial-timeline-header{margin-bottom:5rem;padding-left:5vw}
.commercial-timeline-header h2{
  font-family:'Playfair Display',serif;
  font-size:clamp(1.8rem,3vw,2.2rem);
  font-weight:400;color:var(--ivory);margin-bottom:1.25rem
}
.commercial-timeline-header p{
  font-family:'Montserrat',sans-serif;
  font-size:1rem;color:rgba(248,246,242,.55);line-height:1.85;max-width:36rem
}
.commercial-timeline-track-wrapper{position:relative;padding:0 2vw}
.commercial-timeline-track{
  position:absolute;top:0;left:2vw;right:2vw;height:1px;
  background:rgba(248,246,242,.12)
}
.commercial-timeline-progress{
  position:absolute;top:0;left:0;height:1px;width:0%;
  background:var(--gold);transition:width .1s linear
}
.commercial-timeline-steps{display:flex;justify-content:space-between}
.commercial-timeline-step{
  flex:0 0 22%;padding-top:3rem;
  opacity:.3;transition:opacity .5s ease;
  position:relative
}
.commercial-timeline-step.is-active{opacity:1}
.commercial-timeline-marker{
  position:absolute;top:-4px;
  width:9px;height:9px;
  background:var(--dark-blue);
  border:1px solid rgba(248,246,242,.25);
  border-radius:50%;
  transition:border-color .5s ease,background .5s ease,transform .3s ease
}
.commercial-timeline-step.is-active .commercial-timeline-marker{
  border-color:var(--gold);background:var(--gold);
  box-shadow:0 0 0 4px rgba(176,161,142,.15)
}
.commercial-timeline-step h3{
  font-family:'Playfair Display',serif;
  font-size:1.15rem;font-weight:400;
  color:var(--ivory);margin-bottom:1rem;
  transition:color .5s ease
}
.commercial-timeline-step p{
  font-family:'Montserrat',sans-serif;
  font-size:.88rem;color:rgba(248,246,242,.5);
  line-height:1.8;transition:color .5s ease
}
.commercial-timeline-step.is-active p{color:rgba(248,246,242,.65)}

/* ===================== QUALITY ASSURANCE ===================== */
.commercial-quality{
  padding:8rem 5vw 10rem;
  background:var(--dark-blue)
}
.commercial-quality-inner{
  max-width:1500px;
  margin:0 auto
}
.commercial-quality-content{
  max-width:40rem;
  margin-bottom:4rem
}
.commercial-quality-content h2{
  font-family:'Playfair Display',serif;
  font-size:clamp(1.8rem,3vw,2.2rem);
  font-weight:400;color:var(--ivory);margin-bottom:1.5rem
}
.commercial-quality-content p{
  font-family:'Montserrat',sans-serif;
  font-size:1rem;color:rgba(248,246,242,.6);line-height:1.9
}
.commercial-quality-images{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2rem
}
.commercial-quality-image{
  overflow:hidden;
  border-radius:2px
}
.commercial-quality-image img{
  width:100%;
  height:auto;
  display:block;
  aspect-ratio:4/3;
  object-fit:cover
}
.commercial-quality-image{
  cursor:pointer;
  transition:transform .4s ease
}
.commercial-quality-image:hover{
  transform:translateY(-4px)
}
.commercial-quality-image img{
  transition:transform .6s ease,filter .4s ease
}
.commercial-quality-image:hover img{
  transform:scale(1.03);
  filter:brightness(1.05)
}

/* ===================== TESTIMONIAL ===================== */
.corporate-landing-testimonial{padding:10rem 10vw;background:var(--sea-green)}
.corporate-landing-testimonial-inner{display:flex;align-items:flex-start;gap:8rem;max-width:1400px;margin:0 auto}
.corporate-landing-testimonial-quote{flex:1;position:relative;padding-left:1rem}
.corporate-landing-testimonial-mark{position:absolute;top:-3.5rem;left:-5rem;font-family:'Playfair Display',serif;font-size:12rem;font-weight:400;line-height:1;color:var(--gold);opacity:.15;pointer-events:none;user-select:none}
.corporate-landing-testimonial-quote blockquote{font-family:'Playfair Display',serif;font-size:clamp(1.4rem,2.5vw,1.9rem);font-weight:400;font-style:italic;color:var(--ivory);line-height:1.7;margin-bottom:2rem}
.corporate-landing-testimonial-quote cite{display:block;font-family:'Montserrat',sans-serif;font-style:normal;font-size:.85rem;letter-spacing:.05em;color:rgba(248,246,242,.5)}
.corporate-landing-testimonial-info{flex:0 0 340px;display:flex;flex-direction:column;gap:3rem;padding-top:.5rem}
.corporate-landing-testimonial-block{display:flex;flex-direction:column;gap:.75rem}
.corporate-landing-testimonial-label{font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.corporate-landing-testimonial-block p{font-family:'Montserrat',sans-serif;font-size:.9rem;color:rgba(248,246,242,.55);line-height:1.85}

/* ===================== PRICING ===================== */
.corporate-landing-pricing{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:8rem 10vw;background:radial-gradient(ellipse at center,#1f3435 0%,#1b2d2e 70%)}
.corporate-landing-pricing-inner{max-width:42rem;text-align:center}
.corporate-landing-pricing-statement{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,2.5vw,1.85rem);font-weight:400;font-style:italic;color:var(--ivory);margin-bottom:1.5rem}
.corporate-landing-pricing-rights{font-family:'Montserrat',sans-serif;font-size:.9rem;font-weight:500;letter-spacing:.05em;color:var(--gold);margin-bottom:4rem}
.corporate-landing-pricing-menu{display:flex;flex-direction:column;gap:3rem;margin-bottom:4rem}
.corporate-landing-pricing-item{display:flex;flex-direction:column;align-items:center}
.corporate-landing-pricing-row{display:flex;align-items:baseline;width:100%;max-width:28rem;margin-bottom:.6rem}
.corporate-landing-pricing-name{font-family:'Playfair Display',serif;font-size:1.35rem;font-weight:400;color:var(--ivory);white-space:nowrap}
.corporate-landing-pricing-dots{flex:1;margin:0 1rem;border-bottom:1px dotted rgba(248,246,242,.25);position:relative;top:-.4rem}
.corporate-landing-pricing-amount{font-family:'Playfair Display',serif;font-size:1.35rem;font-weight:400;color:var(--ivory);white-space:nowrap}
.corporate-landing-pricing-spec{font-family:'Montserrat',sans-serif;font-size:.85rem;color:rgba(248,246,242,.45);letter-spacing:.02em}
.corporate-landing-pricing-rule{width:4rem;height:1px;background:var(--gold);margin:0 auto 4rem}
.corporate-landing-pricing-includes{margin-bottom:3rem}
.corporate-landing-pricing-includes-label{display:block;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem}
.corporate-landing-pricing-includes p{font-family:'Montserrat',sans-serif;font-size:.9rem;color:rgba(248,246,242,.55);line-height:2.1}
.corporate-landing-pricing-bespoke{font-family:'Montserrat',sans-serif;font-size:.88rem;font-style:italic;color:rgba(248,246,242,.4);margin-bottom:4rem}
.corporate-landing-pricing-cta{margin-top:2rem}
.corporate-landing-pricing-btn{background:transparent;border:1px solid rgba(248,246,242,.3);font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--ivory);padding:1.25rem 3.5rem;cursor:pointer;transition:border-color .4s ease,color .4s ease,transform .3s ease}
.corporate-landing-pricing-btn:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}
.corporate-landing-pricing-btn:active{transform:translateY(0)}

/* ===================== ABOUT ===================== */
.corporate-landing-about{padding:10rem 6vw 10rem 4vw;background:radial-gradient(ellipse at center,rgb(29,33,49) 80%,#1d2030 100%);border-top:1px solid rgba(248,246,242,.06)}
/* Updated About layout — no links column */
.corporate-landing-about-inner{
  display:flex;
  align-items:flex-start;
  gap:4rem;
  max-width:1200px;
  margin:0 auto
}
.corporate-landing-about-portrait{flex:0 0 340px}
.corporate-landing-about-portrait img{width:340px;height:auto;aspect-ratio:680/863;object-fit:cover}
.corporate-landing-about-content{flex:1;max-width:42rem}
.corporate-landing-about-label{display:block;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.corporate-landing-about-name{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,3vw,2.2rem);font-weight:400;color:var(--ivory);margin-bottom:1.75rem}
.corporate-landing-about-bio{font-family:'Montserrat',sans-serif;font-size:.95rem;color:rgba(248,246,242,.6);line-height:1.9;margin-bottom:1.25rem}
.corporate-landing-about-bio:last-of-type{margin-bottom:0}
.corporate-landing-about-link{font-family:'Montserrat',sans-serif;font-size:.9rem;color:rgba(248,246,242,.65);text-decoration:none;transition:color .3s ease}
.corporate-landing-about-link:hover{color:var(--gold)}
.corporate-landing-about-contact-link{font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--ivory);text-decoration:none;padding-bottom:.3rem;border-bottom:1px solid rgba(248,246,242,.25);transition:color .3s ease,border-color .3s ease}
.corporate-landing-about-contact-link:hover{color:var(--gold);border-color:var(--gold)}

/* ===================== EXPLORE FURTHER ===================== */
.commission-explore{
  padding:5rem 10vw;
  background:var(--midnight);
  border-top:1px solid rgba(248,246,242,.06)
}
.commission-explore-inner{
  max-width:1200px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  gap:4rem
}
.commission-explore-col{
  display:flex;
  flex-direction:column;
  gap:.75rem
}
.commission-explore-label{
  font-family:'Montserrat',sans-serif;
  font-size:.68rem;
  font-weight:500;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:.5rem
}
.commission-explore-links{
  display:flex;
  flex-direction:column;
  gap:.6rem
}
.commission-explore-links a{
  font-family:'Montserrat',sans-serif;
  font-size:.9rem;
  color:rgba(248,246,242,.6);
  text-decoration:none;
  transition:color .3s ease
}
.commission-explore-links a:hover{
  color:var(--gold)
}

/* ===================== CONTACT ===================== */
.corporate-landing-contact{background:var(--midnight)}
.corporate-landing-contact-hero{position:relative;min-height:75vh;overflow:hidden}
.corporate-landing-contact-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:kenBurnsContact 25s ease-in-out infinite alternate;will-change:transform}
@keyframes kenBurnsContact{0%{transform:scale(1)}100%{transform:scale(1.03)}}
.corporate-landing-contact-hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(28,31,46,.92) 0%,rgba(28,31,46,.75) 35%,rgba(28,31,46,.3) 70%,rgba(28,31,46,.15) 100%)}
.corporate-landing-contact-hero-content{position:absolute;top:50%;left:10vw;transform:translateY(-50%);z-index:2;width:40%;max-width:36rem;min-width:20rem}
.corporate-landing-contact-headline{font-family:'Playfair Display',serif;font-size:clamp(2rem,4vw,2.8rem);font-weight:400;font-style:italic;color:var(--ivory);line-height:1.3;margin-bottom:1.75rem}
.corporate-landing-contact-subtext{font-family:'Montserrat',sans-serif;font-size:1.05rem;color:rgba(248,246,242,.65);line-height:1.9;margin-bottom:2.5rem}
.corporate-landing-contact-direct{display:flex;flex-direction:column;gap:.6rem}
.corporate-landing-contact-direct a{font-family:'Montserrat',sans-serif;font-size:1rem;color:var(--ivory);text-decoration:none;transition:color .4s ease;width:fit-content}
.corporate-landing-contact-direct a:hover{color:var(--gold)}
.corporate-landing-contact-lower{display:flex;flex-direction:row;gap:15rem;padding:6rem 10vw 8rem;border-top:1px solid rgba(248,246,242,.06);width:100%}
.corporate-landing-contact-faq{flex:0 0 45%;max-width:50rem}
.corporate-landing-contact-faq-title{font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:2.5rem}
.corporate-landing-contact-faq-item{margin-bottom:2.25rem}
.corporate-landing-contact-faq-item:last-child{margin-bottom:0}
.corporate-landing-contact-faq-item h4{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:400;color:var(--ivory);margin-bottom:.6rem}
.corporate-landing-contact-faq-item p{font-family:'Montserrat',sans-serif;font-size:.88rem;color:rgba(248,246,242,.55);line-height:1.8}
.corporate-landing-contact-form-wrapper{flex:1}
.corporate-landing-contact-form-label{display:block;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:rgba(248,246,242,.4);margin-bottom:2.5rem}
.corporate-landing-form-field{margin-bottom:2rem}
.corporate-landing-form-field label{display:block;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:rgba(248,246,242,.753);margin-bottom:.75rem}
.corporate-landing-form-field input,.corporate-landing-form-field textarea{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(248,246,242,.15);color:var(--ivory);font-family:'Montserrat',sans-serif;font-size:.95rem;padding:.75rem 0;outline:none;transition:border-color .4s ease}
.corporate-landing-form-field input:focus,.corporate-landing-form-field textarea:focus{border-color:var(--gold)}
.corporate-landing-form-field textarea{border:1px solid rgba(248,246,242,.15);padding:1rem;height:100px;resize:vertical;margin-top:.25rem}
.corporate-landing-form-field textarea::placeholder{color:rgba(248,246,242,.25);font-style:italic}
.corporate-landing-contact-form button{background:transparent;border:1px solid rgba(248,246,242,.3);color:var(--ivory);font-family:'Montserrat',sans-serif;font-size:.75rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;padding:1.25rem 3rem;margin-top:1rem;cursor:pointer;transition:border-color .4s ease,color .4s ease,transform .3s ease}
.corporate-landing-contact-form button:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}
.corporate-landing-contact-form button:active{transform:translateY(0)}
.form-honeypot{
  position:absolute;
  left:-9999px;
  height:0;
  overflow:hidden;
  opacity:0;
  pointer-events:none
}
.form-optional{
  font-weight:400;
  color:rgba(248,246,242,.35);
  text-transform:none;
  letter-spacing:0
}

/* ===================== FOOTER ===================== */
.corporate-landing-footer{
  padding:5rem 10vw 2.5rem;
  background:var(--footer-black);
  border-top:1px solid rgba(248,246,242,.06)
}
.corporate-landing-footer-inner{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr .7fr;
  gap:3rem;
  max-width:2040px;
  margin:0 auto
}

.corporate-landing-footer-about{
  display:flex;
  flex-direction:column;
  gap:.25rem
}
.corporate-landing-footer-logo{
  display:block;
  font-family:'Playfair Display',serif;
  font-size:1.15rem;
  font-weight:400;
  color:var(--ivory);
  margin-bottom:.1rem
}
.corporate-landing-footer-tagline{
  display:block;
  font-family:'Montserrat',sans-serif;
  font-size:.78rem;
  color:rgba(248,246,242,.5);
  margin-bottom:1.25rem
}
.corporate-landing-footer-contact-details{
  display:flex;
  flex-direction:column;
  gap:.4rem;
  margin-bottom:1.5rem
}
.corporate-landing-footer-contact-details a{
  font-family:'Montserrat',sans-serif;
  font-size:.85rem;
  color:rgba(248,246,242,.6);
  text-decoration:none;
  transition:color .3s ease
}
.corporate-landing-footer-contact-details a:hover{color:var(--gold)}

.corporate-landing-footer-social{
  display:flex;
  gap:1rem;
  margin-bottom:1.75rem
}
.corporate-landing-footer-social a{
  color:rgba(248,246,242,.5);
  transition:color .3s ease
}
.corporate-landing-footer-social a:hover{color:var(--gold)}
.corporate-landing-footer-social svg{display:block}

.corporate-landing-footer-copyright{
  font-family:'Montserrat',sans-serif;
  font-size:.72rem;
  color:rgba(248,246,242,.4);
  margin-top:auto
}

.corporate-landing-footer-label{
  display:block;
  font-family:'Montserrat',sans-serif;
  font-size:.68rem;
  font-weight:500;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:1.5rem
}
.corporate-landing-footer-nav{
  display:flex;
  flex-direction:column;
  gap:.6rem
}
.corporate-landing-footer-nav a{
  font-family:'Montserrat',sans-serif;
  font-size:.85rem;
  color:rgba(248,246,242,.6);
  text-decoration:none;
  transition:color .3s ease
}
.corporate-landing-footer-nav a:hover{color:var(--gold)}

.corporate-landing-footer-bottom{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  padding-top:2.5rem;
  margin-top:3rem;
  border-top:1px solid rgba(248,246,242,.06);
  max-width:1200px;
  margin-left:auto;
  margin-right:auto
}
.corporate-landing-footer-top-btn{
  background:none;
  border:1px solid rgba(248,246,242,.15);
  font-family:'Montserrat',sans-serif;
  font-size:.72rem;
  font-weight:400;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:rgba(248,246,242,.5);
  cursor:pointer;
  padding:.6rem 1.5rem;
  transition:color .3s ease,border-color .3s ease
}
.corporate-landing-footer-top-btn:hover{
  color:var(--gold);
  border-color:var(--gold)
}


/* ===================== REPRODUCTION RIGHTS ===================== */
.corporate-rights{
  padding:8rem 10vw;
  background:var(--dark-blue);
  border-top:1px solid rgba(248,246,242,.06)
}
.corporate-rights-inner{
  max-width:1400px;
  margin:0 auto
}
.corporate-rights-content{
  max-width:42rem;
  margin-bottom:5rem
}
.corporate-rights-content h2{
  font-family:'Playfair Display',serif;
  font-size:clamp(1.8rem,3vw,2.2rem);
  font-weight:400;
  color:var(--ivory);
  margin-bottom:1.5rem
}
.corporate-rights-lead{
  font-family:'Montserrat',sans-serif;
  font-size:1.05rem;
  font-weight:400;
  color:rgba(248,246,242,.7);
  line-height:1.9;
  margin-bottom:1.5rem
}
.corporate-rights-content p{
  font-family:'Montserrat',sans-serif;
  font-size:.95rem;
  color:rgba(248,246,242,.55);
  line-height:1.9
}

/* Uses Grid */
.corporate-rights-uses{
  margin-bottom:5rem
}
.corporate-rights-uses-heading{
  font-family:'Montserrat',sans-serif;
  font-size:.7rem;
  font-weight:500;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:2rem
}
.corporate-rights-uses-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.5rem 3rem
}
.corporate-rights-use{
  padding:1.5rem 0;
  border-bottom:1px solid rgba(248,246,242,.08)
}
.corporate-rights-use-title{
  font-family:'Montserrat',sans-serif;
  font-size:.92rem;
  font-weight:400;
  color:rgba(248,246,242,.7);
  line-height:1.6
}

/* Digital Deliverables */
.corporate-rights-delivery{
  padding-top:3rem;
  border-top:1px solid rgba(248,246,242,.08);
  max-width:42rem
}
.corporate-rights-delivery h3{
  font-family:'Montserrat',sans-serif;
  font-size:.7rem;
  font-weight:500;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:1.25rem
}
.corporate-rights-delivery p{
  font-family:'Montserrat',sans-serif;
  font-size:.9rem;
  color:rgba(248,246,242,.55);
  line-height:1.9
}

/* ===================== COMMISSIONING OCCASIONS ===================== */
.corporate-occasions{
  padding:8rem 10vw 10rem;
  background:var(--dark-blue);
  border-top:1px solid rgba(248,246,242,.06)
}
.corporate-occasions-inner{
  max-width:1400px;
  margin:0 auto
}
.corporate-occasions-header{
  margin-bottom:4rem
}
.corporate-occasions-header h2{
  font-family:'Playfair Display',serif;
  font-size:clamp(1.8rem,3vw,2.2rem);
  font-weight:400;
  color:var(--ivory);
  margin-bottom:1.25rem
}
.corporate-occasions-header p{
  font-family:'Montserrat',sans-serif;
  font-size:1rem;
  color:rgba(248,246,242,.55);
  line-height:1.85;
  max-width:40rem
}
.corporate-occasions-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:3rem 4rem
}
.corporate-occasions-item{
  padding-top:2rem;
  border-top:1px solid rgba(248,246,242,.08)
}
.corporate-occasions-item h3{
  font-family:'Playfair Display',serif;
  font-size:1.15rem;
  font-weight:400;
  color:var(--ivory);
  margin-bottom:.75rem
}
.corporate-occasions-item p{
  font-family:'Montserrat',sans-serif;
  font-size:.88rem;
  color:rgba(248,246,242,.5);
  line-height:1.85
}

/* ===================== GALLERY HEADER (Corporate) ===================== */
.commercial-gallery-header{
  margin-bottom:3rem
}
.commercial-gallery-header h2{
  font-family:'Playfair Display',serif;
  font-size:clamp(1.8rem,3vw,2.2rem);
  font-weight:400;
  color:var(--ivory);
  margin-bottom:1rem
}
.commercial-gallery-header p{
  font-family:'Montserrat',sans-serif;
  font-size:1rem;
  color:rgba(248,246,242,.55);
  line-height:1.85;
  max-width:36rem
}

/* Hide mobile hero enhancements on desktop */
.hero-mobile-rule,
.hero-mobile-dots,
.hero-mobile-brushstroke{
  display:none
}


/* =========================================================
   RESPONSIVE — TABLET (max-width: 1024px)
   ========================================================= */
@media (max-width: 1024px) {

  /* Nav */
  .corporate-landing-nav{padding:1.5rem 4vw}
  .corporate-landing-nav.scrolled{padding:1rem 4vw}
  .corporate-landing-nav-menu-label{display:none}

  /* Hero */
  .corporate-landing-hero-content{left:6vw;max-width:28rem}

  /* Intro */
  .commercial-intro{padding:7rem 6vw 6rem}
  .commercial-intro-points{grid-template-columns:repeat(3,1fr);gap:2rem}

  /* Gallery */
  .commercial-gallery{padding:5rem 4vw}

  /* Process slider — tighter spacing */
  .commercial-process-slider{padding:6rem 6vw 4rem}
  .commercial-process-slides{height:420px}
  .commercial-process-slide{gap:2.5rem}
  .commercial-process-slider-controls{margin-top:1.5rem}

  /* Timeline — reduced top padding */
  .commercial-timeline{padding:4rem 4vw 8rem}
  .commercial-timeline-header{padding-left:2vw;margin-bottom:3.5rem}
  .commercial-timeline-step{flex:0 0 23%}

  /* Quality */
  .commercial-quality{padding:6rem 4vw 8rem}

  /* Testimonial */
  .corporate-landing-testimonial{padding:7rem 6vw}
  .corporate-landing-testimonial-inner{gap:4rem}
  .corporate-landing-testimonial-info{flex:0 0 260px}

  /* Pricing */
  .corporate-landing-pricing{padding:6rem 6vw}

  /* About — image + links top row, bio full width below */
  .corporate-landing-about{padding:7rem 4vw}
  .corporate-landing-about-inner{
    display:grid;
    grid-template-columns:auto 1fr;
    grid-template-rows:auto auto;
    gap:3rem 3rem;
    align-items:start
  }
  .corporate-landing-about-portrait{
    grid-column:1;
    grid-row:1;
    flex:none;
    width:260px
  }
  .corporate-landing-about-portrait img{width:260px}

  .corporate-landing-about-content{
    grid-column:1 / -1;
    grid-row:2;
    max-width:100%
  }
  .commission-explore{padding:4rem 6vw}
  .commission-explore-inner{gap:3rem}

  /* Contact hero — image above, text below (same as mobile) */
  .corporate-landing-contact-hero{
    min-height:auto;
    display:flex;
    flex-direction:column
  }
  .corporate-landing-contact-hero img{
    position:relative;
    width:100%;
    height:auto;
    min-height:35vw;
    object-fit:cover;
    animation:none
  }
  .corporate-landing-contact-hero-overlay{
    display:none
  }
  .corporate-landing-contact-hero-content{
    position:relative;
    top:auto;left:auto;
    transform:none;
    width:100%;
    max-width:100%;
    min-width:0;
    padding:3.5rem 6vw 4rem;
    background:var(--midnight)
  }
  .corporate-landing-contact-headline{font-size:clamp(1.8rem,4vw,2.4rem)}

  /* Contact lower — FAQs accordion + stacked */
  .corporate-landing-contact-lower{
    flex-direction:column;
    gap:4rem;
    padding:5rem 6vw 6rem
  }
  .corporate-landing-contact-faq{
    flex:none;
    width:100%;
    max-width:100%
  }
  .corporate-landing-contact-faq-item h4{
    cursor:pointer;
    position:relative;
    padding-right:2rem;
    margin-bottom:0;
    padding-top:.75rem;
    padding-bottom:.75rem
  }
  .corporate-landing-contact-faq-item h4::after{
    content:'+';
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    font-family:'Montserrat',sans-serif;
    font-size:1.2rem;
    font-weight:300;
    color:rgba(248,246,242,.4)
  }
  .corporate-landing-contact-faq-item.is-expanded h4::after{
    content:'−'
  }
  .corporate-landing-contact-faq-item p{
    max-height:0;
    overflow:hidden;
    opacity:0;
    transition:max-height .4s ease,opacity .3s ease,padding .4s ease;
    padding:0
  }
  .corporate-landing-contact-faq-item.is-expanded p{
    max-height:400px;
    opacity:1;
    padding:.75rem 0 1.25rem
  }
  .corporate-landing-contact-faq-item{
    border-bottom:1px solid rgba(248,246,242,.08);
    margin-bottom:0;
    padding-bottom:0
  }
  .corporate-landing-contact-form-wrapper{
    flex:none;
    width:100%
  }

  /* Footer — vertical stack on tablet */
  .corporate-landing-footer{padding:4rem 6vw 2rem}
  .corporate-landing-footer-inner{
    grid-template-columns:1fr 1fr;
    gap:3rem 2rem
  }
  .corporate-landing-footer-about{
    grid-column:1 / -1;
    padding-bottom:2.5rem;
    border-bottom:1px solid rgba(248,246,242,.06)
  }
  .corporate-landing-footer-bottom{max-width:100%}

  /* CORPORATE SPECIFIC */
  /* Rights */
  .corporate-rights{padding:6rem 6vw}
  .corporate-rights-uses-grid{
    grid-template-columns:repeat(2,1fr);
    gap:1.25rem 2.5rem
  }

  /* Occasions */
  .corporate-occasions{padding:6rem 6vw 8rem}
  .corporate-occasions-grid{
    grid-template-columns:repeat(2,1fr);
    gap:2.5rem 3rem
  }
}

/* =========================================================
   RESPONSIVE — MOBILE (max-width: 768px)
   ========================================================= */
@media (max-width: 768px) {

  /* ---- NAV ---- */
  .corporate-landing-nav{padding:1.25rem 5vw}
  .corporate-landing-nav.scrolled{padding:1rem 5vw}
  .corporate-landing-nav-menu-label{display:none}
  .corporate-landing-nav .corporate-landing-nav-logo{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    font-size:clamp(.8rem,4vw,1.05rem);
    text-align:center;
    white-space:nowrap
  }
  .corporate-landing-nav-enquire{display:none}

  /* ---- MENU OVERLAY ---- */
  .corporate-landing-menu-overlay-inner{
    padding:5rem 2rem 2rem;
    flex-direction:column;
    justify-content:center;
    align-items:center
  }
  .corporate-landing-menu-close{top:1.5rem;right:5vw;width:44px;height:44px}
  .corporate-landing-menu-close span{width:22px}
  .corporate-landing-menu-overlay .corporate-landing-menu-nav{gap:.25rem}
  .corporate-landing-menu-link{font-size:clamp(1.6rem,7vw,2.2rem);padding:.4rem 0}
  .corporate-landing-menu-link--enquire{
    margin-top:.75rem;
    font-size:clamp(1.4rem,6vw,1.8rem);
    color:var(--gold)
  }
  .corporate-landing-menu-footer{
    position:relative;
    bottom:auto;
    margin-top:2rem;
    gap:1rem
  }
  .corporate-landing-menu-footer::before{margin-bottom:.25rem}
  .corporate-landing-menu-contact a{font-size:.78rem}
  .corporate-landing-menu-portfolio-link{font-size:.68rem}

  /* ---- SIDEBAR (full-screen) ---- */
  .corporate-landing-sidebar{max-width:100%;width:100%}
  .corporate-landing-sidebar-content{padding:4rem 6vw 3rem}
  .corporate-landing-sidebar-title{font-size:1.5rem}
  .corporate-landing-sidebar-intro{font-size:.88rem;margin-bottom:2rem}

  /* ---- HERO (text block + image block, stacked) ---- */
  .corporate-landing-hero{
    min-height:auto;
    height:auto;
    display:flex;
    flex-direction:column;
    position:relative;
    overflow:visible
  }
  .corporate-landing-hero-image{
    position:relative;
    inset:auto;
    width:100%;
    height:100vh;
    height:100dvh;
    opacity:1
  }
  .corporate-landing-hero-image img{
    transform:scale(1);
    filter:saturate(1);
    width:100%;
    height:100%;
    object-fit:cover;
    animation:mobileHeroKenBurns 20s ease-in-out infinite alternate
  }
  @keyframes mobileHeroKenBurns{
    0%{transform:scale(1) translate(0,0)}
    100%{transform:scale(1.06) translate(-1%,-1%)}
  }
  .corporate-landing-hero-overlay{
    display:none
  }
  .corporate-landing-hero-content{
    position:relative;
    top:auto;
    left:auto;
    transform:none;
    max-width:100%;
    text-align:center;
    padding:30vh 8vw;
    background:radial-gradient(ellipse at center,rgba(42,54,68,.6) 0%,var(--dark-blue) 70%);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:100vh;
    min-height:100dvh;
    order:-1
  }
  .corporate-landing-hero-title{
    font-size:clamp(2.4rem,10vw,3.2rem);
    margin-bottom:2rem
  }
  .corporate-landing-hero-subtitle{
    font-size:clamp(1.1rem,4.5vw,1.35rem);
    max-width:85vw;
    margin:0 auto;
    line-height:1.7;
    opacity:0;
    transform:translateY(15px);
    transition:opacity .8s ease,transform .8s ease
  }
  .corporate-landing-hero-subtitle.is-visible{
    opacity:1;
    transform:translateY(0)
  }
  .corporate-landing-hero-scroll{
    display:none
  }

  .corporate-landing-hero-content .anim-fade-rise{
    opacity:0;
    transform:translateY(20px);
    transition:opacity .8s ease,transform .8s ease
  }

/* ---- HERO MOBILE ENHANCEMENTS ---- */
  
  /* Gold rule between title and subtitle */
  .hero-mobile-rule{
    width:0;
    height:1px;
    background:var(--gold);
    margin:0 auto 2rem;
    transition:width 1s cubic-bezier(.25,.46,.45,.94) .8s;
    opacity:.7
  }
  .hero-mobile-rule.is-visible{
    width:4rem
  }
  
  /* Constellation dots */
  .hero-mobile-dots{
    position:absolute;
    inset:0;
    pointer-events:none;
    overflow:hidden
  }
  .hero-mobile-dot{
    position:absolute;
    width:3px;
    height:3px;
    border-radius:50%;
    background:var(--gold);
    opacity:0;
    transition:opacity 1.5s ease
  }
  .hero-mobile-dot:nth-child(1){top:18%;left:15%;transition-delay:1.2s}
  .hero-mobile-dot:nth-child(2){top:25%;right:12%;transition-delay:1.6s}
  .hero-mobile-dot:nth-child(3){top:70%;left:20%;transition-delay:2s}
  .hero-mobile-dot:nth-child(4){top:75%;right:18%;transition-delay:1.8s}
  .hero-mobile-dot:nth-child(5){top:40%;right:8%;transition-delay:2.2s}
  .hero-mobile-dots.is-visible .hero-mobile-dot{
    opacity:.2
  }
  
  /* Brushstroke scroll hint — vertical, positioned below text */
  .hero-mobile-brushstroke{
    position:absolute;
    bottom:18%;
    left:50%;
    transform:translateX(-50%);
    width:8px;
    height:60px;
    margin:0;
    opacity:0;
    transition:opacity .6s ease 2.4s
  }
  .hero-mobile-brushstroke.is-visible{
    opacity:.45
  }
  .hero-mobile-brushstroke-path{
    stroke-dasharray:120;
    stroke-dashoffset:120;
    transition:stroke-dashoffset 1.6s cubic-bezier(.25,.46,.45,.94) 2.6s
  }
  .hero-mobile-brushstroke.is-visible .hero-mobile-brushstroke-path{
    stroke-dashoffset:0
  }
  
  /* Gentle downward pulse after drawn */
  @keyframes brushFloat{
    0%,100%{transform:translateX(-50%) translateY(0)}
    50%{transform:translateX(-50%) translateY(6px)}
  }
  .hero-mobile-brushstroke.is-visible{
    animation:brushFloat 2.5s ease-in-out 4.5s infinite
  }
  
  /* Title word-by-word reveal */
  .corporate-landing-hero-title .hero-word{
    display:inline-block;
    opacity:0;
    transform:translateY(15px);
    transition:opacity .6s ease,transform .6s ease
  }
  .corporate-landing-hero-title .hero-word.is-visible{
    opacity:1;
    transform:translateY(0)
  }
  
  /* Hide elements on desktop */
  .hero-mobile-rule,
  .hero-mobile-dots,
  .hero-mobile-brushstroke{
    display:none
  }

  .hero-mobile-rule,
  .hero-mobile-dots,
  .hero-mobile-brushstroke{
    display:block
  }

  .commission-breadcrumb{
    margin-bottom:2rem
  }
  .commission-breadcrumb-list{
    font-size:.68rem
  }

  /* ---- INTRO ---- */
  .commercial-intro{padding:5rem 6vw 4rem}
  .commercial-intro-hook{font-size:clamp(1.4rem,5.5vw,1.8rem);margin-bottom:2.5rem}
  .commercial-intro-body{margin-bottom:3rem}
  .commercial-intro-body p{font-size:.95rem}
  .commercial-intro-points{
    grid-template-columns:1fr;
    gap:2rem;
    padding-top:2.5rem;
    text-align:center
  }
  .commercial-intro-btn{padding:1.1rem 2.5rem;font-size:.75rem}

  /* ---- GALLERY (single column) ---- */
  .commercial-gallery{padding:4rem 5vw}
  .commercial-gallery-grid{
    grid-template-columns:1fr;
    gap:2.5rem
  }

  .commercial-gallery-browse{
    margin-top:2.5rem;
    padding-top:2rem
  }
  .commercial-gallery-browse-label{
    font-size:.72rem
  }
  .commercial-gallery-browse-links a{
    font-size:.78rem;
    padding:.5rem 1rem
  }

  /* ---- PROCESS SLIDER (image on top, text below) ---- */
  .commercial-process-slider{padding:5rem 6vw}
  .commercial-process-slides{height:auto;min-height:0;overflow:visible}
  .commercial-process-slide{
    position:absolute;
    display:flex;
    flex-direction:column;
    gap:2rem;
    opacity:0;
    pointer-events:none
  }
  .commercial-process-slide.is-active{
    position:relative;
    opacity:1;
    pointer-events:auto
  }
  .commercial-process-slide-image{order:1}
  .commercial-process-slide-content{order:2;padding:0}
  .commercial-process-slider-controls{margin-top:2rem}

  

  /* ---- TIMELINE (accordion) ---- */
  .commercial-timeline{padding:5rem 6vw 6rem}
  .commercial-timeline-header{padding-left:0;margin-bottom:2.5rem}
  .commercial-timeline-track-wrapper{padding:0}
  .commercial-timeline-track{display:none}
  .commercial-timeline-steps{
    flex-direction:column;
    gap:0
  }
  .commercial-timeline-step{
    flex:none;
    width:100%;
    padding:0;
    opacity:1;
    border-bottom:1px solid rgba(248,246,242,.08)
  }
  .commercial-timeline-marker{display:none}
  .commercial-timeline-step h3{
    padding:1.25rem 0;
    margin-bottom:0;
    position:relative;
    cursor:pointer
  }
  .commercial-timeline-step h3::after{
    content:'+';
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    font-family:'Montserrat',sans-serif;
    font-size:1.2rem;
    font-weight:300;
    color:rgba(248,246,242,.4);
    transition:transform .3s ease
  }
  .commercial-timeline-step.is-expanded h3::after{
    content:'−'
  }
  .commercial-timeline-step p{
    max-height:0;
    overflow:hidden;
    padding:0;
    opacity:0;
    transition:max-height .4s ease,opacity .3s ease,padding .4s ease
  }
  .commercial-timeline-step.is-expanded p{
    max-height:300px;
    opacity:1;
    padding:0 0 1.5rem;
    color:rgba(248,246,242,.6)
  }

  /* ---- QUALITY / SURFACE & DETAIL ---- */
  .commercial-quality{padding:5rem 6vw 6rem}
  .commercial-quality-images{
    grid-template-columns:1fr;
    gap:1.5rem
  }

  /* ---- TESTIMONIAL ---- */
  .corporate-landing-testimonial{padding:5rem 6vw}
  .corporate-landing-testimonial-inner{
    flex-direction:column;
    gap:3rem
  }
  .corporate-landing-testimonial-quote{padding-left:0}
  .corporate-landing-testimonial-mark{
    position:relative;
    top:0;left:0;
    font-size:5rem;
    margin-bottom:-2rem
  }
  .corporate-landing-testimonial-quote blockquote{font-size:clamp(1.15rem,4vw,1.5rem)}
  .corporate-landing-testimonial-info{
    flex:none;
    width:100%;
    flex-direction:column;
    gap:2rem
  }

  /* ---- PRICING ---- */
  .corporate-landing-pricing{
    min-height:auto;
    padding:5rem 6vw
  }
  .corporate-landing-pricing-row{max-width:100%}

  /* ---- ABOUT (vertical stack) ---- */
  .corporate-landing-about{padding:5rem 6vw}
  .corporate-landing-about-inner{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:2.5rem
  }
  .corporate-landing-about-portrait{
    flex:none;
    width:100%;
    max-width:280px;
    margin:0 auto;
    grid-column:auto;
    grid-row:auto
  }
  .corporate-landing-about-portrait img{
    width:100%;
    height:auto;
    margin:0 auto;
    display:block
  }
  .corporate-landing-about-content{
    max-width:100%;
    text-align:center;
    grid-column:auto;
    grid-row:auto
  }
  .corporate-landing-about-name{font-size:1.6rem}
  .corporate-landing-about-bio{font-size:.9rem}

  .commission-explore{padding:3.5rem 6vw}
  .commission-explore-inner{
    flex-direction:column;
    gap:2.5rem
  }
  .commission-explore-col{
    padding-bottom:2rem;
    border-bottom:1px solid rgba(248,246,242,.06)
  }
  .commission-explore-col:last-child{
    padding-bottom:0;
    border-bottom:none
  }

  /* ---- CONTACT HERO (image above, text below) ---- */
  .corporate-landing-contact-hero{
    min-height:auto;
    display:flex;
    flex-direction:column
  }
  .corporate-landing-contact-hero img{
    position:relative;
    width:100%;
    height:auto;
    min-height:45vw;
    object-fit:cover;
    animation:none
  }
  .corporate-landing-contact-hero-overlay{
    display:none
  }
  .corporate-landing-contact-hero-content{
    position:relative;
    top:auto;left:auto;
    transform:none;
    width:100%;
    max-width:100%;
    min-width:0;
    padding:3rem 6vw 4rem;
    background:var(--midnight)
  }
  .corporate-landing-contact-headline{font-size:clamp(1.5rem,6vw,2rem)}
  .corporate-landing-contact-subtext{font-size:.92rem}

  /* ---- CONTACT LOWER (FAQs accordion + form stacked) ---- */
  .corporate-landing-contact-lower{
    flex-direction:column;
    gap:3rem;
    padding:4rem 6vw 5rem
  }
  .corporate-landing-contact-faq{
    flex:none;
    width:100%;
    max-width:100%
  }
  .corporate-landing-contact-faq-item h4{
    cursor:pointer;
    position:relative;
    padding-right:2rem;
    margin-bottom:0;
    padding-top:.75rem;
    padding-bottom:.75rem
  }
  .corporate-landing-contact-faq-item h4::after{
    content:'+';
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    font-family:'Montserrat',sans-serif;
    font-size:1.2rem;
    font-weight:300;
    color:rgba(248,246,242,.4)
  }
  .corporate-landing-contact-faq-item.is-expanded h4::after{
    content:'−'
  }
  .corporate-landing-contact-faq-item p{
    max-height:0;
    overflow:hidden;
    opacity:0;
    transition:max-height .4s ease,opacity .3s ease,padding .4s ease;
    padding:0
  }
  .corporate-landing-contact-faq-item.is-expanded p{
    max-height:400px;
    opacity:1;
    padding:.75rem 0 1.25rem
  }
  .corporate-landing-contact-faq-item{
    border-bottom:1px solid rgba(248,246,242,.08);
    margin-bottom:0;
    padding-bottom:0
  }
  .corporate-landing-contact-form-wrapper{
    flex:none;
    width:100%
  }

  /* ---- FOOTER ---- */
  .corporate-landing-footer{padding:3.5rem 6vw 2rem}
  .corporate-landing-footer-inner{
    grid-template-columns:1fr;
    gap:2.5rem
  }
  .corporate-landing-footer-about{
    grid-column:auto;
    padding-bottom:2rem
  }
  .corporate-landing-footer-bottom{
    justify-content:center;
    margin-top:2rem;
    padding-top:2rem
  }

  /* CORPORATE SPECIFIC */
  /* Rights */
  .corporate-rights{
    padding:5rem 6vw;
    border-top:none
  }
  .corporate-rights-content{margin-bottom:3.5rem}
  .corporate-rights-content h2{font-size:clamp(1.4rem,5.5vw,1.8rem)}
  .corporate-rights-lead{font-size:.95rem}
  .corporate-rights-content p{font-size:.9rem}
  .corporate-rights-uses{margin-bottom:3.5rem}
  .corporate-rights-uses-grid{
    grid-template-columns:1fr;
    gap:0
  }
  .corporate-rights-use{
    padding:1.25rem 0;
    border-bottom:1px solid rgba(248,246,242,.06)
  }
  .corporate-rights-use:last-child{border-bottom:none}
  .corporate-rights-use-title{font-size:.88rem}
  .corporate-rights-delivery{padding-top:2.5rem}
  .corporate-rights-delivery p{font-size:.85rem}

  /* Occasions */
  .corporate-occasions{
    padding:5rem 6vw 6rem;
    border-top:none
  }
  .corporate-occasions-header{margin-bottom:2.5rem}
  .corporate-occasions-header h2{font-size:clamp(1.4rem,5.5vw,1.8rem)}
  .corporate-occasions-header p{font-size:.9rem}
  .corporate-occasions-grid{
    grid-template-columns:1fr;
    gap:0
  }
  .corporate-occasions-item{
    padding:1.5rem 0;
    border-top:1px solid rgba(248,246,242,.06);
    border-bottom:none
  }
  .corporate-occasions-item:first-child{border-top:1px solid rgba(248,246,242,.08)}
  .corporate-occasions-item:last-child{
    padding-bottom:0;
    border-bottom:none
  }
  .corporate-occasions-item h3{font-size:1.05rem;margin-bottom:.5rem}
  .corporate-occasions-item p{font-size:.82rem}

  /* Gallery header */
  .commercial-gallery-header{margin-bottom:2rem}
  .commercial-gallery-header h2{font-size:clamp(1.4rem,5.5vw,1.8rem)}
  .commercial-gallery-header p{font-size:.88rem}

  /* ---- ANIMATION VISIBILITY SAFETY ---- */
  .anim-fade-rise{
    opacity:1 !important;
    transform:translateY(0) !important;
    transition:opacity .6s ease,transform .6s ease !important
  }
  .anim-mask-reveal__mask{
    animation:mobileRevealMask .8s ease forwards !important;
    transform-origin:right center !important
  }
  @keyframes mobileRevealMask{
    0%{transform:scaleX(1)}
    100%{transform:scaleX(0)}
  }
  .anim-image-unveil__cover{
    animation:mobileImageReveal 1s ease forwards !important
  }
  @keyframes mobileImageReveal{
    0%{transform:scaleY(1)}
    100%{transform:scaleY(0)}
  }
}


/* =========================================================
   RESPONSIVE — SMALL MOBILE (max-width: 480px)
   ========================================================= */
@media (max-width: 480px) {

  /* Nav */
  .corporate-landing-nav{padding:1rem 4vw}
  .corporate-landing-nav.scrolled{padding:.85rem 4vw}
  .corporate-landing-nav .corporate-landing-nav-logo{
    font-size:clamp(.7rem,3.5vw,.9rem)
  }

  /* Menu overlay — tighter spacing */
  .corporate-landing-menu-overlay-inner{padding:4rem 1.5rem 1.5rem}
  .corporate-landing-menu-link{font-size:clamp(1.3rem,6.5vw,1.8rem);padding:.3rem 0}
  .corporate-landing-menu-link--enquire{font-size:clamp(1.1rem,5.5vw,1.5rem)}
  .corporate-landing-menu-footer{margin-top:1.5rem;gap:.75rem}
  .corporate-landing-menu-contact a{font-size:.72rem}
  .corporate-landing-menu-portfolio-link{font-size:.65rem}

/* Hero */
  .corporate-landing-hero-title{font-size:clamp(2rem,9vw,2.8rem);margin-bottom:1.75rem}
  .corporate-landing-hero-subtitle{font-size:clamp(1rem,4.2vw,1.2rem);line-height:1.7}
  .corporate-landing-hero-content{padding:25vh 6vw}
  .hero-mobile-rule.is-visible{width:3rem}
  .hero-mobile-brushstroke{width:8px;height:50px;bottom:15%}
  .hero-mobile-dot{width:2.5px;height:2.5px}

  /* Intro */
  .commercial-intro{padding:4rem 5vw 3.5rem}
  .commercial-intro-hook{font-size:clamp(1.2rem,5vw,1.5rem);margin-bottom:2rem}
  .commercial-intro-body p{font-size:.88rem}
  .commercial-intro-point h3{font-size:1.05rem}
  .commercial-intro-point p{font-size:.82rem}
  .commercial-intro-btn{padding:1rem 2rem;font-size:.72rem}

  /* Gallery */
  .commercial-gallery{padding:3rem 4vw}
  .commercial-gallery-grid{gap:2rem}
  .commercial-gallery-title{font-size:1rem}
  .commercial-gallery-desc{font-size:.8rem}

  /* Process slider */
  .commercial-process-slider{padding:4rem 5vw}
  .commercial-process-slider-header h2{font-size:1.4rem}
  .commercial-process-slide-content h3{font-size:1.25rem}
  .commercial-process-slide-content p{font-size:.88rem}

  /* Timeline */
  .commercial-timeline{padding:4rem 5vw 5rem}
  .commercial-timeline-header h2{font-size:1.4rem}
  .commercial-timeline-step h3{font-size:1.05rem}
  .commercial-timeline-step p{font-size:.82rem}

  /* Quality */
  .commercial-quality{padding:4rem 5vw 5rem}
  .commercial-quality-content h2{font-size:1.4rem}
  .commercial-quality-content p{font-size:.9rem}

  /* Testimonial */
  .corporate-landing-testimonial{padding:4rem 5vw}
  .corporate-landing-testimonial-mark{font-size:4rem;margin-bottom:-1.5rem}
  .corporate-landing-testimonial-quote blockquote{font-size:clamp(1rem,3.8vw,1.3rem)}

  /* Pricing */
  .corporate-landing-pricing{padding:4rem 5vw}
  .corporate-landing-pricing-name{font-size:1.1rem}
  .corporate-landing-pricing-amount{font-size:1.1rem}
  .corporate-landing-pricing-spec{font-size:.78rem}
  .corporate-landing-pricing-btn{padding:1rem 2rem}

  /* About */
  .corporate-landing-about{padding:4rem 5vw}
  .corporate-landing-about-portrait{max-width:220px}
  .corporate-landing-about-name{font-size:1.4rem}
  .corporate-landing-about-bio{font-size:.85rem}

  .commission-explore{padding:3rem 5vw}
  .commission-explore-links a{font-size:.85rem}

  /* Contact */
  .corporate-landing-contact-hero img{min-height:55vw}
  .corporate-landing-contact-hero-content{padding:2.5rem 5vw 3rem}
  .corporate-landing-contact-headline{font-size:clamp(1.3rem,5.5vw,1.7rem)}
  .corporate-landing-contact-subtext{font-size:.85rem}
  .corporate-landing-contact-lower{padding:3rem 5vw 4rem;gap:2.5rem}
  .corporate-landing-contact-faq-item h4{font-size:1rem}
  .corporate-landing-contact-faq-item p{font-size:.82rem}

  /* Footer */
  .corporate-landing-footer{padding:3rem 5vw 1.5rem}

  /* Sidebar */
  .corporate-landing-sidebar-content{padding:3.5rem 5vw 2.5rem}
  .corporate-landing-sidebar-title{font-size:1.3rem}
  .corporate-landing-sidebar-intro{font-size:.82rem}

  /* Cookie */
  .cookie-banner-inner{flex-direction:column;gap:1rem;align-items:stretch}
  .cookie-banner-actions{justify-content:stretch}
  .cookie-btn{flex:1;text-align:center}

  /* CORPORATE SPECIFIC */
  /* Rights */
  .corporate-rights{padding:4rem 5vw}
  .corporate-rights-content{margin-bottom:3rem}
  .corporate-rights-content h2{font-size:1.4rem}
  .corporate-rights-lead{font-size:.88rem}
  .corporate-rights-content p{font-size:.85rem}
  .corporate-rights-uses-heading{font-size:.65rem;margin-bottom:1.5rem}
  .corporate-rights-use{padding:1rem 0}
  .corporate-rights-use-title{font-size:.82rem}
  .corporate-rights-delivery h3{font-size:.65rem}
  .corporate-rights-delivery p{font-size:.8rem}

  /* Occasions */
  .corporate-occasions{padding:4rem 5vw 5rem}
  .corporate-occasions-header h2{font-size:1.4rem}
  .corporate-occasions-header p{font-size:.85rem}
  .corporate-occasions-item{padding:1.25rem 0}
  .corporate-occasions-item h3{font-size:1rem}
  .corporate-occasions-item p{font-size:.78rem}

  /* Gallery header */
  .commercial-gallery-header h2{font-size:1.3rem}
  .commercial-gallery-header p{font-size:.82rem}
}