:root {
--k-bg: #06150f;
--k-bg-alt: #0b2419;
--k-surface: #102d20;
--k-surface-soft: #173827;
--k-cream: #f1ead9;
--k-text: #f6f0e2;
--k-muted: #c8c0ae;
--k-accent: #c8a86a;
--k-border: #8e7346;
--k-button-bg: #133d2a;
--k-button-text: #f6f0e2;
--k-light-surface: #eee5d4;
--k-light-text: #13231b;
--k-hero-overlay: #06150f;
--k-shell: min(1420px, calc(100vw - 96px));
--k-serif: 'Iowan Old Style', 'Palatino Linotype', Palatino, Baskerville, Georgia, 'Times New Roman', serif;
--k-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
margin: 0;
background: var(--k-bg);
color: var(--k-text);
font-family: var(--k-sans);
font-size: 16px;
line-height: 1.65;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
body.admin-bar .site-header { top: 32px; }
body.nav-open { overflow: hidden; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
.site-shell { width: var(--k-shell); margin-inline: auto; }
.screen-reader-text {
position: absolute !important;
width: 1px; height: 1px; padding: 0; margin: -1px;
overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
.skip-link:focus { width: auto; height: auto; clip: auto; margin: 12px; padding: 10px 14px; background: #fff; color: #000; z-index: 99999; } .site-header {
position: fixed;
inset: 0 0 auto;
z-index: 1000;
background: linear-gradient(180deg, color-mix(in srgb, var(--k-bg) 90%, transparent), color-mix(in srgb, var(--k-bg) 42%, transparent) 72%, transparent);
transition: background .25s ease, border-color .25s ease, backdrop-filter .25s ease;
}
.site-header.is-scrolled {
background: color-mix(in srgb, var(--k-bg) 94%, transparent);
border-bottom: 1px solid color-mix(in srgb, var(--k-border) 28%, transparent);
backdrop-filter: blur(16px);
}
.site-header__inner { min-height: 92px; display: flex; align-items: center; justify-content: space-between; gap: 34px; }
.site-branding { flex: 0 0 auto; display: inline-flex; align-items: center; }
.karrdal-brand-logo { width: auto; object-fit: contain; }
.karrdal-brand-logo--header { width: 194px; max-height: 54px; }
.primary-navigation { display: flex; align-items: center; gap: 56px; }
.primary-menu, .footer-menu { list-style: none; display: flex; align-items: center; gap: 38px; margin: 0; padding: 0; }
.primary-menu a { position: relative; display: inline-block; padding: 12px 0; color: var(--k-text); font-size: 12px; font-weight: 560; letter-spacing: .105em; text-transform: uppercase; }
.primary-menu a::after { content: ''; position: absolute; left: 0; right: 100%; bottom: 6px; height: 1px; background: var(--k-accent); transition: right .25s ease; }
.primary-menu a:hover::after, .primary-menu .current-menu-item > a::after { right: 0; }
.header-cta {
display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 24px;
border: 1px solid var(--k-border); border-radius: 999px; color: var(--k-text); background: color-mix(in srgb, var(--k-bg) 30%, transparent);
text-transform: uppercase; letter-spacing: .12em; font-size: 11px; font-weight: 620; transition: .2s ease;
}
.header-cta:hover { color: var(--k-bg); background: var(--k-accent); border-color: var(--k-accent); }
.menu-toggle { display: none; width: 46px; height: 42px; border: 0; background: transparent; padding: 8px; }
.menu-toggle span:not(.screen-reader-text) { display: block; width: 100%; height: 1px; background: var(--k-text); margin: 6px 0; } .eyebrow { margin: 0 0 14px; color: var(--k-accent); text-transform: uppercase; letter-spacing: .18em; font-size: 11px; font-weight: 650; }
.button {
display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 26px;
border: 1px solid var(--k-border); color: var(--k-text); background: transparent; text-transform: uppercase;
letter-spacing: .115em; font-size: 11px; font-weight: 650; transition: color .2s ease, background .2s ease, transform .2s ease, border-color .2s ease;
}
.button:hover { transform: translateY(-2px); color: var(--k-bg); background: var(--k-accent); border-color: var(--k-accent); }
.button--square { border-radius: 0; } .hero {
position: relative;
min-height: 720px;
overflow: hidden;
background-color: var(--k-bg);
background-size: cover;
background-position: 68% center;
}
.hero--empty { background-image: radial-gradient(circle at 72% 40%, var(--k-surface-soft), var(--k-bg-alt) 43%, var(--k-bg) 78%); }
.hero__overlay {
position: absolute; inset: 0; z-index: 0;
background:
linear-gradient(90deg, color-mix(in srgb, var(--k-hero-overlay) 100%, transparent) 0%, color-mix(in srgb, var(--k-hero-overlay) 96%, transparent) 30%, color-mix(in srgb, var(--k-hero-overlay) 76%, transparent) 46%, color-mix(in srgb, var(--k-hero-overlay) 18%, transparent) 72%, color-mix(in srgb, var(--k-hero-overlay) 26%, transparent) 100%),
linear-gradient(180deg, color-mix(in srgb, var(--k-bg) 40%, transparent), transparent 32%, transparent 70%, color-mix(in srgb, var(--k-bg) 36%, transparent));
}
.hero__inner { position: relative; z-index: 2; min-height: 720px; display: flex; align-items: center; padding-top: 74px; }
.hero__content { width: min(590px, 46vw); padding: 54px 0 44px 0; }
.hero h1, .about-section h2, .menu-section h2, .menu-page-hero h1, .content-article h1 {
margin: 0; font-family: var(--k-serif); font-weight: 400; letter-spacing: -.035em; line-height: .96;
}
.hero h1 { max-width: 600px; color: var(--k-cream); font-size: clamp(62px, 6.3vw, 96px); }
.hero__text { max-width: 480px; margin-top: 30px; color: var(--k-muted); font-size: 16px; line-height: 1.75; }
.hero__text p { margin: 0; }
.hero .button { margin-top: 30px; min-width: 156px; }
.image-placeholder { z-index: 4; color: var(--k-accent); border: 1px dashed color-mix(in srgb, var(--k-accent) 70%, transparent); background: color-mix(in srgb, var(--k-bg) 82%, transparent); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.image-placeholder--hero { position: absolute; right: 6%; bottom: 8%; padding: 12px 16px; } .feature-strip { border-top: 1px solid color-mix(in srgb, var(--k-border) 30%, transparent); border-bottom: 1px solid color-mix(in srgb, var(--k-border) 30%, transparent); background: linear-gradient(180deg, var(--k-bg-alt), color-mix(in srgb, var(--k-surface) 70%, var(--k-bg))); }
.feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.feature-card { position: relative; min-height: 214px; padding: 38px 36px 34px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.feature-card + .feature-card::before { content: ''; position: absolute; left: 0; top: 22%; bottom: 22%; width: 1px; background: color-mix(in srgb, var(--k-border) 52%, transparent); }
.feature-card__icon { width: 42px; height: 42px; color: var(--k-accent); }
.feature-card__icon svg { display: block; width: 100%; height: 100%; }
.feature-card h2 { margin: 14px 0 10px; color: var(--k-text); font-size: 12px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.feature-card p { max-width: 245px; margin: 0; color: var(--k-muted); font-size: 13px; line-height: 1.75; } .editorial-grid { display: grid; grid-template-columns: 1.05fr .9fr 1.05fr; min-height: 410px; background: var(--k-bg); }
.editorial-card { position: relative; min-height: 410px; overflow: hidden; background-color: var(--k-surface); background-size: cover; background-position: center; border-right: 1px solid color-mix(in srgb, var(--k-border) 20%, transparent); }
.editorial-card:last-child { border-right: 0; }
.editorial-card--empty { background-image: linear-gradient(145deg, var(--k-surface-soft), var(--k-bg-alt)); }
.editorial-card__shade { position: absolute; inset: 0; background: linear-gradient(180deg, color-mix(in srgb, var(--k-bg) 3%, transparent) 28%, color-mix(in srgb, var(--k-bg) 88%, transparent) 100%); transition: .3s ease; }
.editorial-card:hover .editorial-card__shade { background: linear-gradient(180deg, color-mix(in srgb, var(--k-bg) 10%, transparent), color-mix(in srgb, var(--k-bg) 94%, transparent)); }
.editorial-card__content { position: absolute; z-index: 2; left: 46px; right: 42px; bottom: 34px; display: grid; gap: 5px; }
.editorial-card__content strong { color: var(--k-cream); font-family: var(--k-serif); font-size: 24px; font-weight: 400; letter-spacing: .11em; text-transform: uppercase; }
.editorial-card__content > span { display: inline-flex; align-items: center; gap: 9px; color: var(--k-accent); font-size: 12px; }
.editorial-card__arrow { display: inline-flex; width: 20px; height: 20px; font-style: normal; }
.editorial-card__arrow svg { width: 100%; height: 100%; }
.image-placeholder--card { position: absolute; z-index: 3; top: 18px; right: 18px; padding: 9px 11px; font-style: normal; } .menu-section { padding: 100px 0 112px; background: linear-gradient(180deg, var(--k-bg), var(--k-bg-alt)); border-top: 1px solid color-mix(in srgb, var(--k-border) 22%, transparent); }
.menu-section__intro { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; align-items: end; margin-bottom: 56px; }
.menu-section h2 { color: var(--k-cream); font-size: clamp(52px, 5vw, 78px); }
.menu-section__copy { max-width: 650px; color: var(--k-muted); font-size: 16px; }
.menu-section__copy p { margin: 0; }
.admin-note { padding: 20px; border: 1px dashed var(--k-border); color: var(--k-accent); }
.menu-page-hero { padding: 170px 0 70px; background: radial-gradient(circle at 80% 0, var(--k-surface-soft), transparent 38%), var(--k-bg); border-bottom: 1px solid color-mix(in srgb, var(--k-border) 28%, transparent); }
.menu-page-hero h1 { color: var(--k-cream); font-size: clamp(64px, 7vw, 106px); }
.menu-page-hero__copy { max-width: 720px; margin-top: 26px; color: var(--k-muted); font-size: 17px; }
.menu-page-content { padding: 82px 0 110px; background: linear-gradient(180deg, var(--k-bg), var(--k-bg-alt)); } .about-section { display: grid; grid-template-columns: 2fr 1fr; min-height: 445px; background: var(--k-surface); border-top: 1px solid color-mix(in srgb, var(--k-border) 25%, transparent); }
.about-section__content { display: grid; grid-template-columns: 1.08fr .92fr; gap: 54px; padding: 56px max(4.5vw, 54px) 54px max(5vw, 64px); align-items: center; }
.about-section__copy { max-width: 520px; }
.about-section__copy h2 { position: relative; padding-bottom: 18px; color: var(--k-cream); font-size: clamp(46px, 4vw, 64px); }
.about-section__copy h2::after { content: ''; position: absolute; left: 0; bottom: 0; width: 36px; height: 1px; background: var(--k-accent); }
.about-section__body { margin-top: 20px; color: var(--k-muted); font-size: 14px; line-height: 1.7; }
.about-section__body p { margin: 0 0 12px; }
.about-section__copy .button { margin-top: 10px; min-height: 44px; }
.contact-list { display: grid; gap: 25px; padding-left: 38px; border-left: 1px solid color-mix(in srgb, var(--k-border) 48%, transparent); }
.contact-item { display: grid; grid-template-columns: 38px 1fr; gap: 15px; align-items: start; }
.contact-item__icon { width: 34px; height: 34px; color: var(--k-accent); }
.contact-item__icon svg { width: 100%; height: 100%; }
.contact-item strong { display: block; margin-bottom: 4px; color: var(--k-text); font-size: 11px; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; }
.contact-item p { margin: 0; color: var(--k-muted); font-size: 13px; line-height: 1.6; white-space: pre-line; }
.contact-item a:hover { color: var(--k-accent); }
.about-section__media { position: relative; min-height: 445px; background-size: cover; background-position: center; }
.about-section__media--empty { background-image: linear-gradient(135deg, var(--k-surface-soft), var(--k-bg-alt)); }
.image-placeholder--about { position: absolute; left: 22px; bottom: 22px; padding: 10px 12px; } .newsletter-section { background: color-mix(in srgb, var(--k-bg-alt) 64%, var(--k-bg)); border-top: 1px solid color-mix(in srgb, var(--k-border) 30%, transparent); border-bottom: 1px solid color-mix(in srgb, var(--k-border) 20%, transparent); }
.newsletter-section__inner { min-height: 116px; display: grid; grid-template-columns: 72px minmax(300px, 1fr) minmax(400px, .95fr); align-items: center; gap: 28px; }
.newsletter-section__icon { display: grid; place-items: center; width: 58px; height: 58px; border: 1px solid var(--k-border); border-radius: 50%; color: var(--k-accent); }
.newsletter-section__icon svg { width: 29px; height: 29px; }
.newsletter-section__copy h2 { margin: 0; color: var(--k-cream); font-family: var(--k-serif); font-size: 22px; font-weight: 400; line-height: 1.15; }
.newsletter-section__copy p { max-width: 560px; margin: 7px 0 0; color: var(--k-muted); font-size: 12px; line-height: 1.55; }
.newsletter-section__form { justify-self: stretch; }
.newsletter-form { display: grid; grid-template-columns: 1fr auto; min-height: 46px; }
.newsletter-form input { width: 100%; min-width: 0; padding: 0 18px; border: 1px solid var(--k-border); border-right: 0; border-radius: 0; outline: 0; color: var(--k-text); background: transparent; font-size: 12px; }
.newsletter-form input::placeholder { color: var(--k-muted); opacity: .88; }
.newsletter-form input:focus { border-color: var(--k-accent); }
.newsletter-form button { min-width: 106px; padding: 0 18px; border: 1px solid var(--k-border); color: var(--k-text); background: transparent; text-transform: uppercase; letter-spacing: .12em; font-size: 11px; cursor: pointer; transition: .2s ease; }
.newsletter-form button:hover { color: var(--k-bg); background: var(--k-accent); border-color: var(--k-accent); } .site-footer { padding: 28px 0 30px; background: var(--k-bg); }
.site-footer__grid { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 36px; }
.karrdal-brand-logo--footer { width: 174px; max-height: 46px; }
.site-footer__brand p { margin: 8px 0 0; color: color-mix(in srgb, var(--k-muted) 65%, transparent); font-size: 10px; }
.footer-menu { gap: 30px; }
.footer-menu a { color: var(--k-muted); font-size: 10px; letter-spacing: .105em; text-transform: uppercase; transition: color .2s ease; }
.footer-menu a:hover { color: var(--k-accent); }
.site-footer__social { justify-self: end; display: flex; gap: 12px; }
.site-footer__social a { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--k-border); border-radius: 50%; color: var(--k-accent); transition: .2s ease; }
.site-footer__social a svg { width: 18px; height: 18px; }
.site-footer__social a:hover { color: var(--k-bg); background: var(--k-accent); } .content-page { min-height: 70vh; padding: 160px 0 96px; background: var(--k-bg); }
.content-page__inner { max-width: 1100px; }
.content-page__inner--narrow { max-width: 860px; }
.content-article h1 { color: var(--k-cream); font-size: clamp(54px, 6vw, 88px); margin-bottom: 36px; }
.entry-content { color: var(--k-muted); font-size: 17px; }
.entry-content h2, .entry-content h3 { color: var(--k-text); font-family: var(--k-serif); font-weight: 400; }
.entry-content a { color: var(--k-accent); text-decoration: underline; text-underline-offset: 3px; }
.entry-hero { margin-bottom: 38px; }
@media (max-width: 1180px) {
:root { --k-shell: min(100% - 52px, 1420px); }
.primary-navigation { gap: 28px; }
.primary-menu { gap: 24px; }
.feature-card { padding-inline: 22px; }
.about-section__content { gap: 34px; padding-inline: 42px; }
.contact-list { padding-left: 28px; }
.newsletter-section__inner { grid-template-columns: 66px 1fr .9fr; }
}
@media (max-width: 920px) {
body.admin-bar .site-header { top: 46px; }
:root { --k-shell: calc(100vw - 42px); }
.site-header__inner { min-height: 76px; }
.karrdal-brand-logo--header { width: 168px; max-height: 48px; }
.menu-toggle { display: block; position: relative; z-index: 1102; }
.primary-navigation { position: fixed; inset: 0; z-index: 1101; display: none; flex-direction: column; justify-content: center; gap: 28px; padding: 100px 28px 44px; background: color-mix(in srgb, var(--k-bg) 98%, transparent); }
.primary-navigation.is-open { display: flex; }
.primary-menu { flex-direction: column; gap: 3px; }
.primary-menu a { font-family: var(--k-serif); font-size: 31px; text-transform: none; letter-spacing: .01em; }
.header-cta { margin-top: 8px; }
.hero { min-height: 700px; background-position: 64% center; }
.hero__overlay { background: linear-gradient(90deg, color-mix(in srgb, var(--k-hero-overlay) 98%, transparent), color-mix(in srgb, var(--k-hero-overlay) 78%, transparent) 65%, color-mix(in srgb, var(--k-hero-overlay) 45%, transparent)); }
.hero__inner { min-height: 700px; padding-top: 72px; }
.hero__content { width: min(590px, 72vw); }
.feature-grid { grid-template-columns: 1fr 1fr; }
.feature-card:nth-child(3)::before { display: none; }
.editorial-grid { grid-template-columns: 1fr; }
.editorial-card { min-height: 420px; border-right: 0; border-bottom: 1px solid color-mix(in srgb, var(--k-border) 20%, transparent); }
.menu-section__intro { grid-template-columns: 1fr; gap: 24px; }
.about-section { grid-template-columns: 1fr; }
.about-section__content { grid-template-columns: 1fr 1fr; min-height: 430px; padding: 54px 42px; }
.about-section__media { min-height: 500px; }
.newsletter-section__inner { grid-template-columns: 62px 1fr; padding-block: 28px; }
.newsletter-section__form { grid-column: 1 / -1; width: 100%; }
.site-footer__grid { grid-template-columns: 1fr; text-align: center; }
.site-footer__brand a { display: inline-flex; }
.footer-menu { justify-content: center; flex-wrap: wrap; }
.site-footer__social { justify-self: center; }
}
@media (max-width: 640px) {
:root { --k-shell: calc(100vw - 30px); }
.hero { min-height: 660px; background-position: 66% center; }
.hero__overlay { background: linear-gradient(90deg, color-mix(in srgb, var(--k-hero-overlay) 97%, transparent), color-mix(in srgb, var(--k-hero-overlay) 78%, transparent)); }
.hero__inner { min-height: 660px; align-items: flex-end; padding: 110px 0 66px; }
.hero__content { width: 100%; padding: 0; }
.hero h1 { font-size: clamp(53px, 15vw, 76px); }
.hero__text { max-width: 92%; font-size: 15px; }
.feature-grid { grid-template-columns: 1fr; }
.feature-card { min-height: 190px; }
.feature-card + .feature-card::before { top: 0; bottom: auto; left: 16%; right: 16%; width: auto; height: 1px; }
.editorial-card { min-height: 340px; }
.editorial-card__content { left: 28px; right: 28px; bottom: 27px; }
.about-section__content { grid-template-columns: 1fr; gap: 38px; padding: 52px 26px; }
.contact-list { padding: 34px 0 0; border-left: 0; border-top: 1px solid color-mix(in srgb, var(--k-border) 48%, transparent); }
.about-section__media { min-height: 380px; }
.newsletter-section__inner { grid-template-columns: 48px 1fr; gap: 18px; }
.newsletter-section__icon { width: 48px; height: 48px; }
.newsletter-section__copy h2 { font-size: 19px; }
.newsletter-form { grid-template-columns: 1fr; gap: 10px; }
.newsletter-form input { min-height: 46px; border-right: 1px solid var(--k-border); }
.newsletter-form button { min-height: 46px; }
.footer-menu { gap: 18px 24px; }
.content-page { padding-top: 130px; }
} .karrdal-menu-page{overflow:clip;background:var(--k-bg)}
.karrdal-menu-page .menu-page-hero{position:relative;isolation:isolate;overflow:hidden;padding:190px 0 96px;background:radial-gradient(circle at 82% 20%,color-mix(in srgb,var(--k-surface-soft) 80%,transparent),transparent 34%),linear-gradient(180deg,var(--k-bg),color-mix(in srgb,var(--k-bg-alt) 72%,var(--k-bg)));border-bottom:1px solid color-mix(in srgb,var(--k-border) 34%,transparent)}
.karrdal-menu-page .menu-page-hero::before{content:'MENU';position:absolute;right:-.025em;bottom:-.24em;z-index:-1;color:color-mix(in srgb,var(--k-accent) 5%,transparent);font-family:var(--k-serif);font-size:min(30vw,430px);font-weight:400;letter-spacing:-.08em;line-height:1;pointer-events:none}
.menu-page-hero__grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:90px;align-items:center}
.menu-page-hero__main{max-width:800px}.menu-page-hero__main .eyebrow{margin-bottom:18px;color:var(--k-accent);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.karrdal-menu-page .menu-page-hero h1{max-width:780px;color:var(--k-cream);font-size:clamp(80px,9vw,142px);letter-spacing:-.055em;line-height:.82}.karrdal-menu-page .menu-page-hero__copy{max-width:620px;margin-top:32px;color:var(--k-muted);font-size:16px;line-height:1.8}.karrdal-menu-page .menu-page-hero__copy p{margin:0}.menu-page-hero__signature{justify-self:end;display:grid;justify-items:center;width:min(100%,290px);padding:44px 28px;border:1px solid color-mix(in srgb,var(--k-border) 50%,transparent);background:color-mix(in srgb,var(--k-surface) 40%,transparent);backdrop-filter:blur(8px)}.karrdal-brand-logo--menu{display:block;width:205px;max-width:100%;height:auto}.menu-page-hero__signature-line{width:1px;height:74px;margin:28px 0 18px;background:linear-gradient(var(--k-accent),transparent)}.menu-page-hero__ornament{color:var(--k-accent);font-size:15px}.karrdal-menu-page .menu-page-content{padding:92px 0 118px;background:linear-gradient(180deg,var(--k-bg),var(--k-bg-alt) 58%,var(--k-bg))}.menu-page-visit{padding:8px 0 90px;background:var(--k-bg)}.menu-page-visit__inner{display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:center}.menu-page-visit__line{height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--k-border) 55%,transparent))}.menu-page-visit__line:last-child{background:linear-gradient(90deg,color-mix(in srgb,var(--k-border) 55%,transparent),transparent)}.menu-page-visit .button{min-width:150px}
@media(max-width:920px){.karrdal-menu-page .menu-page-hero{padding:150px 0 76px}.menu-page-hero__grid{grid-template-columns:1fr;gap:52px}.menu-page-hero__signature{justify-self:start;width:240px}.karrdal-menu-page .menu-page-hero h1{font-size:clamp(72px,16vw,118px)}}
@media(max-width:620px){.karrdal-menu-page .menu-page-hero{padding:126px 0 62px}.menu-page-hero__signature{display:none}.karrdal-menu-page .menu-page-hero__copy{font-size:14px}.karrdal-menu-page .menu-page-content{padding:64px 0 86px}.menu-page-visit{padding-bottom:68px}.menu-page-visit__inner{gap:14px}} .social-news-section{position:relative;padding:84px 0 92px;overflow:hidden;background:linear-gradient(180deg,var(--k-bg),color-mix(in srgb,var(--k-bg-alt) 76%,var(--k-bg)));border-top:1px solid color-mix(in srgb,var(--k-border) 24%,transparent);border-bottom:1px solid color-mix(in srgb,var(--k-border) 24%,transparent)}
.social-news-section::before{content:'NEWS';position:absolute;right:-.03em;top:-.22em;color:color-mix(in srgb,var(--k-accent) 3.4%,transparent);font-family:var(--k-serif);font-size:min(29vw,420px);line-height:1;pointer-events:none}
.social-news-section__heading{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);gap:80px;align-items:end;margin-bottom:44px}
.social-news-section__heading .eyebrow,.social-archive-hero .eyebrow{margin:0 0 12px;color:var(--k-accent);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.social-news-section__heading h2{max-width:820px;margin:0;color:var(--k-cream);font-family:var(--k-serif);font-size:clamp(52px,6vw,88px);font-weight:400;letter-spacing:-.045em;line-height:.9}
.social-news-section__intro{max-width:530px;margin:0 0 4px;color:var(--k-muted);font-size:14px;line-height:1.8}
.social-news-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:color-mix(in srgb,var(--k-border) 30%,transparent);border:1px solid color-mix(in srgb,var(--k-border) 30%,transparent)}
.social-news-card{min-width:0;background:color-mix(in srgb,var(--k-surface) 48%,var(--k-bg));transition:transform .28s ease,background .28s ease}
.social-news-card:hover{background:color-mix(in srgb,var(--k-surface-soft) 58%,var(--k-bg))}
.social-news-card__media{position:relative;display:block;aspect-ratio:1.24/1;overflow:hidden;background:linear-gradient(145deg,var(--k-surface-soft),var(--k-bg-alt))}
.social-news-card__media::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,color-mix(in srgb,var(--k-bg) 56%,transparent));pointer-events:none}
.social-news-card__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.002);transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.social-news-card:hover .social-news-card__media img{transform:scale(1.035);filter:brightness(.9)}
.social-news-card__media--empty{display:grid;place-items:center;background:radial-gradient(circle at 30% 24%,color-mix(in srgb,var(--k-accent) 12%,transparent),transparent 35%),linear-gradient(140deg,var(--k-surface),var(--k-bg))}
.social-news-card__monogram{color:color-mix(in srgb,var(--k-accent) 22%,transparent);font-family:var(--k-serif);font-size:clamp(90px,10vw,160px);letter-spacing:-.08em}
.social-news-card__source{position:absolute;z-index:2;left:22px;bottom:20px;display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid color-mix(in srgb,var(--k-accent) 55%,transparent);background:color-mix(in srgb,var(--k-bg) 75%,transparent);backdrop-filter:blur(8px);color:var(--k-cream);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.social-news-card__source i{display:inline-flex;width:15px;height:15px;color:var(--k-accent);font-style:normal}.social-news-card__source svg{width:100%;height:100%}
.social-news-card__body{display:flex;min-height:272px;flex-direction:column;padding:28px 30px 27px}
.social-news-card__body time{display:block;margin-bottom:15px;color:var(--k-accent);font-size:10px;letter-spacing:.11em;text-transform:uppercase}
.social-news-card__body h3,.social-news-card__body h2{margin:0 0 13px;color:var(--k-cream);font-family:var(--k-serif);font-size:26px;font-weight:400;line-height:1.16}
.social-news-card__body h3 a,.social-news-card__body h2 a{color:inherit;text-decoration:none}
.social-news-card__body p{display:-webkit-box;overflow:hidden;margin:0;color:var(--k-muted);font-size:13px;line-height:1.7;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.social-news-card__actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:auto;padding-top:24px}
.social-news-card__read{display:inline-flex;align-items:center;gap:9px;color:var(--k-accent);font-size:10px;font-weight:700;letter-spacing:.11em;text-decoration:none;text-transform:uppercase}.social-news-card__read i{display:inline-flex;width:18px;height:18px;font-style:normal}.social-news-card__read svg{width:100%;height:100%}
.social-news-card__external{display:grid;place-items:center;width:34px;height:34px;border:1px solid color-mix(in srgb,var(--k-border) 65%,transparent);border-radius:50%;color:var(--k-accent);transition:.2s ease}.social-news-card__external svg{width:16px;height:16px}.social-news-card__external:hover{color:var(--k-bg);background:var(--k-accent);border-color:var(--k-accent)}
.social-news-section__footer{display:flex;justify-content:center;margin-top:42px}.social-news-section__footer .button{min-width:190px}
.social-news-empty{position:relative;z-index:1;display:grid;place-items:center;min-height:280px;padding:44px;text-align:center;border:1px solid color-mix(in srgb,var(--k-border) 36%,transparent);background:color-mix(in srgb,var(--k-surface) 38%,transparent)}.social-news-empty__icons{display:flex;gap:12px;color:var(--k-accent)}.social-news-empty__icons svg{width:32px;height:32px}.social-news-empty p{margin:18px 0 0;color:var(--k-cream);font-family:var(--k-serif);font-size:28px}.social-news-empty small{display:block;max-width:560px;margin-top:12px;color:var(--k-muted);line-height:1.6} .social-archive{background:var(--k-bg)}
.social-archive-hero{position:relative;overflow:hidden;padding:180px 0 88px;background:radial-gradient(circle at 80% 10%,color-mix(in srgb,var(--k-surface-soft) 72%,transparent),transparent 33%),linear-gradient(180deg,var(--k-bg),var(--k-bg-alt));border-bottom:1px solid color-mix(in srgb,var(--k-border) 28%,transparent)}
.social-archive-hero::after{content:'KÄRRDAL';position:absolute;right:-.04em;bottom:-.28em;color:color-mix(in srgb,var(--k-accent) 4%,transparent);font-family:var(--k-serif);font-size:min(24vw,350px);line-height:1;pointer-events:none}
.social-archive-hero__inner{position:relative;z-index:1}.social-archive-hero h1{max-width:900px;margin:0;color:var(--k-cream);font-family:var(--k-serif);font-size:clamp(72px,9vw,132px);font-weight:400;letter-spacing:-.055em;line-height:.84}.social-archive-hero__inner>p:not(.eyebrow){max-width:660px;margin:30px 0 0;color:var(--k-muted);font-size:15px;line-height:1.8}
.social-archive-hero__profiles{display:flex;gap:12px;margin-top:34px}.social-archive-hero__profiles a{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 16px;border:1px solid color-mix(in srgb,var(--k-border) 70%,transparent);color:var(--k-cream);font-size:11px;letter-spacing:.09em;text-decoration:none;text-transform:uppercase}.social-archive-hero__profiles a svg{width:17px;height:17px;color:var(--k-accent)}.social-archive-hero__profiles a:hover{border-color:var(--k-accent);background:color-mix(in srgb,var(--k-surface) 78%,transparent)}
.social-archive-content{padding:76px 0 110px;background:linear-gradient(180deg,var(--k-bg),var(--k-bg-alt) 72%,var(--k-bg))}.social-news-grid--archive{grid-template-columns:repeat(3,minmax(0,1fr))}.social-pagination{display:flex;justify-content:center;margin-top:54px}.social-pagination .page-numbers{display:grid;place-items:center;min-width:40px;height:40px;margin:0 4px;padding:0 12px;border:1px solid color-mix(in srgb,var(--k-border) 60%,transparent);color:var(--k-muted);text-decoration:none}.social-pagination .current,.social-pagination a:hover{color:var(--k-bg);background:var(--k-accent);border-color:var(--k-accent)} .social-single{min-height:75vh;background:linear-gradient(180deg,var(--k-bg),var(--k-bg-alt) 60%,var(--k-bg))}.social-single__article{padding:160px 0 110px}.social-single__shell{max-width:1050px}.social-single__header{max-width:830px;margin:0 auto 44px}.social-single__back{display:inline-block;margin-bottom:36px;color:var(--k-accent);font-size:10px;font-weight:700;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.social-single__meta{display:flex;align-items:center;gap:16px;margin-bottom:20px;color:var(--k-muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.social-single__meta span{display:inline-flex;align-items:center;gap:8px;color:var(--k-accent)}.social-single__meta span svg{width:17px;height:17px}.social-single__header h1{margin:0;color:var(--k-cream);font-family:var(--k-serif);font-size:clamp(48px,6.2vw,84px);font-weight:400;letter-spacing:-.04em;line-height:.98}.social-single__media{margin:0;border:1px solid color-mix(in srgb,var(--k-border) 32%,transparent);background:var(--k-surface)}.social-single__media img{display:block;width:100%;max-height:760px;object-fit:contain;background:#040b08}.social-single__content{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:64px;max-width:830px;margin:48px auto 0}.social-single__copy{color:var(--k-text);font-family:var(--k-serif);font-size:25px;line-height:1.58;white-space:pre-line}.social-single__copy p{margin:0 0 1em}.social-single__copy a{color:var(--k-accent)}.social-single__external{align-self:start;display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:center;padding:22px;border:1px solid color-mix(in srgb,var(--k-border) 50%,transparent);background:color-mix(in srgb,var(--k-surface) 50%,transparent)}.social-single__external>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--k-border);border-radius:50%;color:var(--k-accent)}.social-single__external>span svg{width:20px;height:20px}.social-single__external small{display:block;color:var(--k-muted);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.social-single__external strong{display:block;margin-top:3px;color:var(--k-cream);font-family:var(--k-serif);font-size:20px;font-weight:400}.social-single__external .button{grid-column:1/-1;margin-top:8px;text-align:center} .site-footer__social-wrap{justify-self:end;display:flex;align-items:center;gap:14px}.site-footer__social-title{color:var(--k-muted);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:1100px){.social-news-section__heading{gap:44px}.social-news-grid,.social-news-grid--archive{grid-template-columns:repeat(2,minmax(0,1fr))}.social-single__content{grid-template-columns:1fr;gap:34px}.social-single__external{max-width:380px}}
@media(max-width:920px){.social-news-section{padding:68px 0 74px}.social-news-section__heading{grid-template-columns:1fr;gap:22px}.social-news-section__intro{max-width:650px}.social-archive-hero{padding:150px 0 72px}.site-footer__social-wrap{justify-self:center}.social-single__article{padding-top:130px}}
@media(max-width:640px){.social-news-grid,.social-news-grid--archive{grid-template-columns:1fr}.social-news-section__heading h2{font-size:clamp(48px,14vw,68px)}.social-news-card__body{min-height:250px;padding:25px 24px}.social-news-card__media{aspect-ratio:1.18/1}.social-archive-hero h1{font-size:clamp(62px,18vw,86px)}.social-archive-hero__profiles{flex-direction:column;align-items:flex-start}.social-archive-content{padding:54px 0 78px}.social-single__header h1{font-size:clamp(44px,13vw,64px)}.social-single__meta{flex-wrap:wrap}.social-single__copy{font-size:21px}.social-single__content{margin-top:34px}.site-footer__social-wrap{flex-direction:column;gap:10px}}