@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Italiana&family=Mrs+Saint+Delafield&display=swap');
:root{--pink:#ef9db5;--black:#0b0b0c;--cream:#f7f2ed;--ink:#171416}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}header{height:78px;position:sticky;top:0;z-index:20;background:rgba(8,8,9,.96);display:flex;align-items:center;padding:0 5vw;gap:32px;color:white}.brand{font-family:Italiana,serif;font-size:35px;color:white;text-decoration:none;line-height:.7}.brand span{display:block;font:8px 'DM Sans';letter-spacing:5px;margin-top:10px}nav{display:flex;gap:28px;margin-left:auto}nav a{color:#fff;text-decoration:none;font-size:12px;letter-spacing:2px}.btn,.darkbtn{display:inline-block;background:var(--pink);padding:16px 27px;color:#111;text-decoration:none;font-weight:600;letter-spacing:2px;font-size:12px;border:0}.small{padding:13px 22px}.hero{height:690px;background:url('assets/hero.jpg') center 42%/cover;position:relative;display:grid;place-items:center;text-align:center;color:white}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.35),rgba(0,0,0,.7))}.hero-copy{position:relative;padding:20px}.hero-copy>p{letter-spacing:6px;font-size:11px}.hero h1{font:clamp(64px,10vw,145px) Italiana;margin:20px 0 -30px}.hero h2{font:clamp(48px,7vw,92px) 'Mrs Saint Delafield';color:#f4aac0;font-weight:400;margin:0}.hero .sub{margin:18px 0 34px}.intro{text-align:center;padding:95px 20px;max-width:850px;margin:auto}.eyebrow,.title>p,.services>p{letter-spacing:5px;font-size:11px;color:#a85e74}.intro h2,.title h2,.bridal h2{font:50px Italiana;margin:10px}.intro h2 em,.bridal h2 em{font:55px 'Mrs Saint Delafield';color:#bd6f87;font-weight:400}.intro>p:last-child,.title>p:last-child,.bridal p{line-height:1.8;color:#666}.section{padding:70px 5vw 95px;background:white}.title{text-align:center;margin-bottom:40px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1200px;margin:auto}.cards article{text-align:center;background:#faf8f5;padding-bottom:28px}.portrait{height:340px;background-size:cover;background-position:center}.portrait.hair{background-image:url('assets/abbey.jpg');background-position:center 30%}.portrait.brows{background-image:url('assets/kenadie.jpg');background-position:center 28%}.portrait.lashes{background-image:url('assets/kiersten.jpg');background-position:center 18%}.portrait.skin{background-image:url('assets/faith.jpg');background-position:center 22%}.cards h3{font:27px Italiana;margin:22px 0 5px}.cards p{height:36px;font-size:11px;letter-spacing:1px}.darkbtn{background:#111;color:#fff;padding:13px 16px}.services{background:#0b0b0c;color:white;text-align:center;padding:90px 5vw}.services h2{font:58px 'Mrs Saint Delafield';font-weight:400;margin:10px 0 45px}.service-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:18px;max-width:1100px;margin:auto}.service-grid span{padding:24px 5px;border-top:1px solid #555;font-size:11px;letter-spacing:2px;color:#f1b1c4}.bridal{display:grid;grid-template-columns:1.2fr 1fr;min-height:570px;background:#f7f2ed}.bridal-img{background:url('assets/bridal.jpg') center/cover}.bridal>div:last-child{align-self:center;padding:60px 8vw}.bridal h2{font-size:54px;margin:10px 0 20px}.bridal .btn{margin-top:18px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);height:360px}.gallery img{width:100%;height:100%;object-fit:cover}footer{background:#080809;color:#eee;padding:55px 6vw;display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:35px;align-items:center}footer p,footer a{color:#bbb;text-decoration:none;font-size:13px;line-height:1.7}.footbrand{font:60px Italiana}.footbrand span{font:9px 'DM Sans';letter-spacing:4px}@media(max-width:800px){header{height:66px;padding:0 18px}nav{display:none}.brand{font-size:28px}.small{margin-left:auto}.hero{height:610px}.hero h1{font-size:70px}.hero h2{font-size:56px;margin-top:15px}.hero-copy>p{letter-spacing:3px}.cards{grid-template-columns:1fr 1fr}.portrait{height:300px}.service-grid{grid-template-columns:repeat(2,1fr)}.bridal{grid-template-columns:1fr}.bridal-img{height:420px}.gallery{height:auto;grid-template-columns:1fr}.gallery img{height:330px}footer{grid-template-columns:1fr 1fr}.intro h2,.title h2{font-size:39px}}@media(max-width:520px){.cards{grid-template-columns:1fr}.portrait{height:430px}.hero{height:560px}.hero h1{font-size:58px}.hero h2{font-size:48px}.bridal h2{font-size:42px}footer{grid-template-columns:1fr}}
