/* index.html only: hero collage, stats bar, tour-tile portfolio, city cards, quote band. */

/* "The Rêverie Collection" is longer than the old name: keep it on one line and, on mid-width screens,
   drop the small tagline beside it so the menu still fits. */
header .logo-title{white-space:nowrap}
@media(max-width:1240px){header .logo-rule,header .logo-sub{display:none}}
@media(min-width:851px) and (max-width:1060px){header .logo-title{font-size:26px}header .seal-small{width:44px;height:44px}header .links{gap:18px}}
@media(min-width:851px) and (max-width:1000px){header .logo-title{font-size:21px}header .seal-small{width:36px;height:36px}header .logo{gap:8px}header .links{gap:12px}header .cta{padding:12px 14px}}

.hero{position:relative;min-height:765px;padding:50px 0 48px}
.hero-grid{display:grid;grid-template-columns:48% 52%;align-items:center}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 20%,rgba(95,70,47,.045) 70%,transparent 100%)}
.eyebrow{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.29em;color:#62584e;text-transform:uppercase;margin-bottom:24px}
h1{font-family:"Cormorant Garamond",serif;font-size:clamp(90px,10.5vw,151px);font-weight:500;line-height:.69;letter-spacing:-.065em;color:var(--accent);margin:0}
h1 .indent{padding-left:73px}
.script{font-family:"Nothing You Could Do",cursive;font-size:32px;line-height:1.15;transform:rotate(-3deg);margin:30px 0 27px 18px;color:#4b4138}
.lede{font-family:"Cormorant Garamond",serif;font-size:20px;line-height:1.28;max-width:500px;margin:0 0 25px 18px}
.hero-actions{display:flex;gap:28px;align-items:center;margin-left:18px;flex-wrap:wrap}
.hero-actions .cta{font-family:Georgia,serif;font-size:15px;text-transform:none;letter-spacing:0;padding:11px 18px}
.under{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.04em;border-bottom:1px solid var(--accent);padding-bottom:5px}
.hero-note{position:absolute;left:-8px;bottom:53px;font-family:"Nothing You Could Do",cursive;font-size:19px;color:#75675b;transform:rotate(-8deg)}

.seal{position:absolute;right:18px;top:22px;width:315px;height:315px;opacity:.78;z-index:0;transform:rotate(-3deg);mix-blend-mode:multiply}
.seal img{width:100%;height:100%;object-fit:contain;filter:saturate(.95) contrast(.96)}
.collage{height:575px;position:relative;z-index:2}
.polaroid{position:absolute;background:#f7efe1;padding:10px 10px 39px;box-shadow:0 16px 35px rgba(55,39,25,.17)}
.polaroid:before{content:"";position:absolute;top:-13px;left:34%;width:98px;height:27px;background:rgba(211,193,160,.7);transform:rotate(-4deg)}
.pic{width:100%;height:100%;background-size:cover;background-position:center;filter:saturate(.68) sepia(.12)}
.p1{width:218px;height:302px;left:95px;top:48px;transform:rotate(-5deg)}
.p2{width:238px;height:318px;right:55px;top:205px;transform:rotate(5deg)}
.caption{position:absolute;left:18px;bottom:11px;font-family:"Nothing You Could Do",cursive;font-size:16px;color:#53483e}
.paris{background-image:url("../assets/home/paris-polaroid.jpg")}
.rome{background-image:url("../assets/home/rome-polaroid.jpg");background-position:46% center}
.side-note{position:absolute;right:0;top:305px;font-family:"Nothing You Could Do",cursive;font-size:23px;line-height:1.05;color:#77685c;transform:rotate(-5deg)}
.side-note:after{content:"";display:block;width:55px;border-top:1px solid #77685c;margin:15px 0 0 5px;transform:rotate(4deg)}

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

.portfolio{padding:80px 0 88px}
.portfolio-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:42px}
.portfolio h2{font-family:"Cormorant Garamond",serif;font-size:55px;font-weight:500;color:var(--accent);line-height:.9;margin:0}
.portfolio-copy{font-family:"Cormorant Garamond",serif;font-size:18px;line-height:1.35;margin:0}
.label{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.23em;text-transform:uppercase;color:#62584e;margin-bottom:17px}
.tours{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.tour{height:275px;position:relative;overflow:hidden;color:var(--cream);display:flex;align-items:flex-end;padding:18px}
.tour:before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.68) sepia(.12)}
.tour:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 48%,rgba(22,16,12,.6))}
.tour-content{position:relative;z-index:1;text-shadow:0 1px 14px rgba(0,0,0,.4)}
.tour h3{font-family:"Cormorant Garamond",serif;font-size:31px;line-height:.88;font-style:italic;font-weight:500;margin:0 0 13px}
.tour span{font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.17em;text-transform:uppercase}
.t-history:before{background-image:url("../assets/home/tile-history.jpg");background-position:50% 30%}
.t-food:before{background-image:url("../assets/home/tile-food.jpg");background-position:50% 45%}
.t-vintage:before{background-image:url("../assets/home/tile-vintage.jpg");background-position:72% 62%}
.t-oyster:before{background-image:url("../assets/home/tile-oysters.jpg");background-position:50% 24%}

.cities-section{padding:82px 0}
.cities{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:35px}
.city{height:410px;position:relative;overflow:hidden;padding:30px;display:flex;align-items:flex-end;color:var(--cream)}
.city:before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.68) sepia(.12)}
.city:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(25,18,13,.58))}
.city.paris-city:before{background-image:url("../assets/home/city-paris.jpg");background-position:50% 34%}
.city.rome-city:before{background-image:url("../assets/home/city-rome.jpg");background-position:50% 55%}
.city-content{position:relative;z-index:1;text-shadow:0 1px 16px rgba(0,0,0,.4)}
.city h3{font-family:"Cormorant Garamond",serif;font-size:80px;line-height:.75;font-weight:500;margin:0 0 17px}
.city p{font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.16em;text-transform:uppercase;margin:0}

