/* To Be Designed: editable HTML and CSS; the photograph contains no typography. */
:root{--accent:#f4432a;--white:#fff;--muted:#d1d3d2}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif}
body{background:#182024;color:var(--white)}
.hero{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;isolation:isolate}
.hero__photo{position:absolute;inset:0;z-index:-2;background-image:url('background.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center}
/* Transparent gradient, not a solid black text panel */
.hero__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,15,17,.64) 0%,rgba(7,15,17,.43) 27%,rgba(7,15,17,.13) 53%,transparent 76%)}
.content{position:relative;display:flex;flex-direction:column;min-height:100vh;min-height:100svh;padding:clamp(34px,6vw,90px) clamp(26px,9vw,165px) clamp(40px,7vw,110px)}
.brand{align-self:flex-start;line-height:1;width:max-content}
.brand__name{position:relative;display:inline-block;font-size:clamp(40px,3.6vw,61px);font-weight:800;letter-spacing:-.055em;line-height:.95}
.brand__star{position:absolute;color:var(--accent);font-size:.75em;line-height:1;top:-.25em;right:-.42em;letter-spacing:0}
.brand__caption{font-size:clamp(12px,1vw,15px);color:var(--accent);font-weight:600;letter-spacing:.005em;margin-top:9px}
.message{margin-top:auto;margin-bottom:auto;padding-top:clamp(55px,9vh,100px);max-width:740px}
h1{margin:0;font-size:clamp(42px,4.3vw,72px);line-height:1.14;font-weight:700;letter-spacing:-.052em;text-wrap:balance}
.period{color:var(--accent)}
.tagline{margin:22px 0 0;font-size:clamp(22px,2.2vw,34px);font-weight:400;line-height:1.3;color:var(--muted);letter-spacing:-.025em}
.rule{width:68px;height:4px;background:var(--accent);margin:38px 0 30px}
.coming{margin:0;font-size:clamp(13px,1.25vw,19px);font-weight:400;letter-spacing:.24em;text-transform:uppercase}
@media(max-width:900px){.hero__photo{background-position:62% center}.hero__shade{background:linear-gradient(90deg,rgba(7,15,17,.78) 0%,rgba(7,15,17,.48) 48%,rgba(7,15,17,.1) 100%)}.content{padding:42px 7vw 54px}.message{max-width:650px}h1{font-size:clamp(40px,6.4vw,60px)}}
@media(max-width:600px){.hero{min-height:100svh}.hero__photo{background-position:62% center}.hero__shade{background:linear-gradient(180deg,rgba(7,15,17,.42) 0%,rgba(7,15,17,.62) 35%,rgba(7,15,17,.73) 75%,rgba(7,15,17,.52) 100%)}.content{padding:32px 25px 48px}.brand__name{font-size:44px}.brand__caption{font-size:12px}.message{padding-top:48px;margin-top:auto;margin-bottom:8vh}h1{font-size:clamp(35px,8.6vw,49px);line-height:1.15;letter-spacing:-.045em}h1 br{display:none}.tagline{font-size:clamp(19px,5vw,25px);margin-top:18px}.rule{margin:30px 0 24px;width:54px;height:3px}.coming{font-size:12px;letter-spacing:.18em}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}