/* A continuous photographic opening, built for Svinu.lv. */
.site-header{position:absolute;inset:0 0 auto;background:transparent;color:#fff9ed;border-color:#fff9ed26;z-index:20}
.site-header .logo-dot{color:#eabf9f}.site-header nav>a:hover{color:#edcbb2}.site-header nav .button{background:#f4eddf;color:#30372f}.site-header nav>.button:hover{color:#30372f;background:#fff9ef}
.cinematic-intro{position:relative;background:#f6f3ed;--intro-progress:0;--scene-scale:1;--first-opacity:1;--first-y:0px;--second-opacity:0;--second-y:30px;--third-opacity:0;--third-y:30px;--celebration-opacity:0;--memory-opacity:0;--memory-shift:100px;--scene-inset:0%;--pointer-x:0px;--pointer-y:0px}
.cinematic-intro.is-enhanced{height:300svh}
.intro-stage{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;isolation:isolate;color:#fff9ed;background:#f6f3ed}
.intro-scene{position:absolute;inset:0;background:#24221a;overflow:hidden;clip-path:inset(var(--scene-inset));will-change:clip-path}
.intro-camera{position:absolute;inset:-2%;transform:translate3d(var(--pointer-x),var(--pointer-y),0) scale(var(--scene-scale));will-change:transform}
.intro-backdrop{display:block;position:absolute;inset:0}.intro-backdrop img{object-position:50% 52%}
.intro-celebration{opacity:var(--celebration-opacity)}.intro-celebration img{object-position:50% 55%}
.intro-shade{position:absolute;inset:0;background:linear-gradient(180deg,#141c16a3 0%,#151d1745 24%,#161a1445 55%,#101b17b8 100%)}
.intro-memories{position:absolute;inset:0;perspective:1200px;opacity:var(--memory-opacity);pointer-events:none}
.intro-memory{position:absolute;margin:0;overflow:hidden;box-shadow:0 20px 60px #0005;will-change:transform}
.intro-memory img{height:100%;width:100%;object-fit:cover}.intro-memory:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#121b1777)}
.intro-memory figcaption{position:absolute;bottom:18px;left:20px;color:#fff9ed;z-index:1;font-size:8px;letter-spacing:1.8px}
.memory-table{width:21vw;height:53vh;max-height:580px;top:12%;left:-3%;transform:translate3d(calc(var(--memory-shift) * -1),0,0) rotate(-9deg)}
.memory-food{width:23vw;height:30vh;right:-2%;top:17%;transform:translate3d(var(--memory-shift),0,35px) rotate(7deg)}
.memory-service{width:15vw;height:30vh;right:5%;bottom:17%;transform:translate3d(calc(var(--memory-shift) * .6),calc(var(--memory-shift) * .4),65px) rotate(-7deg)}
.intro-signature{display:none;pointer-events:none;position:absolute;inset:0;align-items:center;justify-content:center;font:400 clamp(100px,16vw,250px)/1 SvinuSerif,Georgia,serif;letter-spacing:-.06em;text-shadow:0 2px 35px #0003}.intro-signature span{color:#edc5a7}
.intro-titles{position:absolute;inset:22% 5% 23%;display:grid;align-items:center;text-align:center;pointer-events:none}
.intro-title-first,.intro-title-second,.intro-title-third{grid-area:1/1;will-change:transform,opacity}
.intro-title-first{opacity:var(--first-opacity);transform:translateY(var(--first-y))}
.intro-titles .eyebrow{font-size:9px;letter-spacing:2.3px;font-weight:500;margin-bottom:32px}
.intro-titles h1{font-size:clamp(68px,7.6vw,132px);line-height:.98;letter-spacing:-.045em;text-wrap:balance;color:#fff9ed}
.intro-titles em{color:#f0c4a4}.intro-lead{font-size:13px;line-height:1.7;margin-top:30px;color:#f5eee3}
.intro-title-second{opacity:var(--second-opacity);transform:translateY(var(--second-y))}
.intro-title-third{opacity:var(--third-opacity);transform:translateY(var(--third-y))}
.intro-statement{font:400 clamp(72px,8.5vw,140px)/.96 SvinuSerif,Georgia,serif;letter-spacing:-.04em;text-shadow:0 2px 50px #0008}
.intro-bottom{position:absolute;bottom:7%;left:5%;right:5%;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:25px}
.intro-place{font-size:8px;letter-spacing:2px;line-height:1.7}.intro-place span{display:block;font-size:10px;letter-spacing:0;margin-top:8px;color:#eee5d8}
.intro-cta{border-color:#fff7e885;background:#f5f0e7;color:#30372f;padding:17px 24px;font-size:11px;min-height:52px}.intro-cta:hover{background:#fff9ee}
.intro-scroll{justify-self:end;font-size:9px;letter-spacing:.3px;display:flex;align-items:center;gap:18px;min-height:44px}.intro-scroll b{font:400 23px/1 SvinuSerif,Georgia,serif;border:1px solid #fff5;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;transition:transform .2s}.intro-scroll:hover b{transform:translateY(4px)}
.intro-progress{position:absolute;left:5%;right:5%;bottom:22px;height:1px;background:#fff4;pointer-events:none}.intro-progress span{display:block;height:100%;background:#fff8e6;transform:scaleX(var(--intro-progress));transform-origin:left}
.intro-after{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:32px 5% 0}.intro-after p{font-size:11px;line-height:1.7}.intro-after p span{font-size:10px;color:#69705f}.intro-after .text-link{font-size:11px}
.is-enhanced.is-entering .intro-signature{display:flex;animation:signature-intro 1.8s both}.is-enhanced.is-entering .intro-title-first{animation:copy-intro 1.8s both}.is-enhanced.is-entering .intro-backdrop img{animation:photo-intro 2.2s cubic-bezier(.2,.7,.2,1) both}
@keyframes signature-intro{0%,20%{opacity:1;transform:scale(.97)}55%,100%{opacity:0;transform:scale(1.07)}}
@keyframes copy-intro{0%,35%{opacity:0;translate:0 18px}100%{opacity:1;translate:0 0}}
@keyframes photo-intro{from{transform:scale(1.09)}to{transform:scale(1)}}
@media(min-width:1700px){.intro-titles h1{font-size:clamp(132px,7.5vw,230px)}.intro-statement{font-size:clamp(140px,8vw,240px)}.intro-titles .eyebrow{font-size:11px}.intro-lead{font-size:16px}.intro-cta{font-size:13px}}
@media(max-width:1000px){.site-header nav{gap:18px}.intro-titles{inset:24% 5% 24%}.intro-bottom{gap:15px}.intro-place{font-size:7px;letter-spacing:1px}.intro-place span{font-size:8px}.intro-cta{padding:15px;font-size:10px}.intro-scroll{font-size:8px;gap:10px}.intro-titles h1{font-size:clamp(65px,9vw,90px)}}
@media(max-width:760px){.site-header .menu-toggle span{background:#fff9ed}.nav-open .site-header{background:#f6f3ed;color:#30372f}.nav-open .site-header .menu-toggle span{background:#30372f}.nav-open .site-header .logo-dot{color:#a4553b}.site-header nav{color:#30372f}.site-header nav .button{color:#fff;background:#303d32}.site-header nav>.button:hover{color:#fff;background:#303d32}.site-header nav>a:hover{color:#a4553b}
.cinematic-intro.is-enhanced{height:245svh}.intro-stage{min-height:560px}.intro-titles{inset:23% 6% 28%}.intro-titles .eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:25px}.intro-titles h1{font-size:clamp(49px,10.8vw,78px);letter-spacing:-.04em}.intro-lead{font-size:11px;line-height:1.75;margin-top:23px}.intro-statement{font-size:clamp(59px,14vw,90px)}
.intro-backdrop img{object-position:54% 50%}.intro-celebration img{object-position:48% 50%}.intro-shade{background:linear-gradient(180deg,#101c168f,#10191066 40%,#101b1799 72%,#101b17c9)}
.intro-bottom{left:6%;right:6%;bottom:7%;grid-template-columns:1fr 1fr;gap:22px 12px}.intro-cta{grid-column:1/-1;grid-row:1;justify-self:center;min-height:50px;font-size:10px;padding:15px 21px;gap:22px}.intro-place{font-size:7px;letter-spacing:1.2px}.intro-place span{font-size:8px;margin-top:5px}.intro-scroll{font-size:8px;gap:10px}.intro-scroll b{width:36px;height:36px;font-size:20px}.intro-progress{bottom:19px;left:6%;right:6%}
.memory-table{width:29vw;height:29vh;left:-15%;top:10%;transform:translate3d(calc(var(--memory-shift) * -.5),0,0) rotate(-11deg)}.memory-food{width:37vw;height:23vh;right:-17%;top:19%;transform:translate3d(calc(var(--memory-shift) * .5),0,0) rotate(10deg)}.memory-service{display:none}.intro-memory figcaption{display:none}.intro-after{padding:27px 6% 0;align-items:start}.intro-after p{font-size:9px}.intro-after p span{font-size:8px}.intro-after .text-link{font-size:9px;gap:9px;white-space:nowrap}
}
@media(max-width:359px){.intro-titles h1{font-size:46px}.intro-titles .eyebrow{font-size:6px;letter-spacing:.9px}.intro-statement{font-size:57px}.intro-titles{inset:23% 5% 29%}.intro-after{display:block}.intro-after .text-link{margin-top:12px}.intro-cta{font-size:9px}.intro-place span{font-size:7px}}
@media(max-height:650px) and (min-width:761px){.intro-stage{min-height:480px}.intro-titles{inset:23% 5% 24%}.intro-titles h1{font-size:64px}.intro-titles .eyebrow{margin-bottom:18px}.intro-lead{margin-top:15px;font-size:11px}.intro-bottom{bottom:7%}.intro-statement{font-size:75px}}
@media(prefers-reduced-motion:reduce){.cinematic-intro.is-enhanced{height:auto}.intro-stage{position:relative}.intro-signature,.intro-title-second,.intro-title-third,.intro-memories,.intro-progress{display:none!important}.intro-title-first{opacity:1!important;transform:none!important;animation:none!important}.intro-camera,.intro-backdrop img{transform:none!important;animation:none!important}.intro-celebration{opacity:0!important}.intro-scene{clip-path:none!important}.intro-scroll b{transition:none}}