:root{--paper:#f4f1eb;--ink:#121212;--line:rgba(18,18,18,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.atmospheres-header{height:92px;padding:0 clamp(22px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.atmospheres-header img{width:145px}.atmospheres-header>div{display:flex;gap:28px;align-items:center}.atmospheres-header a,.atmospheres-header button{color:inherit;background:none;border:0;text-decoration:none;font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.kicker{font-size:10px;letter-spacing:.22em}.atmospheres-intro{padding:clamp(75px,10vw,140px) clamp(22px,6vw,90px) clamp(65px,8vw,110px);border-bottom:1px solid var(--line)}.atmospheres-intro h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(58px,12vw,178px);line-height:.85;letter-spacing:-.055em;margin:55px 0}.atmospheres-intro>p:last-child{max-width:650px;font-family:Georgia,serif;font-size:clamp(23px,2.7vw,38px);line-height:1.3;margin:0}.atmospheres-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border-bottom:1px solid var(--line)}.atmosphere-card{min-height:620px;background:var(--paper);color:inherit;text-decoration:none;display:flex;flex-direction:column;overflow:hidden}.atmosphere-card-visual{position:relative;flex:1;min-height:440px;background:var(--tone);display:flex;align-items:center;justify-content:center;overflow:hidden}.atmosphere-card-visual i{display:block;width:min(31vw,410px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.88),rgba(255,255,255,.08) 42%,rgba(0,0,0,.28) 80%);box-shadow:0 45px 90px rgba(0,0,0,.2);opacity:.76;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.atmosphere-card-copy{min-height:180px;padding:34px clamp(24px,4vw,58px);position:relative;border-top:1px solid rgba(255,255,255,.12)}.atmosphere-card-copy h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(35px,4vw,59px);line-height:1;margin:0 0 16px}.atmosphere-card-copy p{font-size:10px;letter-spacing:.15em;text-transform:uppercase;margin:0}.atmosphere-card-copy span{position:absolute;right:clamp(24px,4vw,58px);bottom:36px;font-size:25px}.atmosphere-card:hover .atmosphere-card-visual i{transform:scale(1.045)}.atmosphere-detail-main{min-height:calc(100vh - 92px)}.detail-back{position:absolute;top:125px;left:clamp(22px,5vw,72px);z-index:4;color:#fff;text-decoration:none;font-size:10px;letter-spacing:.14em;text-transform:uppercase;mix-blend-mode:difference}.atmosphere-detail{min-height:calc(100vh - 92px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr)}.detail-visual{background:var(--tone);display:flex;align-items:center;justify-content:center;min-height:720px;overflow:hidden}.detail-visual i{display:block;width:min(43vw,560px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.9),rgba(255,255,255,.08) 42%,rgba(0,0,0,.28) 80%);box-shadow:0 55px 110px rgba(0,0,0,.24);opacity:.78}.detail-copy{padding:clamp(90px,10vw,155px) clamp(32px,7vw,105px);display:flex;flex-direction:column;justify-content:center}.detail-copy h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(52px,7vw,105px);line-height:.92;letter-spacing:-.045em;margin:18px 0 18px}.detail-mood{font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 52px}.detail-lead{font-family:Georgia,serif;font-size:clamp(24px,2.6vw,39px);line-height:1.3;margin:0 0 28px}.detail-description{font-size:14px;line-height:1.85;max-width:620px;margin:0}.detail-notes{margin-top:44px;padding-top:20px;border-top:1px solid var(--line);display:grid;grid-template-columns:120px 1fr;gap:20px}.detail-notes dt{font-size:9px;letter-spacing:.16em;text-transform:uppercase}.detail-notes dd{margin:0;font-size:12px;line-height:1.6}.atmospheres-footer{padding:28px clamp(22px,5vw,72px);display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em;border-top:1px solid var(--line)}
@media(max-width:760px){.atmospheres-header{height:76px}.atmospheres-header img{width:120px}.atmospheres-header>div{gap:14px}.atmospheres-intro{padding:70px 22px 65px}.atmospheres-intro h1{font-size:21vw;margin:48px 0}.atmospheres-grid{grid-template-columns:1fr}.atmosphere-card{min-height:530px}.atmosphere-card-visual{min-height:370px}.atmosphere-card-visual i{width:72vw}.atmosphere-card-copy{min-height:150px}.atmosphere-card-copy h2{font-size:42px}.atmosphere-detail-main{min-height:0}.detail-back{top:102px;left:22px}.atmosphere-detail{grid-template-columns:1fr;min-height:0}.detail-visual{min-height:480px}.detail-visual i{width:74vw}.detail-copy{padding:65px 24px 90px}.detail-copy h1{font-size:58px}.detail-mood{margin-bottom:38px}.detail-notes{grid-template-columns:88px 1fr}.atmospheres-footer{display:block;line-height:2}.atmospheres-footer span{display:block}}

/* V133 — refined mobile reading experience */
@media (max-width:760px){
  html,body{overflow-x:hidden}
  .atmospheres-header{
    height:72px;
    padding:0 20px;
  }
  .atmospheres-header img{
    width:118px;
    height:auto;
    display:block;
  }
  .atmospheres-header>div{gap:12px}
  .atmospheres-header a,.atmospheres-header button{font-size:10px;letter-spacing:.1em}

  .atmospheres-intro{
    padding:52px 22px 44px;
  }
  .atmospheres-intro .kicker{margin:0}
  .atmospheres-intro h1{
    font-size:clamp(46px,14.5vw,58px);
    line-height:.92;
    letter-spacing:-.045em;
    margin:32px 0 28px;
    max-width:100%;
    overflow-wrap:anywhere;
  }
  .atmospheres-intro>p:last-child{
    max-width:34rem;
    font-size:clamp(22px,6.4vw,27px);
    line-height:1.28;
  }

  .atmosphere-card{min-height:0}
  .atmosphere-card-visual{
    min-height:310px;
    height:48vh;
    max-height:390px;
  }
  .atmosphere-card-visual i{width:min(66vw,300px)}
  .atmosphere-card-copy{
    min-height:126px;
    padding:25px 22px 27px;
  }
  .atmosphere-card-copy h2{
    font-size:clamp(31px,9vw,40px);
    line-height:1.04;
    margin:0 38px 12px 0;
  }
  .atmosphere-card-copy p{font-size:9px;line-height:1.45}
  .atmosphere-card-copy span{right:22px;bottom:27px;font-size:21px}

  .detail-back{
    position:absolute;
    top:94px;
    left:20px;
    font-size:9px;
    line-height:1.4;
  }
  .detail-visual{
    min-height:310px;
    height:52vh;
    max-height:430px;
  }
  .detail-visual i{width:min(68vw,310px)}
  .detail-copy{
    padding:46px 22px 62px;
    justify-content:flex-start;
  }
  .detail-copy .kicker{margin:0 0 20px}
  .detail-copy h1{
    font-size:clamp(40px,12vw,52px);
    line-height:.98;
    letter-spacing:-.035em;
    margin:0 0 14px;
    overflow-wrap:anywhere;
  }
  .detail-mood{
    font-size:9px;
    line-height:1.5;
    margin:0 0 30px;
  }
  .detail-lead{
    font-size:clamp(25px,7.2vw,31px);
    line-height:1.28;
    margin:0 0 22px;
  }
  .detail-description{
    font-size:16px;
    line-height:1.72;
    margin:0;
  }
  .detail-notes{
    margin-top:34px;
    padding-top:18px;
    grid-template-columns:72px minmax(0,1fr);
    gap:14px;
  }
  .detail-notes dt{font-size:8px;line-height:1.5}
  .detail-notes dd{font-size:14px;line-height:1.55;overflow-wrap:anywhere}
  .atmospheres-footer{
    padding:24px 22px 28px;
    font-size:8px;
  }
}

@media (max-width:390px){
  .atmospheres-intro h1{font-size:44px}
  .atmosphere-card-copy h2{font-size:31px}
  .detail-copy h1{font-size:40px}
  .detail-lead{font-size:25px}
}


/* V135 — editorial atmosphere redesign and launch-candidate mobile polish */
:root{--paper:#f3f0e9;--ink:#171512;--soft-ink:#605b53}
.atmosphere-card-visual,
.detail-visual{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 22% 18%,rgba(255,255,255,.52),transparent 34%),
    linear-gradient(145deg,color-mix(in srgb,var(--tone) 82%,#fff 18%),var(--tone));
}
.atmosphere-card-visual::before,
.detail-visual::before{
  content:"";position:absolute;inset:8%;border:1px solid rgba(255,255,255,.28);z-index:-1
}
.atmosphere-card-visual::after,
.detail-visual::after{
  content:"";position:absolute;width:58%;aspect-ratio:1;border-radius:50%;right:-12%;bottom:-24%;
  background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.44),rgba(255,255,255,.04) 48%,rgba(0,0,0,.13));
  filter:blur(.2px);opacity:.68;z-index:-1
}
.atmosphere-card-visual i,.detail-visual i{display:none!important}
.atmosphere-visual-name,.detail-visual-name{
  font-family:Georgia,serif;font-weight:400;color:rgba(255,255,255,.92);line-height:.92;
  letter-spacing:-.045em;text-wrap:balance
}
.atmosphere-visual-name{font-size:clamp(44px,5.7vw,82px);max-width:72%;align-self:flex-end;margin:0 auto 11%;text-align:center}
.atmosphere-visual-mark,.detail-visual-mark{
  position:absolute;left:9%;top:9%;font-size:9px;letter-spacing:.28em;color:rgba(255,255,255,.72)
}
.atmosphere-card-copy{background:var(--paper)}
.atmosphere-card-copy h2{font-size:clamp(31px,3.4vw,52px)}
.atmosphere-card:focus-visible{outline:2px solid #111;outline-offset:-4px}
.detail-visual{min-height:clamp(560px,78vh,860px)}
.detail-visual-name{font-size:clamp(54px,7.5vw,112px);max-width:75%;text-align:center}
.detail-copy{background:#f8f6f1;padding-top:clamp(78px,9vw,132px);padding-bottom:clamp(78px,9vw,132px)}
.detail-copy h1{font-size:clamp(49px,6vw,88px);max-width:760px}
.detail-lead{position:relative;padding-left:25px;max-width:700px;color:#292620}
.detail-lead::before{content:"";position:absolute;left:0;top:.18em;bottom:.12em;width:1px;background:rgba(18,18,18,.35)}
.detail-description{color:var(--soft-ink);font-size:15px;line-height:1.9}
.detail-notes{display:block;margin-top:42px;padding-top:24px;border-top:1px solid var(--line)}
.detail-notes-label{font-size:9px;letter-spacing:.18em;text-transform:uppercase;margin:0 0 16px}
.detail-note-chips{display:flex;flex-wrap:wrap;gap:8px}
.detail-note-chips span{border:1px solid rgba(18,18,18,.22);border-radius:999px;padding:9px 13px;font-size:11px;line-height:1;background:rgba(255,255,255,.42)}
.atmosphere-detail-main{background:#f8f6f1}

@media(max-width:760px){
  .atmospheres-intro{padding:44px 20px 38px}
  .atmospheres-intro h1{font-size:clamp(43px,13.2vw,54px);margin:27px 0 22px;overflow-wrap:normal;word-break:normal}
  .atmospheres-intro>p:last-child{font-size:clamp(20px,5.8vw,25px);line-height:1.3}
  .atmosphere-card-visual{height:44vh;min-height:285px;max-height:355px}
  .atmosphere-visual-name{font-size:clamp(38px,11vw,48px);max-width:82%;margin-bottom:14%}
  .atmosphere-card-copy{min-height:112px;padding:21px 20px 23px}
  .atmosphere-card-copy h2{font-size:clamp(28px,8.2vw,36px);margin-bottom:10px}
  .detail-back{top:88px;left:18px;padding:9px 0;color:#fff;mix-blend-mode:normal;text-shadow:0 1px 10px rgba(0,0,0,.35)}
  .detail-visual{height:42vh;min-height:285px;max-height:350px}
  .detail-visual::before{inset:18px}
  .detail-visual-name{font-size:clamp(38px,11vw,50px);max-width:82%}
  .detail-copy{padding:38px 20px 54px}
  .detail-copy .kicker{margin-bottom:15px}
  .detail-copy h1{font-size:clamp(36px,10.7vw,47px);line-height:1.02;margin-bottom:12px;overflow-wrap:normal;word-break:normal}
  .detail-mood{margin-bottom:25px}
  .detail-lead{font-size:clamp(23px,6.7vw,28px);line-height:1.3;padding-left:17px;margin-bottom:19px}
  .detail-description{font-size:15.5px;line-height:1.7}
  .detail-notes{margin-top:29px;padding-top:18px}
  .detail-note-chips{gap:7px}
  .detail-note-chips span{font-size:10px;padding:8px 11px}
}
/* V156 dynamic atmosphere imagery */
.atmosphere-card-visual img{width:100%;height:100%;display:block;object-fit:cover}


/* V188 — make the atmosphere back control unmistakable on mobile. */
@media(max-width:760px){
  .atmosphere-detail-main{position:relative}
  .detail-back{
    top:122px!important;
    left:18px!important;
    z-index:20!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    padding:9px 12px!important;
    border-radius:999px!important;
    background:rgba(248,246,241,.92)!important;
    color:#171512!important;
    mix-blend-mode:normal!important;
    text-shadow:none!important;
    box-shadow:0 3px 14px rgba(0,0,0,.10)!important;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    font-size:9px!important;
    letter-spacing:.12em!important;
  }
}