:root{
  --gold:#c5972b;
  --gold2:#b58b2b;
  --ink:#050505;
  --panel:#1d1d1d;
  --white:#f2f2f2;
  --header:88px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#000}
body{margin:0;background:#000;color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit} img{display:block;max-width:100%}

/* HEADER */
.site-header{position:fixed!important;inset:0 0 auto 0;height:var(--header);z-index:1000;background:rgba(3,3,3,.965);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:box-shadow .25s ease,background-color .25s ease;box-shadow:0 1px rgba(255,255,255,.035)}
.site-header.is-scrolled{box-shadow:0 10px 35px rgba(0,0,0,.34),0 1px rgba(197,151,43,.12);background:rgba(3,3,3,.985)}
.header-shell{height:100%;width:min(1830px,96vw);margin:auto;display:flex;align-items:center;gap:30px}
.brand{width:170px;flex:0 0 170px;height:74px;overflow:hidden;display:flex;align-items:center;text-decoration:none}
.brand img{width:100%;height:100%;object-fit:contain;object-position:left center}
.desktop-nav{flex:1;display:flex;align-items:center;justify-content:space-between;gap:18px}
.desktop-nav a{font-size:12px;font-weight:700;text-transform:uppercase;text-decoration:none;white-space:nowrap;position:relative;letter-spacing:-.1px}
.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:1px;background:var(--gold);transition:right .25s ease}
.desktop-nav a:hover{color:var(--gold)} .desktop-nav a:hover:after,.desktop-nav a.active:after{right:0}
.locations{display:flex;gap:17px;color:var(--gold);font-size:17px;font-weight:400;white-space:nowrap}
.menu-toggle,.mobile-nav{display:none}

/* HERO */
.hero{height:100svh;min-height:620px;position:relative;background:#000;overflow:hidden}
.hero-picture{position:absolute;inset:var(--header) 0 0;display:block;width:100%;height:calc(100% - var(--header))}.hero-picture img{width:100%;height:100%;object-fit:cover;object-position:center 49%}
.hero-vignette{position:absolute;inset:var(--header) 0 0;background:linear-gradient(to bottom,rgba(0,0,0,.02),rgba(0,0,0,0) 65%,rgba(0,0,0,.23));pointer-events:none}
.discover{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;text-transform:uppercase;letter-spacing:2.2px;font-size:9px;color:rgba(255,255,255,.8)}
.discover i{display:block;width:1px;height:33px;background:var(--gold);animation:linepulse 1.8s ease-in-out infinite}@keyframes linepulse{50%{opacity:.25;transform:scaleY(.55)}}

/* THE SIX MOCKUP SECTIONS — each background is the supplied 1920×1080 artwork */
.service{position:relative;min-height:100svh;background-color:#080808;background-repeat:no-repeat;background-size:cover;background-position:center center;overflow:hidden}
.bg-fine-art{background-image:url('../assets/bg-fine-art.png');background-image:image-set(url('../assets/bg-fine-art.webp') type("image/webp"),url('../assets/bg-fine-art.png') type("image/png"))}
.bg-relocation{background-image:url('../assets/bg-relocation.png');background-image:image-set(url('../assets/bg-relocation.webp') type("image/webp"),url('../assets/bg-relocation.png') type("image/png"))}
.bg-custom-packing{background-image:url('../assets/bg-custom-packing.png');background-image:image-set(url('../assets/bg-custom-packing.webp') type("image/webp"),url('../assets/bg-custom-packing.png') type("image/png"))}
.bg-storage{background-image:url('../assets/bg-storage.png');background-image:image-set(url('../assets/bg-storage.webp') type("image/webp"),url('../assets/bg-storage.png') type("image/png"))}
.bg-worldwide{background-image:url('../assets/bg-worldwide.png');background-image:image-set(url('../assets/bg-worldwide.webp') type("image/webp"),url('../assets/bg-worldwide.png') type("image/png"))}
.bg-success{background-image:url('../assets/bg-success.png');background-image:image-set(url('../assets/bg-success.webp') type("image/webp"),url('../assets/bg-success.png') type("image/png"))}
.stage{width:min(1490px,88.5vw);min-height:100svh;margin:auto;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;column-gap:105px;padding:55px 0}
.art-frame{margin:0;display:flex;align-items:center;justify-content:center}
.art-frame picture{display:block;width:min(100%,690px)}
.art-frame img{width:100%;height:auto;max-height:76svh;object-fit:contain;box-shadow:none}
.copy{position:relative;max-width:610px;display:flex;flex-direction:column;align-items:flex-start}
.copy-line{position:absolute;top:0;width:1px;height:calc(100% - 4px);min-height:310px;background:rgba(255,255,255,.82)}
.copy-right .copy-line{left:-28px}.copy-left .copy-line{right:-28px}
.copy h1,.copy h2{margin:0 0 5px;color:var(--gold);font-size:clamp(34px,2.55vw,48px);line-height:.95;text-transform:uppercase;letter-spacing:-1.25px;font-weight:800}
.copy .tagline{margin:0 0 17px;color:var(--gold2);font-size:clamp(16px,1.35vw,23px);line-height:1.05;text-transform:uppercase;letter-spacing:1.55px;font-weight:400}
.body-copy{margin:0;color:#f4f4f4;font-size:clamp(13px,.92vw,16.4px);line-height:1.43;text-align:justify;font-weight:400}
.body-copy.compact{font-size:clamp(12.6px,.86vw,15.5px)}
.outline-btn{margin-top:21px;height:39px;min-width:108px;padding:0 15px;border:1px solid rgba(255,255,255,.95);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-transform:uppercase;font-size:12px;transition:.22s ease;background:rgba(0,0,0,.05)}
.outline-btn:hover{background:var(--gold);border-color:var(--gold);color:#050505;transform:translateY(-2px)}
.copy-left{justify-self:end}.copy-left .outline-btn{align-self:flex-end}
.image-left .art-frame{justify-self:start}.image-right .art-frame{justify-self:end}

/* VIRTUAL MUSEUM */
.museum{background:#000;padding:115px 0 120px}
.museum-panel{width:min(1620px,96vw);margin:auto;background:#1d1d1d;padding:48px 72px 58px;overflow:hidden}
.museum-panel h2{margin:0 0 42px;text-align:center;color:var(--gold);text-transform:uppercase;font-size:clamp(37px,3vw,55px);line-height:1;font-weight:800;letter-spacing:-1px}
.museum-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:27px;align-items:start}
.museum-track a{display:block;aspect-ratio:539/752;overflow:hidden;background:#111;transition:transform .25s ease,filter .25s ease}
.museum-track img{width:100%;height:100%;object-fit:cover}
.museum-track a:hover{transform:translateY(-5px);filter:brightness(1.04)}
.museum-social{margin:42px 10px 0 auto;width:max-content;display:flex;align-items:center;gap:8px;font-size:25px}
.museum-social a{text-decoration:none;margin-left:3px}.museum-social a:hover{color:var(--gold)}
.social-icon{display:inline-grid;place-items:center;width:29px;height:29px;background:#fff;color:#111;border-radius:4px;font-size:22px;font-weight:800;line-height:1}
.social-icon.insta{font-size:27px;font-weight:500}

/* COMPANY / CONTACT */
.company{background:#000}
.vehicle-area{height:min(615px,58vw);min-height:430px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(90deg,#45423f,#3c3936 40%,#403d39)}
.van-picture{display:block;width:min(1240px,78vw)}.van-picture img{width:100%;height:auto;object-fit:contain;mix-blend-mode:normal}
.vehicle-brand{position:absolute;left:5vw;top:46px;z-index:2;width:280px;display:flex;flex-direction:column;align-items:flex-start;color:var(--gold);text-transform:uppercase;letter-spacing:8px;font-size:11px}
.vehicle-brand img{width:265px;height:95px;object-fit:contain;object-position:left center}.vehicle-brand span{margin-left:18px;margin-top:-7px}
.footer-content{width:min(850px,88vw);margin:auto;padding:53px 0 49px;display:grid;grid-template-columns:1fr 1px 1fr;gap:68px}
.footer-rule{background:rgba(255,255,255,.7)}
.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.footer-heading{margin:0 0 17px;font-size:24px;text-transform:uppercase;font-weight:500}.footer-col>a{font-size:21px;text-decoration:none}.footer-col>a:hover,.footer-social a:hover{color:var(--gold)}
.footer-social{display:flex;align-items:center;gap:8px;font-size:20px}.footer-social a{margin-left:3px;text-decoration:none}.footer-email{margin-top:16px}
.copyright{background:#1d1d1d;text-align:center;padding:28px 20px;font-size:21px}

/* MOTION */
.reveal{opacity:0;transform:translateY(17px);transition:opacity .65s ease,transform .65s ease}.reveal.in-view{opacity:1;transform:none}
.back-top{position:fixed;right:20px;bottom:20px;z-index:800;width:43px;height:43px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(0,0,0,.74);color:#fff;font-size:18px;opacity:0;pointer-events:none;transform:translateY(8px);transition:.25s ease}.back-top.show{opacity:1;pointer-events:auto;transform:none}.back-top:hover{background:var(--gold);color:#000;border-color:var(--gold)}

@media(max-width:1450px){
  :root{--header:82px}.header-shell{gap:20px}.brand{width:150px;flex-basis:150px;height:68px}.desktop-nav{gap:12px}.desktop-nav a{font-size:10.8px}.locations{font-size:15px;gap:12px}
  .stage{width:90vw;column-gap:78px}.art-frame picture{width:min(100%,620px)}.copy{max-width:560px}.copy h1,.copy h2{font-size:38px}.copy .tagline{font-size:17.5px}.body-copy{font-size:14.4px}
}

@media(max-width:1120px){
  :root{--header:76px}.desktop-nav{display:none}.menu-toggle{display:block;margin-left:3px;background:none;border:0;padding:9px;cursor:pointer}.menu-toggle span{display:block;width:27px;height:2px;background:#fff;margin:5px 0;transition:.25s ease}.menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .header-shell{justify-content:space-between}.locations{margin-left:auto}.mobile-nav{display:flex;position:fixed;top:var(--header);right:0;width:min(420px,92vw);height:calc(100dvh - var(--header));background:#070707;padding:28px 30px 35px;flex-direction:column;transform:translateX(104%);transition:transform .3s ease;box-shadow:-18px 0 45px rgba(0,0,0,.35)}.mobile-nav.open{transform:none}.mobile-nav a{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.08);text-decoration:none;text-transform:uppercase;font-weight:700;font-size:15px}.mobile-locations{margin-top:auto;color:var(--gold);font-size:18px}
  .stage{grid-template-columns:1fr 1fr;column-gap:48px;width:92vw}.art-frame picture{width:min(100%,520px)}.copy{max-width:470px}.copy h1,.copy h2{font-size:34px}.copy .tagline{font-size:15px}.body-copy,.body-copy.compact{font-size:13.4px;line-height:1.42}.copy-line{min-height:280px}
  .museum-panel{padding:45px 38px 52px}.museum-track{gap:17px}.museum-social{font-size:22px}
}

@media(max-width:760px){
  .locations{display:none}.brand{width:145px;flex-basis:145px}.hero{height:82svh;min-height:520px}.hero-picture img{object-position:center center}
  .service{min-height:auto;background-size:cover;background-position:center}.stage,.image-left,.image-right{width:100%;min-height:0;display:flex;flex-direction:column;padding:0;gap:0}.image-right .art-frame{order:1}.image-right .copy{order:2}.image-left .art-frame{order:1}.image-left .copy{order:2}.art-frame,.image-left .art-frame,.image-right .art-frame{justify-self:auto;width:100%;padding:44px 20px 16px}.art-frame picture{width:min(100%,560px)}.art-frame img{max-height:none}.copy,.copy-left,.copy-right{max-width:none;width:100%;padding:28px 35px 64px 40px;justify-self:auto}.copy-left .copy-line,.copy-right .copy-line{left:27px;right:auto;top:29px;height:calc(100% - 94px);min-height:0}.copy-left .outline-btn{align-self:flex-start}.copy h1,.copy h2{font-size:30px;line-height:1.02}.copy .tagline{font-size:14px;line-height:1.25;letter-spacing:1.2px;margin-bottom:14px}.body-copy,.body-copy.compact{font-size:14px;line-height:1.5;text-align:left}.outline-btn{height:41px;margin-top:20px}
  .museum{padding:64px 0 72px}.museum-panel{width:100%;padding:42px 20px 38px}.museum-panel h2{font-size:31px;margin-bottom:28px}.museum-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 12px;scrollbar-width:none}.museum-track::-webkit-scrollbar{display:none}.museum-track a{flex:0 0 min(72vw,330px);scroll-snap-align:center}.museum-social{margin-top:25px;font-size:20px}
  .vehicle-area{height:390px;min-height:390px}.van-picture{width:92vw}.vehicle-brand{left:20px;top:25px;width:190px}.vehicle-brand img{width:180px;height:65px}.vehicle-brand span{font-size:8px;letter-spacing:5px;margin-left:10px}
  .footer-content{grid-template-columns:1fr;gap:34px;padding:42px 0}.footer-rule{height:1px;width:100%}.footer-heading{font-size:21px}.footer-col>a{font-size:18px}.copyright{font-size:18px}
}
@media(max-width:430px){.museum-track a{flex-basis:80vw}.copy{padding-right:25px}.hero{height:72svh}.vehicle-area{height:330px;min-height:330px}}


/* SEO / ACCESSIBILITY / FIXED NAV POLISH */
.service,.museum,.company{scroll-margin-top:var(--header)}
.skip-link{
  position:fixed;left:16px;top:10px;z-index:5000;
  transform:translateY(-160%);padding:10px 14px;
  background:#fff;color:#000;text-decoration:none;font-weight:700;
  border-radius:3px;transition:transform .2s ease
}
.skip-link:focus{transform:translateY(0)}
a:focus-visible,button:focus-visible{
  outline:2px solid var(--gold);outline-offset:4px
}
.desktop-nav a.active,.mobile-nav a.active{color:var(--gold)}
.mobile-nav a.active{border-bottom-color:rgba(197,151,43,.5)}
.hero-picture,.art-frame picture,.van-picture{line-height:0}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .reveal{opacity:1!important;transform:none!important}
}