/*
Theme Name: Swan Wedding Stories
Theme URI: https://swansweddingstories.com
Author: Swan Wedding Stories
Description: A cinematic editorial theme for wedding photo and film studios.
Version: 1.0.0
Text Domain: swan-wedding-stories
*/

:root { --ink:#24201b; --paper:#f6f1ea; --cream:#eee4d8; --accent:#9b6046; --line:rgba(36,32,27,.18); }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.55} a{color:inherit;text-decoration:none} .serif{font-family:"Cormorant Garamond",Georgia,serif}
.site-header{height:76px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(246,241,234,.9);position:absolute;top:0;left:0;right:0;z-index:5}.brand{font-size:14px;letter-spacing:.16em;font-weight:600}.nav{display:flex;gap:26px;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.nav a:hover{opacity:.55}
.hero{min-height:790px;position:relative;display:flex;align-items:flex-end;padding:0 4.5vw 7vw;overflow:hidden;color:#fff;background:#27231f}.hero:before{content:"";inset:0;position:absolute;background:linear-gradient(90deg,rgba(25,20,17,.65),rgba(25,20,17,.1)),url('https://images.unsplash.com/photo-1519741497674-611481863552?auto=format&fit=crop&w=2200&q=85') center/cover}.hero:after{content:"";inset:0;position:absolute;background:linear-gradient(transparent 45%,rgba(24,18,14,.55))}.hero-copy{position:relative;z-index:1;max-width:760px}.eyebrow{font-size:11px;letter-spacing:.19em;text-transform:uppercase;margin:0 0 19px;font-weight:600}.hero h1{font:400 clamp(58px,9vw,132px)/.82 "Cormorant Garamond",Georgia,serif;letter-spacing:-.055em;margin:0 0 28px}.hero p{max-width:440px;font-size:17px;margin:0 0 32px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid currentColor;padding:13px 23px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;transition:.2s}.button:hover{background:#fff;color:var(--ink)}
.section{padding:120px 4.5vw}.intro{display:grid;grid-template-columns:1fr 1.5fr;gap:10vw;background:var(--cream)}.section-kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600}.section-title{font:400 clamp(46px,5vw,80px)/.9 "Cormorant Garamond",Georgia,serif;letter-spacing:-.045em;margin:16px 0}.intro p{font:400 clamp(25px,3vw,42px)/1.08 "Cormorant Garamond",Georgia,serif;margin:6px 0 0;max-width:700px}.stories{padding-top:120px}.heading-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.heading-row h2{font:400 clamp(48px,5vw,74px)/.9 "Cormorant Garamond",Georgia,serif;letter-spacing:-.045em;margin:12px 0 0}.story-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.story{height:460px;position:relative;display:flex;align-items:flex-end;padding:22px;overflow:hidden;color:white;background:#555}.story:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.65));transition:.5s}.story:hover:before{transform:scale(1.05)}.story:nth-child(1){background:url('https://images.unsplash.com/photo-1606800052052-a08af7148866?auto=format&fit=crop&w=900&q=80') center/cover}.story:nth-child(2){background:url('https://images.unsplash.com/photo-1519225421980-715cb0215aed?auto=format&fit=crop&w=900&q=80') center/cover}.story:nth-child(3){background:url('https://images.unsplash.com/photo-1511285560929-80b456fea0bc?auto=format&fit=crop&w=900&q=80') center/cover}.story:nth-child(4){background:url('https://images.unsplash.com/photo-1519167758481-83f550bb49b3?auto=format&fit=crop&w=900&q=80') center/cover}.story span{position:relative;font:400 30px/1 "Cormorant Garamond",Georgia,serif}.film{background:#26221e;color:#f7f2ec;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.film-poster{height:540px;background:url('https://images.unsplash.com/photo-1511285560929-80b456fea0bc?auto=format&fit=crop&w=1400&q=80') center/cover;position:relative;display:flex;align-items:center;justify-content:center}.play{width:84px;height:84px;border:1px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;padding-left:4px}.film h2{font:400 clamp(50px,6vw,90px)/.85 "Cormorant Garamond",Georgia,serif;margin:15px 0 24px;letter-spacing:-.05em}.film small{letter-spacing:.15em}.packages{text-align:center}.packages h2{font:400 clamp(50px,6vw,84px)/.9 "Cormorant Garamond",Georgia,serif;margin:14px 0 55px;letter-spacing:-.05em}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;text-align:left}.package{border:1px solid var(--line);padding:36px;min-height:410px;display:flex;flex-direction:column}.package.featured{background:var(--ink);color:var(--paper)}.package h3{font:400 39px/1 "Cormorant Garamond",Georgia,serif;margin:5px 0}.price{font:400 23px/1 "Cormorant Garamond",Georgia,serif;margin:20px 0}.package ul{margin:0;padding:0;list-style:none;border-top:1px solid currentColor}.package li{border-bottom:1px solid currentColor;padding:11px 0;font-size:13px}.package .button{margin-top:auto;align-self:flex-start}.about{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;background:#d8c8b8}.about-photo{height:620px;background:url('https://images.unsplash.com/photo-1488161628813-04466f872be2?auto=format&fit=crop&w=1200&q=80') center/cover}.about h2{font:400 clamp(50px,6vw,84px)/.9 "Cormorant Garamond",Georgia,serif;letter-spacing:-.05em;margin:17px 0 26px}.about p{max-width:490px;font-size:17px}.inquire{background:var(--accent);color:#fff;text-align:center;padding:130px 4.5vw}.inquire h2{font:400 clamp(55px,7vw,104px)/.85 "Cormorant Garamond",Georgia,serif;letter-spacing:-.05em;margin:15px auto 30px;max-width:760px}.inquire .button{margin-top:6px}.site-footer{padding:35px 4.5vw;display:flex;justify-content:space-between;background:var(--ink);color:var(--paper);font-size:11px;letter-spacing:.13em;text-transform:uppercase}.offer{position:fixed;left:50%;bottom:22px;z-index:15;width:min(510px,calc(100% - 32px));padding:27px 32px;background:#fff;color:var(--ink);box-shadow:0 18px 50px rgba(0,0,0,.26);transform:translate(-50%,130%);transition:transform .55s ease}.offer.visible{transform:translate(-50%,0)}.offer-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:21px;cursor:pointer}.offer h3{font:400 37px/1 "Cormorant Garamond",Georgia,serif;margin:0 0 8px}.offer p{margin:0 0 18px}.offer .button{background:var(--ink);color:#fff}.offer .button:hover{background:var(--accent)}
@media(max-width:760px){.site-header{padding:0 22px}.nav{display:none}.hero{min-height:680px;padding:0 22px 65px}.section{padding:78px 22px}.intro,.film,.about{grid-template-columns:1fr;gap:38px}.story-grid{grid-template-columns:1fr 1fr;gap:8px}.story{height:290px;padding:14px}.story span{font-size:23px}.film-poster,.about-photo{height:410px}.package-grid{grid-template-columns:1fr}.package{min-height:340px}.site-footer{padding:25px 22px;gap:16px;flex-direction:column}.heading-row{display:block}.heading-row .section-kicker{margin-top:20px}}
