/* The remaining character pass. Existing photographs, content and section order stay intact. */

/* A readable offer voucher, with a patterned edge rather than decoration over the amount. */
.arrival-seal.offer-ticket {
  width:292px;
  background:#f2e6cf;
  border:1px solid #f6d1a5;
  border-radius:12px;
  overflow:hidden;
  transform:rotate(-2deg);
  box-shadow:4px 5px 0 #a57250,0 18px 32px #071b1955;
}
.offer-ticket-top {
  padding:12px 19px;
  background:#f2e6cf;
  border-bottom:1px dashed #986b47;
  color:#244436;
  font-size:11px;
}
.offer-ticket-top>span {font-size:11px;color:#5d4937}
.offer-ticket-value {
  position:relative;
  isolation:isolate;
  padding:15px 19px 17px;
  gap:12px;
  background:#f2e6cf;
  color:#173b30;
}
.offer-ticket-value::before {
  content:"";
  position:absolute;
  inset:0 0 0 auto;
  width:26px;
  background:var(--mount-pattern) right center/54px;
  opacity:.5;
  z-index:-1;
  pointer-events:none;
}
.offer-ticket .offer-ticket-value>small {font-size:11px;font-weight:700;max-width:28px}
.offer-ticket .offer-ticket-value>b {font-size:84px;line-height:.95;letter-spacing:-4px}
.offer-ticket-value>b>span {font-size:37px;top:11px}
.offer-ticket-value>strong {font-size:18px;margin-bottom:8px}
.offer-ticket-bottom {
  background:#183f32;
  color:#fff5e3;
  border-top:1px solid #bd936d;
  font-size:12px;
  line-height:1.5;
  padding:13px 19px;
}

/* Service pages: contrast at useful decision points, open space between chapters. */
.service-detail .experience-summary {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#eee1cb;
  border-radius:13px;
  border:1px solid #efd0aa;
  border-left:5px solid #b68157;
  box-shadow:0 5px 0 #805e42,0 12px 26px #06191033;
}
.service-detail .experience-summary::before {
  content:"";
  position:absolute;
  right:-32px;
  top:-46px;
  width:164px;
  height:164px;
  background:var(--corner-pattern) center/contain;
  opacity:.3;
  z-index:-1;
}
.service-detail .experience-summary .tags span {background:#254e3e;border-color:#41674f;border-radius:5px}
.inner-refined .chapter-heading {
  padding-bottom:18px;
  border-bottom:1px solid #bd95697a;
}
.inner-refined .chapter-number {color:#f0bd90}
.inner-refined .chapter-heading .eyebrow {color:#efc69e}
.inner-refined .info-card {
  --panel-ink:#1c3d31;
  --panel-copy:#344f40;
  --panel-accent:#82502e;
  background:#eee1cb!important;
  color:var(--panel-ink);
  border:1px solid #ecd1ad!important;
  border-radius:14px 14px 22px 14px;
  box-shadow:0 4px 0 #9b7150,0 12px 24px #061b1930;
}
.inner-refined .info-card:nth-child(even) {
  --panel-ink:#fff5e5;
  --panel-copy:#f1efdf;
  --panel-accent:#f3c096;
  background:#42695b!important;
  border-color:#91ac98!important;
}
.inner-refined .info-card::before,
.inner-refined .technique-chapter .info-card:nth-child(n)::before {
  inset:-30px -30px auto auto;
  width:124px;
  height:124px;
  background:var(--corner-pattern) center/contain no-repeat;
  opacity:.4;
  filter:none;
  mask-image:linear-gradient(140deg,#000 25%,transparent 85%);
}
.inner-refined .info-card:nth-child(even)::before {
  background-image:var(--craft-lattice)!important;
  opacity:.55!important;
}
.inner-refined .info-card h3 {color:var(--panel-ink)}
.inner-refined .info-card p,
.inner-refined .technique-chapter .info-card:nth-child(n) p {color:var(--panel-copy)}
.inner-refined .info-card .index,
.inner-refined .technique-chapter .info-card:nth-child(n) .index {
  color:var(--panel-accent);
  border:0;
  padding:0;
  font:400 30px/1 'DM Serif',Georgia,serif;
  letter-spacing:-.04em;
}
.service-detail .stone-section {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-block:1px solid #c89970;
}
.service-detail .stone-section::before {
  content:"";
  position:absolute;
  inset:0 0 0 auto;
  width:18%;
  z-index:-1;
  background:var(--mount-pattern) right center/90px;
  opacity:.24;
  mask-image:linear-gradient(90deg,transparent,#000);
}
.inner-refined .step-node {background:#eadcc5;color:#234635;border:2px solid #b78961;box-shadow:0 4px 0 #6a6247;font-weight:700}
.service-detail .decision-grid article {border-radius:14px;box-shadow:0 4px 0 #9b7150}
.service-detail .decision-grid article:nth-child(2) {background:#42695b;color:#fff4e3;border-color:#91ac98}
.service-detail .decision-grid article:nth-child(2) p {color:#f1efdf}
.service-detail .decision-grid article:nth-child(2) .eyebrow {color:#f3c39b}
.service-detail .comparison-grid>a {background:#365c4e;border-color:#7b9b85;border-top:3px solid #d5ab83;border-radius:12px}
.service-detail .comparison-grid>a:hover {background:#42695b;border-color:#e6b58b}
.service-detail .session-enquiry {border-radius:15px;border-left:5px solid #b68157;box-shadow:0 5px 0 #805e42,0 18px 30px #071d1833}

/* Journal cards: retain the photo positions and compact homepage footprint. */
.guide-card {border-radius:14px;box-shadow:0 4px 0 #9b7150,0 14px 24px #071b1940;background:#42695b}
.guide-card::before {background-image:var(--corner-pattern);background-repeat:no-repeat;background-size:128px; background-position:100% 100%;opacity:.38;mask-image:linear-gradient(150deg,transparent 45%,#000)}
.guide-card h3 {color:#fff5e5}
.guide-card p {color:#f1efdf}
.guide-card .index,.guide-card .text-link {color:#f8cba5}
.guide-card:nth-child(even),.journal-index .guide-card:nth-child(even) {background:#eee1cb;color:#1c3d31;border-color:#e8c7a1}
.guide-card:nth-child(even) h3 {color:#1c3d31}
.guide-card:nth-child(even) p {color:#344f40}
.guide-card:nth-child(even) .index,.guide-card:nth-child(even) .text-link {color:#80502f}
.guide-card-media {border-color:#bf8e61!important}
.guide-card-media img {outline:1px solid #f4d7b1aa;outline-offset:-8px}
.journal-index .featured-guide {border-radius:16px;box-shadow:0 5px 0 #9b7150,0 18px 30px #071b1940}
.journal-index .featured-guide-media {border:1px solid #c59b73;box-shadow:5px 6px 0 #b98961}
.journal-index .featured-guide .text-link {color:#75482d;font-weight:700}
.journal-detail .editorial-hero .photo-frame {isolation:isolate}
.journal-detail .editorial-hero .photo-frame::before {background-image:var(--mount-pattern);background-color:#f0e3cc;background-size:64px;box-shadow:4px 5px 0 #a57250,0 18px 30px #061b194d}

/* Clear reading areas instead of green boxes nested inside green boxes. */
.journal-detail .detail-chapter>.container,
.journal-detail .detail-chapter:nth-of-type(even)>.container {
  background:#15382f;
  border:0;
  border-radius:0 0 14px 14px;
  border-top:2px solid #b78b64;
}
.journal-detail .detail-chapter.sequence-chapter>.container,
.journal-detail .detail-chapter.related-chapter>.container {background:transparent}
.journal-detail .chapter-heading {border-bottom:0;padding-bottom:0}
.article-takeaway {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#eee1cb;
  border:1px solid #e9cba7;
  border-left:5px solid #a8754e;
  border-radius:12px;
  box-shadow:0 4px 0 #8b6648;
}
.article-takeaway::before {
  content:"";
  position:absolute;
  right:-35px;
  top:-30px;
  width:140px;
  height:140px;
  background:var(--corner-pattern) center/contain;
  opacity:.2;
  z-index:-1;
}
.article-takeaway .eyebrow {font-weight:700}
.article-takeaway p {color:#244335}
.visit-checklist {background:#42695b;border-color:#91ac98;border-radius:14px;box-shadow:0 5px 0 #9b7150}
.visit-checklist h2,.visit-checklist label {color:#fff5e5}
.visit-checklist p {color:#f1efdf}
.visit-checklist output {color:#ffe1bc;font-weight:700}
.journal-detail .time-planner {border-radius:13px;border-left:5px solid #a8754e;box-shadow:0 4px 0 #8b6648}
.inner-refined .faq-list {background:#234b3e;border:1px solid #7e9c84;border-radius:12px}
.inner-refined .faq-list summary {font-weight:600;color:#fff5e5}
.inner-refined .faq-list details[open] summary {color:#f4c69d}
.inner-refined .faq-list details p {color:#e9efdf}

@media(max-width:700px) {
  .arrival-seal.offer-ticket {width:242px;right:8px;bottom:12px}
  .offer-ticket-top {padding:10px 15px;font-size:10px}
  .offer-ticket-top>span {font-size:10px}
  .offer-ticket-value {padding:10px 15px 12px;gap:10px}
  .offer-ticket .offer-ticket-value>b {font-size:69px}
  .offer-ticket-value>b>span {font-size:30px;top:9px}
  .offer-ticket-value>strong {font-size:16px}
  .offer-ticket-bottom {padding:11px 15px;font-size:11px;gap:10px}
  .inner-refined .chapter-heading {padding-bottom:15px}
  .journal-detail .chapter-heading {padding-bottom:0}
  .inner-refined .info-card .index,
  .inner-refined .technique-chapter .info-card:nth-child(n) .index {font-size:28px}
  .service-detail .experience-summary {padding:19px 17px}
  .service-detail .experience-summary .tags span {font-size:12px}
  .service-detail .stone-section::before {width:25%;background-size:70px}
}
@media(max-width:420px) {
  .arrival-seal.offer-ticket {width:212px}
  .offer-ticket-top {padding:8px 12px;font-size:9px}
  .offer-ticket-top>span {font-size:9px}
  .offer-ticket-value {padding:8px 12px;gap:8px}
  .offer-ticket .offer-ticket-value>b {font-size:61px}
  .offer-ticket-value>b>span {font-size:26px}
  .offer-ticket .offer-ticket-value>small {font-size:10px}
  .offer-ticket-value>strong {font-size:14px}
  .offer-ticket-bottom {padding:10px 12px;font-size:10px}
}
@media(prefers-reduced-motion:no-preference) {
  .guide-card,.service-detail .comparison-grid>a {transition:box-shadow .25s,background-color .25s}
  .guide-card:hover {box-shadow:0 5px 0 #be9068,0 18px 32px #071b1955}
}
