@font-face{font-family:'Roboto';src:url('assets/fonts/roboto-0.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Roboto';src:url('assets/fonts/roboto-1.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{color-scheme:light;--paper:#E7E5E1;--ink:#4C2815}
*{box-sizing:border-box}
html{background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Roboto',sans-serif}
.landing{position:relative;isolation:isolate;width:100%;max-width:1600px;margin-inline:auto;padding-top:40.4%;text-align:center}
.artwork{position:absolute;z-index:-1;top:0;left:0;width:100%;display:block}
.artwork img{display:block;width:100%;height:auto}
.message{padding-inline:24px}
h1{margin:0;font-size:clamp(28px,2.5vw,40px);line-height:1.2;font-weight:700}
.intro{margin:2.8% auto 0;font-size:clamp(18px,1.55vw,25px);line-height:1.25;font-weight:700}
.contacts{display:flex;align-items:center;justify-content:center;gap:24px;margin:2.4% auto 0}
.contact{display:flex;align-items:center;gap:16px;color:inherit;text-decoration:none;min-height:48px;border-radius:3px}
.contact-text{display:flex;flex-direction:column;gap:4px;text-align:left}
.whatsapp .contact-text{text-align:right}
.contact strong{font-size:clamp(17px,1.32vw,21px);line-height:1.2;white-space:nowrap}
.label{font-size:clamp(15px,1.1vw,18px);line-height:1.2}
.contact picture,.contact img{display:block;width:clamp(36px,3vw,48px);height:auto;flex-shrink:0}
.instagram{border-left:2px solid var(--ink);border-radius:0;padding-left:24px}
a:hover strong{text-decoration:underline;text-underline-offset:4px}
a:focus-visible{outline:3px solid var(--ink);outline-offset:7px}
footer{margin-top:5.7%;padding:0 16px 2.8%;font-size:clamp(13px,.9vw,15px);line-height:1.4}
@media(min-width:1600px){.landing{padding-top:646.4px}}
@media(max-width:767px){
 .landing{max-width:600px;padding-top:0}
 .artwork{position:relative;width:81.25%;margin-inline:auto}
 .artwork img{aspect-ratio:624/992}
 .message{position:relative;margin-top:-.4%;padding-inline:3%}
 h1{font-size:clamp(17px,5.6vw,33px);line-height:1.2;font-weight:700}
 h1 span{display:inline}
 .intro{max-width:100%;margin:5.5% auto 0;font-size:clamp(14px,4.2vw,25px);line-height:1.3}
 .intro>span{display:block}
 .contacts{flex-direction:column;gap:3.8vw;margin-top:4.5%}
 .contact{gap:3vw;justify-content:center;max-width:100%;min-height:36px}
 .whatsapp{flex-direction:row-reverse}
 .contact-text,.whatsapp .contact-text{text-align:left}
 .label{display:none}
 .contact strong{font-size:clamp(17px,5.6vw,33px);line-height:1.2}
 .contact picture,.contact img{width:8.3vw;max-width:50px}
 .instagram{border:0;padding:0}
 footer{margin-top:5.7%;padding-bottom:8%;font-size:clamp(10px,2.55vw,15px)}
}
@media(prefers-reduced-motion:no-preference){a{transition:opacity .15s ease}a:hover{opacity:.8}}