:root{color-scheme:light;font-family:system-ui,sans-serif;color:#2d2826;background:#f8f4ef;font-synthesis:none}
*{box-sizing:border-box}
body{min-width:0;min-height:100vh;margin:0;display:grid;align-items:center;padding:clamp(28px,6vw,86px) clamp(18px,5vw,52px)}
.shell{width:min(100%,940px);margin-inline:auto}
.brand{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 4px 22px}
.brand img{display:block;width:clamp(126px,21vw,190px);height:auto;mix-blend-mode:multiply}
.brand p,.label{margin:0;font-size:.73rem;font-weight:720;letter-spacing:.13em;text-transform:uppercase;line-height:1.55;color:#5f504b}
.brand p{text-align:right}
.feature{position:relative;overflow:hidden;border:1px solid #e7dbd2;border-top:5px solid #f1ad8b;border-radius:5px 5px 18px 18px;background:#fffdfb;padding:clamp(32px,8vw,94px);box-shadow:0 16px 64px #673c2510}
.label{color:#87442f}
h1{max-width:15ch;margin:.22em 0 .28em;font-family:Georgia,serif;font-size:clamp(2.95rem,8.8vw,7.05rem);font-weight:500;letter-spacing:-.075em;line-height:.96;text-wrap:balance}
h1 span{color:#b2593d}
.intro{max-width:34em;margin:0;font-size:clamp(1rem,2vw,1.21rem);line-height:1.65;color:#53443f;text-wrap:pretty}
.contact{margin:1.3em 0 0;line-height:1.6;color:#53443f}
.contact a{color:#87442f;text-underline-offset:.18em;overflow-wrap:anywhere}
.contact a:focus-visible{outline:2px solid #87442f;outline-offset:3px}
.footer{padding:19px 4px 0;font-size:.78rem;color:#655650}
@media(max-width:420px){.brand{align-items:center;gap:14px}.brand p{font-size:.61rem}.feature{padding-inline:25px}}