/* Shared template for paris.html and rome.html: hero-art, quick stats,
   tour-list cards, feature band. rome.html additionally loads
   theme-sogno.css to recolour var(--accent) to the Sogno green. */

.hero{position:relative;min-height:650px;padding:62px 0 65px}
.hero-grid{display:grid;grid-template-columns:52% 48%;align-items:center}
.eyebrow,.label{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.28em;color:#62584e;text-transform:uppercase}
.hero h1{font-family:"Cormorant Garamond",serif;font-size:clamp(75px,9vw,135px);font-weight:500;line-height:.7;letter-spacing:-.06em;color:var(--accent);margin:18px 0 28px}
.hero h1 em{font-style:italic}
.script{font-family:"Nothing You Could Do",cursive;font-size:30px;line-height:1.15;transform:rotate(-3deg);margin:0 0 25px 15px;color:#4b4138}
.lede{font-family:"Cormorant Garamond",serif;font-size:21px;line-height:1.28;max-width:550px;margin:0 0 25px 15px}
.hero-actions{display:flex;gap:26px;align-items:center;margin-left:15px;flex-wrap:wrap}
.under{font-family:"DM Mono",monospace;font-size:10px;border-bottom:1px solid var(--accent);padding-bottom:5px}
.hero-art{height:500px;position:relative}
.seal-bg{position:absolute;right:-30px;top:20px;width:310px;height:310px;opacity:.36;mix-blend-mode:multiply;transform:rotate(-4deg)}
.seal-bg img{width:100%;height:100%;object-fit:contain}
.photo-card{position:absolute;background:#f7efe1;padding:10px 10px 40px;box-shadow:0 16px 35px rgba(55,39,25,.17)}
.photo-card:before{content:"";position:absolute;top:-12px;left:32%;width:100px;height:28px;background:rgba(211,193,160,.7);transform:rotate(-4deg)}
.photo{width:100%;height:100%;background-size:cover;background-position:center;filter:saturate(.65) sepia(.15)}
.card-main{width:285px;height:380px;left:55px;top:10px;transform:rotate(-5deg)}
.card-small{width:230px;height:300px;right:5px;bottom:10px;transform:rotate(5deg)}
.caption{position:absolute;left:17px;bottom:11px;font-family:"Nothing You Could Do",cursive;font-size:16px;color:#53483e}
.side-note{position:absolute;right:-3px;top:310px;font-family:"Nothing You Could Do",cursive;font-size:21px;line-height:1.1;color:#77685c;transform:rotate(-5deg)}

.quick{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}
.quick div{text-align:center;padding:19px 12px;border-right:1px solid var(--line)}
.quick div:last-child{border-right:0}
.quick b{display:block;color:var(--accent);font-family:"Cormorant Garamond",serif;font-size:34px;font-weight:500}
.quick span{font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.14em;text-transform:uppercase;line-height:1.55}

.section{padding:85px 0;border-bottom:1px solid var(--line)}
.section-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:42px}
.section h2{font-family:"Cormorant Garamond",serif;font-size:57px;line-height:.9;font-weight:500;color:var(--accent);margin:0}
.section h2 em{font-style:italic}
.section-copy{font-family:"Cormorant Garamond",serif;font-size:20px;line-height:1.3;margin:0}
.tour-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tour{min-height:390px;border:1px solid var(--line);padding:28px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.tour:after{content:"";position:absolute;inset:auto -20px -60px -20px;height:150px;background:var(--accent-soft);transform:rotate(-4deg)}
.tour-number{font-family:"DM Mono",monospace;font-size:9px;color:var(--accent);letter-spacing:.18em}
.tour h3{font-family:"Cormorant Garamond",serif;font-size:43px;line-height:.88;font-weight:500;margin:0;max-width:450px}
.tour-meta{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#62584e;line-height:1.7}
.tour-description{font-family:"Cormorant Garamond",serif;font-size:19px;line-height:1.28;max-width:570px}
.tour-button{display:inline-block;align-self:flex-start;border-bottom:1px solid var(--accent);font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding-bottom:5px;position:relative;z-index:1}

.feature{background:var(--accent);color:var(--cream);padding:82px 0}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.feature h2{font-family:"Cormorant Garamond",serif;font-size:62px;font-weight:500;line-height:.88;margin:0}
.feature h2 em{font-style:italic}
.feature p{font-family:"Cormorant Garamond",serif;font-size:21px;line-height:1.3;margin:0}
.feature .mini{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px}

@media(max-width:850px){
  .hero{padding:48px 0 35px}
  .hero-grid{grid-template-columns:1fr}
  .hero h1{font-size:78px}
  .hero-art{height:445px;margin-top:35px}
  .seal-bg{width:240px;height:240px;right:-35px;opacity:.3}
  .card-main{width:225px;height:300px;left:5px}
  .card-small{width:200px;height:260px;right:0;bottom:5px}
  .side-note{font-size:17px;right:0;top:285px}
  .quick{grid-template-columns:1fr 1fr}
  .quick div{border-bottom:1px solid var(--line)}
  .section-head,.feature-grid{grid-template-columns:1fr;gap:30px}
  .section h2{font-size:51px}
  .tour-list{grid-template-columns:1fr}
  .tour{min-height:350px}
  .feature h2{font-size:53px}
}
@media(max-width:500px){
  .hero h1{font-size:66px}
  .tour{min-height:330px}
}