/* ---------- Elementor / WordPress fixes ---------- */
.elementor-widget-html,
.elementor-widget-html > .elementor-widget-container,
.elementor-section:first-child,
.e-con:first-child {
padding-top: 0 !important;
margin-top: 0 !important;
}
.elementor-widget-html > .elementor-widget-container {
display: flex;
flex-direction: column;
}
.entry-title, .page-title, .page-header,
h1.page-title, .wp-block-post-title {
display: none !important;
}
/* ---------- Reset (scoped to the page) ---------- */
.tamashii-page * { margin: 0; padding: 0; box-sizing: border-box; }
/* ---------- Full-bleed breakout ---------- */
.tamashii-page {
width: 100vw;
position: relative;
left: 50%;
margin-left: -50vw;
overflow-x: hidden;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
background: #0a0a0a;
}
/* ---------- Header ---------- */
.tamashii-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 50;
display: flex;
align-items: center;
justify-content: space-between;
padding: 26px 44px;
background: linear-gradient(180deg, rgba(10,10,10,0.45) 0%, rgba(10,10,10,0) 100%);
pointer-events: none;
}
.tamashii-header > * { pointer-events: auto; }
/* WordPress admin bar offset */
html.wp-toolbar .tamashii-header { top: 32px; }
.tamashii-group-link {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: 400;
letter-spacing: 0.26em;
text-transform: uppercase;
color: rgba(242,240,236,0.82);
text-decoration: none;
padding-bottom: 3px;
border-bottom: 1px solid transparent;
transition: color 0.3s ease, border-color 0.3s ease;
white-space: nowrap;
}
.tamashii-group-link:hover,
.tamashii-group-link:focus-visible {
color: #f2f0ec;
border-color: rgba(242,240,236,0.6);
outline: none;
}
.tamashii-header-book {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.22em;
text-transform: uppercase;
color: #f2f0ec;
text-decoration: none;
padding: 11px 26px;
padding-left: calc(26px + 0.22em);
border: 1px solid rgba(242,240,236,0.55);
border-radius: 999px;
background: transparent;
cursor: pointer;
transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
white-space: nowrap;
}
.tamashii-header-book:hover,
.tamashii-header-book:focus-visible {
background: #f2f0ec;
color: #0a0a0a;
border-color: #f2f0ec;
outline: none;
}
/* ---------- Hero ---------- */
.tamashii-hero {
position: relative;
width: 100%;
min-height: 100vh;
min-height: 100svh;
display: flex;
align-items: center;
justify-content: center;
background-color: #0a0a0a !important;
background-image: url('https://norrlyst.dk/wp-content/uploads/2026/09/Henrik-Jyrk_pre-opening-8-scaled.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
overflow: hidden;
}
/* Dark, refined overlay so the mark and text stay crisp on any photo area */
.tamashii-hero::before {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(180deg, rgba(10,10,10,0.55) 0%, rgba(10,10,10,0.35) 40%, rgba(10,10,10,0.75) 100%),
radial-gradient(ellipse at center, rgba(10,10,10,0.15) 0%, rgba(10,10,10,0.55) 100%);
z-index: 1;
}
/* Thin inner frame - quiet, stringent detail */
.tamashii-hero::after {
content: "";
position: absolute;
inset: 22px;
border: 1px solid rgba(242,240,236,0.22);
z-index: 2;
pointer-events: none;
}
.tamashii-inner {
position: relative;
z-index: 3;
width: 100%;
max-width: 720px;
padding: 48px 28px;
text-align: center;
color: #f2f0ec;
display: flex;
flex-direction: column;
align-items: center;
opacity: 0;
transform: translateY(16px);
animation: tamashii-fade 1.1s ease 0.15s forwards;
}
@keyframes tamashii-fade {
to { opacity: 1; transform: translateY(0); }
}
/* ---------- Kicker ---------- */
.tamashii-kicker {
font-size: 12px;
font-weight: 400;
letter-spacing: 0.46em;
text-transform: uppercase;
color: rgba(242,240,236,0.72);
margin-bottom: 34px;
padding-left: 0.46em; /* balance the trailing letter-spacing */
}
/* ---------- Logo ---------- */
.tamashii-logo {
width: clamp(180px, 42vw, 340px);
max-width: 82%;
height: auto;
display: block;
margin: 0 auto;
/* Force the mark to pure white on the dark background,
regardless of the source PNG/SVG colour. Remove these two
lines if you switch to a logo file that is already white. */
filter: brightness(0) invert(1);
-webkit-filter: brightness(0) invert(1);
}
/* ---------- Divider ---------- */
.tamashii-divider {
width: 46px;
height: 1px;
background: rgba(242,240,236,0.45);
margin: 34px auto 30px;
}
/* ---------- Headline ---------- */
.tamashii-headline {
font-size: clamp(17px, 2.6vw, 26px);
font-weight: 300;
letter-spacing: 0.14em;
line-height: 1.5;
color: #f2f0ec;
text-transform: none;
margin: 0 auto 20px;
max-width: 20ch;
}
/* ---------- Subline ---------- */
.tamashii-subline {
font-size: clamp(12px, 1.5vw, 14px);
font-weight: 300;
letter-spacing: 0.05em;
line-height: 1.6;
color: rgba(242,240,236,0.62);
margin: 0 auto 30px;
max-width: 34ch;
}
/* ---------- Book button ---------- */
.tamashii-book {
display: inline-block;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.28em;
text-transform: uppercase;
color: #f2f0ec;
text-decoration: none;
padding: 17px 42px;
border: 1px solid rgba(242,240,236,0.55);
border-radius: 999px;
background: transparent;
cursor: pointer;
transition: background-color 0.35s ease, color 0.35s ease, border-color 0.35s ease;
padding-left: calc(42px + 0.28em);
}
/* ---------- Reservation note (above hero button) ---------- */
.tamashii-reserve-note {
font-size: clamp(12px, 1.5vw, 14px);
font-weight: 400;
letter-spacing: 0.08em;
line-height: 1.6;
color: rgba(242,240,236,0.86);
margin: 0 auto 22px;
max-width: 34ch;
}
.tamashii-book:hover,
.tamashii-book:focus-visible {
background: #f2f0ec;
color: #0a0a0a;
border-color: #f2f0ec;
outline: none;
}
/* ---------- Booking popup ---------- */
.tamashii-booking-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(6,6,6,0.78);
z-index: 99999;
align-items: center;
justify-content: center;
padding: 20px;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
}
.tamashii-booking-overlay.open { display: flex; }
.tamashii-booking-modal {
background: #ffffff;
width: 100%;
max-width: 560px;
height: min(720px, 88svh);
display: flex;
flex-direction: column;
overflow: hidden;
box-shadow: 0 24px 80px rgba(0,0,0,0.55);
}
.tamashii-booking-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 18px;
background: #0a0a0a;
color: #f2f0ec;
font-size: 12px;
letter-spacing: 0.24em;
text-transform: uppercase;
font-weight: 500;
}
.tamashii-booking-close {
background: transparent;
border: none;
color: #f2f0ec;
font-size: 22px;
line-height: 1;
cursor: pointer;
padding: 2px 6px;
transition: opacity 0.2s ease;
}
.tamashii-booking-close:hover { opacity: 0.6; }
.tamashii-booking-modal iframe {
flex: 1;
border: none;
width: 100%;
}
/* ---------- Responsive ---------- */
@media screen and (max-width: 782px) {
html.wp-toolbar .tamashii-header { top: 46px; }
}
@media (max-width: 640px) {
.tamashii-header { padding: 18px 20px; }
.tamashii-group-link { font-size: 10px; letter-spacing: 0.16em; }
.tamashii-header-book { font-size: 10px; letter-spacing: 0.16em; padding: 9px 18px; padding-left: calc(18px + 0.16em); }
.tamashii-hero { background-attachment: scroll; }
.tamashii-hero::after { inset: 14px; }
.tamashii-inner { padding: 40px 22px; }
.tamashii-kicker { letter-spacing: 0.38em; margin-bottom: 28px; padding-left: 0.38em; }
.tamashii-divider { margin: 28px auto 26px; }
.tamashii-headline { margin-bottom: 16px; }
.tamashii-subline { margin-bottom: 34px; }
}
@media (prefers-reduced-motion: reduce) {
.tamashii-inner { animation: none; opacity: 1; transform: none; }
}
Norrlyst KoncernenReservations 
Opening Soon
Tamashii
East Asian gastronomy.
17 servings, DKK 1.795
Reservations are open, from December 2nd.
Reservations