.side,.site{position:relative;height:100vh}.side::after,.side::before{inset:0;position:absolute;content:''}.icon-group img,.instagram img{width:18px;height:18px}:root{--gold:#d7b46a;--cream:#f7f0e3;--dark:#0b0b0b;--red:#FF0000}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;background:var(--dark);font-family:Arial,Helvetica,sans-serif}.brand-name,h2{font-family:Georgia,'Times New Roman',serif}body{overflow-x:hidden}.text-red{color:var(--red)}.site{display:flex;width:100%}.instagram,.pin{display:inline-flex;gap:10px}.side{flex:1;overflow:hidden;text-decoration:none;color:var(--cream);isolation:isolate}.eyebrow,.instagram{color:#fff;font-weight:700;text-transform:uppercase}.side::before{background-position:center;background-size:cover;transform:scale(1.02);transition:transform .8s cubic-bezier(.2, .7, .2, 1),filter .8s;z-index:-2}.side::after{background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.18) 55%,rgba(0,0,0,.42)),linear-gradient(to right,rgba(0,0,0,.15),transparent);z-index:-1;transition:background .5s}.side-left::before{background-image:url('../img/vrakunska.webp')}.side-right::before{background-image:url('../img/mierova.webp')}.side:focus-visible::before,.side:hover::before{transform:scale(1.09);filter:saturate(1.08) contrast(1.04)}.side:focus-visible::after,.side:hover::after{background:linear-gradient(to top,rgba(0,0,0,.88),rgba(0,0,0,.1) 58%,rgba(0,0,0,.3)),linear-gradient(to right,rgba(0,0,0,.08),transparent)}.content{position:absolute;left:clamp(24px,5vw,72px);right:clamp(24px,5vw,72px);bottom:clamp(42px,9vh,100px);transition:transform .5s}.brand,.divider{position:absolute;left:50%;pointer-events:none}.side-right .content{text-align:right}.side:focus-visible .content,.side:hover .content{transform:translateY(-10px)}.eyebrow{width:fit-content;margin-bottom:14px;font-size:.75rem;line-height:1.4;letter-spacing:.14em;text-shadow:0 2px 5px rgba(0,0,0,.95),0 0 18px rgba(0,0,0,.85)}.eyebrow::before{content:'';flex:0 0 auto;width:28px;height:1px;background:#d7b46a;box-shadow:0 1px 5px rgba(0,0,0,.7)}.side-right .eyebrow{flex-direction:row-reverse}h2{max-width:680px;font-size:clamp(2.7rem, 6vw, 6.4rem);font-weight:400;line-height:.92;letter-spacing:-.045em;text-shadow:0 8px 28px rgba(0,0,0,.35)}.side-right h2{margin-left:auto}.instagram,.pin{align-items:center}.instagram{align-items:center;margin-top:26px;padding:12px 18px;border:1px solid rgba(215,180,106,.75);border-radius:999px;background:rgba(10,10,10,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:.78rem;letter-spacing:.16em;box-shadow:0 8px 24px rgba(0,0,0,.25);transition:background-color .3s,color .3s,border-color .3s,transform .3s}.instagram:hover,.side:hover .instagram{background:#d7b46a;border-color:#d7b46a;color:#111;transform:translateY(-2px)}.icon-group img{filter:invert(1)}.brand{top:50vh;z-index:5;width:min(260px,34vw);padding:24px 22px;border:1px solid rgba(215,180,106,.65);background:rgba(8,8,8,.72);color:var(--cream);text-align:center;transform:translate(-50%,-50%);backdrop-filter:blur(10px);box-shadow:0 18px 70px rgba(0,0,0,.35)}.brand-small{color:var(--gold);font-size:.66rem;font-weight:700;letter-spacing:.34em;text-transform:uppercase}.brand-name{margin:8px 0 5px;font-size:clamp(1.8rem, 4vw, 3rem);font-weight:400;letter-spacing:.08em;text-transform:uppercase}.brand-hours{color:rgba(247,240,227,.72);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase}.divider{top:0;bottom:0;z-index:4;width:1px;background:linear-gradient(transparent,rgba(215,180,106,.7) 20%,rgba(215,180,106,.7) 80%,transparent)}@media (max-width:768px){.brand{width:min(220px,64vw);padding:17px 16px}.site{flex-direction:column}.side{height:50vh}.side-left .content{top:32px}.side-right .content{bottom:32px;text-align:left}h2{font-size:clamp(2.2rem, 12vw, 4rem)}.side-right .eyebrow{flex-direction:row}.side-right h2{margin-left:0}.divider{display:block;top:50%;bottom:auto;left:0;right:0;width:100%;height:1px;transform:translateY(-50%);background:linear-gradient(to right,transparent,rgba(215,180,106,.7) 20%,rgba(215,180,106,.7) 80%,transparent)}}@media (prefers-reduced-motion:reduce){.content,.side::before{transition:none}}