/* OngTeh RC5 — editorial improvements. The original identity and image assets are untouched. */
:root { --accent-ink: #563419; --form-line:#b9a07f; }
html { scroll-padding-top: 7.4rem; }
button, select, a { -webkit-tap-highlight-color: transparent; }
:where(a,button,select,input,summary):focus-visible { outline: 3px solid #a45b11; outline-offset: 4px; }
.site-header { box-shadow: 0 6px 24px rgba(40,25,11,.035); }
.site-header .brand { gap:.9rem; }
.site-header .brand img { width:4.65rem; height:auto; aspect-ratio:512/483; max-width:none; object-fit:contain; }
.site-header .brand__text strong { font-size: 1.45rem; }
.site-header .brand__text small { font-size:.72rem; letter-spacing:.04em; }
.site-nav a[aria-current="page"] { color: #63330a; text-decoration: underline; text-decoration-color:#ba822a; text-underline-offset:.6rem; }
.announcement { letter-spacing:.105em; }
.hero { background: var(--cream); }
.hero::after { content:none; }
.hero__grid { padding-block:clamp(3.3rem,6vw,6.7rem); }
.hero__copy h1 { text-wrap:balance; }
.hero__lead { max-width: 37rem; }
.hero__image-frame { border-radius: 15rem 15rem .85rem .85rem; }
.hero__caption { box-shadow:0 8px 26px rgba(31,19,9,.13); }
.hero-promises { list-style:none; padding:0; margin:1.3rem 0 0; display:flex; flex-wrap:wrap; gap:.5rem 1.1rem; color:#633b1d; font-size:.75rem; letter-spacing:.015em; }
.hero-promises li { padding-left:1rem; position:relative; }
.hero-promises li::before { content:'•'; position:absolute; inset-inline-start:0; color:#a46f25; font-weight:bold; }
.hero__status { border-top:1px solid rgba(86,52,25,.22); margin-top:1.9rem; padding-top:1.3rem; }
.moments-feature .section-heading, .find-cup-section .section-heading { text-wrap:balance; }
.moment-panel { transition: border-color .15s ease, box-shadow .15s ease; }
.moment-panel:hover { box-shadow:0 16px 36px rgba(52,28,9,.08); }
.find-cup-section { background:#fffaf1; padding:clamp(4rem,8.5vw,8rem) 0; border-block:1px solid rgba(72,46,22,.13); }
.find-cup-grid { display:grid; grid-template-columns: .85fr 1.15fr; gap:clamp(2rem,6vw,6.2rem); align-items:center; }
.find-cup-intro .section-heading { margin:0 0 1.25rem; }
.find-cup-intro > p:not(.eyebrow) { font-family:'EB Garamond',Georgia,serif; font-size:clamp(1.23rem,2.1vw,1.52rem); color:#514336; line-height:1.55; }
.find-cup-intro .text-link { display:inline-flex; margin-top:1.1rem; }
.find-cup-form { background:#f3e6cf; border:1px solid #d4b888; border-radius:.65rem; padding:clamp(1.4rem,3vw,2.4rem); box-shadow:0 20px 42px rgba(53,28,10,.07); }
.find-cup-form__head { display:flex; align-items:center; gap:1.4rem; border-bottom:1px solid #bea27b; padding-bottom:1.3rem; margin-bottom:1.6rem; }
.find-cup-form__head span { font-family:'EB Garamond',Georgia,serif; font-size:1.6rem; color:#7a542b; }
.find-cup-form__head strong { font-family:'Federo',sans-serif; font-size:.78rem; font-weight:400; letter-spacing:.11em; text-transform:uppercase; }
.find-cup-form__fields { display:grid; gap:1.05rem; }
.find-cup-form__fields label { display:block; margin-bottom:.43rem; font-size:.77rem; color:#3f2b18; }
.find-cup-form__fields select { display:block; width:100%; min-height:3.2rem; padding:.65rem .85rem; background:#fffcf7; border:1px solid var(--form-line); border-radius:.3rem; color:#2e241a; font:inherit; font-size:.91rem; }
.find-cup-form__submit { width:100%; margin-top:1.5rem; justify-content:space-between; }
.find-cup-note { margin:1rem 0 0; font-size:.74rem; line-height:1.5; color:#5e4e40; }
.tea-presets { display:flex; align-items:center; flex-wrap:wrap; gap:.7rem; margin:2rem 0 0; }
.tea-presets__label { color:#5b4631; font-size:.77rem; margin-right:.2rem; }
.tea-presets a { display:inline-flex; align-items:center; min-height:2.5rem; border:1px solid #c7a579; border-radius:50px; padding:.44rem .88rem; font-size:.76rem; text-decoration:none; color:#492a12; background:#fff8eb; }
.tea-presets a:hover, .tea-presets a[aria-current="true"] { background:#3e200a; color:#ffefce; border-color:#3e200a; }
.tea-results-tools { display:flex; align-items:center;flex-wrap:wrap;gap:.8rem; margin:.75rem 0 0; }
.tea-share { font:inherit; font-size:.75rem; padding:0; border:0; border-bottom:1px solid currentColor; color:#68441a; background:transparent; cursor:pointer; }
.tea-share-status { color:#345c39; font-size:.75rem; }
.tea-controls { border-radius:.6rem; }
.tea-card { border-radius:.5rem; transition:border-color .15s ease,transform .15s ease; }
.tea-card:hover { border-color:#aa7d41; transform:translateY(-2px); }
.tea-card h3 { text-wrap:balance; }
.collection-cautions { background:#f3e7d4; padding:clamp(3rem,6vw,5.2rem) 0; border-top:1px solid #ddcdb3; }
.collection-cautions__grid { display:grid;grid-template-columns: .8fr 1.2fr; gap:clamp(2rem,6vw,6rem); }
.collection-cautions__grid .section-heading { margin-top:0; }
.collection-cautions__grid p:not(.eyebrow) { color:#544537; line-height:1.7; }
.tea-controls select {font-family:inherit; font-size:.87rem;}
.consent-banner { box-shadow:0 10px 28px rgba(43,26,12,.18); }
@media (max-width:68rem) {
 .find-cup-grid { grid-template-columns:1fr 1fr; gap:2rem; }
}
@media (max-width:61.249rem) {
 .site-header .brand img {width:4rem;}
 .find-cup-grid {grid-template-columns:1fr;}
 .find-cup-intro {max-width:46rem;}
 .find-cup-form {max-width:49rem;}
}
@media (max-width:43.75rem) {
 html {scroll-padding-top:5.4rem;}
 .hero__grid {padding-block:3.2rem;}
 .site-header .brand img {width:3.7rem;}
 .hero-promises {gap:.4rem .8rem;}
 .find-cup-section {padding:4rem 0;}
 .find-cup-grid {gap:1.4rem;}
 .find-cup-form {padding:1.2rem;}
 .tea-presets {margin-top:1.5rem;}
 .tea-presets__label {width:100%;}
 .collection-cautions__grid {grid-template-columns:1fr;gap:1rem;}
 .tea-card:hover {transform:none;}
}
@media (prefers-reduced-motion:reduce) {
 *, *::before, *::after {scroll-behavior:auto !important;}
 .tea-card, .moment-panel {transition:none;}
}

/* On a phone, bring the one genuine tea photograph forward instead of burying it below copy and actions. */
@media (max-width:43.75rem) {
  .hero__grid {display:flex;flex-direction:column;gap:0;}
  .hero__copy {display:contents;}
  .hero__copy > .eyebrow {order:1; margin-bottom:.9rem;}
  .hero__copy > h1 {order:2; margin-top:0;margin-bottom:1.3rem;}
  .hero__visual {order:3; width:100%;max-width:26rem;align-self:center;justify-self:center;margin:0 0 1.6rem;}
  .hero__image-frame {border-radius:11rem 11rem .8rem .8rem;}
  .hero__image-frame img {aspect-ratio: 1 / 1;object-position:center 56%;}
  .hero__caption {right:-.2rem; bottom:-.55rem; padding:.7rem 1rem;font-size:.76rem;}
  .hero__copy > .hero__lead {order:4; margin:0 0 1.5rem;}
  .hero__copy > .hero__actions {order:5;}
  .hero__copy > .hero-promises {order:6;}
  .hero__copy > .hero__status {order:7;}
}