/*
Theme Name: Vision In Bloom
Theme URI: https://visioninbloom.co.uk/
Author: Vision In Bloom
Description: A bespoke WordPress theme converted from the Vision In Bloom HTML website.
Version: 1.2.0
Text Domain: vision-in-bloom
*/

:root{--ink:#211e1b;--cream:#f4efe8;--paper:#fbfaf7;--taupe:#a99b8c;--line:rgba(33,30,27,.16)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,sans-serif;font-weight:300;line-height:1.65}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;line-height:.95}
.nav{position:absolute;z-index:4;top:0;left:0;right:0;padding:24px 6vw;display:flex;justify-content:flex-end;align-items:center;color:white}
.links{display:flex;gap:30px;font-size:10px;letter-spacing:.2em;text-transform:uppercase}
.hero{min-height:100vh;display:flex;align-items:center;background:linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.60)),url("https://images.unsplash.com/photo-1519741497674-611481863552?auto=format&fit=crop&w=2200&q=85") center/cover;color:#fff}
.hero-inner{width:min(900px,84vw);padding:125px 0 80px;margin:0 auto;text-align:left}
.hero-logo{display:block;width:min(560px,70vw);height:auto;max-height:220px;object-fit:contain;object-position:left center;margin:0 0 42px}
.eyebrow{font-size:10px;letter-spacing:.25em;text-transform:uppercase}
.hero h1{font-size:clamp(65px,9vw,135px);margin:20px 0 28px}
.hero p{max-width:510px;font-size:15px;margin-bottom:32px}
.btn{display:inline-block;border:1px solid currentColor;padding:13px 24px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;transition:.25s}
.btn:hover{background:#fff;color:var(--ink)}
.section{padding:120px 8vw}
.intro{display:grid;grid-template-columns:1fr 1.4fr;gap:10vw}
.intro h2,.section-head h2{font-size:clamp(52px,6vw,78px);margin:18px 0}
.copy{font-size:16px;max-width:680px}
.signature{font:26px "Cormorant Garamond";margin-top:30px}
.cream{background:var(--cream)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px}
.grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;margin-top:45px}
.card img{width:100%;object-fit:cover;transition:.6s}
.wide img{aspect-ratio:16/10}
.tall img{aspect-ratio:4/5}
.tall{margin-top:80px}
.card{overflow:hidden}
.card:hover img{transform:scale(1.025)}
.caption{display:flex;justify-content:space-between;padding:15px 0 30px;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:45px}
.package{background:var(--cream);padding:32px 23px;min-height:650px;display:flex;flex-direction:column}
.package.featured{background:#e5ddd2;border:1px solid var(--line)}
.flower{font-size:27px}
.package h3{font-size:38px;margin:12px 0}
.price{font:42px "Cormorant Garamond"}
.deposit,.coverage{font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.coverage{padding:12px 0;border-block:1px solid var(--line);margin:17px 0 8px}
.package ul{padding:0;margin:0 0 25px;list-style:none;flex:1}
.package li{font-size:11px;padding:5px 0;border-bottom:1px solid rgba(33,30,27,.08)}
.balance{font-size:10px;color:#6c645e;margin-top:20px}
.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:45px}
.service{padding:35px 28px 20px 0;border-bottom:1px solid var(--line)}
.service+.service{padding-left:28px;border-left:1px solid var(--line)}
.service h3{font-size:35px;margin:12px 0}
.service p{font-size:13px;color:#655d56}
.quote{background:var(--ink);color:var(--cream);text-align:center;padding:140px 10vw}
.quote blockquote{font:500 clamp(40px,5vw,68px)/1.03 "Cormorant Garamond";max-width:1000px;margin:20px auto}
.quote cite{font-style:normal;font-size:10px;letter-spacing:.2em;text-transform:uppercase}
.cta{background:#e6ddd2;text-align:center;padding:140px 8vw}
.cta h2{font-size:clamp(60px,8vw,105px);max-width:1000px;margin:15px auto 30px}
.cta p{max-width:550px;margin:0 auto 28px}
.social{font-size:12px;letter-spacing:.15em;text-transform:uppercase;margin-top:22px}
.footer{padding:45px 6vw;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:10px;letter-spacing:.15em;text-transform:uppercase}
.terms-wrap{max-width:900px;margin:auto;padding:90px 7vw}
.terms-wrap h1{font:500 clamp(55px,8vw,90px)/.95 "Cormorant Garamond";margin:18px 0 55px}
.terms-wrap h2{font:500 34px/1 "Cormorant Garamond";margin:48px 0 14px}
.terms-wrap p,.terms-wrap li{font-size:14px}
.terms-wrap ul{padding-left:22px}
.notice{background:var(--cream);padding:24px;margin:35px 0;border-left:2px solid #a99b8c}
.terms-nav{position:relative;color:var(--ink);border-bottom:1px solid var(--line)}
@media(max-width:1100px){.package-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
  .links{display:none}.hero-inner{width:86vw;padding:110px 0 65px}.hero-logo{width:86vw;max-height:150px;margin-bottom:30px}.section{padding:85px 7vw}.intro,.grid{grid-template-columns:1fr}.tall{margin-top:0}
  .package-grid,.services{grid-template-columns:1fr}.service+.service{padding-left:0;border-left:0}
  .section-head{display:block}.footer{flex-direction:column;gap:14px}.hero h1{font-size:65px}
}