/* Style adapted from jbdesign.no (fetched 2026-10-29): egg/slate palette, Cormorant Garamond + Inter (self-hosted, SIL OFL), sticky nav, egg hero, square dark buttons, thin egg borders. */
:root{--egg:#f8f4ee;--egg-border:#e8e2d8;--slate:#5a5a5a;--slate-dark:#2e2e2e;--slate-light:#767676;--slate-muted:#a0a0a0;--white:#fff}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;color:var(--slate-dark);background:var(--white);font-weight:300;-webkit-font-smoothing:antialiased;font-size:16px}
a{text-decoration:none;color:inherit}
.serif{font-family:'Cormorant Garamond',Georgia,serif}
/* NAV */
nav.top{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 8%;border-bottom:1px solid var(--egg-border);position:sticky;top:0;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);z-index:100}
.logo{display:flex;align-items:center;gap:.8rem;line-height:1}
.logo .mono{font-family:'Cormorant Garamond',Georgia,serif;font-size:2.4rem;font-weight:400;letter-spacing:-2px;color:#111}
.logo .word{font-size:.72rem;letter-spacing:4px;text-transform:uppercase;font-weight:400;color:#111}
.nav-right{display:flex;align-items:center;gap:2.5rem}
.nav-link{font-size:.8rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--slate-light);font-weight:400;transition:color .2s}
.nav-link:hover{color:var(--slate-dark)}
.nav-cta{font-size:.8rem;letter-spacing:1px;background:var(--slate-dark);color:var(--white);padding:.7rem 1.8rem;font-weight:400;transition:background .2s;white-space:nowrap}
.nav-cta:hover{background:var(--slate)}
/* HERO */
.hero{background:var(--egg);padding:9rem 8% 8rem;text-align:center;border-bottom:1px solid var(--egg-border)}
.hero.small{padding:5rem 8% 4rem}
.hero-tag{display:inline-block;font-size:.72rem;letter-spacing:3px;text-transform:uppercase;color:var(--slate-light);margin-bottom:2.5rem;font-weight:400}
.hero h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(3rem,6vw,5rem);font-weight:300;line-height:1.1;color:var(--slate-dark);letter-spacing:-1px;margin-bottom:2rem}
.hero.small h1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1rem}
.hero h1 em{font-style:italic}
.hero p{font-size:1rem;color:var(--slate-light);max-width:460px;margin:0 auto 3rem;line-height:1.9}
.hero.small p{margin-bottom:0}
.hero-btns{display:flex;gap:1.25rem;justify-content:center;align-items:center;flex-wrap:wrap}
.btn-dark{background:var(--slate-dark);color:var(--white);padding:1rem 2.8rem;font-size:.82rem;letter-spacing:1.5px;text-transform:uppercase;font-weight:400;transition:background .2s}
.btn-dark:hover{background:var(--slate)}
.btn-ghost{font-size:.82rem;letter-spacing:1px;color:var(--slate-light);border-bottom:1px solid var(--egg-border);padding-bottom:2px;transition:color .2s,border-color .2s}
.btn-ghost:hover{color:var(--slate-dark);border-color:var(--slate-dark)}
/* INTRO ROWS */
.intro{display:grid;grid-template-columns:1fr 2fr;gap:6rem;padding:6rem 8%;border-bottom:1px solid var(--egg-border);align-items:start}
.intro-label{font-size:.72rem;letter-spacing:3px;text-transform:uppercase;color:var(--slate-muted);font-weight:400;padding-top:.3rem}
.intro-body h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:300;line-height:1.2;margin-bottom:1.5rem}
.intro-body h2 em{font-style:italic}
.intro-body p{font-size:.95rem;color:var(--slate-light);line-height:1.9;max-width:540px}
.intro-body p a,.legal a{color:var(--slate-dark);border-bottom:1px solid var(--egg-border)}
.intro-body p a:hover,.legal a:hover{border-color:var(--slate-dark)}
/* LEGAL */
.legal{max-width:860px;margin:0 auto;padding:5rem 8% 6rem}
.legal h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:2rem;font-weight:300;line-height:1.2;margin:3.5rem 0 1rem;padding-top:2.5rem;border-top:1px solid var(--egg-border)}
.legal h3{font-size:.88rem;font-weight:500;letter-spacing:.3px;margin:1.8rem 0 .5rem}
.legal p,.legal li{font-size:.95rem;color:var(--slate-light);line-height:1.9}
.legal p+p{margin-top:1rem}
.legal ul{margin:.6rem 0 0 1.2rem}
.legal strong{color:var(--slate-dark);font-weight:500}
.legal table{border-collapse:collapse;width:100%;font-size:.88rem;color:var(--slate-light);margin-top:1rem}
.legal th,.legal td{border:1px solid var(--egg-border);padding:.7rem .9rem;text-align:left;vertical-align:top;line-height:1.6}
.legal th{background:var(--egg);color:var(--slate-dark);font-weight:500}
.toc{columns:2;column-gap:3rem;list-style:none;margin:0!important;padding:2rem;background:var(--egg);border:1px solid var(--egg-border)}
.toc li{font-size:.85rem}.toc a{border:none!important;color:var(--slate-light)!important}.toc a:hover{color:var(--slate-dark)!important}
.updated{margin-top:3rem!important;font-size:.72rem!important;letter-spacing:3px;text-transform:uppercase;color:var(--slate-muted)!important}
/* FOOTER */
footer{padding:2rem 8%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;border-top:1px solid var(--egg-border)}
footer p,footer nav a{font-size:.78rem;color:var(--slate-muted)}
footer nav{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}
footer nav a:hover{color:var(--slate-dark)}
footer .logo .mono{font-size:1.8rem}
@media(max-width:768px){
 nav.top{padding:1rem 5%}.logo .mono{font-size:2rem}.nav-link{display:none}.nav-cta{padding:.6rem 1.2rem;font-size:.75rem}
 .hero{padding:5rem 6% 4rem}.hero-tag{font-size:.65rem;letter-spacing:2px;margin-bottom:1.5rem}.hero p{font-size:.92rem;margin-bottom:2rem}
 .hero-btns{flex-direction:column;gap:1rem}.btn-dark{width:100%;text-align:center;padding:1rem}
 .intro{grid-template-columns:1fr;gap:1.5rem;padding:4rem 6%}
 .legal{padding:3rem 6% 4rem}.toc{columns:1}
 footer{flex-direction:column;align-items:flex-start;padding:2rem 6%}
}
.legal>nav{margin-top:2rem}