@font-face{font-family:O11 Sans;src:url('assets/fonts/noto-sans-armenian-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:dark;--background:#2d2929}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--background)}
body{font-family:'O11 Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.scene{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.scene{--art-scale:1.25;--seal-size:clamp(160px,15.2vw,350px);--pattern-size:calc(var(--seal-size) * var(--art-scale) * 9.15);--top-edge:clamp(22px,2.4vw,42px);--footer-offset:clamp(13px,1.15vw,25px);--flags-width:calc(clamp(23px,2.3vw,40px) * 3.45688);--footer-edge:calc(var(--footer-offset) + (44px - var(--flags-width) * 0.15797125) / 2);position:relative;isolation:isolate;width:100%;height:100vh;height:100dvh;overflow:hidden;background:var(--background)}
.contours{position:absolute;z-index:0;left:50%;top:50%;width:var(--pattern-size);height:var(--pattern-size);max-width:none;transform:translate(-50%,-50%);pointer-events:none;user-select:none}
.contour-reflection{--spotlight:radial-gradient(circle var(--light-radius,60px) at var(--light-x,-1000px) var(--light-y,-1000px),#000 0%,rgba(0,0,0,.96) 20%,rgba(0,0,0,.58) 50%,rgba(0,0,0,.18) 78%,transparent 100%);opacity:var(--contour-shine,0);filter:brightness(1.9) saturate(.75) drop-shadow(0 0 5px #ffe5ae);-webkit-mask-image:var(--spotlight);mask-image:var(--spotlight);mask-mode:alpha}
/* Keep the 5% edge shade over the chocolate and below both gold contour layers.
   The two masks combine once at corners. */
.scene::after{--edge-shade-stops:#000 0%,rgba(0,0,0,.896) 1%,rgba(0,0,0,.648) 2%,rgba(0,0,0,.352) 3%,rgba(0,0,0,.104) 4%,transparent 5%,transparent 95%,rgba(0,0,0,.104) 96%,rgba(0,0,0,.352) 97%,rgba(0,0,0,.648) 98%,rgba(0,0,0,.896) 99%,#000 100%;content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:#000;opacity:.65;-webkit-mask-image:linear-gradient(to right,var(--edge-shade-stops)),linear-gradient(to bottom,var(--edge-shade-stops));mask-image:linear-gradient(to right,var(--edge-shade-stops)),linear-gradient(to bottom,var(--edge-shade-stops));-webkit-mask-composite:source-over;mask-composite:add}
.water-background{position:absolute;z-index:-2;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.heritage{position:absolute;z-index:2;left:max(var(--top-edge),env(safe-area-inset-left));top:0;width:clamp(50px,4.7vw,88px)}
.ribbon-svg{display:block;width:100%;height:auto}
.wordmark{position:absolute;z-index:2;right:max(var(--top-edge),env(safe-area-inset-right));top:max(var(--top-edge),env(safe-area-inset-top));display:block;width:clamp(58px,5.35vw,100px);height:auto}
/* Match side gaps to the existing visible bottom gap, without a padded image box. */
.origin-flags{position:absolute;z-index:2;left:max(var(--footer-edge),env(safe-area-inset-left));bottom:max(var(--footer-edge),env(safe-area-inset-bottom));display:block;width:var(--flags-width);height:auto}
.wordmark,.origin-flags{background:transparent}
.wordmark>img,.origin-flags>img{display:block;width:100%;height:auto}
.contact-links{position:absolute;z-index:2;right:max(var(--footer-edge),env(safe-area-inset-right));bottom:max(var(--footer-edge),env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:5px}
/* Shadow the painted artwork, not its rectangular container or transparent gaps. */
.ribbon-svg{filter:drop-shadow(0 1px 2px rgba(25,19,17,.48)) drop-shadow(0 0 5px rgba(25,19,17,.28))}
.wordmark>img{filter:drop-shadow(0 1px 2px rgba(25,19,17,.78)) drop-shadow(0 0 5px rgba(25,19,17,.56))}
.origin-flags>img{filter:drop-shadow(0 1px 2px rgba(25,19,17,.60)) drop-shadow(0 0 4px rgba(25,19,17,.36))}
.contact-link{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:24px;color:#e4c58b;font-size:clamp(12px,1vw,15px);line-height:1.5;text-decoration:none;text-underline-offset:5px;white-space:nowrap}
.contact-link{text-shadow:0 1px 2px rgba(25,19,17,.95),0 0 4px rgba(25,19,17,.8),0 0 8px rgba(25,19,17,.45)}
.phone{font-variant-numeric:tabular-nums;text-shadow:0 0 1px #191311,0 1px 3px rgba(25,19,17,.98),0 0 6px rgba(25,19,17,.9),0 0 11px rgba(25,19,17,.6)}
.contact-link:hover{text-decoration:underline;color:#fff0ca}
.contact-link:focus-visible{outline:1px solid #efd39d;outline-offset:4px}
.seal{--shine:0;--warmth:0;--bloom:0;--glow-size:0px;position:absolute;z-index:1;left:50%;top:50%;width:calc(var(--seal-size) * var(--art-scale));height:calc(var(--seal-size) * var(--art-scale));transform:translate(-50%,-50%);outline:none;filter:drop-shadow(0 0 var(--glow-size) rgba(243,206,132,.27));-webkit-tap-highlight-color:transparent}
.seal-svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.foil-reflection{opacity:var(--shine);mix-blend-mode:screen}
.foil-warmth{opacity:var(--warmth);mix-blend-mode:screen}
.foil-glow{opacity:var(--bloom);mix-blend-mode:screen}
/* Tablet: reveal all three contour rings while retaining the seal and its center. */
@media(min-width:601px) and (max-width:1024px){.scene{--seal-size:clamp(170px,25.4vw,240px);--pattern-size:calc(var(--seal-size) * var(--art-scale) * 7.7);--top-edge:26px;--footer-offset:22px;--flags-width:calc(29px * 3.45688)}.heritage{width:64px}.wordmark{width:76px}}
/* Mobile: reveal more of the contour sides while retaining the seal and its center. */
@media(max-width:600px){.scene{--seal-size:clamp(132px,43.5vw,210px);--pattern-size:calc(var(--seal-size) * var(--art-scale) * 7);--top-edge:20px;--footer-offset:18px;--flags-width:calc(23px * 3.45688)}.heritage{width:53px}.wordmark{width:62px}}
@media(max-height:500px) and (orientation:landscape){.scene{--seal-size:min(30dvh,20vw);--top-edge:16px;--footer-offset:12px;--flags-width:calc(20px * 3.45688)}.heritage{width:45px}.wordmark{width:53px}}
@media(prefers-reduced-motion:reduce){.seal{filter:none}}