/* Glass direction: olive reflections, translucent pearl, precise quiet controls. */
:root {
  --ink: #223129;
  --muted: #586658;
  --paper: #f0f2e9;
  --yellow: #dce5ba;
  --line: #243b2833;
  --glass-light: linear-gradient(135deg, #fffffff0, #ffffff94);
  --glass-dark: linear-gradient(130deg, #ffffff26, #ffffff0a 60%);
  --glass-rim: #ffffff8c;
  --glass-shadow: 0 6px 18px #1b34200a;
  --glass-radius: 2px;
  --hairline: 1px;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
}
/* Fine edges without reducing keyboard focus indicators or control hit areas. */
@media (min-resolution: 2dppx) { :root { --hairline: .5px; } }
@media (min-resolution: 3dppx) { :root { --hairline: .333333px; } }
.button,.icon-button,.qty,.row-button,.toolbar input,input:not([type=checkbox]),textarea,select,.upload-control,.order-reference,.error-state,.admin-empty { border-width: var(--hairline); }
.cart-count,.filter,.icon-button,.avatar,.demo-badge,.status-badge { border-radius: var(--glass-radius); }
.text-link,.product-info,.drawer-head,.cart-row,.sidebar-bottom>a,.admin-topbar,.setup-list li,th,td,.editor-heading,.recent-row { border-bottom-width: var(--hairline); }
.footer-bottom,.admin-footer,.editor-actions { border-top-width: var(--hairline); }
.detail-notes { border-block-width: var(--hairline); }
.desktop-nav a:after,.text-link:after,.menu-toggle span { height: var(--hairline); }
.toast,.save-bar { box-shadow: var(--glass-shadow); }
body:not(.admin-body) { background: #edf0e6; }
html { scroll-padding-top: 120px; }
.ui-icon { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1; stroke-linecap: butt; }
.icon-button { display: inline-grid; place-items: center; }
.button-line { display: block; width: 28px; height: var(--hairline); background: currentColor; opacity: .8; transition: width .5s var(--ease-out); }
.button:hover .button-line { width: 40px; }
.button { border-radius: var(--glass-radius); padding: 21px 29px; min-height: 58px; }
.button:hover { transform: translateY(-2px); }
.button-dark { background: linear-gradient(130deg, #455647, #25372c); border-color: #ffffff40; box-shadow: var(--glass-shadow); }
.button-yellow { background: linear-gradient(135deg, #f0f5df, #cdd9ac); box-shadow: var(--glass-shadow); }
.button-glass { color: #f6f8ed; background: var(--glass-dark); border-color: #ffffff42; box-shadow: var(--glass-shadow); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.button-outline { background: #ffffff40; border-color: #ffffffb0; box-shadow: var(--glass-shadow); }
.header {
  position: fixed; top: 20px; left: 26px; right: 26px; height: 82px;
  padding: 0 30px; color: #f8faed; z-index: 30; border: var(--hairline) solid #ffffff38;
  border-radius: var(--glass-radius); background: linear-gradient(130deg, #ffffff20, #ffffff08);
  box-shadow: var(--glass-shadow);
  backdrop-filter: blur(20px) saturate(125%); -webkit-backdrop-filter: blur(20px) saturate(125%);
  transition: background .4s, color .4s, height .4s, top .4s, box-shadow .4s;
}
.wordmark { font-size: 42px; letter-spacing: -.065em; }
.has-scrolled .header, .shop-only .header { color: var(--ink); background: linear-gradient(120deg, #f4f7eadb, #f4f7eac4); border-color: #ffffffaa; box-shadow: var(--glass-shadow); }
.has-scrolled .header { top: 12px; height: 72px; }
.desktop-nav { gap: 34px; }
.cart-toggle { padding: 10px 15px; background: #ffffff12; border: var(--hairline) solid #ffffff20; border-radius: var(--glass-radius); }
.cart-count { background: #ffffff1f; color: inherit; border: var(--hairline) solid #ffffff40; }
.has-scrolled .cart-toggle, .shop-only .cart-toggle { background: #ffffff54; border-color: #ffffff7d; }
.has-scrolled .cart-count, .shop-only .cart-count { background: #25372c; color: #f5f7ed; border: none; }
.menu-toggle span { background: currentColor; }
.mobile-menu { position: fixed; top: 110px; left: 20px; right: 20px; color: var(--ink); background: #f3f6e8f2; border: var(--hairline) solid #ffffffa1; border-radius: var(--glass-radius); box-shadow: var(--glass-shadow); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); z-index: 29; }
.scroll-progress { position: fixed; inset: 0 0 auto; height: var(--hairline); background: #dce9b9; transform: scaleX(var(--page-progress, 0)); transform-origin: left; z-index: 50; pointer-events: none; }
.hero {
  min-height: max(830px, 100svh); max-height: none; padding: 142px var(--gutter) 38px;
  border-radius: var(--glass-radius); background: #18291d;
}
.hero-image { animation: none; object-position: center; transform: translateY(var(--hero-image-y, 0px)) scale(var(--hero-scale, 1.08)); }
.hero-shade { background: linear-gradient(90deg, #08190dc4, #0a1c0929 78%), linear-gradient(0deg, #0b190f99, transparent 60%); }
.hero-title { min-height: 405px; padding: 60px 0; transform: translateY(var(--hero-copy-y, 0px)); opacity: var(--hero-copy-opacity, 1); }
.hero-title .eyebrow { color: #e5ecd8; letter-spacing: .18em; }
.hero h1 { font-size: clamp(90px, 10.2vw, 164px); line-height: .94; letter-spacing: -.052em; }
.hero h1 em { color: #e4edc6; }
.hero-topline { color: #e3ead8; font-size: .75rem; letter-spacing: .12em; }
.hero-bottom {
  position: relative; display: flex; align-items: center; padding: 25px 30px; gap: 30px;
  border: var(--hairline) solid #ffffff32; border-radius: var(--glass-radius);
  background: linear-gradient(130deg, #ffffff24, #ffffff0a);
  box-shadow: var(--glass-shadow);
  backdrop-filter: blur(18px) saturate(120%); -webkit-backdrop-filter: blur(18px) saturate(120%);
  transform: translateY(var(--hero-dock-y, 0px));
}
.hero-bottom p { line-height: 1.65; font-size: .875rem; color: #f0f3e6; }
.hero-bottom .button { min-width: 230px; }
.scroll-link { gap: 22px; color: #edf1df; font-size: .875rem; }
.scroll-line { display: block; height: 34px; width: var(--hairline); background: #ffffff54; position: relative; overflow: hidden; }
.scroll-line:after { content: ''; position: absolute; inset: -100% 0 100%; background: #f1f7df; animation: scroll-cue 2.6s ease-in-out infinite; }
.hero-glass-note {
  position: absolute; right: 7%; top: 41%; width: 220px; padding: 30px;
  border-radius: var(--glass-radius); border: var(--hairline) solid #ffffff47; background: var(--glass-dark);
  box-shadow: var(--glass-shadow);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  transform: translateY(var(--hero-note-y, 0px)) rotate(-5deg);
}
.hero-glass-note span { display: block; font-size: .75rem; letter-spacing: .16em; margin-bottom: 30px; color: #e4edd6; }
.hero-glass-note i { font: italic 34px/1.05 var(--serif); letter-spacing: -.02em; }
.section-pad { padding-top: 108px; padding-bottom: 108px; }
.section-label { color: #5a6a59; position: relative; border-bottom: none; }
.section-label:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: var(--hairline); background: #263d2926; transform-origin: left; }
.story { overflow: clip; background: radial-gradient(ellipse at 80% 65%, #b9c3a660, transparent 60%), #edf0e6; }
.story-grid { grid-template-columns: 1.1fr 1fr; gap: 0; align-items: center; }
.story-visual { padding: 0 0 36px; margin-right: -70px; }
.story-visual img { height: 680px; border-radius: var(--glass-radius); object-fit: cover; }
.story-copy {
  position: relative; padding: 50px; border: var(--hairline) solid #ffffffb5; border-radius: var(--glass-radius);
  background: linear-gradient(135deg, #fafbf2d9, #fafbf2ab); box-shadow: var(--glass-shadow);
  backdrop-filter: blur(22px) saturate(115%); -webkit-backdrop-filter: blur(22px) saturate(115%);
}
.story h2 { font-size: clamp(48px, 4.6vw, 72px); }
.story-copy>p:not(.lead) { font-size: 1rem; }
.image-caption { bottom: 80px; left: 24px; right: auto; padding: 18px 24px; background: #f9faedba; border: var(--hairline) solid #ffffffe0; border-radius: var(--glass-radius); font-size: 26px; transform: translateY(var(--caption-y, 0px)); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.photo-index { bottom: 0; left: 8px; }
.collection { position: relative; isolation: isolate; overflow: hidden; background: #dce3d1; border-radius: var(--glass-radius); margin: 0 18px; padding-inline: calc(var(--gutter) - 18px); }
.collection:before { content: ''; position: absolute; inset: -100px; z-index: -1; background: url('/assets/hero.png') center/cover; opacity: .12; filter: blur(40px); transform: translateY(var(--collection-bg-y, 0px)) scale(1.08); pointer-events: none; }
.collection .section-label { border: 0; }
.section-heading { gap: 40px; }
.section-heading h2 { font-size: clamp(54px, 5.5vw, 90px); line-height: 1; }
.filters { display: inline-flex; padding: 5px; gap: 3px; background: #ffffff42; border: var(--hairline) solid #ffffff90; border-radius: var(--glass-radius); box-shadow: var(--glass-shadow); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.filter { border: var(--hairline) solid transparent; padding: 11px 17px; font-size: .875rem; transition: background .3s, box-shadow .3s; }
.filter.active { background: #f9fbefde; color: #263a28; border-color: #ffffffe8; box-shadow: 0 2px 6px #1e34230a; }
.preview-note { margin: 28px 0; color: #4f614d; }
.product-grid { gap: 22px; }
.product-card { padding: 12px; border: var(--hairline) solid #ffffff9e; border-radius: var(--glass-radius); background: linear-gradient(145deg, #ffffffa1, #ffffff42); box-shadow: var(--glass-shadow); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.product-picture, .product-card:nth-child(2) .product-picture, .product-card:nth-child(3) .product-picture { height: 415px; border-radius: var(--glass-radius); background: linear-gradient(140deg, #f4f3e9e6, #dce4cc94); }
.product-picture img { transform: translateY(var(--bottle-y, 0px)) rotate(var(--bottle-rotate, 0deg)) scale(.96); transition: transform .8s var(--ease-out); }
.product-card:hover .product-picture img { transform: translateY(-8px) rotate(-3deg) scale(1.025); }
.product-category { color: #58694e; font-size: .75rem; left: 18px; top: 18px; letter-spacing: .08em; }
.product-view { height: auto; width: auto; padding: 11px 16px; font-size: .75rem; letter-spacing: .03em; border: var(--hairline) solid #ffffffc4; border-radius: var(--glass-radius); background: #ffffff7d; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); transform: translateY(8px); opacity: 0; transition: opacity .3s, transform .3s; }
.product-card:hover .product-view, .product-picture:focus-visible .product-view { opacity: 1; transform: translateY(0); background: #f5f9e3ce; }
.product-info { padding: 25px 12px 21px; border-color: #4b624027; min-height: 116px; }
.product-info h3 { font-size: clamp(27px, 2.5vw, 38px); line-height: 1.05; }
.product-info p { font-size: .875rem; line-height: 1.5; }
.product-price { font-size: 1rem; }
.add-button { margin: 10px 0 0; padding: 15px; border: var(--hairline) solid #ffffff60; border-radius: var(--glass-radius); background: #ffffff30; font-size: .875rem; transition: background .3s; }
.add-button:hover { background: #ffffff8c; color: #253a26; }
.ritual { position: relative; background: radial-gradient(ellipse at 70% 50%, #b9c6a855, transparent 65%), #edf0e6; min-height: 125vh; gap: 65px; padding: 130px var(--gutter); align-items: start; }
.ritual-copy { padding: 65px 0; align-self: center; }
.ritual h2 { font-size: clamp(70px, 7.8vw, 118px); line-height: .98; }
.ritual-visual { position: sticky; top: 130px; height: 72vh; min-height: 540px; max-height: 810px; border-radius: var(--glass-radius); border: var(--hairline) solid #ffffffcf; background: linear-gradient(140deg, #ffffff92, #d9e1c75c); box-shadow: var(--glass-shadow); overflow: hidden; }
.ritual-visual:after { content: ''; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; background: linear-gradient(115deg, #ffffff26, transparent 40%); }
.ritual-visual img { height: 100%; width: 100%; object-fit: contain; transform: translateY(var(--ritual-y, 0px)) rotate(var(--ritual-rotate, -7deg)) scale(var(--ritual-scale, .92)); }
.manifesto { min-height: 125vh; padding: 90px var(--gutter); display: grid; align-items: center; position: relative; overflow: clip; isolation: isolate; border-radius: var(--glass-radius); margin: 0 18px; background: #17291b; }
.manifesto-image { position: absolute; inset: -10%; z-index: -2; background: linear-gradient(#0d1b13a6,#0e2014b3), url('/assets/grove.jpg') center/cover; transform: translateY(var(--manifesto-y, 0px)) scale(1.12); }
.manifesto-panel { width: min(960px,100%); margin: auto; padding: 70px 40px; border-radius: var(--glass-radius); border: var(--hairline) solid #ffffff40; background: linear-gradient(130deg, #ffffff20, #ffffff05); box-shadow: var(--glass-shadow); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); transform: scale(var(--manifesto-scale, 1)); }
.manifesto h2 { font-size: clamp(76px, 8.5vw, 132px); line-height: 1; }
.manifesto .button { margin-top: 40px; }
.footer { padding-top: 85px; background: #edf0e6; }
.footer-wordmark { font-size: 23.5vw; letter-spacing: -.07em; line-height: 1.18; margin: 40px 0 10px; transform: translateY(var(--footer-word-y, 0px)); }
.footer-bottom { position: relative; background: #edf0e6; }
dialog { background: linear-gradient(130deg, #f6f8f0f0, #edf1e4e8); border: var(--hairline) solid #ffffffe0; box-shadow: 0 14px 40px #11211d26; backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); }
dialog::backdrop { background: #11241a63; backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); }
.cart-drawer { margin: 14px 14px 14px auto; height: calc(100dvh - 28px); max-height: calc(100dvh - 28px); width: min(550px,calc(100% - 28px)); border-radius: var(--glass-radius); }
.product-dialog, .edit-dialog, .order-detail-dialog, .unsaved-dialog { border-radius: var(--glass-radius); }
.detail-picture { background: linear-gradient(140deg, #e6ebd8a8, #ffffff10); }
.cart-notice { border: var(--hairline) solid #ffffffb0; background: #e1e9d68c; border-radius: var(--glass-radius); }
.icon-button { background: #ffffff63; border-color: #ffffffa1; }
.qty { border-radius: var(--glass-radius); border-color: #bbc8b470; background: #fff7; }
.qty button { min-width: 35px; min-height: 35px; }
.toast { border-radius: var(--glass-radius); background: #273e2fe8; border: var(--hairline) solid #ffffff36; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }

/* Motion enhances the content; all content remains visible without JavaScript. */
.word-window { display: inline-block; vertical-align: bottom; overflow: clip; padding: .12em .09em .2em; margin: -.12em -.09em -.2em; }
.word-window>span { display: inline-block; }
.motion-ready .motion-heading:not(.is-inview) .word-window>span { transform: translateY(115%) rotate(3deg); }
.motion-ready .motion-heading .word-window>span { transition: transform 1.15s var(--ease-out); transition-delay: calc(var(--word-index, 0) * 65ms); }
.motion-ready .motion-reveal { transition: opacity 1s var(--ease-out), translate 1.2s var(--ease-out), rotate 1.2s var(--ease-out); transition-delay: var(--reveal-delay, 0ms); }
.motion-ready .motion-reveal:not(.is-inview) { opacity: 0; translate: 0 65px; rotate: 1.5deg; }
.motion-ready .story-copy.motion-reveal:not(.is-inview) { translate: 75px 45px; rotate: 0deg; }
.motion-ready .footer-bottom.motion-reveal:not(.is-inview) { translate: 0; rotate: 0deg; }
.motion-ready .section-label:after { transition: transform 1.4s var(--ease-out); }
.motion-ready .section-label:not(.is-inview):after { transform: scaleX(0); }
.motion-ready .story-visual img { clip-path: inset(var(--story-inset, 0%) 0 round var(--glass-radius)); transform: scale(var(--story-scale, 1)); }
.product-card.motion-reveal { rotate: 0deg; }
.motion-ready .footer-wordmark { clip-path: inset(0 0 var(--footer-inset, 0%) 0); }
@keyframes scroll-cue { 0%,25% { translate: 0 0; } 80%,100% { translate: 0 70px; } }

/* Atelje: the same glass material, with denser opacity behind editable content. */
.admin-body { background: radial-gradient(ellipse at 20% 5%, #aebfa773, transparent 55%), radial-gradient(ellipse at 95% 70%, #d4deb6, transparent 60%), #e9eee2; }
.sidebar { inset: 16px auto 16px 16px; width: 240px; border-radius: var(--glass-radius); background: linear-gradient(140deg, #263d30ec, #304330e8); border: var(--hairline) solid #ffffff55; box-shadow: var(--glass-shadow); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.sidebar-label { font-size: .75rem; line-height: 1.7; }
.sidebar nav button { border-radius: var(--glass-radius); border: var(--hairline) solid transparent; }
.sidebar nav button.selected { background: linear-gradient(120deg,#ffffffde,#e8efd3cc); border-color: #fff8; color: #263c2d; }
.sidebar nav .nav-index { font: .75rem var(--sans); opacity: .65; width: 20px; }
.admin-workspace { margin-left: 266px; }
.admin-topbar { border-bottom-color: #fff9; background: #ffffff26; border-radius: var(--glass-radius); }
.stat,.panel,.table-wrap,.overview-story { border: var(--hairline) solid #ffffffc9; border-radius: var(--glass-radius); background: linear-gradient(135deg,#ffffffd1,#ffffff82); box-shadow: var(--glass-shadow); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
.table-wrap { border-radius: var(--glass-radius); }
.setup-panel { background: linear-gradient(145deg,#eef3d5d9,#dce5bd73); }
.setup-list li { border-bottom-color: #344b2921; }
.overview-story { background: linear-gradient(130deg,#ffffffb5,#e5eed088); }
.row-button,.toolbar input,input:not([type=checkbox]),textarea,select { border-radius: var(--glass-radius); background: #ffffff87; border-color: #fff; }
th { background: #edf3e466; }
.demo-badge,.status-badge { background: #ecf3ddaa; border: var(--hairline) solid #ffffffb3; }
.save-bar { border: var(--hairline) solid #ffffff61; border-radius: var(--glass-radius); background: #293f31ed; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
.image-field img,.product-image-editor img { border-radius: var(--glass-radius); }
.upload-control { border-radius: var(--glass-radius); background: #ffffff55; }
.auth-screen { background: linear-gradient(#243a2599,#15291bbb),url('/assets/hero.png') center/cover; color: #edf2e3; }
#auth-content { padding: 35px; max-width: 720px; border-radius: var(--glass-radius); border: var(--hairline) solid #ffffff40; background: #ffffff12; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.admin-body .button-line { width: 20px; }
.admin-body .button:hover .button-line { width: 25px; }

@media (max-width: 1050px) {
  .hero-glass-note { right: 6%; width: 180px; padding: 24px; }
  .hero-glass-note i { font-size: 28px; }
  .hero h1 { font-size: 11.5vw; }
  .story-copy { padding: 36px; }
  .story-grid { grid-template-columns: 1fr 1fr; }
  .story-visual img { height: 620px; }
  .story h2 { font-size: 48px; }
  .product-picture, .product-card:nth-child(2) .product-picture, .product-card:nth-child(3) .product-picture { height: 330px; }
  .product-info { display: block; }
  .product-price { display: block; margin-top: 10px; }
  .ritual { gap: 35px; padding-block: 90px; min-height: 115vh; }
  .ritual-visual { min-height: 450px; }
}
@media (max-width: 800px) {
  .header { left: 16px; right: 16px; top: 14px; padding: 0 22px; height: 76px; border-radius: var(--glass-radius); }
  .desktop-nav { display: none; }
  .menu-toggle { display: block; }
  .hero-glass-note { display: none; }
  .hero { padding-top: 128px; min-height: max(780px,100svh); }
  .hero-bottom .scroll-link { display: none; }
  .hero-bottom { padding: 24px; }
  .hero h1 { font-size: 13vw; }
  .story-grid { grid-template-columns: 1fr; }
  .story-visual { margin-right: 45px; }
  .story-visual img { height: 560px; }
  .story-copy { margin: -110px 0 0 55px; padding: 40px; }
  .story .image-caption { bottom: auto; top: 25px; font-size: 24px; }
  .story .photo-index { display: none; }
  .story h2 { font-size: 60px; }
  .sidebar { position: relative; inset: auto; width: auto; margin: 12px; padding: 25px 24px 5px; border-radius: var(--glass-radius); }
  .admin-workspace { margin-left: 0; }
  .sidebar-label { top: 29px; font-size: .625rem; }
  .sidebar nav { margin-top: 25px; }
  .admin-topbar { margin: 0 12px; border-radius: var(--glass-radius); }
}
@media (max-width: 700px) {
  html { scroll-padding-top: 110px; }
  .header { left: 12px; right: 12px; padding: 0 18px; height: 72px; }
  .wordmark { font-size: 36px; }
  .header-actions { gap: 15px; }
  .cart-toggle { padding: 8px 11px; font-size: .75rem; }
  .cart-count { margin-left: 5px; width: 23px; height: 23px; }
  .menu-toggle { width: 22px; }
  .has-scrolled .header { top: 9px; height: 66px; }
  .mobile-menu { top: 95px; left: 12px; right: 12px; }
  .hero { min-height: max(790px,100svh); padding: 117px 24px 24px; border-radius: var(--glass-radius); }
  .hero-title { min-height: 350px; padding: 45px 0; }
  .hero h1 { font-size: clamp(62px,15vw,100px); line-height: 1; }
  .hero-title .eyebrow { font-size: .75rem; margin-bottom: 24px; }
  .hero-image { object-position: 61% center; }
  .hero-bottom { display: flex; flex-direction: column; align-items: stretch; padding: 22px; gap: 23px; border-radius: var(--glass-radius); }
  .hero-bottom p { font-size: .875rem; }
  .hero-bottom .button { min-width: 0; padding: 19px 24px; }
  .hero-topline { font-size: .75rem; }
  .section-pad { padding: 72px 24px; }
  .section-label { margin-bottom: 40px; line-height: 1.6; }
  .section-label span:last-child { max-width: 145px; }
  .story-visual { margin: 0 14px 0 0; padding: 0; }
  .story-visual img { height: 430px; border-radius: var(--glass-radius); }
  .story-copy { margin: -55px 0 0 15px; padding: 29px 25px; border-radius: var(--glass-radius); }
  .story h2 { font-size: clamp(40px,10.5vw,58px); margin-bottom: 25px; }
  .story-copy .lead { font-size: 18px; }
  .story-copy>p:not(.lead) { font-size: 1rem; }
  .image-caption { left: 18px; padding: 14px 18px; max-width: calc(100% - 36px); }
  .collection { margin: 0 9px; padding-inline: 16px; border-radius: var(--glass-radius); }
  .shop-only .collection { margin-top: 108px; padding-top: 42px; }
  .section-heading h2, .shop-only .section-heading h2 { font-size: 14vw; line-height: 1; }
  .filters { flex-wrap: nowrap; padding: 4px; gap: 0; }
  .filter { padding: 10px 13px; font-size: .875rem; }
  .preview-note { font-size: .75rem; line-height: 1.8; margin: 24px 4px; }
  .product-grid { gap: 24px; }
  .product-card { padding: 10px; border-radius: var(--glass-radius); }
  .product-picture, .product-card:nth-child(2) .product-picture, .product-card:nth-child(3) .product-picture { height: 415px; }
  .product-info { display: flex; gap: 10px; padding: 23px 10px; min-height: 0; }
  .product-info h3 { font-size: 31px; }
  .product-price { margin: 0; }
  .product-view { opacity: 1; transform: none; }
  .ritual { padding: 80px 24px; min-height: 0; gap: 38px; }
  .ritual-copy { padding: 0; }
  .ritual h2 { font-size: 20vw; }
  .ritual-visual { position: relative; top: auto; height: 550px; min-height: 0; border-radius: var(--glass-radius); }
  .manifesto { min-height: 100svh; padding: 60px 17px; margin: 0 9px; border-radius: var(--glass-radius); }
  .manifesto-panel { padding: 48px 17px; border-radius: var(--glass-radius); }
  .manifesto h2 { font-size: 17vw; line-height: 1; margin: 40px 0 26px; }
  .manifesto .eyebrow { font-size: .75rem; }
  .manifesto p { font-size: .875rem; }
  .manifesto .button { padding: 18px 22px; gap: 24px; }
  .footer { padding-top: 65px; }
  .footer-wordmark { font-size: 23.5vw; margin: 34px 0 12px; }
  .footer nav { font-size: .875rem; }
  .footer-top>p { font-size: 27px; }
  .footer-bottom { line-height: 1.8; }
  .cart-drawer { margin: 8px; width: calc(100% - 16px); height: calc(100dvh - 16px); max-height: calc(100dvh - 16px); border-radius: var(--glass-radius); padding: 24px 20px; }
  .drawer-head h2 { font-size: 34px; }
  .cart-total { font-size: 1rem; gap: 18px; }
  .cart-row { grid-template-columns: 60px 1fr auto; gap: 10px; }
  .cart-row img { width: 60px; }
  .cart-row h3 { font-size: 23px; }
  .cart-row>div:last-child { font-size: .875rem; }
  .product-dialog { border-radius: var(--glass-radius); }
  .detail-copy { padding: 30px 25px; }
  .header,.hero-bottom,.story-copy,.product-card,.manifesto-panel,dialog { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
  #auth-content { padding: 25px; }
  .auth-screen { padding: 30px 20px; }
}
@media (min-width: 701px) { .shop-only .collection { margin-top: 126px; padding-top: 55px; } }
@media (min-width: 701px) and (max-height: 700px) {
  .ritual-visual { top: 110px; min-height: 0; height: calc(100svh - 140px); }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .header,.hero-bottom,.hero-glass-note,.manifesto-panel { background: #20392ce8; }
  .has-scrolled .header,.shop-only .header,.story-copy,.product-card,dialog,.stat,.panel,.table-wrap { background: #f0f3e7f5; }
}
@media (prefers-reduced-motion: reduce) {
  *,*:before,*:after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .motion-ready .motion-reveal,.motion-ready .motion-heading .word-window>span { opacity: 1 !important; transform: none !important; translate: none !important; rotate: none !important; }
  .hero-image,.hero-title,.hero-bottom,.hero-glass-note,.story-visual img,.image-caption,.product-picture img,.ritual-visual img,.manifesto-image,.manifesto-panel,.footer-wordmark { transform: none !important; opacity: 1 !important; clip-path: none !important; }
  .section-label:after { transform: none !important; }
  .ritual-visual { position: relative; top: auto; }
  .ritual,.manifesto { min-height: 0; }
}