.contact-hero{min-height:500px;background-image:url('assets/contact-hero.webp');background-position:center}.contact-hero:before{background:linear-gradient(90deg,#02070bca,transparent 85%),linear-gradient(0deg,#060b0e,transparent 40%)}.contact-intro h2{font-size:30px;margin-bottom:10px}.contact-intro p{color:#c2c3c4;font-size:18px}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;margin-bottom:60px}.hello{padding:30px;background:#f4c426;color:#080b0e}.hello .eyebrow{color:#080b0e}.hello a{display:block;font-size:20px;font-weight:bold;margin:20px 0;overflow-wrap:anywhere}.hello p{font-size:16px;margin:25px 0}label{display:block;font-size:14px;margin:20px 0;color:#ddd}input,textarea{display:block;width:100%;font:inherit;color:#fff;background:transparent;border:0;border-bottom:1px solid #777;padding:10px 2px;border-radius:0}form .button{border:0;cursor:pointer}.form-note,#draft-status{color:#aaa;font-size:12px}.home-hero{min-height:calc(100vh - 122px);background-image:url('assets/home-hero.webp');background-size:auto 100%;background-position:right;background-color:#000}.home-hero:before{background:linear-gradient(90deg,#000 0%,#000e 22%,#0007 52%,transparent 75%)}.home-hero h1{font-size:clamp(52px,6.2vw,96px);max-width:800px}.home-hero .eyebrow{color:#eee;font-size:15px;letter-spacing:4px}.home-secondary{display:block;margin-top:65px;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#f4c426}.home-hero .button{text-transform:uppercase;letter-spacing:2px;padding:18px 30px}@media(max-width:800px){.contact-grid{grid-template-columns:1fr;gap:25px}.hello{padding:25px}.hello a{font-size:18px}.contact-intro h2{font-size:25px}.home-hero{min-height:650px;background-position:70% center}.home-hero h1{font-size:54px}.home-hero:before{background:linear-gradient(90deg,#000d,#0007)}header nav{gap:18px}}
/* Full-width homepage artwork; live text and navigation. */
.home-page header{position:absolute;inset:0 0 auto;z-index:5;background:transparent;padding-top:24px}.home-page .hero.home-hero{background-image:url('assets/home-full-width-v2.webp');background-size:cover;background-position:center;min-height:100vh}.home-page .home-hero:before{background:none}.home-page .home-hero .hero-copy{padding:190px 0 80px;min-height:100vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.home-page .home-hero h1{font-size:clamp(60px,7.1vw,120px);line-height:.98;letter-spacing:-4px}.home-page .home-hero .eyebrow{font-weight:normal;font-size:16px}.home-page .home-hero .button{margin-top:30px}.home-page .home-secondary{margin-top:100px;border-left:2px solid #fff;padding:12px 0 12px 25px;color:#fff}.home-page footer{display:none}@media(max-width:800px){.home-page header{padding:18px 4%}.home-page .hero.home-hero{min-height:850px;background-position:62% center}.home-page .home-hero:before{background:linear-gradient(90deg,#0009,transparent)}.home-page .home-hero .hero-copy{min-height:850px;padding:210px 0 70px;justify-content:flex-end}.home-page .home-hero h1{font-size:clamp(42px,8.7vw,65px);letter-spacing:-2px}.home-page .home-hero .eyebrow{font-size:11px;letter-spacing:2px}.home-page .home-secondary{margin-top:60px}}

/* Phone layout: show the complete artwork without forcing an 850px canvas. */
@media (max-width:800px) and (orientation:portrait){
.home-page header{position:relative;padding:10px 4% 12px;gap:8px;background:#000}
.home-page .brand img{width:150px;height:58px}
.home-page header nav{gap:12px;font-size:9px;letter-spacing:.6px;flex-wrap:nowrap}
.home-page header nav a{padding:6px 0}
.home-page .hero.home-hero{display:block;min-height:0;background-size:100% auto;background-position:center top;background-repeat:no-repeat;background-color:#000}
.home-page .home-hero:before{display:none}
.home-page .home-hero .hero-copy{width:92%;min-height:0;padding:calc(100vw * .5628 + 14px) 0 20px;justify-content:flex-start}
.home-page .home-hero .eyebrow{font-size:9px;letter-spacing:2px;margin:0 0 10px}
.home-page .home-hero h1{font-size:clamp(30px,8.3vw,52px);line-height:1.03;letter-spacing:-1.5px;margin:0 0 6px}
.home-page .home-hero .button{font-size:10px;letter-spacing:1.2px;padding:12px 18px;margin-top:12px}
.home-page .home-secondary{font-size:9px;letter-spacing:1.2px;margin-top:20px;padding:8px 0 8px 15px}
}
@media (max-width:1000px) and (max-height:500px) and (orientation:landscape){
.home-page header{position:absolute;flex-direction:row;padding:8px 4%;gap:15px}
.home-page .brand img{width:125px;height:48px}
.home-page header nav{font-size:9px;gap:15px;letter-spacing:.7px;flex-wrap:nowrap}
.home-page header nav a{padding:6px 0}
.home-page .hero.home-hero{min-height:0;height:100svh;background-size:contain;background-position:center;background-color:#000}
.home-page .home-hero:before{display:none}
.home-page .home-hero .hero-copy{min-height:0;height:100svh;width:92%;padding:70px 0 18px;justify-content:center}
.home-page .home-hero .eyebrow{font-size:9px;letter-spacing:2px;margin:0 0 12px}
.home-page .home-hero h1{font-size:clamp(30px,5vw,46px);line-height:1.02;letter-spacing:-1.5px;margin:0 0 12px}
.home-page .home-hero .button{font-size:9px;letter-spacing:1.2px;padding:10px 16px;margin-top:5px}
.home-page .home-secondary{font-size:9px;letter-spacing:1px;margin-top:18px;padding:6px 0 6px 14px}
}