@font-face{font-family:SarbonSans;src:url('assets/fonts/body-light.woff') format('woff');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:SarbonSans;src:url('assets/fonts/body-regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:SarbonSans;src:url('assets/fonts/body-semibold.woff') format('woff');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:SarbonSans;src:url('assets/fonts/body-bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
:root{--green:#0b452e;--cream:#f6f2e8;--font:SarbonSans,Arial,sans-serif;--glass-border:rgba(11,69,46,.16);--button-radius:24px;--content-width:408px}
*{box-sizing:border-box}html{min-height:100%;background:var(--cream)}body{margin:0;min-height:100svh;background:var(--cream);color:var(--green);font-family:var(--font);font-weight:400;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:5px}img{max-width:100%;height:auto}.sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-dot{fill:currentColor;stroke:none}.skip-link{position:fixed;z-index:10;left:12px;top:12px;background:var(--cream);border:1px solid var(--green);padding:12px 16px;border-radius:14px;transform:translateY(-160%);font-size:13px}.skip-link:focus{transform:translateY(0)}
.backdrop{position:fixed;inset:0;overflow:hidden;pointer-events:none}.food-wallpaper{position:absolute;inset:-40px;background-image:url('assets/food-miniatures.png');background-repeat:repeat;background-size:410px 410px;background-position:center 30px;opacity:.27}.reading-zone{position:absolute;inset:0;background:radial-gradient(ellipse 440px 540px at 50% 46%,rgba(246,242,232,.96) 0%,rgba(246,242,232,.9) 29%,rgba(246,242,232,.68) 51%,rgba(246,242,232,.1) 88%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-mask-image:radial-gradient(ellipse 460px 620px at center,#000 22%,#0009 52%,transparent 95%);mask-image:radial-gradient(ellipse 460px 620px at center,#000 22%,#0009 52%,transparent 95%)}.adras{position:absolute;top:0;bottom:0;width:52px;background-image:url('assets/adras.svg');background-repeat:repeat-y;background-size:52px 208px;opacity:.43}.adras-left{left:17px}.adras-right{right:17px;transform:scaleX(-1)}
.hub{position:relative;max-width:var(--content-width);width:calc(100% - 64px);min-height:100svh;margin:0 auto;padding:34px 0 44px;display:flex;flex-direction:column;justify-content:center}.language-switch{display:flex;gap:3px;justify-content:center;align-items:center;width:max-content;max-width:100%;margin:0 auto 30px;padding:4px;border:1px solid rgba(11,69,46,.12);border-radius:99px;background:rgba(246,242,232,.54);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.language-switch button{border:0;border-radius:99px;background:transparent;color:var(--green);font-size:11px;line-height:1.3;min-height:36px;padding:8px 15px;font-weight:400;transition:background .2s,color .2s}.language-switch button[aria-pressed=true]{background:var(--green);color:var(--cream)}.language-switch button:hover:not([aria-pressed=true]){background:rgba(11,69,46,.07)}
.welcome{text-align:center;margin:0 0 31px}.brand-mark{display:block;width:80px;height:80px;margin:0 auto 22px;border-radius:50%}h1{font-size:31px;line-height:1.38;letter-spacing:-.9px;font-weight:300;margin:0;text-wrap:balance}.links{display:flex;flex-direction:column;gap:13px}.glass-link{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:16px;min-height:78px;padding:17px 21px;border:1px solid var(--glass-border);border-radius:var(--button-radius);background:linear-gradient(120deg,rgba(246,242,232,.75),rgba(246,242,232,.35));box-shadow:0 6px 24px rgba(11,69,46,.045),inset 0 1px 0 rgba(246,242,232,.97),inset 0 -1px 0 rgba(246,242,232,.3);-webkit-backdrop-filter:blur(23px) saturate(1.05);backdrop-filter:blur(23px) saturate(1.05);transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,border-color .25s,background .25s;animation:arrive .65s backwards}.glass-link:nth-child(1){animation-delay:.04s}.glass-link:nth-child(2){animation-delay:.1s}.glass-link:nth-child(3){animation-delay:.16s}.glass-link:nth-child(4){animation-delay:.22s}.glass-link::before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(circle 170px at var(--pointer-x,50%) var(--pointer-y,50%),rgba(246,242,232,.8),transparent 90%);opacity:0;transition:opacity .25s}.link-icon{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:1px solid rgba(11,69,46,.11);border-radius:15px;background:rgba(246,242,232,.4);box-shadow:inset 0 1px 0 rgba(246,242,232,.85);transition:transform .25s,background .25s}.link-icon .icon{width:22px;height:22px}.link-label{flex:1;font-size:15px;line-height:1.5;font-weight:400;letter-spacing:-.15px}.link-arrow{width:17px;height:17px;margin-left:auto;opacity:.65;transition:transform .25s,opacity .25s}.link-copy{display:flex;flex-direction:column;flex:1;gap:3px;min-width:0}.link-copy .link-label{font-size:14px}.phone-number{font-size:12px;line-height:1.5;letter-spacing:.3px;opacity:.72}.glass-link[aria-disabled=true]{opacity:1;cursor:default;border-style:dashed}.glass-link[aria-disabled=true] .link-label{opacity:.55}.glass-link[aria-disabled=true] .link-arrow{opacity:.4}.glass-link.is-pressed:not([aria-disabled=true]){transform:scale(.975)}.ripple{position:absolute;z-index:-1;width:30px;height:30px;border-radius:50%;background:rgba(11,69,46,.1);pointer-events:none;animation:ripple .65s ease-out forwards;transform:translate(-50%,-50%) scale(0)}
@media(hover:hover) and (pointer:fine){.glass-link:not([aria-disabled=true]):hover{transform:translateY(-3px);border-color:rgba(11,69,46,.32);box-shadow:0 13px 30px rgba(11,69,46,.075),inset 0 1px 0 var(--cream)}.glass-link:not([aria-disabled=true]):hover::before{opacity:1}.glass-link:not([aria-disabled=true]):hover .link-icon{transform:rotate(-5deg);background:rgba(246,242,232,.8)}.glass-link:not([aria-disabled=true]):hover .link-arrow{transform:translate(2px,-2px);opacity:1}}
@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{transform:translateY(0)}}@keyframes ripple{to{transform:translate(-50%,-50%) scale(28);opacity:0}}
@media(min-width:1200px){.hub{padding-top:40px;padding-bottom:52px}.adras{width:65px;background-size:65px 260px;opacity:.38}.adras-left{left:42px}.adras-right{right:42px}.food-wallpaper{background-size:410px 410px;opacity:.26}}
@media(max-width:600px){.hub{width:calc(100% - 56px);max-width:380px;padding:29px 0 35px}.adras{width:23px;background-size:30px 120px;opacity:.33}.adras-left{left:0}.adras-right{right:0}.food-wallpaper{background-size:310px 310px;opacity:.3;background-position:center 12px}.reading-zone{background:radial-gradient(ellipse 290px 510px at 50% 44%,rgba(246,242,232,.94) 0%,rgba(246,242,232,.84) 35%,rgba(246,242,232,.36) 73%,transparent 100%)}.language-switch{margin-bottom:27px}.language-switch button{min-height:38px;font-size:10px;padding:8px 13px}.brand-mark{width:76px;height:76px;margin-bottom:21px}h1{font-size:clamp(25px,6.8vw,30px);line-height:1.4;letter-spacing:-.7px}.welcome{margin-bottom:28px}.glass-link{min-height:76px;padding:16px 18px;gap:14px;border-radius:23px}.link-label{font-size:14px}.link-icon{width:40px;height:40px;border-radius:14px}.link-arrow{width:16px;height:16px}.links{gap:12px}.link-copy .link-label{font-size:13px}.phone-number{font-size:12px}}
@media(max-width:350px){.hub{width:calc(100% - 48px);padding-top:22px;padding-bottom:28px}.language-switch{margin-bottom:23px}.language-switch button{font-size:10px;padding:8px 12px}.brand-mark{width:67px;height:67px;margin-bottom:18px}h1{font-size:24px;letter-spacing:-.7px}.welcome{margin-bottom:24px}.glass-link{padding:15px 15px;gap:11px;min-height:73px}.link-icon{width:37px;height:37px;border-radius:13px}.link-icon .icon{width:20px;height:20px}.link-label{font-size:13px}.link-copy .link-label{font-size:12px}.phone-number{font-size:11px}.link-arrow{width:15px;height:15px}.links{gap:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ripple{display:none}.glass-link:hover,.glass-link.is-pressed{transform:none!important}}
@media(max-width:600px) and (max-height:700px){.hub{padding-top:19px;padding-bottom:17px}.language-switch{margin-bottom:16px}.brand-mark{width:64px;height:64px;margin-bottom:14px}.welcome{margin-bottom:20px}h1{font-size:24px}.links{gap:10px}.glass-link{min-height:68px;padding-top:13px;padding-bottom:13px}}

/* Service assets retain their own colors; the page stays in Sarbon's palette. */
.service-icon{border:0;background:transparent;box-shadow:none}.service-icon img{display:block;width:30px;height:30px;object-fit:contain;flex-shrink:0;filter:none;opacity:1}.glass-link[aria-disabled=true] .service-icon{opacity:1}.glass-link[data-link=location] .service-icon img{width:32px;height:32px}
@media(max-width:350px){.service-icon img{width:28px;height:28px}.glass-link[data-link=location] .service-icon img{width:30px;height:30px}}

/* Brand name stays under the unchanged emblem. */
.welcome .brand-mark{margin-bottom:9px}.brand-wordmark{display:block;color:var(--green);font-family:var(--font);font-size:18px;font-weight:700;line-height:1.15;letter-spacing:.14em;margin:0 0 20px}
@media(max-width:600px) and (max-height:700px){.hub{padding-top:16px;padding-bottom:14px}.language-switch{margin-bottom:12px}.welcome .brand-mark{width:60px;height:60px;margin-bottom:6px}.brand-wordmark{font-size:16px;margin-bottom:12px}.welcome{margin-bottom:16px}.links{gap:9px}.glass-link{min-height:67px}}

.header-controls{display:flex;align-items:center;justify-content:center;gap:9px;width:max-content;max-width:100%;margin:0 auto 30px}.header-controls .language-switch{margin:0}.sound-toggle{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:1px solid rgba(11,69,46,.15);border-radius:50%;color:var(--green);background:rgba(246,242,232,.55);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:background .2s,transform .2s}.sound-toggle[hidden]{display:none!important}.sound-toggle .icon{width:18px;height:18px}.sound-toggle[data-sound-muted=true] .sound-on,.sound-toggle[data-sound-muted=false] .sound-off{display:none}.sound-toggle:hover{background:rgba(11,69,46,.06)}.sound-toggle:active{transform:scale(.94)}
@media(max-width:600px){.header-controls{gap:8px;margin-bottom:27px}.sound-toggle{flex-basis:38px;width:38px;height:38px}}
@media(max-width:350px){.header-controls{gap:7px}.sound-toggle{flex-basis:36px;width:36px;height:36px}.sound-toggle .icon{width:17px;height:17px}}
@media(max-width:600px) and (max-height:700px){.header-controls{margin-bottom:12px}}
