/* Glass sits on imagery and temporary controls; the editorial page stays paper. */
:root{
 --jm-glass-ink:#123b29;
 --jm-glass-paper:#fffaf0;
 --jm-glass-ease:cubic-bezier(.22,1,.36,1);
 --jm-glass-blur:22px;
 --jm-glass-rim:inset 0 1px 0 rgba(255,255,255,.65),inset 1px 0 0 rgba(255,255,255,.22);
}

/* A floating milk-glass menu over the page, with familiar navigation inside. */
body .jm-site-chrome .jm-mobile-nav{
 left:12px;right:12px;top:calc(100% + 8px);
 max-height:calc(100dvh - var(--announcement-height,32px) - var(--navigation-height,80px) - 28px);
 padding:16px 22px 20px;border:1px solid rgba(255,255,255,.8);border-radius:23px;
 background:linear-gradient(145deg,rgba(255,255,255,.35),transparent 56%),rgba(255,250,240,.9);
 -webkit-backdrop-filter:blur(var(--jm-glass-blur)) saturate(125%);backdrop-filter:blur(var(--jm-glass-blur)) saturate(125%);
 box-shadow:var(--jm-glass-rim),0 12px 42px rgba(14,44,28,.15);
}
body .jm-site-chrome .jm-mobile-nav a{
 font-size:21px;line-height:1.4;padding:13px 2px;min-height:48px;
}
body .jm-site-chrome .jm-mobile-nav a:last-child{
 margin-top:10px;border-top:1px solid rgba(18,59,41,.14);padding-top:20px;
}
body .jm-site-chrome .jm-menu-toggle{
 border:1px solid rgba(18,59,41,.12);border-radius:999px;gap:12px;padding:0 14px;
 background:rgba(255,255,255,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
 transition:background 180ms var(--jm-glass-ease),border-color 180ms var(--jm-glass-ease);
}
body .jm-site-chrome .jm-menu-toggle[aria-expanded='true']{background:#e8ecd9;border-color:rgba(18,59,41,.24)}

/* Lacquer-green glass, with darker field wells to keep the form easy to read. */
body #launch-dialog.ecom-dialog{
 border:1px solid rgba(255,255,255,.5);border-radius:26px;
 background:linear-gradient(135deg,rgba(245,247,234,.12),transparent 52%),rgba(15,43,33,.94);
 -webkit-backdrop-filter:blur(var(--jm-glass-blur)) saturate(125%);backdrop-filter:blur(var(--jm-glass-blur)) saturate(125%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.36),inset 1px 0 0 rgba(255,255,255,.12),0 24px 90px rgba(5,25,14,.3);
}
body #launch-dialog.ecom-dialog::backdrop,body #blend-drawer.blend-drawer::backdrop{
 background:rgba(8,30,19,.5);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);
}
body #launch-dialog .ecom-close{
 min-width:44px;min-height:44px;background:rgba(255,255,255,.07);
 border:1px solid rgba(255,255,255,.27);box-shadow:inset 0 1px 0 rgba(255,255,255,.13);
}
body #launch-dialog .ecom-waitlist-proof{
 width:auto;margin:8px auto 22px;padding:0;border:0;border-radius:0;
 background:none;box-shadow:none;color:#dce4d5;
 font:500 12px/1.5 var(--body,Arial,sans-serif);letter-spacing:.015em;text-align:center;
}
body #launch-dialog h2 span{color:#e8eddf}
body #launch-dialog :is(.ecom-identity-field,.ecom-business-field) input{
 background:rgba(7,31,19,.55);border-color:rgba(255,255,255,.3);
 box-shadow:inset 0 1px 2px rgba(0,0,0,.09);color:#fffaf0;
}
body #launch-dialog :is(.ecom-identity-field,.ecom-business-field) input:focus-visible{
 outline:2px solid #dce4d5;outline-offset:3px;
}
body #launch-dialog .ecom-segment label{
 background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.26);
}
body #launch-dialog .ecom-segment label:has(input:checked){
 background:rgba(231,237,222,.16);border-color:rgba(231,237,222,.6);color:#fffaf0;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.15);
}
body #launch-dialog .ecom-submit{
 background:linear-gradient(135deg,rgba(255,255,255,.34),transparent 65%),#e8eddf;
 color:#183a2b;border-color:rgba(255,255,255,.7);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 4px 18px rgba(5,25,14,.12);
}
body .ecom-preference>summary{min-height:44px;cursor:pointer;align-items:center}
body #launch-dialog .ecom-preference>summary::after{color:#dce4d5}
body .ecom-preference .ecom-tool-choice{margin:14px 0 4px}
body .ecom-preference .ecom-tool-choice legend{font-size:12px;line-height:1.5;margin-bottom:12px}
body .ecom-preference .ecom-tool-choice label{
 min-height:48px;padding:13px 14px;line-height:1.4;border-radius:10px;transition:background 180ms var(--jm-glass-ease),border-color 180ms var(--jm-glass-ease);
}
body #launch-dialog .ecom-tool-choice label{
 background:rgba(255,250,240,.045);border-color:rgba(255,250,240,.2);color:#fffaf0;
}
body #launch-dialog .ecom-tool-choice label:has(input:checked){
 background:rgba(231,237,222,.16);border-color:rgba(231,237,222,.6);color:#fffaf0;
}
body #launch-dialog .ecom-tool-choice input{accent-color:#dce4d5}
body #launch-dialog .ecom-preference>summary:focus-visible{outline:2px solid #dce4d5;outline-offset:4px;border-radius:4px}
body .ecom-preference .ecom-tool-choice label:has(input:focus-visible){outline:2px solid currentColor;outline-offset:3px}

