/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:Karla, ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--leading-tight:1.25;--radius-md:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0, 0, .2, 1);--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-brand:#414d37;--color-brand-dark:#23291d;--color-surface:#f5f0e6;--color-surface-dark:#e9dfc9;--color-content:#273024;--color-content-muted:#797d72;--color-accent:#9c6b32;--font-display:Fraunces, ui-sans-serif, system-ui, sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--wp042-safety-net:1}:where(.grid,.flex)>*{min-width:0}:where(input,select,textarea,button){box-sizing:border-box;min-width:0;max-width:100%}:where(.flex):not(.flex-col):not(.flex-nowrap){flex-wrap:wrap}:where(.flex:has(>:is(svg,img,span):first-child+:is(div,p,h1,h2,h3,h4,a):last-child)):not(.flex-col):not(.flex-nowrap):not(.justify-between):not(.justify-around):not(.justify-evenly){flex-wrap:nowrap}:where(.flex:has(>:is(svg,img,span):first-child+:is(div,p,h1,h2,h3,h4,a):last-child)):not(.flex-col):not(.flex-nowrap):not(.justify-between):not(.justify-around):not(.justify-evenly)>:first-child{flex:none}:where(h1,h2,h3,h4){overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual}:where(span,p){overflow-wrap:break-word}:where(section,footer){overflow-x:clip}@media (max-width:768px){:where(.sticky){position:static}:where(h1){font-size:clamp(1.5rem,7vw,2rem)}}:root{--wp-polish-layer:1}html{scroll-padding-top:5.5rem}:where(h1,h2,h3,h4){overflow-wrap:anywhere;text-wrap:balance;-webkit-hyphens:manual;hyphens:manual}:where(a,button){transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s}::selection{background:var(--color-accent,var(--color-brand,#1d4ed8));color:#fff}:where(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--color-accent,var(--color-brand,#1d4ed8));outline-offset:3px;border-radius:5px}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.right-0{right:calc(var(--spacing) * 0)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.isolate{isolation:isolate}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.row-span-2{grid-row:span 2/span 2}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-12{margin-top:calc(var(--spacing) * 12)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.h-6{height:calc(var(--spacing) * 6)}.h-11{height:calc(var(--spacing) * 11)}.h-44{height:calc(var(--spacing) * 44)}.h-52{height:calc(var(--spacing) * 52)}.h-72{height:calc(var(--spacing) * 72)}.h-80{height:calc(var(--spacing) * 80)}.h-\[420px\]{height:420px}.h-\[480px\]{height:480px}.h-\[560px\]{height:560px}.h-full{height:100%}.min-h-\[420px\]{min-height:420px}.min-h-\[650px\]{min-height:650px}.min-h-\[720px\]{min-height:720px}.w-6{width:calc(var(--spacing) * 6)}.w-11{width:calc(var(--spacing) * 11)}.w-44{width:calc(var(--spacing) * 44)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.auto-rows-\[190px\]{grid-auto-rows:190px}.auto-rows-\[210px\]{grid-auto-rows:210px}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-10{column-gap:calc(var(--spacing) * 10)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-8{row-gap:calc(var(--spacing) * 8)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\[\#414d37\]\/15>:not(:last-child)){border-color:oklab(40.2922% -.0255853 .0291812/.15)}:where(.divide-white\/15>:not(:last-child)){border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){:where(.divide-white\/15>:not(:last-child)){border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\[18px\]{border-radius:18px}.rounded-\[20px\]{border-radius:20px}.rounded-\[24px\]{border-radius:24px}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-8{border-style:var(--tw-border-style);border-width:8px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#414d37\]\/10{border-color:oklab(40.2922% -.0255853 .0291812/.1)}.border-\[\#414d37\]\/20{border-color:oklab(40.2922% -.0255853 .0291812/.2)}.border-\[\#eee5d5\]{border-color:#eee5d5}.border-\[\#f5f0e6\]\/30{border-color:oklab(95.6283% .00135246 .0142632/.3)}.border-black\/10{border-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.border-black\/10{border-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\/30{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab, red, red)){.border-white\/40{border-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.bg-\[\#414d37\]{background-color:#414d37}.bg-\[\#273024\]{background-color:#273024}.bg-\[\#273024\]\/60{background-color:oklab(29.656% -.0182557 .016483/.6)}.bg-\[\#273024\]\/70{background-color:oklab(29.656% -.0182557 .016483/.7)}.bg-\[\#eee5d5\]{background-color:#eee5d5}.bg-\[\#f5f0e6\]{background-color:#f5f0e6}.bg-\[\#f5f0e6\]\/95{background-color:oklab(95.6283% .00135246 .0142632/.95)}.bg-\[\#fffaf1\]{background-color:#fffaf1}.bg-brand{background-color:var(--color-brand)}.bg-surface{background-color:var(--color-surface)}.bg-surface-dark{background-color:var(--color-surface-dark)}.bg-white{background-color:var(--color-white)}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#273024\]{--tw-gradient-from:#273024;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#273024\]\/90{--tw-gradient-from:oklab(29.656% -.0182557 .016483/.9);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#273024\]\/60{--tw-gradient-via:oklab(29.656% -.0182557 .016483/.6);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#273024\]\/80{--tw-gradient-via:oklab(29.656% -.0182557 .016483/.8);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#273024\]\/30{--tw-gradient-to:oklab(29.656% -.0182557 .016483/.3);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-7{padding-inline:calc(var(--spacing) * 7)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.font-display{font-family:var(--font-display)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-10{--tw-leading:calc(var(--spacing) * 10);line-height:calc(var(--spacing) * 10)}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-\[\#9c6b32\]{color:#9c6b32}.text-\[\#414d37\]{color:#414d37}.text-\[\#273024\]{color:#273024}.text-\[\#e6c99f\]{color:#e6c99f}.text-\[\#f5f0e6\]{color:#f5f0e6}.text-\[\#f5f0e6\]\/55{color:oklab(95.6283% .00135246 .0142632/.55)}.text-\[\#f5f0e6\]\/70{color:oklab(95.6283% .00135246 .0142632/.7)}.text-\[\#f5f0e6\]\/75{color:oklab(95.6283% .00135246 .0142632/.75)}.text-\[\#f5f0e6\]\/80{color:oklab(95.6283% .00135246 .0142632/.8)}.text-\[\#f5f0e6\]\/85{color:oklab(95.6283% .00135246 .0142632/.85)}.text-brand{color:var(--color-brand)}.text-content{color:var(--color-content)}.text-content-muted{color:var(--color-content-muted)}.text-white{color:var(--color-white)}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.text-white\/85{color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.decoration-\[\#9c6b32\]{text-decoration-color:#9c6b32}.decoration-\[\#c69258\]{text-decoration-color:#c69258}.decoration-2{text-decoration-thickness:2px}.underline-offset-8{text-underline-offset:8px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[\#414d37\]\/10{--tw-shadow-color:#414d371a}@supports (color:color-mix(in lab, red, red)){.shadow-\[\#414d37\]\/10{--tw-shadow-color:color-mix(in oklab, oklab(40.2922% -.0255853 .0291812/.1) var(--tw-shadow-alpha), transparent)}}.shadow-\[\#414d37\]\/15{--tw-shadow-color:#414d3726}@supports (color:color-mix(in lab, red, red)){.shadow-\[\#414d37\]\/15{--tw-shadow-color:color-mix(in oklab, oklab(40.2922% -.0255853 .0291812/.15) var(--tw-shadow-alpha), transparent)}}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:bg-\[\#f5f0e6\]:hover{background-color:#f5f0e6}.hover\:bg-brand-dark:hover{background-color:var(--color-brand-dark)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:text-\[\#273024\]:hover{color:#273024}.hover\:text-brand:hover{color:var(--color-brand)}.hover\:text-white:hover{color:var(--color-white)}}.focus\:border-\[\#9c6b32\]:focus{border-color:#9c6b32}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:h-56{height:calc(var(--spacing) * 56)}.sm\:h-96{height:calc(var(--spacing) * 96)}.sm\:w-56{width:calc(var(--spacing) * 56)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:p-9{padding:calc(var(--spacing) * 9)}.sm\:p-10{padding:calc(var(--spacing) * 10)}.sm\:p-12{padding:calc(var(--spacing) * 12)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-20{padding-block:calc(var(--spacing) * 20)}.sm\:py-24{padding-block:calc(var(--spacing) * 24)}.sm\:pr-14{padding-right:calc(var(--spacing) * 14)}.sm\:pb-14{padding-bottom:calc(var(--spacing) * 14)}.sm\:pl-14{padding-left:calc(var(--spacing) * 14)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media (min-width:48rem){.md\:flex{display:flex}.md\:hidden{display:none}.md\:auto-rows-\[230px\]{grid-auto-rows:230px}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[1\.2fr_0\.8fr_0\.8fr\]{grid-template-columns:1.2fr .8fr .8fr}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}}@media (min-width:64rem){.lg\:mt-16{margin-top:calc(var(--spacing) * 16)}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:min-h-\[690px\]{min-height:690px}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-\[0\.8fr_1\.2fr\]{grid-template-columns:.8fr 1.2fr}.lg\:grid-cols-\[0\.85fr_1\.15fr\]{grid-template-columns:.85fr 1.15fr}.lg\:grid-cols-\[1\.15fr_0\.85fr\]{grid-template-columns:1.15fr .85fr}.lg\:p-14{padding:calc(var(--spacing) * 14)}.lg\:p-16{padding:calc(var(--spacing) * 16)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:py-24{padding-block:calc(var(--spacing) * 24)}.lg\:py-28{padding-block:calc(var(--spacing) * 28)}.lg\:py-32{padding-block:calc(var(--spacing) * 32)}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
/* FinalizeClassSafetyNetV9: defaults for finalize-custom classes left undefined */
.eyebrow{display:inline-block;font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#414d37;margin-bottom:.6rem}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:9999px;background:#2f3728;color:#fff;padding:.8rem 1.6rem;font-weight:700;text-decoration:none;transition:background .2s,transform .2s}.btn-primary:hover{background:#414d37;color:#fff;transform:translateY(-1px)}
.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:9999px;background:#fff;color:#2f3728;padding:.8rem 1.6rem;font-weight:700;text-decoration:none;border:2px solid #2f3728;transition:background .2s,color .2s,border-color .2s,transform .2s}.btn-secondary:hover{background:#2f3728;color:#fff;border-color:#2f3728;transform:translateY(-1px)}
.nav-link{padding:.5rem .95rem;border-radius:9999px;color:#334155;font-weight:600;text-decoration:none;transition:color .2s,background .2s;white-space:nowrap}.nav-link:hover{color:#2f3728}
.nav-current,.nav-current:hover,.nav-current:focus{color:#fff;font-weight:800}
.footer-link{color:rgba(255,255,255,.8);text-decoration:none;transition:color .2s}.footer-link:hover{color:#fff}
.image-frame{border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.10)}
.icon-chip{display:inline-flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;margin-bottom:1rem;border-radius:9999px;font-weight:900;font-size:1.125rem;line-height:1}
.step-num{display:inline-flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;border-radius:9999px;background:color-mix(in srgb,#414d37 12%,#fff);color:#2f3728;font-weight:900;font-size:1.35rem;line-height:1}

/* ============================================================================
   B&B De Paardenstal — hand-authored design layer.
   Appended AFTER the compiled Tailwind + FinalizeClassSafetyNetV9 defaults so
   it wins. site.css is statically compiled: arbitrary Tailwind utilities that
   were never used at build time DO NOT EXIST (h-56, h-[420px], …). Everything
   structural below is therefore a real class of our own.
   ========================================================================== */

/* --- self-hosted webfonts (latin, variable) ------------------------------- */
@font-face{font-family:'Jakarta';font-style:normal;font-weight:200 800;font-display:swap;
  src:url('../fonts/plus-jakarta-sans-var.woff2') format('woff2');}
@font-face{font-family:'InterVar';font-style:normal;font-weight:100 700;font-display:swap;
  src:url('../fonts/inter-var.woff2') format('woff2');}

:root{
  --ink:#22291f; --sage:#414d37; --sage-deep:#2f3728; --clay:#9c6b32; --clay-soft:#d5a56c;
  --cream:#f5f0e6; --oat:#eae0cd; --paper:#fffdf8; --sand:#e6dcc6; --muted:#6a7263;
  --pad:clamp(1rem,4vw,2rem);
}

html{scroll-padding-top:6rem;}
body{font-family:InterVar,ui-sans-serif,system-ui,sans-serif;color:var(--ink);
  letter-spacing:-.006em;-webkit-font-smoothing:antialiased;background:var(--cream);}

/* ── layout primitives ───────────────────────────────────────────────────── */
.wrap{width:100%;max-width:78rem;margin-inline:auto;padding-inline:var(--pad);}
.wrap-mid{width:100%;max-width:64rem;margin-inline:auto;padding-inline:var(--pad);}
.wrap-narrow{width:100%;max-width:48rem;margin-inline:auto;padding-inline:var(--pad);}
.sect{padding-block:clamp(3.5rem,7vw,6rem);}
.sect-sm{padding-block:clamp(2.25rem,4vw,3.25rem);}
.sect-lg{padding-block:clamp(4.5rem,9vw,7.5rem);}
.bg-oat{background:var(--oat);}
.bg-cream{background:var(--cream);}
.bg-sage{background:var(--sage);color:var(--cream);}
.bg-deep{background:#22291f;color:var(--cream);}
.panel{border-radius:clamp(20px,3vw,34px);overflow:hidden;}

.g2,.g3,.g4,.split,.split-rev{display:grid;gap:clamp(1.5rem,3vw,2.5rem);}
@media (min-width:640px){.g2{grid-template-columns:repeat(2,1fr);}}
@media (min-width:768px){.g3{grid-template-columns:repeat(3,1fr);}
  .g4{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1024px){.g4{grid-template-columns:repeat(4,1fr);}
  .split{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2rem,5vw,4.5rem);}
  .split-rev{grid-template-columns:.95fr 1.05fr;align-items:center;gap:clamp(2rem,5vw,4.5rem);}
  .split.wide-left{grid-template-columns:1.25fr .75fr;}
  .split.wide-right{grid-template-columns:.75fr 1.25fr;}
  .split-rev>.first{order:2;} .split-rev>.second{order:1;}}
.stack-sm>*+*{margin-top:.75rem;} .stack>*+*{margin-top:1.25rem;} .stack-lg>*+*{margin-top:2rem;}
.row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;}
.row-between{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;}
.center{text-align:center;} .mt-l{margin-top:clamp(2rem,4vw,3.25rem);}
.mt-m{margin-top:1.5rem;} .mt-s{margin-top:.85rem;} .mt-xl{margin-top:clamp(2.5rem,5vw,4rem);}

/* ── type scale ──────────────────────────────────────────────────────────── */
.font-display,.t-hero,.t-h1,.t-h2,.t-h3,.t-h4{font-family:Jakarta,ui-sans-serif,system-ui,sans-serif;
  font-weight:700;letter-spacing:-.032em;line-height:1.1;text-wrap:balance;font-variation-settings:normal;}
.t-hero{font-size:clamp(2.4rem,6vw,4.2rem);font-weight:800;letter-spacing:-.042em;line-height:1.03;}
.t-h1{font-size:clamp(2.1rem,4.6vw,3.4rem);font-weight:800;letter-spacing:-.04em;line-height:1.06;}
.t-h2{font-size:clamp(1.75rem,3.4vw,2.6rem);letter-spacing:-.035em;}
.t-h3{font-size:clamp(1.2rem,1.8vw,1.45rem);letter-spacing:-.028em;}
.t-h4{font-size:1.05rem;letter-spacing:-.022em;}
.t-lead{font-size:clamp(1.05rem,1.5vw,1.2rem);line-height:1.7;color:#4d5647;}
.t-body{font-size:1rem;line-height:1.72;color:#4d5647;}
.t-small{font-size:.88rem;line-height:1.6;color:var(--muted);}
.on-dark .t-lead,.t-lead.on-dark{color:rgba(245,240,230,.82);}
.on-dark .t-body,.t-body.on-dark{color:rgba(245,240,230,.78);}
.on-dark .t-small,.t-small.on-dark{color:rgba(245,240,230,.62);}
.measure{max-width:34rem;} .measure-wide{max-width:44rem;}

/* ── header / navigation ─────────────────────────────────────────────────── */
/* generated default was color:#fff — white on a cream header: invisible */
.nav-link{color:#4d5646;font-weight:600;letter-spacing:-.012em;font-family:Jakarta,sans-serif;}
.nav-link:hover{color:var(--sage-deep);background:rgba(65,77,55,.07);}
.nav-current,.nav-current:hover,.nav-current:focus{color:var(--sage-deep);font-weight:700;
  font-family:Jakarta,sans-serif;background:rgba(65,77,55,.1);
  box-shadow:inset 0 0 0 1px rgba(65,77,55,.13);}
.site-head{background:rgba(245,240,230,.86);backdrop-filter:saturate(150%) blur(14px);}
.brand-mark{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;}
.brand-mark svg{flex:none;}
.brand-mark b{font-family:Jakarta,sans-serif;font-weight:800;font-size:1rem;line-height:1.05;
  color:var(--sage-deep);letter-spacing:-.03em;display:block;}
.brand-mark small{display:block;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--clay);font-weight:700;margin-top:.2rem;}

/* ── buttons / links ─────────────────────────────────────────────────────── */
.btn-primary,.btn-secondary,.btn-light,.btn-ghost{font-family:Jakarta,sans-serif;font-weight:700;
  letter-spacing:-.015em;}
.btn-primary{background:var(--sage-deep);box-shadow:0 10px 22px -12px rgba(34,41,31,.8);padding:.85rem 1.7rem;}
.btn-primary:hover{box-shadow:0 16px 28px -12px rgba(34,41,31,.9);}
.btn-secondary{border-width:1.5px;}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;
  padding:.85rem 1.6rem;text-decoration:none;color:var(--cream);border:1.5px solid rgba(245,240,230,.42);
  transition:background .2s,color .2s,border-color .2s;}
.btn-ghost:hover{background:var(--cream);color:var(--ink);border-color:var(--cream);}
.btn-light{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;
  padding:.85rem 1.7rem;text-decoration:none;background:var(--cream);color:var(--ink);
  transition:background .2s,transform .2s;box-shadow:0 12px 26px -14px rgba(0,0,0,.7);}
.btn-light:hover{background:#fff;transform:translateY(-1px);}
.btn-wide{width:100%;}
.link-arrow{display:inline-flex;align-items:center;gap:.45rem;font-family:Jakarta,sans-serif;
  font-weight:700;letter-spacing:-.015em;color:var(--sage-deep);text-decoration:none;
  border-bottom:2px solid rgba(156,107,50,.5);padding-bottom:.15rem;transition:border-color .2s,gap .2s;}
.link-arrow:hover{border-color:var(--clay);gap:.75rem;}
.link-arrow svg{transition:transform .2s;}
.link-arrow:hover svg{transform:translateX(3px);}
.link-arrow.on-dark{color:var(--cream);border-color:rgba(213,165,108,.7);}

/* ── icons ───────────────────────────────────────────────────────────────── */
.icon-chip{display:inline-flex;align-items:center;justify-content:center;width:2.9rem;height:2.9rem;
  border-radius:16px;background:rgba(156,107,50,.11);color:var(--clay);margin-bottom:0;
  box-shadow:inset 0 0 0 1px rgba(156,107,50,.16);flex:none;}
.icon-chip svg{width:1.4rem;height:1.4rem;stroke-width:1.7;}
.icon-chip.on-dark{background:rgba(245,240,230,.12);color:var(--clay-soft);
  box-shadow:inset 0 0 0 1px rgba(245,240,230,.2);}
.icon-chip.sm{width:2.4rem;height:2.4rem;border-radius:13px;}
.icon-chip.sm svg{width:1.15rem;height:1.15rem;}
.icon-inline{display:inline-flex;width:1.1rem;height:1.1rem;flex:none;color:var(--clay);
  stroke-width:2;vertical-align:-.14em;}
.icon-inline.on-dark{color:var(--clay-soft);}
.step-num{display:inline-flex;align-items:center;justify-content:center;background:rgba(156,107,50,.13);
  color:var(--clay);font-family:Jakarta,sans-serif;width:2.9rem;height:2.9rem;border-radius:16px;
  font-size:1.15rem;font-weight:800;flex:none;}
.step-num.on-dark{background:rgba(245,240,230,.12);color:var(--clay-soft);}

/* ── editorial furniture ─────────────────────────────────────────────────── */
.eyebrow{display:inline-block;font-family:Jakarta,sans-serif;color:var(--clay);letter-spacing:.16em;
  font-size:.72rem;font-weight:800;text-transform:uppercase;margin-bottom:.8rem;}
.eyebrow.on-dark{color:var(--clay-soft);}
.rule{display:block;width:3rem;height:3px;border-radius:2px;background:var(--clay);opacity:.5;
  margin-top:1.1rem;}
.rule.center{margin-inline:auto;}
.pill{display:inline-flex;align-items:center;gap:.4rem;border-radius:9999px;padding:.36rem .9rem;
  font-family:Jakarta,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:-.01em;
  background:rgba(65,77,55,.08);color:var(--sage-deep);box-shadow:inset 0 0 0 1px rgba(65,77,55,.11);}
.pill.clay{background:rgba(156,107,50,.12);color:#7d5526;box-shadow:inset 0 0 0 1px rgba(156,107,50,.18);}
.pill.on-dark{background:rgba(245,240,230,.15);color:var(--cream);box-shadow:none;backdrop-filter:blur(6px);}
.price-tag{display:inline-flex;align-items:baseline;gap:.4rem;font-family:Jakarta,sans-serif;
  font-weight:800;color:var(--sage-deep);letter-spacing:-.035em;}
.price-tag b{font-size:1.95rem;line-height:1;}
.price-tag span{font-size:.85rem;font-weight:600;color:var(--muted);letter-spacing:-.01em;}
.price-tag.on-dark{color:var(--cream);} .price-tag.on-dark span{color:rgba(245,240,230,.7);}
.prose-links a{color:var(--sage-deep);text-decoration:underline;text-decoration-color:rgba(156,107,50,.55);
  text-underline-offset:.22em;text-decoration-thickness:2px;font-weight:600;}
.prose-links a:hover{text-decoration-color:var(--clay);}
.prose-links.on-dark a{color:#fff;text-decoration-color:rgba(213,165,108,.8);}

/* ── media: aspect-ratio boxes (never unbounded natural size) ────────────── */
.photo{display:block;position:relative;border-radius:22px;overflow:hidden;background:var(--sand);}
.photo>img{display:block;width:100%;height:100%;object-fit:cover;}
.ar-21x9{aspect-ratio:21/9;} .ar-16x9{aspect-ratio:16/9;} .ar-3x2{aspect-ratio:3/2;}
.ar-4x3{aspect-ratio:4/3;}   .ar-1x1{aspect-ratio:1/1;}   .ar-4x5{aspect-ratio:4/5;}
.ar-3x4{aspect-ratio:3/4;}   .ar-2x3{aspect-ratio:2/3;}
@media (max-width:640px){.ar-2x3,.ar-3x4{aspect-ratio:4/3;} .ar-21x9{aspect-ratio:16/9;}}
.photo-zoom>img{transition:transform .8s cubic-bezier(.16,1,.3,1);}
.photo-zoom:hover>img{transform:scale(1.05);}
.photo-frame{box-shadow:0 28px 60px -34px rgba(34,41,31,.75);}
.photo-cap{font-size:.8rem;color:var(--muted);margin-top:.55rem;}

/* floating badge over a photo — depth without extra markup */
.badge-float{position:absolute;left:1rem;bottom:1rem;display:inline-flex;align-items:center;gap:.5rem;
  background:rgba(245,240,230,.94);backdrop-filter:blur(8px);border-radius:14px;padding:.55rem .85rem;
  font-family:Jakarta,sans-serif;font-weight:700;font-size:.84rem;letter-spacing:-.015em;
  color:var(--sage-deep);box-shadow:0 12px 30px -14px rgba(0,0,0,.55);}
.badge-float.tr{left:auto;right:1rem;bottom:auto;top:1rem;}
.badge-float .amt{font-size:1.02rem;font-weight:800;}

/* overlapping duo — one image tucked over the corner of another */
.stack-duo{position:relative;padding-bottom:3rem;padding-right:2.5rem;}
.stack-duo .lead{border-radius:26px;overflow:hidden;box-shadow:0 30px 65px -35px rgba(34,41,31,.8);}
.stack-duo .tuck{position:absolute;right:0;bottom:0;width:44%;max-width:14rem;border-radius:20px;
  overflow:hidden;border:8px solid var(--cream);box-shadow:0 22px 45px -22px rgba(34,41,31,.55);}
.bg-oat .stack-duo .tuck{border-color:var(--oat);}
@media (max-width:640px){.stack-duo{padding-bottom:2.25rem;padding-right:1.5rem;}
  .stack-duo .tuck{width:50%;border-width:6px;}}

/* bento image grid */
.bento{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;}
.bento>*{margin:0;}
@media (min-width:768px){.bento{grid-template-columns:repeat(4,1fr);grid-auto-rows:11rem;gap:1rem;}
  .bento .big{grid-column:span 2;grid-row:span 2;}
  .bento .wide{grid-column:span 2;}
  .bento>*{aspect-ratio:auto!important;height:100%;}}

/* ── cards ───────────────────────────────────────────────────────────────── */
.card{background:var(--paper);border-radius:24px;
  box-shadow:0 20px 50px -32px rgba(34,41,31,.6),inset 0 0 0 1px rgba(65,77,55,.06);}
.card.oat{background:var(--oat);}
.card-pad{padding:clamp(1.4rem,3vw,2.25rem);}
.card-lift{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;}
.card-lift:hover{transform:translateY(-5px);
  box-shadow:0 34px 70px -34px rgba(34,41,31,.65),inset 0 0 0 1px rgba(65,77,55,.09);}
.stay-card{display:flex;flex-direction:column;overflow:hidden;height:100%;}
.stay-card .photo{border-radius:0;}
.feature-list{display:grid;gap:.65rem;}
@media (min-width:520px){.feature-list{grid-template-columns:repeat(2,1fr);}}
.feature-list li{display:flex;align-items:center;gap:.55rem;font-size:.95rem;color:#4d5647;}
.check-list{display:grid;gap:.85rem;}
@media (min-width:640px){.check-list{grid-template-columns:repeat(2,1fr);gap:.85rem 2rem;}}
.check-list li{display:flex;align-items:flex-start;gap:.65rem;line-height:1.55;}

/* ── usp strip ───────────────────────────────────────────────────────────── */
.usp-band{display:grid;gap:1.5rem;}
@media (min-width:768px){.usp-band{grid-template-columns:repeat(3,1fr);gap:2.5rem;}}
.usp-item{display:flex;align-items:flex-start;gap:.9rem;}
.usp-item h3{font-family:Jakarta,sans-serif;font-weight:700;font-size:1rem;letter-spacing:-.022em;
  color:var(--ink);}
.usp-item p{font-size:.92rem;color:var(--muted);margin-top:.2rem;line-height:1.55;}
.usp-item.on-dark h3{color:var(--cream);} .usp-item.on-dark p{color:rgba(245,240,230,.7);}

/* ── stats ───────────────────────────────────────────────────────────────── */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,3vw,2rem);}
.stat b{display:block;font-family:Jakarta,sans-serif;font-weight:800;font-size:clamp(1.6rem,3vw,2.1rem);
  letter-spacing:-.045em;color:var(--sage-deep);line-height:1;}
.stat span{display:block;font-size:.85rem;color:var(--muted);margin-top:.45rem;line-height:1.4;}
.stat.on-dark b{color:var(--cream);} .stat.on-dark span{color:rgba(245,240,230,.68);}

/* ── rates table ─────────────────────────────────────────────────────────── */
.rate-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.97rem;}
.rate-table th,.rate-table td{padding:.9rem 1rem;text-align:left;
  border-bottom:1px solid rgba(65,77,55,.12);}
.rate-table thead th{font-family:Jakarta,sans-serif;font-size:.7rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--clay);font-weight:800;border-bottom:2px solid rgba(156,107,50,.28);}
.rate-table tbody th{font-family:Jakarta,sans-serif;font-weight:700;color:var(--ink);letter-spacing:-.018em;}
.rate-table td{color:#525a4b;}
.rate-table .num{font-family:Jakarta,sans-serif;font-weight:800;font-size:1.08rem;letter-spacing:-.035em;
  color:var(--sage-deep);white-space:nowrap;}
.rate-table tr:last-child th,.rate-table tr:last-child td{border-bottom:0;}
.rate-table .yes{color:#4b6a3a;font-weight:700;}
.rate-table .sub{display:block;font-family:InterVar,sans-serif;font-size:.78rem;font-weight:400;
  color:var(--muted);margin-top:.15rem;}
.table-scroll{overflow-x:auto;}
.table-scroll>table{min-width:32rem;}

/* ── timeline ────────────────────────────────────────────────────────────── */
.timeline{display:grid;gap:2rem;}
@media (min-width:900px){.timeline{grid-template-columns:repeat(4,1fr);gap:1.75rem;position:relative;}
  .timeline:before{content:"";position:absolute;left:1.45rem;right:1.45rem;top:1.45rem;height:2px;
    background:repeating-linear-gradient(90deg,rgba(156,107,50,.38) 0 7px,transparent 7px 14px);}}
.tl-step{position:relative;}
.tl-step .icon-chip{background:var(--cream);box-shadow:inset 0 0 0 1px rgba(156,107,50,.26);}
.bg-oat .tl-step .icon-chip{background:var(--oat);}
.tl-time{display:block;font-family:Jakarta,sans-serif;font-size:.69rem;font-weight:800;letter-spacing:.15em;
  text-transform:uppercase;color:var(--clay);margin-top:1.05rem;}
.tl-step h3{font-family:Jakarta,sans-serif;font-weight:700;font-size:1.18rem;letter-spacing:-.028em;
  margin-top:.3rem;}
.tl-step p{margin-top:.45rem;color:var(--muted);line-height:1.65;font-size:.95rem;}

/* ── area cards ──────────────────────────────────────────────────────────── */
.area-card{display:flex;flex-direction:column;overflow:hidden;border-radius:24px;background:var(--paper);
  box-shadow:0 20px 50px -34px rgba(34,41,31,.6),inset 0 0 0 1px rgba(65,77,55,.06);height:100%;
  transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;text-decoration:none;color:inherit;}
.area-card:hover{transform:translateY(-5px);
  box-shadow:0 34px 70px -34px rgba(34,41,31,.65),inset 0 0 0 1px rgba(65,77,55,.09);}
.area-card .photo{border-radius:0;}
.area-card .body{padding:1.4rem 1.5rem 1.6rem;display:flex;flex-direction:column;gap:.5rem;flex:1;}
.area-card h3{font-family:Jakarta,sans-serif;font-weight:700;font-size:1.28rem;letter-spacing:-.03em;
  line-height:1.2;}
.area-card p{color:var(--muted);line-height:1.65;font-size:.95rem;}
.area-card .meta{margin-top:auto;padding-top:.9rem;display:flex;align-items:center;gap:.45rem;
  font-family:Jakarta,sans-serif;font-size:.8rem;font-weight:700;color:var(--clay);letter-spacing:-.01em;}

/* ── form ────────────────────────────────────────────────────────────────── */
.form-grid{display:grid;gap:1.15rem;}
@media (min-width:600px){.form-grid{grid-template-columns:repeat(2,1fr);} .form-grid .full{grid-column:1/-1;}}
.field{display:block;}
.field>span{display:block;font-family:Jakarta,sans-serif;font-size:.79rem;font-weight:700;
  letter-spacing:-.01em;color:var(--sage-deep);margin-bottom:.4rem;}
.field input,.field select,.field textarea{width:100%;border-radius:14px;background:#fff;
  border:1.5px solid rgba(65,77,55,.18);padding:.78rem 1rem;color:var(--ink);font:inherit;
  transition:border-color .2s,box-shadow .2s;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--clay);
  box-shadow:0 0 0 4px rgba(156,107,50,.14);}
.field .hint{display:block;font-size:.77rem;color:var(--muted);font-weight:400;margin-top:.35rem;}
.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;}
.notice{border-radius:18px;padding:1.05rem 1.2rem;display:flex;gap:.8rem;align-items:flex-start;
  font-weight:500;line-height:1.6;}
.notice.ok{background:rgba(75,106,58,.11);color:#33512a;box-shadow:inset 0 0 0 1px rgba(75,106,58,.22);}
.notice.bad{background:rgba(179,69,47,.09);color:#8c3423;box-shadow:inset 0 0 0 1px rgba(179,69,47,.2);}
.notice svg{flex:none;width:1.25rem;height:1.25rem;margin-top:.15rem;}

/* ── contact rows ────────────────────────────────────────────────────────── */
.contact-row{display:flex;gap:.85rem;align-items:center;text-decoration:none;color:inherit;
  padding:.8rem 0;border-bottom:1px solid rgba(65,77,55,.1);}
.contact-row:last-child{border-bottom:0;}
.contact-row b{display:block;font-family:Jakarta,sans-serif;font-size:.68rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--clay);font-weight:800;}
.contact-row .val{display:block;font-size:1rem;font-weight:600;color:var(--ink);margin-top:.1rem;}
a.contact-row:hover .val{color:var(--clay);}

/* ── faq / quote ─────────────────────────────────────────────────────────── */
:where(a,button,summary,input,select,textarea):focus-visible{outline:3px solid var(--clay);
  outline-offset:2px;border-radius:6px;}
details>summary{list-style:none;} details>summary::-webkit-details-marker{display:none;}
.faq-item{border-bottom:1px solid rgba(65,77,55,.13);}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;
  cursor:pointer;padding:1.15rem 0;font-family:Jakarta,sans-serif;font-weight:700;font-size:1.05rem;
  letter-spacing:-.025em;}
.faq-item summary .chev{flex:none;transition:transform .25s;color:var(--clay);}
.faq-item[open] summary .chev{transform:rotate(45deg);}
.faq-item p{padding-bottom:1.2rem;line-height:1.72;color:var(--muted);max-width:62ch;}
.faq-item.on-dark{border-color:rgba(245,240,230,.15);}
.faq-item.on-dark p{color:rgba(245,240,230,.75);}
.faq-item.on-dark summary .chev{color:var(--clay-soft);}
.quote{font-family:Jakarta,sans-serif;font-weight:600;font-size:clamp(1.35rem,2.4vw,1.8rem);
  line-height:1.4;letter-spacing:-.032em;color:var(--sage-deep);}
.quote.on-dark{color:var(--cream);}

/* ── hero ────────────────────────────────────────────────────────────────── */
.hero{position:relative;isolation:isolate;overflow:hidden;background:#22291f;}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.hero .scrim{position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(28,34,25,.9) 0%,rgba(28,34,25,.7) 45%,rgba(28,34,25,.3) 100%);}
.hero .inner{position:relative;display:flex;align-items:center;
  min-height:clamp(30rem,64vh,44rem);padding-block:clamp(4rem,9vw,7rem);}
.hero.compact .inner{min-height:clamp(18rem,36vh,25rem);padding-block:clamp(3rem,6vw,4.5rem);}
.hero-note{margin-top:1.75rem;font-size:.92rem;color:rgba(245,240,230,.72);}

/* floating cards that overlap the hero's bottom edge */
.overlap-up{margin-top:clamp(-3.5rem,-4vw,-2rem);position:relative;z-index:2;}

.footer-link{color:rgba(245,240,230,.7);} .footer-link:hover{color:#fff;}
.skip-link{position:absolute;left:-9999px;}
.skip-link:focus{left:1rem;top:1rem;z-index:100;background:var(--cream);color:var(--ink);
  padding:.7rem 1.1rem;border-radius:10px;font-weight:700;}

/* ── site header ─────────────────────────────────────────────────────────── */
.head-bar{border-bottom:1px solid rgba(65,77,55,.11);}
.head-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
  padding-block:.85rem;}
.head-nav{display:none;align-items:center;gap:.15rem;}
.head-nav .nav-link,.head-nav .nav-current{padding:.55rem .9rem;border-radius:9999px;font-size:.9rem;
  text-decoration:none;white-space:nowrap;transition:background .2s,color .2s;}
.head-cta{margin-left:.75rem;padding:.7rem 1.35rem!important;font-size:.9rem;}
.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;
  border-radius:9999px;border:1.5px solid rgba(65,77,55,.22);color:var(--sage-deep);background:none;}
.mob-nav{border-top:1px solid rgba(65,77,55,.1);background:var(--cream);}
.mob-nav-inner{display:flex;flex-direction:column;gap:.2rem;padding-block:1rem;}
.mob-link{padding:.8rem 1rem;border-radius:14px;text-decoration:none;}
.mob-cta{margin-top:.75rem;text-align:center;}
@media (min-width:1024px){.head-nav{display:flex;} .nav-toggle{display:none;} .mob-nav{display:none!important;}}

/* ── site footer ─────────────────────────────────────────────────────────── */
.site-foot{background:#22291f;color:var(--cream);}
.foot-grid{display:grid;gap:2.5rem;padding-block:clamp(3rem,5vw,4rem);}
@media (min-width:768px){.foot-grid{grid-template-columns:1.4fr .8fr .8fr;gap:3rem;}}
.foot-name{color:var(--cream);}
.foot-blurb{margin-top:1rem;max-width:26rem;line-height:1.7;color:rgba(245,240,230,.7);font-size:.96rem;}
.foot-cta{margin-top:1.75rem;font-size:.9rem;}
.foot-head{font-family:Jakarta,sans-serif;font-size:.7rem;font-weight:800;letter-spacing:.16em;
  text-transform:uppercase;color:var(--clay-soft);}
.foot-body{margin-top:1rem;line-height:1.7;color:rgba(245,240,230,.72);font-size:.96rem;}
.foot-nav{margin-top:1rem;display:grid;gap:.6rem;font-size:.94rem;}
.foot-base{border-top:1px solid rgba(255,255,255,.09);}
.foot-base-inner{display:flex;flex-direction:column;gap:.5rem;padding-block:1.25rem;
  font-size:.78rem;color:rgba(245,240,230,.5);}
@media (min-width:640px){.foot-base-inner{flex-direction:row;align-items:center;justify-content:space-between;}}

/* designed tile for a card that has no honest photograph available
   (e.g. Tiengemeten — we have no own image of the island) */
.tile-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:.9rem;background:linear-gradient(150deg,#414d37 0%,#2f3728 60%,#22291f 100%);color:var(--cream);
  text-align:center;padding:1.5rem;}
.tile-art svg{width:2.6rem;height:2.6rem;stroke-width:1.3;color:var(--clay-soft);}
.tile-art>span{font-family:Jakarta,sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.02em;
  color:rgba(245,240,230,.8);}
.tile-art:after{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(115deg,rgba(245,240,230,.05) 0 2px,transparent 2px 22px);}

/* ── step rows: the number/icon and the TITLE sit on ONE line ────────────
   The generated build (and my first pass) stacked chip-then-heading, which
   reads as a stray digit floating above the text. Title beside the marker,
   body copy aligned under the title. */
.step-row{display:flex;gap:.9rem;align-items:flex-start;}
.step-row>.step-num,.step-row>.icon-chip{flex:none;}
.step-row .step-body{min-width:0;}
.step-row .step-title{display:block;font-family:Jakarta,sans-serif;font-weight:700;
  font-size:1.05rem;letter-spacing:-.025em;line-height:1.3;color:var(--ink);
  /* the marker is ~2.9rem tall; centre the title against it */
  padding-top:.35rem;}
.step-row .step-title.on-dark{color:var(--cream);}
.step-row p{margin-top:.4rem;color:var(--muted);line-height:1.6;font-size:.94rem;}
.step-row.on-dark p{color:rgba(245,240,230,.72);}
/* same treatment for a chip + heading pair in a feature grid */
.feature-head{display:flex;align-items:center;gap:.75rem;}
.feature-head h3{font-family:Jakarta,sans-serif;font-weight:700;font-size:1.02rem;
  letter-spacing:-.022em;line-height:1.25;}

/* ── stats: never three cramped columns on a phone ──────────────────────── */
.stats{grid-template-columns:1fr;gap:1.5rem;}
@media (min-width:560px){.stats{grid-template-columns:repeat(3,1fr);gap:clamp(1rem,3vw,2rem);}}
.stats.wide{grid-template-columns:1fr;}
@media (min-width:768px){.stats.wide{grid-template-columns:repeat(3,1fr);}}
.stats.wide .stat{padding-top:1.1rem;border-top:2px solid rgba(213,165,108,.35);}

/* ── reviews ─────────────────────────────────────────────────────────────── */
.score-badge{display:inline-flex;align-items:center;gap:.9rem;}
.score-badge .num{display:inline-flex;align-items:baseline;font-family:Jakarta,sans-serif;
  font-weight:800;letter-spacing:-.04em;color:var(--sage-deep);font-size:2.8rem;line-height:1;}
.score-badge .num small{font-size:1rem;font-weight:700;color:var(--muted);margin-left:.15rem;}
.score-badge.on-dark .num{color:var(--cream);} .score-badge.on-dark .num small{color:rgba(245,240,230,.65);}
.stars{display:flex;gap:.15rem;color:var(--clay);}
.stars svg{width:1.05rem;height:1.05rem;fill:currentColor;stroke:none;}
.score-meta{font-size:.88rem;color:var(--muted);margin-top:.3rem;}
.score-meta.on-dark{color:rgba(245,240,230,.7);}
.review-grid{display:grid;gap:1.25rem;}
@media (min-width:768px){.review-grid{grid-template-columns:repeat(3,1fr);}}
.review{display:flex;flex-direction:column;gap:.8rem;background:var(--paper);border-radius:20px;
  padding:1.4rem 1.5rem;box-shadow:0 16px 40px -30px rgba(34,41,31,.55),
  inset 0 0 0 1px rgba(65,77,55,.06);height:100%;}
.review .stars{color:var(--clay);}
.review blockquote{margin:0;font-size:.97rem;line-height:1.68;color:#4d5647;}
.review figcaption{margin-top:auto;padding-top:.6rem;font-size:.84rem;color:var(--muted);}
.review figcaption b{display:block;font-family:Jakarta,sans-serif;font-weight:700;color:var(--ink);
  letter-spacing:-.015em;font-size:.9rem;}

/* A bento with only three tiles used to leave the bottom-right cell empty
   (big spans 2×2, two smalls fill row 1, row 2 cols 3-4 = hole). If a third
   tile is the last one, drop the big tile to a single row so the whole thing
   is one clean band instead of an L-shape. */
@media (min-width:768px){
  .bento:has(> :nth-child(3):last-child) > .big{grid-row:span 1;}
}

/* ── portrait of a person: keep the face in frame ────────────────────────
   object-fit:cover centres vertically, and on phones the .ar-3x4 override
   below re-crops a portrait to 4/3 — together that cut Patrick's head off.
   .focus-face keeps a portrait ratio at every width and biases the crop to
   the upper third, where a standing person's face actually is. */
.photo.focus-face > img{object-position:50% 15%;}
@media (max-width:900px){
  .photo.focus-face{aspect-ratio:4/5;}
  .photo.focus-face > img{object-position:50% 12%;}
}

/* ── short laptop/tablet screens: keep the info bar above the fold ───────
   The hero was clamp(30rem,64vh,44rem); on a ~700-800px viewport that pushed
   the overlapping USP card just past the bottom edge, so the first thing a
   visitor sees has no proof points on it. On short screens the hero is sized
   from the viewport instead, leaving room for the card to peek in. */
@media (min-width:768px) and (max-height:900px){
  .hero .inner{
    min-height:max(20rem, calc(100svh - 13rem));
    padding-block:clamp(1.75rem,4vh,3rem);
  }
}
@media (min-width:768px) and (max-height:700px){
  .hero .inner{min-height:max(17rem, calc(100svh - 11rem));}
  .t-hero{font-size:clamp(2rem,4.4vw,3rem);}
}

/* …and give the hero copy room to sit ABOVE that card instead of behind it:
   the inner block is vertically centred, so extra bottom padding lifts the
   whole block clear of the overlapping bar on short screens. */
@media (min-width:768px) and (max-height:900px){
  .hero .inner{padding-bottom:7rem;}
  .overlap-up{margin-top:-2rem;}
}
@media (min-width:768px) and (max-height:700px){
  .hero .inner{padding-bottom:6rem;}
  .hero-note{margin-top:1rem;font-size:.86rem;}
}

/* Final tuning for short screens: the hero grows with its CONTENT, so a big
   bottom padding just pushed the card back off-screen. Keep the padding small
   and drop the upward overlap instead — the card then starts right under the
   hero and a couple of its rows are readable without scrolling. */
@media (min-width:768px) and (max-height:900px){
  .hero .inner{padding-top:clamp(1.5rem,3vh,2.5rem);padding-bottom:2.5rem;}
  .overlap-up{margin-top:-1rem;}
}
@media (min-width:768px) and (max-height:720px){
  .hero .inner{padding-top:1.25rem;padding-bottom:1.75rem;}
  .overlap-up{margin-top:0;}
  .hero .row{margin-top:1.5rem;}
  .hero-note{margin-top:.9rem;}
}

/* The title next to a number/icon badge was centred with a magic padding-top,
   which only looked right at one font size. Give the title the same height as
   the badge (2.9rem, the .step-num / .icon-chip size) and centre inside it, so
   the two are aligned on the same axis whether or not body copy follows and
   however many lines the title wraps to. */
.step-row .step-title{
  display:flex;
  align-items:center;
  min-height:2.9rem;
  padding-top:0;
}
.step-row .step-body{flex:1 1 auto;}

/* ── stack-trio ──────────────────────────────────────────────────────────
   Same visual language as .stack-duo (a bordered photo lying ON TOP of a
   bigger one), but for three images: a wide lead photo with two smaller
   ones overlapping up into it, staggered so they read as loose prints on a
   table rather than a grid. Grid-based, no absolute positioning, so it
   cannot collide or leave holes at any width. */
.stack-trio{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.7rem,2vw,1.15rem);
  align-items:start;padding-bottom:1rem;}
.stack-trio > .lead{grid-column:1/-1;border-radius:26px;overflow:hidden;
  box-shadow:0 30px 65px -35px rgba(34,41,31,.8);}
.stack-trio > .t1,.stack-trio > .t2{position:relative;z-index:2;border-radius:20px;overflow:hidden;
  border:8px solid var(--cream);box-shadow:0 22px 45px -22px rgba(34,41,31,.55);}
.stack-trio > .t1{margin-top:clamp(-3.5rem,-5vw,-2rem);}
.stack-trio > .t2{margin-top:clamp(-2rem,-2.5vw,-.75rem);}
.bg-oat .stack-trio > .t1,.bg-oat .stack-trio > .t2{border-color:var(--oat);}
@media (max-width:520px){
  .stack-trio > .t1{margin-top:-1.5rem;}
  .stack-trio > .t2{margin-top:-.5rem;}
  .stack-trio > .t1,.stack-trio > .t2{border-width:6px;}
}

/* ── taalkiezer + taalbalk ───────────────────────────────────────────────── */
.lang-switch{display:inline-flex;align-items:center;gap:.1rem;margin-left:.5rem;padding:.2rem;
  border-radius:9999px;background:rgba(65,77,55,.07);box-shadow:inset 0 0 0 1px rgba(65,77,55,.1);}
.lang-switch a,.lang-switch span{font-family:Jakarta,sans-serif;font-size:.72rem;font-weight:800;
  letter-spacing:.04em;padding:.34rem .5rem;border-radius:9999px;text-decoration:none;line-height:1;}
.lang-switch .lang-opt{color:#6a7263;}
.lang-switch .lang-opt:hover{color:var(--sage-deep);background:rgba(65,77,55,.1);}
.lang-switch .lang-cur{color:#fff;background:var(--sage-deep);}
.lang-switch-mob{margin:.6rem 0 0;align-self:flex-start;}
.foot-langs .lang-switch{margin-left:0;background:rgba(245,240,230,.1);box-shadow:none;}
.foot-langs .lang-opt{color:rgba(245,240,230,.75);}
.foot-langs .lang-opt:hover{color:#fff;background:rgba(245,240,230,.15);}
.foot-langs .lang-cur{background:var(--cream);color:var(--ink);}

/* De balk staat bewust BOVEN de header en duwt de pagina omlaag in plaats van
   eroverheen te leggen: een overlay die de navigatie bedekt kost bezoekers. */
.langbar{background:var(--sage-deep);color:var(--cream);}
.langbar-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:.5rem 1rem;padding-block:.6rem;text-align:center;}
.langbar-text{font-size:.9rem;color:rgba(245,240,230,.9);}
.langbar-actions{display:inline-flex;align-items:center;gap:.75rem;}
.langbar a{font-family:Jakarta,sans-serif;font-size:.85rem;font-weight:700;text-decoration:none;}
.langbar .langbar-go{background:var(--cream);color:var(--ink);padding:.35rem .9rem;border-radius:9999px;}
.langbar .langbar-go:hover{background:#fff;}
.langbar .langbar-stay{color:rgba(245,240,230,.75);text-decoration:underline;text-underline-offset:.2em;}
.langbar .langbar-stay:hover{color:#fff;}

/* ── boekingsmodule (Bedandbreakfast.nl iBook) ──────────────────────────────
   De module is een meerstapsflow (datums → kamers → gegevens) en groeit mee;
   een vaste iframe-hoogte knipt de laatste stap af. Ruime hoogte + eigen
   scroll binnen het frame, zodat de pagina er niet omheen hoeft te schuiven. */
.booking-embed{padding:.5rem;overflow:hidden;}
.booking-embed iframe{display:block;width:100%;height:min(1180px, max(820px, 92vh));
  border:0;border-radius:20px;background:#fffdf8;}
@media (max-width:640px){.booking-embed{padding:.35rem;}
  .booking-embed iframe{height:min(1240px, max(900px, 96vh));}}

/* Rij van vier gelijke foto's (het erf op de stalpagina): op mobiel twee naast
   elkaar, vanaf tablet vier. Zachtere schaduw dan de losse "prints", want in
   een rij van vier wordt de standaardschaduw snel rommelig. */
.photo-row .photo-frame{box-shadow:0 16px 36px -26px rgba(34,41,31,.6);}
.photo-row{gap:clamp(.7rem,1.6vw,1rem);}
/* Op de telefoon blijven het er twee naast elkaar: vier foto's op volle breedte
   onder elkaar maakt van dit sfeerblok een eindeloze scroll. */
.photo-row{grid-template-columns:repeat(2,1fr);}

/* Kamernummer uit de boekingsmodule, klein achter de naam in de tarieftabel. */
.room-tag{display:inline-block;margin-left:.45rem;padding:.1rem .45rem;border-radius:999px;
  background:rgba(94,106,80,.12);color:#5c6650;font-size:.72em;font-weight:600;
  letter-spacing:.02em;white-space:nowrap;vertical-align:.08em;}