:root{color-scheme:dark;--ink:#e7e0d3;--muted:#b1afa5;--gold:#b6a384}*{box-sizing:border-box}html{min-height:100%;background:#101719}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:radial-gradient(ellipse at 50% 25%,#394039 0%,#212d2b 30%,#142023 61%,#0b1015 100%);min-height:100svh;isolation:isolate}.ambience{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#060b1060,transparent 38%,transparent 62%,#060b1060),radial-gradient(ellipse at 50% 0%,#9d856515,transparent 60%)}main{max-width:1500px;margin:0 auto;min-height:100svh;display:flex;flex-direction:column;align-items:center;text-align:center;padding:42px 34px 35px}header{display:flex;justify-content:center;width:100%}.wordmark{display:block;position:relative;width:220px;height:133px;overflow:hidden;mix-blend-mode:screen}.wordmark img{position:absolute;width:470px;height:auto;max-width:none;left:-125px;top:-100px;filter:grayscale(1) invert(1) contrast(4);opacity:.88}.message{margin:auto 0;padding:50px 0 130px}.eyebrow{font-size:12px;letter-spacing:4px;color:var(--gold);margin:0 0 34px}h1{font:400 clamp(42px,4.4vw,70px)/1.22 Georgia,'Times New Roman',serif;letter-spacing:-1.8px;margin:0 0 30px}h1 em{font-weight:400;color:#c9c4b4}.intro{font-size:16px;line-height:1.95;color:var(--muted);letter-spacing:.15px;margin:0}.hairline{width:48px;height:1px;background:#a89b7866;margin:37px auto 27px}.coming{font-size:12px;letter-spacing:5px;text-transform:uppercase;margin:0 0 16px;color:#d6c8ad}.whisper{font:italic 17px/1.5 Georgia,serif;color:#929d96;margin:0}footer{display:flex;align-items:center;justify-content:center;gap:17px;font-size:10px;letter-spacing:2px;color:#8e9996;line-height:1.6}.dot{color:#ac9673}.film-window{position:fixed;right:27px;bottom:27px;width:300px;z-index:5;border:1px solid #c1b38b33;background:#111a1c;box-shadow:0 18px 50px #0005;text-align:center}.film-heading{display:flex;align-items:center;justify-content:center;position:relative;height:35px;font-size:9px;letter-spacing:2.5px;color:#b6ad96}.film-heading button{position:absolute;right:3px;top:0;height:34px;width:34px;border:0;background:transparent;font-size:19px;color:#cdc6b7}.film-stage{height:169px;position:relative;overflow:hidden;background:#101722}.film-image{position:absolute;inset:-5%;background:url('assets/detail.jpeg') 3% 15%/auto 200%;filter:brightness(.56) saturate(.5);transform:scale(1.02)}.film-shade{position:absolute;inset:0;background:linear-gradient(0deg,#071019bd,#08101a20)}.film-copy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:18px}.film-copy>span{font-size:9px;letter-spacing:3px;color:#c8bea9}.film-copy>p{font:italic 24px/1.25 Georgia,serif;margin:15px 0 0;white-space:pre-line}.film-controls{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;min-height:40px;gap:10px}.film-controls>span{font-size:8px;letter-spacing:1px;color:#b1b7af}.film-controls button{font-size:11px;color:#e2d8c5;background:none;border:0;padding:6px}.progress{height:1px;background:#ffffff13}.progress>span{display:block;height:1px;background:#b4a17c;width:0;transition:width .2s linear}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font-family:inherit}button:hover{color:#fff}button:focus-visible,a:focus-visible{outline:2px solid #c0ae8d;outline-offset:4px}.running .film-image{animation:pan 18s linear forwards}.paused .film-image{animation-play-state:paused}@keyframes pan{to{transform:scale(1.22) translate(-2%,1%)}}[hidden]{display:none!important}@media(min-width:1600px){.film-window{width:340px}.film-stage{height:191px}}@media(max-width:1100px){main{padding-bottom:315px}.message{padding:50px 0 55px;margin:auto 0}.film-window{width:270px;right:20px;bottom:20px}.film-stage{height:152px}}@media(max-width:600px){main{padding:30px 22px 320px;min-height:100svh}.wordmark{transform:scale(.85);margin:-10px 0}.message{padding:37px 0 34px}h1{font-size:41px;letter-spacing:-1.2px;line-height:1.22}h1 em{display:inline-block;margin-top:8px}.eyebrow{font-size:10px;letter-spacing:3px;margin-bottom:27px}.intro{font-size:14px}.hairline{margin-top:27px}.whisper{font-size:15px}footer{font-size:8px;letter-spacing:1.3px;gap:10px;flex-wrap:wrap}.film-window{right:50%;transform:translateX(50%);bottom:16px;width:min(290px,calc(100vw - 32px))}.film-stage{height:150px}}@media(prefers-reduced-motion:reduce){.film-image{animation:none!important}.progress>span{transition:none}}
/* Original campaign image and an in-flow film section. */
body{background:#10191b}main{position:relative;isolation:isolate;max-width:none;min-height:900px;min-height:100svh;padding:42px 34px 55px;overflow:hidden}.ambience{position:absolute;inset:0;background:linear-gradient(180deg,#10191b25 0%,#10201d30 65%,#10191b 100%),linear-gradient(90deg,#11202465 0%,#13242170 40%,#10191910 75%,#0b12192e 100%),url('assets/mantle-campaign-v2.png') center center/cover no-repeat;z-index:-1}header{position:relative}.message{margin:auto 0;padding:55px 0 85px;text-shadow:0 2px 25px #0009}.intro{color:#c4c6bc}.whisper{color:#adb8ad}.film-section{padding:30px 24px 65px;text-align:center;background:linear-gradient(180deg,#10191b,#0c1417)}.film-section>.eyebrow{margin-bottom:28px;font-size:11px}.film-window{position:relative;right:auto;bottom:auto;transform:none;width:min(680px,100%);margin:0 auto;box-shadow:0 18px 65px #0004}.film-heading{height:40px;font-size:10px}.film-stage{height:auto;aspect-ratio:16/9}.film-image{background-image:url('assets/mantle-campaign-v2.png');background-size:cover;background-position:70% 50%;filter:brightness(.72) saturate(.8)}.film-copy>p{font-size:clamp(24px,3.2vw,40px)}.film-copy>span{font-size:11px}.film-controls{min-height:48px;padding:10px 17px}.film-controls>span{font-size:10px}.film-controls button{font-size:13px}footer{background:#0c1417;padding:25px 24px 35px;text-align:center;min-height:70px}@media(max-width:1100px){main{padding-bottom:40px;min-height:820px;min-height:100svh}.message{padding:50px 0 65px}.film-window{width:min(680px,100%)}.film-stage{height:auto}}@media(max-width:600px){main{padding:32px 22px 45px;min-height:770px;min-height:100svh}.ambience{background-position:center,center,73% center}.ambience::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0d171935,#0e1a1955 45%,#10191b20 75%)}.message{padding:50px 0 65px}h1{font-size:39px}.film-section{padding:30px 18px 40px}.film-window{right:auto;bottom:auto;transform:none;width:100%}.film-stage{height:auto}.film-controls>span{font-size:9px}.film-heading{font-size:9px}.film-copy>span{font-size:9px}}

.coming{display:inline-block;font-size:clamp(22px,2.5vw,34px);font-weight:400;letter-spacing:.23em;color:#f4dfb6;padding:16px 25px 16px 32px;border-top:1px solid #c8aa7066;border-bottom:1px solid #c8aa7066;background:linear-gradient(90deg,transparent,#bca17012,transparent);text-shadow:0 2px 18px #000b;margin:0 0 24px}.hairline{display:none}.coming{margin-top:35px}@media(max-width:600px){.coming{padding:14px 18px 14px 24px;font-size:24px;letter-spacing:.2em}}

.brand-film{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#101a18}.film-controls span:last-child{font-size:9px;letter-spacing:.15em;color:#bba884}

/* Logo transparency is contained in the SVG; no backdrop blending or clipping. */
.wordmark{width:220px;height:auto;overflow:visible;mix-blend-mode:normal;line-height:0}.wordmark img{position:static;display:block;width:100%;height:auto;max-width:100%;filter:none;opacity:1}.wordmark{transform:none;margin:0}@media(max-width:600px){.wordmark{width:200px;transform:none;margin:0}}