@font-face{font-family:Cairo;src:url("assets/fonts/Cairo-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Cairo;src:url("assets/fonts/Cairo-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:Cairo;src:url("assets/fonts/Cairo-Black.ttf") format("truetype");font-weight:900;font-display:swap}
:root{--surface:#f4f0e8;--ink:#111111;--accent:#6b1825;--rule:rgb(17 17 17 / 35%);--control-rule:rgb(17 17 17 / 55%);--muted:rgb(17 17 17 / 65%);--card:rgb(244 240 232 / 94%);--primary:#6b1825;--primary-ink:#f4f0e8;color-scheme:light}
html[data-theme="dark"]{--surface:#111111;--ink:#f4f0e8;--accent:#c49a4a;--rule:rgb(244 240 232 / 37%);--control-rule:rgb(244 240 232 / 60%);--muted:rgb(244 240 232 / 65%);--card:rgb(17 17 17 / 58%);--primary:#f4f0e8;--primary-ink:#111111;color-scheme:dark}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]){--surface:#111111;--ink:#f4f0e8;--accent:#c49a4a;--rule:rgb(244 240 232 / 37%);--control-rule:rgb(244 240 232 / 60%);--muted:rgb(244 240 232 / 65%);--card:rgb(17 17 17 / 58%);--primary:#f4f0e8;--primary-ink:#111111;color-scheme:dark}}
*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--ink);font:400 1rem/1.7 Cairo,Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}
.scenery{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
html[data-theme="light"] .scenery::after{display:none}
@media(prefers-color-scheme:light){html:not([data-theme="dark"]) .scenery::after{display:none}}
.scenery::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 35%,transparent 15%,rgb(17 17 17 / 14%) 80%);pointer-events:none}
.carved-root{position:absolute;inset-block-start:-232px;left:calc(50% - 746px);width:920px;height:920px;background:var(--ink);mask:url("assets/carved-root.svg") center/contain no-repeat;-webkit-mask:url("assets/carved-root.svg") center/contain no-repeat;opacity:.021}
.timber{position:absolute;inset:0;background:url("assets/timber-framing.png") center bottom/100% 100% no-repeat;opacity:.32;mask-image:linear-gradient(to bottom,#000 0%,#000 80%,transparent 91%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 80%,transparent 91%)}
html[data-theme="dark"] .timber{opacity:.82}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]) .timber{opacity:.82}}
.page{position:relative;isolation:isolate;min-height:100svh;min-height:100dvh;display:flex;flex-direction:column;padding-inline:8%;overflow:clip}
.header{padding-block-start:10px;display:flex;direction:ltr;align-items:center;justify-content:space-between;gap:12px;border-block-end:1px solid var(--rule);flex:none;min-height:72px}
.domain{font-size:.875rem;white-space:nowrap}.header-brand{display:flex;align-items:center;gap:16px;min-width:0}
.identity{padding:0 31px;flex:none}.logo{display:block;width:176px;height:auto}.logo-dark{display:none}
html[data-theme="dark"] .logo-light{display:none}html[data-theme="dark"] .logo-dark{display:block}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]) .logo-light{display:none}html:not([data-theme="light"]) .logo-dark{display:block}}
[hidden]{display:none!important}.appearance{flex:none}
#appearance{display:flex;direction:ltr;align-items:center;justify-content:center;gap:14px;width:84px;height:44px;padding:8px;border:1px solid var(--rule);border-radius:24px;background:transparent;color:var(--muted);cursor:pointer}
#appearance::after{content:"";position:absolute;width:1px;height:20px;background:var(--rule)}
#appearance svg{width:20px;height:20px;fill:currentColor;flex:none}
#appearance .theme-sun{color:var(--muted)}#appearance .theme-moon{color:var(--accent)}
#appearance[aria-pressed="true"] .theme-sun{color:var(--accent)}#appearance[aria-pressed="true"] .theme-moon{color:var(--muted)}
.header-brand #appearance .theme-sun{order:0}.header-brand #appearance .theme-moon{order:1}
main{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:42px;padding-block:72px 47px;min-width:0}
.introduction{width:100%;text-align:center;min-width:0}
.eyebrow{display:flex;align-items:center;justify-content:center;gap:20px;color:var(--accent);font-size:1.5rem;line-height:1.5;margin:0}
.eyebrow::before,.eyebrow::after{content:"";width:74px;height:1px;background:currentColor;flex:none}
h1{font-size:clamp(4.5rem,5.86vw,6.125rem);line-height:1.1;font-weight:900;letter-spacing:0;margin:10px 0 0}
.message{font-size:1.5rem;line-height:1.5;margin:24px auto 0;max-width:640px}
.side-note{position:absolute;inset-block-start:90px;margin:0;color:var(--muted);font-size:.6875rem;line-height:1.5;letter-spacing:.22em;font-weight:400;direction:ltr}
.side-left{left:0;border-inline-start:2px solid var(--accent);padding-inline-start:20px}.side-right{right:0;text-align:right;border-inline-end:2px solid var(--accent);padding-inline-end:20px}
.contact{width:min(100%,520px);min-width:0;text-align:center;scroll-margin-block:24px}
.contact-help{margin:0 0 16px;font-size:1rem;line-height:1.7;color:var(--muted)}
.main-actions{display:flex;direction:rtl;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:16px;min-width:0}
.action{display:flex;direction:rtl;align-items:center;justify-content:center;gap:10px;min-height:56px;min-width:max-content;max-width:100%;padding:12px 24px;border:1px solid var(--control-rule);border-radius:2px;font-size:1.125rem;line-height:1.5;text-decoration:none;text-align:center}
.action span{white-space:nowrap}.action svg{width:22px;height:22px;flex:none}.whatsapp-icon{fill:currentColor}
.primary{width:224px;background:var(--primary);border-color:var(--primary);color:var(--primary-ink);font-weight:700}.secondary{width:160px;background:var(--surface);color:var(--ink);font-weight:400}
.primary:hover{background:color-mix(in srgb,var(--primary) 92%,var(--primary-ink));border-color:transparent}.primary:active{background:color-mix(in srgb,var(--primary) 84%,var(--primary-ink))}
.secondary:hover{background:color-mix(in srgb,var(--ink) 6%,var(--surface));border-color:var(--accent)}.secondary:active{background:color-mix(in srgb,var(--ink) 12%,var(--surface))}
.other-contact{margin-block-start:16px;min-width:0}
.other-contact summary{width:fit-content;max-width:100%;min-height:48px;margin-inline:auto;padding:10px 8px;list-style-position:inside;font-size:.875rem;line-height:1.7;color:var(--muted);cursor:pointer}
.other-contact summary::marker{color:var(--accent)}.other-contact summary:hover{color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.other-contact-content{padding-block-start:12px}.number{margin:0;direction:ltr;unicode-bidi:isolate;font-size:1.125rem;line-height:1.6;font-variant-numeric:tabular-nums;overflow-wrap:normal;user-select:text}
.other-actions{display:flex;direction:rtl;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;margin-block-start:8px}
.other-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:80px;max-width:100%;padding:10px 14px;font-size:1rem;line-height:1.5;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}.other-action:hover{color:var(--accent)}
:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip-link{position:fixed;inset-block-start:10px;inset-inline-start:10px;transform:translateY(-200%);background:var(--surface);color:var(--ink);padding:12px 18px;z-index:5;border:2px solid var(--accent)}.skip-link:focus{transform:translateY(0)}
.footer{display:flex;direction:ltr;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;min-height:99px;flex:none;padding-block:20px;border-block-start:1px solid var(--rule)}
.legal-name{flex-basis:100%;margin:0;display:flex;direction:rtl;flex-wrap:wrap;justify-content:center;gap:4px 24px;color:var(--muted);font-size:.75rem;line-height:1.6;text-align:center}.legal-name span{unicode-bidi:isolate}
.copyright{margin:0;direction:ltr;color:var(--muted);font-size:.6875rem;line-height:1.5;letter-spacing:.22em}
.socials{display:flex;direction:rtl;align-items:center;min-width:0}.socials a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:6px 24px;font-size:.875rem;text-decoration:none}.socials a:first-child{padding-inline-start:0}.socials a:last-child{padding-inline-end:0}
.socials a+a::before{content:"";position:absolute;inset-inline-start:-24px;height:16px;width:1px;background:var(--rule)}.socials a+a{position:relative;margin-inline-start:24px}
.socials a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:5px}
@media(max-width:1100px){.page{padding-inline:6%}.side-note{display:none}.carved-root{left:calc(50% - 550px);width:630px;height:630px;inset-block-start:55px}h1{font-size:clamp(3.75rem,8vw,5rem)}.message{font-size:1.25rem}.header-brand{gap:4px}}
@media(max-width:599px){
 .page{padding-inline:16px}.header{padding-block-start:0;min-height:76px;gap:8px;flex-wrap:wrap}.domain{font-size:.6875rem}.header-brand{gap:4px}.identity{padding:23px 22px}.logo{width:128px}#appearance{width:68px;gap:8px}#appearance svg{width:18px;height:18px}
 main{justify-content:center;gap:28px;padding-block:32px}.eyebrow{font-size:1.0625rem;gap:12px}.eyebrow::before,.eyebrow::after{width:30px}
 h1{font-size:clamp(2.5rem,13.6vw,3.5rem);line-height:1.12;margin-block-start:12px}.message{font-size:1rem;line-height:1.7;margin-block-start:20px}
 .carved-root{display:block;inset-block-start:62px;left:calc(50% - 420px);width:600px;height:600px;opacity:.016}
 .timber{inset-block-start:160px;background-size:820px 600px;background-position:left bottom;opacity:.28}.timber::after{content:"";position:absolute;inset:0;background:url("assets/timber-framing.png") right bottom/820px 600px no-repeat}
 html[data-theme="dark"] .timber{opacity:.56}@media(prefers-color-scheme:dark){html:not([data-theme="light"]) .timber{opacity:.56}}
 .main-actions .primary{flex:1.5 1 200px}.main-actions .secondary{flex:1 1 130px}.action{padding-inline:20px}
 .footer{min-height:90px;gap:12px;flex-wrap:wrap;padding-block:16px}.copyright{font-size:.75rem;letter-spacing:.13em}.socials a{padding:6px 8px;font-size:.75rem}.socials a+a{margin-inline-start:8px}.socials a+a::before{inset-inline-start:-8px}
}
@media(max-width:359px){.identity{padding-inline:18px}.logo{width:96px}#appearance{width:60px;gap:6px}.copyright{width:100%}.footer{justify-content:center}.socials a{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(forced-colors:active){.scenery{display:none}.action,#appearance{border:2px solid ButtonText}.logo{background:Canvas}}