/* A glass edge around the blend preview; long reading remains on warm paper. */
body #blend-drawer.blend-drawer{
 inset:12px 12px 12px auto;width:min(1100px,calc(100vw - 24px));height:calc(100dvh - 24px);
 max-height:calc(100dvh - 24px);padding:6px;border:1px solid rgba(255,255,255,.75);border-radius:26px;
 background:rgba(255,250,240,.58);
 -webkit-backdrop-filter:blur(var(--jm-glass-blur)) saturate(120%);backdrop-filter:blur(var(--jm-glass-blur)) saturate(120%);
 box-shadow:var(--jm-glass-rim),0 24px 80px rgba(5,25,14,.24);
}
body #blend-drawer .blend-drawer-shell{overflow:hidden;border-radius:19px;background:#fffaf0}
body #blend-drawer .blend-drawer-bar{
 border-bottom:1px solid rgba(18,59,41,.14);
 background:linear-gradient(135deg,rgba(255,255,255,.7),transparent),#eef0df;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.9);gap:14px;
}
body #blend-drawer .blend-drawer-close{
 flex-shrink:0;min-height:44px;padding:8px 13px;border:1px solid rgba(18,59,41,.16);
 border-radius:999px;background:rgba(255,255,255,.68);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}

/* Dark tea glass makes the film controls visible over every pour. */
.green-story .green-bottom .story-tabs{
 width:max-content;max-width:100%;gap:4px;padding:5px;
 border:1px solid rgba(255,250,240,.28);border-radius:999px;
 background:rgba(14,46,31,.82);
 -webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 24px rgba(4,24,13,.13);
}
.green-story .green-bottom .story-tabs button{
 justify-content:center;align-items:center;min-height:44px;padding:9px 14px;
 border:1px solid transparent;border-radius:999px;background:transparent;opacity:1;color:#fffaf0;
 font-size:11px;line-height:1.4;white-space:nowrap;
 transition:background 200ms var(--jm-glass-ease),color 200ms var(--jm-glass-ease),box-shadow 200ms var(--jm-glass-ease);
}
.green-story .green-bottom .story-tabs button[aria-pressed='true']{
 color:#123b29;background:#fffaf0;border-color:rgba(255,255,255,.85);
 box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(0,0,0,.08);
}
.green-story #motion-toggle{
 min-height:44px;padding:10px 16px;border:1px solid rgba(255,250,240,.28);border-radius:999px;
 color:#fffaf0;background:rgba(14,46,31,.82);
 -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
.green-story :is(.story-tabs button,#motion-toggle):focus-visible{outline:2px solid #fffaf0;outline-offset:3px}
.green-story .story-tabs[hidden],.green-story #motion-toggle[hidden]{display:none!important}

/* Small photographic captions, rather than glass behind whole story sections. */
.heritage-about.heritage-edition .heritage-photo figcaption{
 left:24px;right:auto;bottom:24px;width:max-content;max-width:calc(100% - 48px);
 align-items:center;gap:26px;padding:12px 16px;border:1px solid rgba(255,250,240,.28);border-radius:15px;
 color:#fffaf0;background:rgba(14,46,31,.85);font-size:11px;line-height:1.5;text-shadow:none;
 -webkit-backdrop-filter:blur(12px) saturate(115%);backdrop-filter:blur(12px) saturate(115%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 7px 20px rgba(4,24,13,.12);
}

@media(max-width:700px){
 :root{--jm-glass-blur:16px}
 body #launch-dialog.ecom-dialog{border-radius:23px}
 body #blend-drawer.blend-drawer{
  inset:8px 8px 8px auto;width:calc(100vw - 16px);height:calc(100dvh - 16px);
  max-height:calc(100dvh - 16px);padding:4px;border-radius:23px;
 }
 body #blend-drawer .blend-drawer-shell{border-radius:18px}
 body #blend-drawer .blend-drawer-bar{padding:15px 16px}
 .green-story .green-bottom .story-tabs{justify-self:center;grid-column:1/-1}
 .green-story .green-bottom .story-tabs button{font-size:10px;padding-inline:12px}
 .heritage-about.heritage-edition .heritage-photo figcaption{
  left:18px;right:18px;bottom:18px;width:auto;max-width:none;gap:14px;padding:10px 12px;font-size:10px;
 }
 .heritage-about.heritage-edition .heritage-photo figcaption>span{flex:1;min-width:0;max-width:none}
}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 body .jm-site-chrome .jm-mobile-nav{background:#fffaf0}
 body #launch-dialog.ecom-dialog{background:#103724}
 body #blend-drawer.blend-drawer{background:#eeeddf}
 .green-story .green-bottom .story-tabs,.green-story #motion-toggle,
 .heritage-about.heritage-edition .heritage-photo figcaption{background:#123b29}
}
@media(prefers-reduced-transparency:reduce){
 body .jm-site-chrome .jm-mobile-nav{background:#fffaf0;-webkit-backdrop-filter:none;backdrop-filter:none}
 body #launch-dialog.ecom-dialog{background:#103724;-webkit-backdrop-filter:none;backdrop-filter:none}
 body #blend-drawer.blend-drawer{background:#eeeddf;-webkit-backdrop-filter:none;backdrop-filter:none}
 body #launch-dialog.ecom-dialog::backdrop,body #blend-drawer.blend-drawer::backdrop{background:rgba(8,30,19,.7);-webkit-backdrop-filter:none;backdrop-filter:none}
 .green-story .green-bottom .story-tabs,.green-story #motion-toggle,
 .heritage-about.heritage-edition .heritage-photo figcaption{background:#123b29;-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media(prefers-reduced-motion:reduce){
 body .jm-site-chrome .jm-menu-toggle,.green-story .green-bottom .story-tabs button{transition:none}
}