/*
Theme Name: Lapin Lohi Caravan
Author: Lapin Lohi Caravan
Description: Yhden sivun aloitussivu Simojoen rannalla sijaitsevalle Lapin Lohi Caravanille.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: lapin-lohi-caravan
*/
:root{--pine:#173e35;--cream:#f5f3eb;--ink:#203e36;--muted:#58665e;--gold:#d9bc7c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit}img{display:block;max-width:100%}.wrap{width:min(1160px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}a:focus-visible{outline:3px solid #bb8529;outline-offset:6px}.masthead{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;line-height:1.15;display:flex;align-items:center;gap:15px}.brand svg{width:46px;height:46px;flex:none}.brand strong{display:block;font-family:Georgia,serif;font-size:25px;font-weight:normal;letter-spacing:-.5px}.brand small{display:block;font-size:10px;letter-spacing:4px;margin-top:7px}.nav-contact{font-size:13px;font-weight:bold;text-underline-offset:5px}.hero{position:relative;min-height:560px;display:flex;align-items:end;background:#294b42;isolation:isolate;color:white}.hero>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center 52%;z-index:-2}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,29,26,.72),rgba(6,29,26,.13)),linear-gradient(0deg,rgba(6,29,26,.5),transparent 75%);z-index:-1}.hero-inner{padding-block:90px 68px}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:2.8px;text-transform:uppercase;margin:0 0 22px}.hero .eyebrow{color:#eee3c6}h1,h2,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:normal;line-height:1.1;letter-spacing:-1.8px}h1{font-size:clamp(42px,5.5vw,72px);max-width:820px;margin-bottom:22px}.hero-lead{font-size:clamp(19px,2vw,25px);margin-bottom:0;max-width:650px}.intro{display:grid;grid-template-columns:1.12fr 1fr;gap:80px;padding-block:78px;align-items:center}.intro h2{font-size:clamp(32px,3.3vw,44px);margin-bottom:23px}.intro p:not(.eyebrow){color:var(--muted);font-size:17px;max-width:490px}.intro figure{margin:0}.intro img{width:100%;aspect-ratio:1.47;object-fit:cover;border-radius:2px}.intro figcaption{font-size:11px;color:var(--muted);margin-top:10px;letter-spacing:.5px}.booking{background:var(--pine);color:var(--cream);padding-block:55px 60px}.booking-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.booking .eyebrow{color:var(--gold);margin-bottom:16px}.booking h2{font-size:36px;letter-spacing:-.8px;margin-bottom:0}.booking p{font-size:16px;margin-bottom:23px}.actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 21px;border:1px solid var(--cream);border-radius:2px;text-decoration:none;font-size:14px;font-weight:bold;transition:background .15s,color .15s}.button.primary{background:var(--cream);color:var(--pine)}.button:hover{background:var(--gold);color:var(--pine);border-color:var(--gold)}.email{display:inline-block;font-size:14px;margin-top:18px;text-underline-offset:4px;overflow-wrap:anywhere}.footer{display:flex;justify-content:space-between;gap:20px;padding-block:24px;font-size:11px;color:var(--muted)}.footer p{margin:0}
@media(min-width:1700px){.hero{min-height:640px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.masthead{min-height:82px}.brand strong{font-size:21px}.brand small{font-size:9px;letter-spacing:3px}.brand svg{width:35px;height:35px}.brand{gap:10px}.nav-contact{font-size:12px}.hero{min-height:520px}.hero-inner{padding-block:75px 48px}.hero:after{background:linear-gradient(90deg,rgba(6,29,26,.67),rgba(6,29,26,.28)),linear-gradient(0deg,rgba(6,29,26,.5),transparent)}h1{letter-spacing:-1px}.hero-lead{max-width:320px}.eyebrow{font-size:10px;letter-spacing:2px}.intro{grid-template-columns:1fr;gap:28px;padding-block:46px}.intro h2{letter-spacing:-.8px}.intro p:not(.eyebrow){font-size:16px}.booking{padding-block:42px}.booking-inner{grid-template-columns:1fr;gap:24px}.booking h2{font-size:32px}.footer{flex-direction:column;gap:5px;padding-block:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
@media(max-width:380px){.masthead{gap:12px}.nav-contact{font-size:11px}.brand strong{font-size:20px}}