/* Design read: hospitality landing page for travellers choosing a small B&B, warm and inviting, leaning toward native CSS with Sam Villa tokens.
   Dials (taste-skill): DESIGN_VARIANCE 6, MOTION_INTENSITY 4, VISUAL_DENSITY 3. Layout: asymmetric split hero, then a different layout family per section. */

html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:var(--ground);color:var(--ink)}
.sv-wrap{max-width:var(--content-max);margin-inline:auto;padding-inline:var(--space-6)}
.sv-sec{padding-block:var(--space-24) 0;display:grid;gap:var(--space-8)}
.sv-sec__head{display:grid;gap:var(--space-3);max-width:640px}
.sv-bookwrap{margin-top:calc(-1 * var(--space-8));position:relative;z-index:2}
.sv-welcome{display:grid;grid-template-columns:5fr 6fr;gap:var(--space-12);align-items:center}
.sv-welcome__copy{display:grid;gap:var(--space-4);min-width:0}
.sv-welcome__media{display:grid;grid-template-columns:3fr 2fr;gap:var(--space-4);align-items:end}
.sv-welcome__a{min-height:400px}
.sv-welcome__b{min-height:260px;margin-bottom:calc(-1 * var(--space-8))}
.sv-last{padding-block:var(--space-24)}
@media (max-width:767px){.sv-wrap{padding-inline:var(--space-4)}.sv-sec{padding-block:var(--space-16) 0}.sv-welcome{grid-template-columns:1fr;gap:var(--space-8)}.sv-welcome__a{min-height:300px}.sv-welcome__b{min-height:200px;margin-bottom:0}.sv-bookwrap{margin-top:0}.sv-last{padding-block:var(--space-16)}}