:root{--green:#484e36;--bone:#f1e4dc;--coral:#ffc7ba;color:var(--bone);background:var(--green);font-family:'Source Sans 3',sans-serif}
*{box-sizing:border-box}body{margin:0}.landing{position:relative;min-height:100svh;isolation:isolate;overflow:hidden}.photograph{position:absolute;inset:0 0 0 27.9%;z-index:-1;background:url('assets/background.jpg') center center/cover no-repeat}.identity{position:absolute;top:9%;left:6.4%}.identity img{display:block;width:clamp(150px,12.2vw,230px);height:auto}.eyebrow{margin:20px 0 0;text-transform:uppercase;letter-spacing:.2em;font-size:clamp(12px,1.15vw,18px);white-space:nowrap}.eyebrow span{margin:0 1.1em}.instagram{position:absolute;z-index:1;right:7.5%;top:9%;color:var(--bone);width:30px;height:30px}.instagram svg{width:100%;height:100%}.message{position:relative;margin:0;padding:34svh 5.7% 12svh}h1{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(110px,11vw,210px);line-height:1.05;letter-spacing:-.045em;margin:0 0 12px}.tagline{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(23px,2.15vw,40px);margin:0;line-height:1.35}.email{display:inline-flex;align-items:center;gap:18px;margin-top:60px;margin-left:.7vw;color:var(--bone);font-size:clamp(13px,1.15vw,18px);letter-spacing:.2em;text-decoration:none;text-transform:uppercase}.email span{width:58px;height:1px;background:currentColor}a:hover{color:var(--coral)}a:focus-visible{outline:2px solid var(--coral);outline-offset:8px}
@media(max-width:700px){.landing{min-height:100svh;padding-bottom:0}.photograph{inset:auto 0 0;height:44svh;background-position:70% center}.identity{position:relative;top:auto;left:auto;padding:32px 26px 0}.identity img{width:160px}.eyebrow{font-size:12px;margin-top:15px}.instagram{top:34px;right:26px;width:26px;height:26px}.message{padding:48px 26px calc(44svh + 34px)}h1{font-size:clamp(88px,24vw,140px);margin-bottom:15px}.tagline{font-size:25px;max-width:350px;line-height:1.35}.email{font-size:12px;letter-spacing:.16em;margin:30px 0 0;gap:12px}.email span{width:25px}}
@media(min-width:701px) and (max-height:600px){.identity{top:6%}.message{padding-top:32svh}.email{margin-top:25px}h1{font-size:clamp(100px,10vw,150px)}}