.quote{background:var(--accent);color:var(--cream);padding:83px 0;position:relative}
.quote:after{content:"";position:absolute;right:10%;top:23%;width:90px;height:90px;border:1px solid rgba(255,245,225,.4);border-radius:50%;opacity:.4}
.quote p{font-family:"Cormorant Garamond",serif;font-size:45px;font-style:italic;line-height:.98;max-width:850px;margin:0 auto 25px;text-align:center}
.quote small{display:block;text-align:center;font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.2em;text-transform:uppercase}

@media(max-width:850px){
  .hero{padding:48px 0 35px;min-height:auto}
  .hero-grid{grid-template-columns:1fr}
  .hero:before{opacity:.5}
  .seal{width:250px;height:250px;right:-35px;top:5px;opacity:.48}
  h1{font-size:78px}
  h1 .indent{padding-left:43px}
  .script{font-size:26px;margin-left:8px}
  .lede,.hero-actions{margin-left:8px}
  .collage{height:470px;margin-top:35px}
  .p1{width:205px;height:280px;left:10px;top:25px}
  .p2{width:215px;height:285px;right:5px;top:160px}
  .side-note{right:0;top:315px;font-size:18px}
  .hero-note{display:none}
  .stats{grid-template-columns:1fr 1fr}
  .stat:nth-child(2){border-right:0}
  .stat{border-bottom:1px solid var(--line)}
  .portfolio-head{grid-template-columns:1fr;gap:28px}
  .portfolio h2{font-size:51px}
  .tours{grid-template-columns:1fr 1fr}
  .tour{height:250px}
  .cities{grid-template-columns:1fr}
  .city{height:330px}
  .quote p{font-size:36px}
}
@media(max-width:500px){
  h1{font-size:66px}
  h1 .indent{padding-left:28px}
  .tours{grid-template-columns:1fr}
  .tour{height:285px}
}