:root{--char:#1c1d1d;--cream:#ebe5d4;--ember:#ed5d32;--gold:#efb75d;--smoke:#746e61}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--char);background:var(--cream);font-family:Outfit,sans-serif;overflow-x:hidden}header{height:82px;position:absolute;z-index:2;width:100%;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;color:var(--cream);border-bottom:1px solid #666}.logo{font:700 1rem "Inknut Antiqua",serif;letter-spacing:-.12em;text-decoration:none;color:inherit}.logo span{color:var(--ember)}nav{display:flex;gap:2rem}nav a,header>a:last-child{font:.61rem "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:inherit;text-decoration:none}.hero{min-height:100vh;background:var(--char);color:var(--cream);padding:20vh 7vw;position:relative;overflow:hidden}.hero>p,.fire>div>p,.contact>p{font:.6rem "DM Mono",monospace;letter-spacing:.13em;margin:0 0 2rem}.hero h1,.house h2,.fire h2,.contact h2{font:400 clamp(3.4rem,7.6vw,8.5rem)/.9 "Inknut Antiqua",serif;letter-spacing:-.12em;margin:0;position:relative;z-index:1}.hero h1 em,.house h2 em,.fire h2 em,.contact h2 em{font-style:normal;color:var(--ember)}.hero figure{margin:0;position:absolute;right:0;bottom:0;width:43%;height:100%;clip-path:polygon(24% 0,100% 0,100% 100%,0 100%)}.hero figure:after{content:"";inset:0;position:absolute;background:linear-gradient(90deg,var(--char),transparent 40%)}.hero img{width:100%;height:100%;object-fit:cover;filter:grayscale(.6) sepia(.2)}.hero>a{position:absolute;bottom:8vh;color:var(--cream);text-decoration:none;font:.65rem "DM Mono",monospace;text-transform:uppercase;letter-spacing:.1em}.hero>a b{font-size:1.5rem;color:var(--gold)}.flare{position:absolute;right:38%;top:18%;font-size:16vw;color:var(--ember);opacity:.24}.house{padding:13vw 8vw;display:grid;grid-template-columns:1.1fr .65fr;gap:8vw}.mark{font:2rem "Inknut Antiqua",serif;color:var(--ember);border-top:2px solid var(--ember);width:90px;padding-top:.5rem}.house h2{font-size:clamp(3.4rem,5.7vw,6.2rem);margin-top:5rem}.house>div:last-child{align-self:end}.house>div:last-child p{font-size:.98rem;line-height:1.75}.house span{font:.6rem "DM Mono",monospace;letter-spacing:.1em;color:var(--smoke);display:block;margin-top:4rem}.fire{background:var(--ember);color:var(--char);min-height:740px;padding:12vw 12vw;display:flex;justify-content:flex-end;position:relative;overflow:hidden}.fire>div:last-child{position:relative;z-index:1;width:55%}.fire h2{font-size:clamp(3.5rem,6.7vw,7.5rem)}.fire h2 em{color:var(--cream)}.fire>div>p:last-child{max-width:340px;font-size:.85rem;line-height:1.7;margin-top:3rem}.fireball{position:absolute;width:70vw;aspect-ratio:1;border-radius:48% 52% 55% 45%;background:var(--gold);left:-25vw;bottom:-25vw;box-shadow:0 0 0 6vw #d4472b,0 0 0 12vw #f17b42}.images{padding:11vw 8vw;display:grid;grid-template-columns:1fr .75fr;gap:8vw;align-items:end}.images figure{margin:0}.images figure:last-child{margin-bottom:12vw}.images img{width:100%;height:34vw;object-fit:cover;filter:saturate(.6)}figcaption{font:.6rem "DM Mono",monospace;letter-spacing:.1em;margin-top:.5rem}.contact{background:var(--char);color:var(--cream);padding:11vw 8vw}.contact h2{font-size:clamp(3.4rem,7vw,8rem)}.contact h2 em{color:var(--gold)}.contact>a{display:block;color:var(--cream);font:400 clamp(1.3rem,3vw,3rem) "Inknut Antiqua",serif;text-decoration:none;border-bottom:1px solid #6d6e6b;padding:1.5rem 0;margin-top:6vw}.note{max-width:300px;color:#bebbae;font-size:.7rem;line-height:1.7;margin:2rem 0 0 auto}footer{display:flex;justify-content:space-between;align-items:center;padding:2rem 4vw;font:.6rem "DM Mono",monospace}footer>a:last-child{color:inherit;text-decoration:none;font-size:1.2rem}@media(max-width:700px){header{height:65px;padding:0 7vw}nav{display:none}.hero{padding:23vh 7vw}.hero h1{font-size:4rem}.hero figure{width:72%;opacity:.65}.flare{right:-8%;top:10%;font-size:35vw}.house{display:block;padding:18vw 7vw}.house h2{font-size:3.8rem;margin-top:3rem}.house>div:last-child{margin-top:5rem}.fire{padding:18vw 7vw;min-height:620px;display:block}.fire>div:last-child{width:100%;position:relative;z-index:1}.fire h2{font-size:4rem}.fireball{width:130vw;left:-75vw;bottom:-12vw}.images{padding:18vw 7vw;gap:4vw}.images img{height:66vw}.contact{padding:18vw 7vw}.contact h2{font-size:3.7rem}.contact>a{margin-top:12vw}.note{margin-left:0}footer{display:block;padding:7vw}footer p{margin:1rem 0}}
