:root{--ink:#101714;--orange:#e36c35;--cream:#f7f3ea;--sage:#b9c7ba}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--ink)}
body{font-family:"DM Sans",sans-serif;color:var(--cream)}
.launch{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto}
.photo{position:absolute;inset:0;background:url("plankforge-coming-soon-hero.png") center/cover no-repeat;animation:settle 1.6s ease-out both}
.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,17,14,.96) 0%,rgba(11,17,14,.89) 30%,rgba(11,17,14,.53) 56%,rgba(11,17,14,.08) 100%),linear-gradient(0deg,rgba(11,17,14,.57),transparent 35%)}
header,.message,footer{position:relative;z-index:1}
header{display:flex;align-items:center;justify-content:space-between;padding:34px clamp(24px,5vw,78px)}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--cream);font:800 1.18rem "Manrope",sans-serif;letter-spacing:.045em}
.brand>span>span{color:var(--orange)}
.brand-mark{display:grid;gap:3px;width:30px;transform:skewY(-16deg)}
.brand-mark i{display:block;height:5px;border-radius:1px;background:var(--sage)}
.brand-mark i:nth-child(2){margin-left:5px;background:#bf915f}
.brand-mark i:nth-child(3){margin-right:5px;background:var(--orange)}
.location{display:flex;align-items:center;gap:10px;color:#d9ded8;font-size:.77rem;font-weight:700;text-transform:uppercase;letter-spacing:.13em}
.location>span{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(227,108,53,.14)}
.message{align-self:center;padding:7vh clamp(24px,5vw,78px) 9vh;max-width:790px}
.eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 24px;color:#d6ded7;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.22em}
.eyebrow:before{content:"";width:44px;height:2px;background:var(--orange)}
h1{margin:0;font:800 clamp(3.9rem,7vw,7.5rem)/.92 "Manrope",sans-serif;letter-spacing:-.065em;text-wrap:balance}
h1 em{font-style:normal;color:var(--orange)}
.intro{max-width:655px;margin:32px 0 30px;color:#d3d9d3;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.65}
.promise{display:flex;flex-wrap:wrap;gap:0;color:#fff;font-size:.82rem;font-weight:700}
.promise span{display:flex;align-items:center}
.promise span:not(:last-child):after{content:"";width:4px;height:4px;margin:0 15px;border-radius:50%;background:var(--orange)}
footer{display:flex;align-items:center;justify-content:space-between;margin:0 clamp(24px,5vw,78px);padding:24px 0 30px;border-top:1px solid rgba(255,255,255,.18);color:#abb5ae;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}
footer p{margin:0}
@keyframes settle{from{transform:scale(1.035);filter:brightness(.75)}to{transform:scale(1);filter:brightness(1)}}
@media(max-width:760px){.photo{background-position:63% center}.shade{background:linear-gradient(90deg,rgba(11,17,14,.95) 0%,rgba(11,17,14,.78) 72%,rgba(11,17,14,.32) 100%),linear-gradient(0deg,rgba(11,17,14,.78),transparent 45%)}header{padding-top:25px}.location{font-size:0;gap:0}.location:after{content:"Delaware";font-size:.66rem}.message{padding-top:3vh;padding-bottom:7vh}.intro{max-width:540px}.promise{display:grid;gap:7px}.promise span:not(:last-child):after{display:none}footer{align-items:flex-start;gap:10px;flex-direction:column}}
@media(max-width:440px){h1{font-size:3.55rem}.message{padding-left:22px;padding-right:22px}.brand{font-size:1rem}.brand-mark{width:25px}.intro{font-size:.95rem;margin:24px 0}.eyebrow{margin-bottom:19px}footer{font-size:.62rem}}