/* PC opening only. All selectors belong to the added m12 namespace. */
#m12-intro{position:relative;height:1080vh;margin-bottom:-100vh;color:#f2f0e9;font-family:'DM Sans',Arial,sans-serif;--m12-gold:#d6b66d;--m12-pad:5vw}
#m12-intro *{box-sizing:border-box}
#m12-history-anchor{position:absolute;left:0;top:450vh}
#m12-stage{position:fixed;z-index:90;inset:0;height:100vh;overflow:hidden;background:#070807;isolation:isolate}
#m12-stage[hidden]{display:none}
#m12-stage a{text-decoration:none;color:inherit}
#m12-stage button{font:inherit;color:inherit;cursor:pointer}
#m12-stage :is(a,button):focus-visible{outline:2px solid var(--m12-gold);outline-offset:7px}
.m12-background,.m12-full,#m12-shade,.m12-edge,#m12-arrival,#m12-history{position:absolute;inset:0}
.m12-full{width:100%;height:100%;object-fit:cover;object-position:center;display:block;pointer-events:none}
.m12-background{z-index:0}.m12-poster{z-index:0}#m12-film{z-index:1}#m12-light{z-index:2;opacity:0}#m12-match{z-index:3;opacity:0}
#m12-shade{z-index:4;background:linear-gradient(90deg,rgba(0,0,0,.54),rgba(0,0,0,.09) 48%,rgba(0,0,0,.12)),linear-gradient(0deg,rgba(0,0,0,.4),transparent 42%);opacity:1}
.m12-edge{z-index:5;box-shadow:inset 0 0 110px rgba(0,0,0,.38)}
#m12-arrival,#m12-history{z-index:10;pointer-events:none}#m12-stage a,#m12-stage button{pointer-events:auto}#m12-stage [inert] a{pointer-events:none}
#m12-history{opacity:0}
#m12-scene{position:absolute;bottom:158px;left:var(--m12-pad);text-shadow:0 2px 24px #0008}
#m12-scene-index{font-size:10px;letter-spacing:.2em;color:var(--m12-gold)}
#m12-scene-title{font:400 clamp(42px,4.5vw,84px)/1.1 Georgia,serif;letter-spacing:-.025em;margin:16px 0 20px}
#m12-scene-detail{font-size:9px;letter-spacing:.18em;margin:0;color:#e1dfd5}
.m12-eyebrow{font-size:10px;line-height:1.7;letter-spacing:.18em;text-transform:uppercase;color:var(--m12-gold);margin:0 0 24px}
#m12-hero{position:absolute;left:var(--m12-pad);top:20vh;width:40vw;max-width:700px;opacity:0}
#m12-hero h1{margin:0;font:400 clamp(52px,5.2vw,95px)/1.02 Georgia,serif;letter-spacing:-.035em}
#m12-hero h1 em{display:block;color:var(--m12-gold);margin-top:8px}
.m12-body-copy{font-size:14px;line-height:1.85;color:#d6d4cc;max-width:465px;margin:26px 0 0}
.m12-text-link{display:inline-flex;align-items:center;gap:36px;padding:13px 0;margin-top:19px;border-bottom:1px solid #ffffff55;font-size:11px}
.m12-text-link span{color:var(--m12-gold)}
.m12-credentials{font-size:8px;line-height:1.7;letter-spacing:.1em;text-transform:uppercase;color:#c3c1b7;margin:22px 0 0}
#m12-stats{position:absolute;left:var(--m12-pad);right:var(--m12-pad);bottom:116px;display:grid;grid-template-columns:repeat(5,1fr);gap:30px;border-top:1px solid #ffffff38;padding-top:17px;opacity:0}
#m12-stats strong{font:400 clamp(30px,3.15vw,56px)/1 Georgia,serif;display:block}
#m12-stats div:nth-child(2) strong{color:var(--m12-gold)}
#m12-stats span{font-size:8px;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:#c3c1b7;display:block;margin-top:10px}
.m12-history-panel{position:absolute;inset:0;opacity:0;visibility:hidden}
.m12-history-copy{position:absolute;left:var(--m12-pad);top:49%;transform:translateY(-50%);width:45%;max-width:760px}
.m12-history-copy h2{font:400 clamp(46px,5.1vw,98px)/1.06 Georgia,serif;letter-spacing:-.035em;margin:0}
.m12-history-copy em{color:var(--m12-gold);font-weight:400}
.m12-archive-image{position:absolute;right:var(--m12-pad);top:19%;bottom:19%;width:43%;margin:0}
.m12-archive-image>img:first-child{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.60)}
.m12-archive-image figcaption{position:absolute;bottom:-25px;font-size:8px;letter-spacing:.15em;color:#b7b6ad}
.m12-year{display:block;font:400 clamp(130px,16vw,310px)/.84 Georgia,serif;letter-spacing:-.055em;color:var(--m12-gold);margin:22px 0 34px}
.m12-founding .m12-history-copy h2{font-size:clamp(40px,3.8vw,72px)}
.m12-date-pair{display:flex;align-items:center;gap:36px;margin:28px 0 35px}
.m12-date-pair strong{font:400 clamp(115px,14vw,270px)/1 Georgia,serif;color:var(--m12-gold);letter-spacing:-.04em}
.m12-date-pair span{font:400 clamp(45px,5vw,90px)/1 Georgia,serif;color:#b5b2a8}
.m12-date-pair i{width:90px;height:1px;background:linear-gradient(90deg,#d6b66d,transparent)}
.m12-beginnings .m12-history-copy,.m12-future .m12-history-copy{width:85%;max-width:none}
.m12-beginnings h2{max-width:980px}.m12-beginnings .m12-body-copy{max-width:560px}
.m12-portrait-image{right:12%;width:32%;top:16%;bottom:18%}
.m12-portrait-image>img:first-child{object-fit:contain;filter:none}
.m12-portrait-image figcaption{text-align:center;width:100%}
.m12-big-number{font:400 clamp(98px,11vw,210px)/1 Georgia,serif;letter-spacing:-.05em;white-space:nowrap}
.m12-big-number span{color:var(--m12-gold)}
.m12-number-caption{font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin:16px 0 38px;color:#c4c1b6}
.m12-workmanship h2{font-size:clamp(46px,4.8vw,88px)}
.m12-memory-wall{position:absolute;right:4%;width:46%;top:19%;bottom:22%;display:grid;grid-template-columns:1fr 1fr;gap:16px;transform:rotate(-5deg)}
.m12-memory-wall img{width:100%;height:100%;min-height:0;object-fit:cover;display:block;box-shadow:0 12px 40px #0005}
.m12-memory-wall img:nth-child(2){transform:translateY(25px)}.m12-memory-wall img:nth-child(3){transform:translateY(-10px)}
.m12-broadcast-title{font-size:18px;letter-spacing:.15em;margin:30px 0 8px}.m12-broadcast .m12-body-copy{margin-top:0}
.m12-press-list{font-size:11px;line-height:1.9;color:#b7b5ad;margin:20px 0 0}
.m12-case-stats{display:flex;gap:40px;margin-top:35px}.m12-case-stats strong{display:block;font:400 42px/1 Georgia,serif;color:var(--m12-gold)}.m12-case-stats span{display:block;font-size:9px;letter-spacing:.14em;text-transform:uppercase;margin-top:12px}
.m12-press-cutting{position:absolute;right:-10px;bottom:-27px;width:28%;max-height:55%;object-fit:contain;transform:rotate(8deg);box-shadow:0 10px 40px #0008}
.m12-future .m12-history-copy{top:48%}.m12-future h2{max-width:1050px}
.m12-history-track{position:absolute;left:var(--m12-pad);right:var(--m12-pad);bottom:122px;display:flex;gap:23px;align-items:center;color:#c5c1b7;font-size:8px;letter-spacing:.14em}.m12-history-track i{height:1px;flex:1;background:#ffffff25}.m12-history-track b{display:block;width:100%;height:1px;background:var(--m12-gold);transform:scaleX(0);transform-origin:left}
#m12-front-caption{position:absolute;z-index:15;left:0;right:0;text-align:center;bottom:15%;opacity:0;text-shadow:0 2px 20px #000}
#m12-front-caption span{font-size:9px;letter-spacing:.2em;color:var(--m12-gold)}#m12-front-caption p{font:400 32px/1.2 Georgia,serif;margin:16px 0 0}
#m12-status{position:absolute;top:100px;left:var(--m12-pad);z-index:30;font-size:11px;background:#070807b0;padding:10px}
@media(max-height:800px){#m12-hero{top:18%}#m12-hero h1{font-size:clamp(45px,4.5vw,72px)}#m12-hero .m12-body-copy{font-size:12px;line-height:1.7;margin-top:16px;max-width:450px}#m12-hero .m12-text-link{margin-top:8px}.m12-credentials{margin-top:12px}#m12-stats strong{font-size:33px}.m12-year{font-size:155px;margin:15px 0 28px}.m12-history-copy h2{font-size:clamp(42px,4.5vw,68px)}.m12-founding .m12-history-copy h2{font-size:45px}.m12-date-pair strong{font-size:150px}.m12-big-number{font-size:130px}.m12-number-caption{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){#m12-stage *{scroll-behavior:auto!important}}

/* The opening uses the same page scroll and header as the full site. */
#m12-scene{bottom:9vh}
#m12-stats{bottom:6vh}
.m12-history-track{bottom:6vh}

/* 1994 leads the story; supporting archive appears after the year settles. */
.m12-founding .m12-year{width:max-content;transform-origin:center;will-change:transform}
.m12-founding .m12-eyebrow,.m12-founding h2,.m12-founding .m12-archive-image{opacity:0}
/* PC navigation follows the supplied menu and waits for the opening film. */
#m12-header{display:flex;align-items:center;justify-content:space-between;gap:28px;height:88px;padding:0 3.8vw;background:#050605f2;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff12;opacity:0;visibility:hidden;transform:translateY(-100%);pointer-events:none;transition:opacity .65s ease,transform .8s cubic-bezier(.22,.61,.36,1),visibility .65s;z-index:100}
#m12-header.m12-header-visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
#m12-header a{color:#eeeee8;text-decoration:none}
#m12-header .m12-brand{display:flex;align-items:center;flex:0 0 220px;height:88px;overflow:hidden}
#m12-header .m12-brand img{display:block;object-fit:contain;width:210px;height:148px;max-width:none;flex:none}
#m12-header .m12-site-nav{display:flex;align-items:center;gap:clamp(20px,2.1vw,42px);margin-left:auto}
#m12-header .m12-site-nav>a,#m12-services-toggle{font-family:'DM Sans',Arial,sans-serif;font-size:11px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
#m12-header .m12-site-nav>a{padding:30px 0;transition:color .2s}
#m12-header .m12-site-nav>a:hover,#m12-header a:focus-visible,#m12-services-toggle:hover{color:#d6b66d}
#m12-header .m12-book{border:1px solid #9d8336;border-radius:2px;color:#d6b66d;padding:13px 20px;white-space:nowrap;font-size:10px;letter-spacing:.15em;text-transform:uppercase;margin-left:18px;transition:background .2s}
#m12-header .m12-book:hover{background:#d6b66d18}
#m12-services-toggle{color:#eeeee8;background:none;border:0;padding:30px 0;cursor:pointer}
#m12-services-toggle span{margin-left:7px;color:#d6b66d}
.m12-services-menu{position:relative}
#m12-services-list{position:absolute;top:calc(100% + 2px);left:-24px;width:245px;background:#080908;border:1px solid #d6b66d33;padding:12px 0;box-shadow:0 20px 50px #0009}
#m12-services-list[hidden]{display:none}
#m12-services-list a{display:block;padding:13px 23px;font-size:12px;letter-spacing:.025em}
#m12-services-list a:hover{color:#d6b66d;background:#ffffff05}
#m12-header :is(a,button):focus-visible{outline:1px solid #d6b66d;outline-offset:5px}
@media(prefers-reduced-motion:reduce){#m12-header{transition:none}}
/* A single year travels from the statistics into the archive, then rewinds. */
#m12-stats strong{width:max-content}
#m12-year-flight{position:absolute;top:0;left:0;z-index:17;pointer-events:none;font:400 45px/1 Georgia,serif;color:var(--m12-gold);letter-spacing:-.055em;transform-origin:left top;will-change:transform,font-size;white-space:nowrap}
.m12-beginnings .m12-date-pair i{position:relative;background:none}
.m12-beginnings .m12-date-pair i::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#d6b66d,#d6b66d44);transform:scaleX(var(--rewind,0));transform-origin:right}
.m12-beginnings .m12-date-pair i::after{content:'6 YEARS EARLIER';position:absolute;left:50%;top:12px;transform:translateX(-50%);font:400 7px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:.11em;color:#d6b66d;white-space:nowrap;opacity:var(--rewind,0)}
/* Restrained desktop header; consistent spacing and a quieter appointment CTA. */
#m12-header{height:84px;padding:0 4.8vw;gap:24px;background:linear-gradient(180deg,#070807fc,#070807ed);border-bottom-color:#d6b66d20;box-shadow:0 12px 35px #0002}
#m12-header .m12-brand{flex-basis:200px;height:84px}
#m12-header .m12-brand img{width:180px;height:127px}
#m12-header .m12-site-nav{gap:clamp(18px,1.8vw,35px)}
#m12-header .m12-site-nav>a,#m12-services-toggle{position:relative;font-size:10px;font-weight:400;letter-spacing:.12em;padding:31px 0}
#m12-header .m12-site-nav>a::after,#m12-services-toggle::after{content:'';position:absolute;left:0;right:0;bottom:22px;height:1px;background:#d6b66d;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
#m12-header .m12-site-nav>a:hover::after,#m12-header .m12-site-nav>a:focus-visible::after,#m12-services-toggle[aria-expanded=true]::after{transform:scaleX(1)}
#m12-header .m12-book{margin-left:12px;padding:14px 22px;border-color:#d6b66d66;border-radius:0;background:#d6b66d05;letter-spacing:.16em}
#m12-header .m12-book:hover{background:#d6b66d;color:#070807;border-color:#d6b66d}
#m12-services-list{top:calc(100% + 3px);border-color:#d6b66d25;border-top-color:#d6b66d88;background:#090a09fa;backdrop-filter:blur(18px);padding:15px 0}

@media(max-width:900px){
  #m12-header{height:64px;padding:0 16px;gap:12px;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important}
  #m12-header .m12-brand{flex-basis:130px;height:64px}
  #m12-header .m12-brand img{width:130px;height:auto}
  #m12-header .m12-site-nav{display:none}
  #m12-header .m12-book{margin-left:auto;padding:8px 14px;font-size:9px}
  #m12-stats{display:none}
  #m12-scene{bottom:6vh}
  #m12-hero{width:88vw;max-width:none;top:14vh}
  #m12-hero h1{font-size:clamp(34px,8vw,52px)}
  .m12-history-copy{width:88%;max-width:none}
  .m12-archive-image{display:none}
}