@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:wght@300;400;500;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400&display=swap");
:root{--mist: #E0DAD5; --sand: #E6D6C6; --stone: #A69688; --slate: #4F5050; --midnight: #1D2529; --white: #FFFFFF; --bg: #FFFFFF; --bg-alt: #E0DAD5; --bg-warm: #E6D6C6; --ink: #1D2529; --body: #4F5050; --muted: #7B7672; --line: rgba(79,80,80,.22); --card: #FFFFFF; --display: "meno-banner","Meno Banner","Playfair Display",Georgia,serif; --text: "aktiv-grotesk","Aktiv Grotesk","Inter Tight",Helvetica,Arial,sans-serif; color-scheme: light; box-sizing: border-box; padding-top: env(safe-area-inset-top,0px); padding-bottom: env(safe-area-inset-bottom,0px); --res-bg: #1D2529; --res-ink: #FFFFFF; --res-body: #E0DAD5; --res-line: rgba(230,214,198,.18); --field: #FFFFFF;}
:root[data-theme="dark"]{--bg: #1D2529; --bg-alt: #252E33; --bg-warm: #2B3338; --ink: #F3EEE9; --body: #D6CFC9; --muted: #A69688; --line: rgba(230,214,198,.18); --card: #252E33; color-scheme: dark; --res-bg: #E6D6C6; --res-ink: #1D2529; --res-body: #4F5050; --res-line: rgba(79,80,80,.22); --field: #1D2529;}
*{box-sizing: inherit;}
::before{box-sizing: inherit;}
::after{box-sizing: inherit;}
html{scroll-behavior: smooth; scroll-padding-top: env(safe-area-inset-top,0px); color-scheme: light;}
body{margin: 0px; background: var(--bg); color: var(--body); font-family: var(--text); font-weight: 300; font-size: 17px; line-height: 1.65; -webkit-font-smoothing: antialiased; margin: 0px;}
img{max-width: 100%; display: block;}
h1{font-family: var(--display); font-weight: 400; color: var(--ink); line-height: 1.1; margin: 0px; letter-spacing: -0.005em; font-size: clamp(44px, 6.4vw, 84px);}
h2{font-family: var(--display); font-weight: 400; color: var(--ink); line-height: 1.1; margin: 0px; letter-spacing: -0.005em; font-size: clamp(32px, 4vw, 52px);}
h3{font-family: var(--display); font-weight: 400; color: var(--ink); line-height: 1.1; margin: 0px; letter-spacing: -0.005em; font-size: 24px; line-height: 1.2;}
p{margin: 0px 0px 1em;}
a{color: inherit;}
input:focus-visible{outline: 2px solid var(--stone); outline-offset: 3px;}
select:focus-visible{outline: 2px solid var(--stone); outline-offset: 3px;}
a:focus-visible{outline: 2px solid var(--stone); outline-offset: 3px;}
label.chip:focus-within{outline: 2px solid var(--stone); outline-offset: 3px;}
fieldset{border: 0px; padding: 0px; margin: 4px 0px 16px;}
legend{font-size: 13px; font-weight: 500; color: var(--ink); margin-bottom: 10px; padding: 0px;}
label.chip{position: relative; display: inline-flex; align-items: center; font-size: 14px; padding: 8px 14px; border: 1px solid var(--line); cursor: pointer; user-select: none; transition: background 0.15s, border-color 0.15s;}
label.chip input{position: absolute; opacity: 0; width: 1px; height: 1px;}
label.chip:has(input:checked){background: var(--midnight); border-color: var(--midnight); color: rgb(255, 255, 255);}
section.band{padding: 110px 0px;}
footer{background: var(--midnight); border-top: 1px solid rgba(166, 150, 136, 0.25); color: var(--stone); padding: 44px 0px 56px; font-size: 12.5px; line-height: 1.6;}
div:where([data-etch-element="container"]){gap: 0px;}
footer .wrap{display: grid; grid-template-columns: 220px 1fr; gap: 48px; align-items: start;}
footer img{width: 180px; margin-left: -12px;}
/* This site's CSS assumes plain block sections and wrappers, so neutralise Etch's flex defaults. Any class rule still overrides this. */
section:where([data-etch-element="section"]),div:where([data-etch-element="container"]){display: block; flex-direction: row; align-items: normal;}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg: #1D2529; --bg-alt: #252E33; --bg-warm: #2B3338; --ink: #F3EEE9; --body: #D6CFC9; --muted: #A69688; --line: rgba(230,214,198,.18); --card: #252E33; color-scheme: dark; --res-bg: #E6D6C6; --res-ink: #1D2529; --res-body: #4F5050; --res-line: rgba(79,80,80,.22); --field: #1D2529;}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto;}}
@media (max-width: 960px){footer .wrap{grid-template-columns: 1fr; gap: 20px;}}
@media (max-width: 960px){section.band{padding: 76px 0px;}}
@media (max-width: 600px){body{font-size: 16px;}}