/* Final gallery and offer refinements. */
.concept-wall .drinks-frame{padding:var(--frame-width);background:transparent}

.jagttegn-motifs{display:flex;align-items:center;justify-content:center;gap:24px;padding:0 12px}
.jagttegn-motifs img{display:block;object-fit:contain;filter:drop-shadow(3px 6px 4px #0008)}
.jagttegn-fox{width:43%;height:195px;transform:rotate(-5deg)}
.jagttegn-bag{width:47%;height:175px;transform:rotate(7deg)}
.offers-grid .offer-paper{padding:20px}
.offers-grid .offer-paper h3{font-size:clamp(34px,3.3vw,46px)}
.offer-drinks .offer-products{flex:0;margin-top:10px;padding-top:0}
.offer-drinks .offer-product{padding:13px 0;gap:14px}
.offer-drinks .offer-product h4{font-size:clamp(24px,2vw,30px)}
.offer-drinks .offer-product>p{font-size:clamp(30px,2.7vw,40px)}
.offer-beer-selection{margin-top:12px;max-height:170px}
.offer-beer .offer-price{font-size:90px;margin:8px 0}
.offer-beer .offer-hours{padding-top:12px}
@media(max-width:760px){.jagttegn-fox{height:175px}.jagttegn-bag{height:155px}.offer-beer .offer-hours{margin-top:16px}.offers-grid .offer-paper h3{font-size:38px}.offer-drinks .offer-product{padding:13px 0}}

/* Existing hunting horn in the original quotation frame. */
.headline-paper.horn-paper{aspect-ratio:1.02;min-height:0;padding:12px;display:flex;align-items:center;justify-content:center}
.horn-paper .framed-horn{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(3px 6px 4px #43240a55)}
.horn-paper .horn-title{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Let the stag lead the opening gallery. */
@media(min-width:761px){
 .concept-wall{grid-template-columns:1.25fr 1.55fr .68fr;gap:16px;min-height:430px}
 .concept-wall .headline-frame{align-self:center;width:100%;--frame-width:19px;padding:23px}
 .concept-wall .stag-frame{height:420px;min-height:0;margin-top:0}
 .concept-wall .stag-frame>img{inset:0;width:100%;height:100%;object-fit:contain}
}
@media(max-width:760px){
 .concept-wall .headline-frame{width:76%;justify-self:center;align-self:center;--frame-width:16px;padding:20px}
 .concept-wall .stag-frame{height:360px;min-height:0;margin-top:0}
 .concept-wall .stag-frame>img{inset:-5% -6%;width:112%;height:110%;object-fit:contain}
}

/* Swap the framed horn and cocktails, including their frame sizes. */
.concept-wall .drinks-frame.headline-frame{padding:var(--frame-width);transform:rotate(-.3deg);background:transparent}
.drinks-frame.headline-frame .hero-cocktail-pair{aspect-ratio:1.02}
.horn-small{--frame-width:14px;padding:var(--frame-width);transform:rotate(-1deg)}
.horn-small .horn-paper{padding:5px}
/* Lower the background's foreground edge beyond the cocktail frame. */
.drinks-frame.headline-frame .hero-cocktail-pair{background-size:auto 110%;background-position:center top}

/* Welcome heading and a closely grouped opening gallery. */
.welcome-title{grid-column:1/-1;text-align:center;font:700 clamp(38px,5vw,64px)/1 Zuume,Impact,sans-serif;text-transform:uppercase;color:#f4e7bf;margin:10px 0 4px;position:relative;z-index:1}
.concept-wall .drinks-frame.headline-frame{transform:rotate(-4deg)}
.drinks-frame.headline-frame .hero-cocktail-pair img{bottom:7%}
.drinks-frame.headline-frame .hero-cocktail-pair img:first-child{left:8%;width:49%;height:85%}
.drinks-frame.headline-frame .hero-cocktail-pair::after{bottom:5%}
.concept-wall{padding-bottom:0}
.concept-wall+.city-posters{padding-top:0;margin-top:-6px}
@media(max-width:760px){.welcome-title{margin:12px 0 10px}.concept-wall{padding-bottom:8px}.concept-wall+.city-posters{margin-top:0;padding-top:0}}
/* Stronger heading and tighter gallery spacing. */
.welcome-title{font-size:clamp(52px,8.5vw,108px)}
.drinks-frame.headline-frame .hero-cocktail-pair img:first-child{left:5%;width:54%;height:91%}
.concept-wall .horn-small{width:116%;margin-left:-8%;--frame-width:15px}
@media(min-width:761px){
 .concept-wall .stag-frame{height:clamp(320px,36vw,420px)}
 .concept-wall+.city-posters{margin-top:0}
}
@media(max-width:760px){
 .welcome-title{font-size:clamp(42px,10vw,74px)}
 .concept-wall .horn-small{width:108%;margin-left:-4%}
 .concept-wall+.city-posters{margin-top:-8px}
}

/* A little more breathing room above the city frames. */
.concept-wall+.city-posters{margin-top:10px}

/* A larger fox mounted over the photo's lower-right corner. */
.jagttegn-gallery{position:relative;padding-bottom:125px}
.jagttegn-gallery .jagttegn-motifs{position:absolute;right:-10px;bottom:0;width:58%;height:280px;padding:0;display:block;z-index:3;pointer-events:none}
.jagttegn-gallery .jagttegn-fox{width:100%;height:100%;object-fit:contain;transform:rotate(7deg)}
@media(max-width:760px){.jagttegn-gallery{padding-bottom:110px}.jagttegn-gallery .jagttegn-motifs{right:-5px;width:55%;height:260px}}
@media(max-width:400px){.jagttegn-gallery{padding-bottom:95px}.jagttegn-gallery .jagttegn-motifs{height:225px;width:60%}}
/* Place the fox centrally along the photo frame's top edge. */
.jagttegn-gallery{padding-top:230px;padding-bottom:0}
.jagttegn-gallery .jagttegn-motifs{top:0;bottom:auto;right:21%}
.jagttegn-gallery .jagttegn-fox{transform:rotate(3deg)}
@media(max-width:760px){.jagttegn-gallery{padding-top:215px;padding-bottom:0}.jagttegn-gallery .jagttegn-motifs{right:22.5%}}
@media(max-width:400px){.jagttegn-gallery{padding-top:185px;padding-bottom:0}.jagttegn-gallery .jagttegn-motifs{right:20%}}

/* Refine the gallery balance and compact the middle sections. */
.stag-frame.stag-unframed>img{transform:rotate(6deg)}
.jagttegn-gallery .jagttegn-motifs{top:40px;right:5%}
.site-frame main>#jagttegn{padding-bottom:20px;margin-bottom:0}
.site-frame main>#jagttegn+#tidlige-tilbud{margin-top:14px}
#tema-torsdag .thursday-paper{min-height:0;padding:16px 10px}
#tema-torsdag .event-logo{height:110px}
#tema-torsdag .event-logo-heading{margin-bottom:8px}
#tema-torsdag .thursday-paper p{margin:10px 0;line-height:1.55}
#tema-torsdag .thursday-paper small{margin-top:12px}
.site-frame main>#tema-torsdag{padding-bottom:18px;margin-bottom:0}
.site-frame main>#tema-torsdag+section{margin-top:14px}
@media(max-width:480px){
 #tema-torsdag .event-logo{height:90px}
 #tema-torsdag .thursday-paper{padding:16px 7px}
 .jagttegn-gallery .jagttegn-motifs{top:30px}
}

/* Tuck the fox farther into the frame and tighten its mobile top space. */
.jagttegn-gallery .jagttegn-motifs{top:70px;right:-4%}
@media(max-width:760px){
 .site-frame main>#jagttegn{padding-top:20px}
 .jagttegn-gallery{padding-top:135px}
 .jagttegn-gallery .jagttegn-motifs{top:-20px}
}
@media(max-width:400px){.jagttegn-gallery{padding-top:115px}}

/* Final gallery, cocktail and contact refinements. */
.concept-wall .stag-frame.stag-unframed{position:relative;z-index:8;pointer-events:none}
@media(min-width:761px){
 #jagttegn{align-items:start}
 #jagttegn .jagttegn-gallery{padding-top:150px}
 #jagttegn .jagttegn-motifs{top:-10px}
}
.offer-beer{position:relative;overflow:visible}
.offer-beer .offer-rabbit{position:absolute;z-index:5;width:125px;height:165px;object-fit:contain;left:-38px;top:-45px;filter:drop-shadow(2px 5px 3px #0008);pointer-events:none}
#stemningen .bar-frame{padding:20px;background:#1c221b}
.cocktail-showcase{position:relative;height:390px;overflow:hidden;background:linear-gradient(#1119,#1112),url('assets/hero-cocktail-bar.png') center/cover}
.cocktail-showcase img{position:absolute;object-fit:contain;width:34%;height:77%;bottom:3%;filter:drop-shadow(3px 8px 5px #0009)}
.cocktail-showcase .showcase-drink-1{left:0;bottom:21%;height:67%}
.cocktail-showcase .showcase-drink-2{right:0;bottom:24%;height:65%}
.cocktail-showcase .showcase-drink-3{left:31%;height:87%;z-index:3}
.cocktail-showcase .showcase-drink-4{left:6%;height:53%;z-index:4}
.cocktail-showcase .showcase-drink-5{right:3%;height:65%;z-index:4}
.chalkboard .club-rifle{display:block;width:85%;height:120px;object-fit:contain;margin:18px auto 0;transform:rotate(12deg)}
.party-contact a{text-decoration:underline;white-space:nowrap;font-weight:700}
.site-frame main>.party-scene{padding-bottom:0;margin-bottom:0}
.party-scene .party-request{padding-bottom:24px}
@media(max-width:760px){
 .offer-beer .offer-rabbit{width:95px;height:125px;left:-18px;top:-32px}
 #stemningen .bar-frame{padding:16px}
 .cocktail-showcase{height:330px}
 .party-scene .party-request{padding-bottom:16px}
}

/* Balanced ornaments, accessible club buttons and closer section spacing. */
#fordelsklub .club-heading{min-width:0}
#fordelsklub .actions{flex-wrap:wrap;gap:12px}
#fordelsklub .actions .button{max-width:100%;gap:20px}
#fordelsklub .chalkboard{position:relative;overflow:visible;padding-bottom:85px;margin-bottom:40px}
#fordelsklub .club-rifle{position:absolute;z-index:7;width:120%;max-width:none;height:180px;left:-10%;bottom:-62px;margin:0;object-fit:contain;transform:rotate(12deg);pointer-events:none}
.site-frame main>.party-scene{padding-top:85px}
.site-frame main>#stemningen{padding-bottom:20px;margin-bottom:0}
.site-frame main>#stemningen+#fordelsklub{margin-top:14px}
.offer-beer .offer-rabbit{width:165px;height:215px;left:-38px;top:-50px}
.jagttegn-gallery .jagttegn-fox{transform:rotate(3deg) scale(.8);transform-origin:50% 70%}
@media(max-width:760px){
 #fordelsklub .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 #fordelsklub .actions .button{min-width:0;width:100%;padding:15px 10px;gap:12px}
 #fordelsklub .club-rifle{width:112%;left:-6%;height:160px;bottom:-56px}
 .site-frame main>.party-scene{padding-top:70px}
 .offer-beer .offer-rabbit{width:130px;height:170px;left:-20px;top:-38px}
}
@media(max-width:360px){#fordelsklub .actions{grid-template-columns:1fr}}

/* Place the glasses on the bar with consistent perspective and proportions. */
.offer-beer .offer-rabbit{top:-90px}
.cocktail-showcase img{width:auto;max-width:none;object-position:center bottom;filter:drop-shadow(2px 4px 2px #0009)}
.cocktail-showcase .showcase-drink-1{left:-3%;right:auto;bottom:13%;height:49%;z-index:1}
.cocktail-showcase .showcase-drink-2{left:auto;right:0;bottom:13%;height:58%;z-index:1}
.cocktail-showcase .showcase-drink-3{left:30%;right:auto;bottom:12%;height:66%;z-index:2}
.cocktail-showcase .showcase-drink-4{left:8%;right:auto;bottom:3%;height:46%;z-index:4}
.cocktail-showcase .showcase-drink-5{left:auto;right:4%;bottom:4%;height:44%;z-index:4}
@media(max-width:760px){.offer-beer .offer-rabbit{top:-75px}}

/* A fresh selection from the cocktail menu. */
.cocktail-showcase .showcase-drink-3{left:27%;height:62%}
.cocktail-showcase .showcase-drink-4{left:5%;height:37%}
.cocktail-showcase .showcase-drink-5{right:2%;height:38%}

/* Transparent cocktail cutouts must not inherit photo-frame outlines. */
#stemningen .cocktail-showcase img{border:0;outline:0;box-shadow:none}

.cocktail-showcase .showcase-drink-2{height:67%;right:-2%}
.cocktail-showcase .showcase-drink-4{height:44%;left:1%}
.cocktail-showcase .showcase-drink-5{height:45%;right:-2%}

/* Match the tumbler sizes and give the back row a taller highball. */
.cocktail-showcase .showcase-drink-1{height:73%;left:-4%}
.cocktail-showcase .showcase-drink-4{height:48%;left:-1%;bottom:3%}

.cocktail-showcase .showcase-drink-2{height:77%;right:-3%}

/* Sunglasses pheasant perched on the cocktail introduction. */
#stemningen .story-copy{position:relative}
#stemningen .cocktail-pheasant{position:absolute;right:-10px;top:-135px;width:155px;height:195px;object-fit:contain;z-index:5;pointer-events:none;filter:drop-shadow(2px 5px 3px #0007)}
@media(max-width:640px){
 #stemningen .story-copy{margin-top:75px;padding-top:105px}
 #stemningen .cocktail-pheasant{width:125px;height:165px;top:-70px;right:-5px}
}

/* Boar trophy at the upper right of the enquiry frame. */
.party-form-frame{position:relative;overflow:visible}
.party-boar{position:absolute;width:165px;height:210px;object-fit:contain;right:-12px;top:-140px;z-index:6;pointer-events:none;filter:drop-shadow(2px 5px 3px #0007)}
@media(min-width:761px) and (max-width:1100px){.party-request-copy p{padding-right:155px}}
@media(max-width:760px){.party-form-frame{margin-top:85px}.party-boar{width:130px;height:170px;top:-115px;right:-6px}.party-form{padding-top:62px}}

/* A slight tilt for the trophies and a tidy row on the bar. */
.offer-beer .offer-rabbit{transform:rotate(-7deg)}
#stemningen .cocktail-pheasant,.party-boar{transform:rotate(7deg)}
#stemningen .cocktail-showcase{background-size:auto 108%;background-position:center top;background-repeat:no-repeat}
#stemningen .cocktail-showcase img{bottom:4%;right:auto;transform:translateX(-50%);width:32%;height:72%;object-position:center bottom}
#stemningen .cocktail-showcase .showcase-drink-4{left:13%;height:49%}
#stemningen .cocktail-showcase .showcase-drink-3{left:37%;height:65%}
#stemningen .cocktail-showcase .showcase-drink-2{left:62%;height:78%}
#stemningen .cocktail-showcase .showcase-drink-5{left:87%;height:49%}

/* Bring the club invitation closer to its board and lower divider. */
#fordelsklub{column-gap:40px;padding-bottom:12px}
#fordelsklub .club-heading{justify-self:end;width:100%;max-width:360px}
#fordelsklub .chalkboard{margin-bottom:30px}
@media(max-width:640px){#fordelsklub{row-gap:28px;padding-bottom:8px}#fordelsklub .club-heading{justify-self:stretch;max-width:none}}
