/* EMBER 61 / video coming soon v1.1.0 */
:root{color-scheme:dark;--ink:#090806;--cream:#f2e4d3;--gold:#dfad78;--muted:#c8b7a6;--copper:#b87445;--display:'Italiana','Bodoni MT','Didot',Georgia,serif;--sans:'DM Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;min-width:320px;background:var(--ink);color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:#b87c50;color:#111}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid #f3ca95;outline-offset:5px}img{max-width:100%;height:auto}button{font:inherit}
.stage{position:relative;isolation:isolate;overflow:hidden;min-height:100svh;min-height:100dvh;background:#070706}
.film,.film__still,.film__video,.stage__shade,.stage__grain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.film{z-index:-3;overflow:hidden;background:#070706}
.film__still{background-position:center center;background-size:cover;filter:brightness(.78) saturate(.85) contrast(1.08);transform:scale(1.006)}
.film__video{object-fit:cover;object-position:54% 66%;filter:brightness(.76) contrast(1.12) saturate(.91);opacity:0;transition:opacity 1.6s ease;z-index:1}
.film.is-playing .film__video{opacity:1}
.stage__shade{z-index:-2;background:linear-gradient(90deg,rgba(5,5,5,.96) 0%,rgba(6,5,4,.83) 29%,rgba(4,4,4,.44) 61%,rgba(5,4,3,.14) 100%),linear-gradient(0deg,rgba(7,5,4,.94) 0%,transparent 25%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.58) 100%),radial-gradient(ellipse 55% 65% at 45% 57%,rgba(54,25,14,.2),transparent 90%)}
.stage__grain{z-index:-1;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.77' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.27' d='M0 0h180v180H0z'/%3E%3C/svg%3E");mix-blend-mode:overlay}
.shell{position:relative;z-index:2;max-width:1660px;padding:0 clamp(25px,5.6vw,100px);margin:0 auto;min-height:100svh;min-height:100dvh;display:flex;flex-direction:column}
.header{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid rgba(242,196,143,.19)}
.identity{display:inline-flex;align-items:center;gap:14px;text-decoration:none;flex-shrink:0}
.identity__logo{width:64px;height:64px;object-fit:cover;border-radius:50%;filter:drop-shadow(0 0 13px rgba(244,119,43,.23));border:1px solid rgba(200,145,95,.24)}
.identity__words{display:flex;flex-direction:column;gap:6px}.identity__words strong{font:400 26px/.9 var(--display);letter-spacing:.055em;white-space:nowrap;color:#f7dbb8}.identity__words i{font-style:normal;color:#e2aa74}.identity__words small{font:600 8px/1.35 var(--sans);letter-spacing:.23em;white-space:nowrap;color:#bfa58c}
.header__right{display:flex;align-items:center;gap:clamp(20px,5vw,76px)}.header__locale{font:600 9px/1.5 var(--sans);letter-spacing:.17em;color:#c3af9a;white-space:nowrap}.header__locale b{font-weight:400;color:#d19760;margin:0 10px}.nav-link{font:600 10px/1.1 var(--sans);letter-spacing:.2em;white-space:nowrap;text-decoration:none;color:#f2c795;border-bottom:1px solid rgba(242,199,149,.7);padding:14px 0;transition:color .2s}.nav-link:hover{color:#fff}
.hero{position:relative;display:flex;align-items:center;flex:1;min-height:590px;padding:clamp(83px,12vh,180px) 0 100px}.hero__content{width:min(1050px,78%);position:relative;z-index:2}
.eyebrow{display:flex;align-items:center;gap:16px;font:600 10px/1.5 var(--sans);color:#d5a275;letter-spacing:.23em;text-transform:uppercase;margin:0 0 34px}.eyebrow__rule{width:43px;height:1px;background:linear-gradient(90deg,#d49a60,#edaa64);flex-shrink:0;box-shadow:0 0 10px rgba(230,129,70,.4)}
h1{font:400 clamp(78px,10.4vw,170px)/.86 var(--display);letter-spacing:-.055em;color:#f4e9d9;margin:0;text-shadow:0 7px 55px rgba(0,0,0,.48);white-space:nowrap}h1 span{display:block;position:relative;width:max-content;max-width:100%;color:#dfae83;background:linear-gradient(95deg,#f4cfaa 4%,#c17e4b 47%,#f1be84 82%,#db925e 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}h1 .period{display:inline;color:#ff9b55;-webkit-text-fill-color:#e9995f}
.hero__sub{color:#d2bdb0;font:400 clamp(15px,1.27vw,19px)/1.9 var(--sans);max-width:510px;margin:42px 0 0;text-wrap:pretty}.hero__sub strong{color:#f2d2aa;font-weight:600}
.hero__actions{display:flex;align-items:center;gap:29px;margin-top:37px;flex-wrap:wrap}.button--primary{height:65px;min-width:258px;padding:0 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:27px;text-decoration:none;color:#211308;font:700 10px/1 var(--sans);letter-spacing:.18em;background:linear-gradient(110deg,#f2d1a5,#bd8152 73%,#f2ba83);border:1px solid rgba(255,228,180,.67);box-shadow:0 12px 34px rgba(10,0,0,.24);transition:transform .25s ease,box-shadow .25s ease}.button--primary:hover{transform:translateY(-3px);box-shadow:0 17px 42px rgba(148,67,18,.26)}.button--primary svg{width:18px;height:18px}.button--text{font:600 10px/1 var(--sans);text-decoration:none;color:#e2bf9e;letter-spacing:.18em;border-bottom:1px solid rgba(230,175,121,.7);padding:15px 0}.button--text:hover{color:#fff}.button--text span{margin-left:10px}
.hero__state{display:flex;align-items:center;gap:14px;margin:44px 0 0;font:600 9px/1.5 var(--sans);letter-spacing:.2em;color:#c9b19b}.live-dot{width:7px;height:7px;background:#fa964a;border-radius:50%;box-shadow:0 0 18px #fe7531;animation:ember-pulse 3.6s ease-in-out infinite}.sep{color:#956547}
.hero__side{position:absolute;right:0;bottom:clamp(77px,16vh,170px);display:flex;align-items:flex-end;gap:15px;flex-direction:column;opacity:.77;color:#e7bb87;text-shadow:0 3px 20px #000}.hero__side span{font:600 9px/1.2 var(--sans);letter-spacing:.22em}.hero__side b{font:400 clamp(72px,12vw,205px)/.85 var(--display);color:#d68b56;text-shadow:0 0 52px rgba(217,82,16,.27)}
.stage-footer{width:100%;min-height:83px;border-top:1px solid rgba(230,191,149,.22);display:flex;justify-content:space-between;align-items:center;gap:30px;color:#a48b75;font:600 10px/1.45 var(--sans);letter-spacing:.17em}.stage-footer>div:first-child{display:flex;gap:25px;align-items:center}.stage-footer__small{color:#a7907c}.stage-footer b{font-weight:600;color:#ccb399}.stage-footer__right{display:flex;gap:30px;align-items:center}.motion-control{border:0;background:transparent;padding:8px 0;color:#c5aa90;cursor:pointer;font:600 9px/1.2 var(--sans);letter-spacing:.17em}.motion-control span{margin-left:8px}.scroll-cue{text-decoration:none;color:#e0c4a6}.scroll-cue span{margin-left:9px;font-size:16px}
.story{background:radial-gradient(ellipse 55% 80% at 80% 40%,rgba(76,32,15,.17),transparent),#0e0a08;position:relative;overflow:hidden;border-top:1px solid rgba(154,116,83,.24);padding:clamp(88px,9vw,160px) clamp(24px,5.6vw,100px) clamp(66px,7vw,118px)}.story__frame{max-width:1460px;margin:auto}.story .eyebrow{margin-bottom:39px}.story__grid{display:grid;grid-template-columns:1.1fr .65fr;gap:clamp(35px,10vw,175px);align-items:end}.story h2{font:400 clamp(60px,7.2vw,127px)/.9 var(--display);letter-spacing:-.038em;margin:0;color:#f4e4d1}.story h2 em{font-style:normal;color:#d39b66}.story__details{padding-bottom:8px}.story__details p{color:#c8ad99;font-size:clamp(15px,1.18vw,18px);line-height:1.95;margin:0 0 22px}.story__link{margin-top:18px;display:inline-flex;align-items:center;gap:22px;text-decoration:none;font:700 10px/1.3 var(--sans);letter-spacing:.2em;border-bottom:1px solid #c08958;padding-bottom:14px;color:#ebbd8c}.story__link:hover{color:#fff}.story__footer{margin-top:118px;padding-top:26px;border-top:1px solid rgba(221,169,113,.2);display:grid;grid-template-columns:repeat(3,1fr);gap:22px;color:#c6a68a;font:600 10px/1.5 var(--sans);letter-spacing:.25em}.story__footer span:not(:first-child){border-left:1px solid rgba(213,160,105,.12);padding-left:30px}
.footer{background:#080706;padding:30px clamp(25px,5.6vw,100px);display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid rgba(214,156,102,.23);font:600 9px/1.5 var(--sans);letter-spacing:.16em;color:#9c8978}.footer a{text-decoration:none;color:#c0a48a}.footer a:hover{color:#fff}
@keyframes ember-pulse{50%{opacity:.42;box-shadow:0 0 6px #ae5d28;transform:scale(.85)}}
/* Enter gently; never block content before JavaScript loads. */
@media(prefers-reduced-motion:no-preference){.hero__content>*{animation:reveal 1.12s both cubic-bezier(.2,.8,.2,1)}.hero__content>.eyebrow{animation-delay:.06s}.hero__content>h1{animation-delay:.22s}.hero__content>.hero__sub{animation-delay:.45s}.hero__content>.hero__actions{animation-delay:.59s}.hero__content>.hero__state{animation-delay:.71s}}
@keyframes reveal{from{opacity:0;transform:translateY(22px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(max-width:1200px){h1{font-size:clamp(76px,9.3vw,135px)}.hero__side b{font-size:12vw}.header__right{gap:24px}}
@media(max-width:900px){.header__locale{display:none}.stage__shade{background:linear-gradient(90deg,rgba(4,4,4,.88),rgba(4,4,4,.48) 55%,rgba(4,4,4,.2)),linear-gradient(0deg,rgba(5,4,4,.95) 0%,transparent 39%,rgba(0,0,0,.3) 90%)}.hero__content{width:90%}.hero__side{opacity:.23;right:-4vw}.story__grid{grid-template-columns:1fr;gap:37px}.story__details{max-width:620px}.stage-footer__small{display:none}}
@media(max-width:640px){.shell{padding:0 23px}.header{min-height:90px}.identity__logo{width:48px;height:48px}.identity{gap:11px}.identity__words strong{font-size:22px}.identity__words small{font-size:6.4px;letter-spacing:.14em}.nav-link{font-size:8px;letter-spacing:.08em}.stage{min-height:100svh}.film__still{background-position:51% 62%}.film__video{object-position:49% 64%;filter:brightness(.69) contrast(1.1)}.stage__shade{background:linear-gradient(180deg,rgba(4,4,4,.42),rgba(3,3,3,.68) 23%,rgba(3,3,3,.63) 58%,rgba(4,3,3,.97) 100%),linear-gradient(90deg,rgba(0,0,0,.36),transparent 75%)}.hero{min-height:650px;min-height:max(570px,calc(100svh - 158px));padding:100px 0 78px;align-items:center}.hero__content{width:100%}.hero__side{display:none}.eyebrow{font-size:8px;letter-spacing:.15em;gap:9px;margin-bottom:26px}.eyebrow__rule{width:25px}h1{font-size:clamp(65px,15vw,98px);line-height:.9}.hero__sub{font-size:13px;line-height:1.85;max-width:375px;margin-top:27px}.hero__actions{gap:16px;margin-top:29px;align-items:flex-start;flex-direction:column}.button--primary{height:58px;min-width:min(100%,272px)}.button--text{font-size:9px;padding:12px 0}.hero__state{margin-top:25px;font-size:8px;letter-spacing:.13em;gap:8px;flex-wrap:wrap}.stage-footer{min-height:68px;font-size:8px;letter-spacing:.12em}.stage-footer__right{gap:11px}.motion-control{font-size:8px}.scroll-cue{font-size:8px}.story{padding:83px 23px 70px}.story .eyebrow{margin-bottom:27px}.story h2{font-size:clamp(61px,11vw,89px)}.story__details p{font-size:14px}.story__footer{margin-top:63px;padding-top:20px;gap:12px;font-size:8px;letter-spacing:.11em}.story__footer span:not(:first-child){padding-left:10px}.footer{padding:24px 23px;gap:12px;flex-wrap:wrap;font-size:8px}.footer span:nth-child(2){display:none}}
@media(max-width:400px){.identity__logo{width:42px;height:42px}.identity__words strong{font-size:20px}.identity__words small{font-size:6px}.header{min-height:82px}.nav-link{font-size:7.2px}.hero{min-height:570px;padding:80px 0 55px}h1{font-size:15.1vw}.hero__state{letter-spacing:.09em}.stage-footer b{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.film__video{display:none!important}.live-dot{box-shadow:none!important}}
