@font-face{font-family:Outfit;src:url('assets/outfit-subset.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-subset.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{color-scheme:light;--ink:#432815}
*{box-sizing:border-box}
html{min-width:300px;background:#e6d3b5}
body{margin:0;color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.filter-defs{position:absolute;width:0;height:0;overflow:hidden}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:10px;left:-1000px;z-index:10;background:#fff5df;padding:12px}
.skip-link:focus{left:10px}
.page{position:relative;isolation:isolate;max-width:1920px;min-height:100svh;margin:0 auto;overflow:hidden;background:#f4e7cf;display:flex;flex-direction:column;padding:38px clamp(24px,6vw,100px) 27px}
.page:before{content:"";position:absolute;z-index:-2;inset:0;background-image:url('assets/wood-atlas.png');background-size:300% 100%;background-position:0 0;opacity:.38;pointer-events:none}
.page:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,#fffaf025,transparent 65%);pointer-events:none}
.header{display:flex;align-items:flex-start;justify-content:space-between;position:relative;flex:none}
.brand{display:flex;flex-direction:column;align-items:center;text-decoration:none;width:133px}
.logo-letters{width:78px;height:80px;overflow:visible}
.brand>span{font-size:11px;letter-spacing:.49em;margin-left:.49em;font-weight:650;text-shadow:0 1px #fff6de}
.status{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.25em;font-weight:600;margin-top:19px}
.status>span{width:5px;height:5px;border-radius:50%;background:#7f4925;box-shadow:inset 0 1px 2px #331804,0 1px #fff1d1}
.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:540px;padding:60px 0 75px;text-align:center}
.copy{width:min(100%,730px)}
h1{margin:0;font-weight:400;width:100%}
.engraving{display:block;overflow:visible}
.title-desktop{width:100%;height:auto}
.title-mobile{display:none}
.rule{height:1px;width:52px;background:#91592f;box-shadow:0 1px #fff7df;margin:10px auto 24px}
.description{font-family:Outfit,Arial,sans-serif;font-weight:400;font-size:17px;line-height:1.8;letter-spacing:.005em;margin:0}
.contact-block{width:100%;margin-top:32px}
.contacts{--button-height:78px;display:flex;gap:18px;align-items:center;justify-content:center}
/* Each link displays its own generated PNG. The frame omits transparent image margins only. */
.wood-button{display:block;position:relative;overflow:hidden;text-decoration:none;border-radius:6px;height:var(--button-height);flex:none;outline-offset:5px}
.wood-button.whatsapp{width:calc(var(--button-height) * 4.62)}
.wood-button.call{--call-height:max(44px,calc(var(--button-height) * .72));height:var(--call-height);width:calc(var(--call-height) * 2.6279)}
.wood-button img{position:absolute;display:block;max-width:none;height:auto;pointer-events:none}
.whatsapp img{width:100%;left:0;top:-28.7234%}
.call img{width:114.5723%;left:-7.6696%;top:-12.4031%}
.instagram-link{display:flex;align-items:center;justify-content:center;gap:8px;width:max-content;min-height:44px;margin:15px auto 0;font-size:12px;letter-spacing:.01em;text-decoration:none}
.instagram-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}
.instagram-link .instagram-dot{fill:currentColor;stroke:none}
.instagram-link:hover{text-decoration:underline;text-underline-offset:4px}
a:focus-visible{outline:2px solid #603718;outline-offset:6px}
footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #83542b80;box-shadow:inset 0 1px #fff2d680;padding-top:20px;font-size:11px;min-height:45px}
.footer-brand{letter-spacing:.31em;font-size:10px;font-weight:650}
.domain{letter-spacing:.06em}
@media(max-width:760px){
 .page{padding:25px 24px 22px}
 .brand{width:100px}.logo-letters{height:62px;width:61px}.brand>span{font-size:8px}
 .status{font-size:8px;letter-spacing:.2em;gap:8px;margin-top:12px}
 .hero{min-height:0;padding:65px 0 65px}
 .copy{max-width:560px}
 .title-desktop{display:none}.title-mobile{display:block;width:100%;height:auto}
 .rule{margin:18px auto 22px;width:45px}
 .description{font-size:14px;line-height:1.8;letter-spacing:0}
 .contact-block{margin-top:32px}
 .contacts{--button-height:clamp(54px,17.3vw,78px);flex-direction:column;gap:15px}
 .instagram-link{font-size:11px;margin-top:17px}
 footer{font-size:10px;padding-top:18px;gap:15px}
 .footer-brand{font-size:9px;letter-spacing:.23em}
}
@media(max-width:360px){.page{padding-left:19px;padding-right:19px}.description{font-size:13px}.status{font-size:7px}.hero{padding-top:48px;padding-bottom:48px}}