/* 01 红木宗祠 — photographed scene plates plus state-driven DOM overlays.
   Coordinates belong to each plate's artboard, not to a stretched viewport.
   Desktop artboard 2:1; mobile artboard 2:3. Other themes do not use this file's rules. */
main#app:has(.redwood-visit) { max-width:1280px; padding:0; }
.visit.redwood-visit { max-width:none; display:flex; flex-direction:column; }
.redwood-visit .sanctuary { order:0; }
.redwood-visit .sanctuary::before { display:none; }
.redwood-visit .visit-bottom-nav { order:1; margin:0; position:sticky; top:0; bottom:auto; z-index:30; }
.redwood-visit .v03-intro { order:2; }
.redwood-visit .tab-panel { order:3; }
.redwood-visit > .notice { order:4; }
.shrine-stage.redwood-stage {
  position:relative; width:100%; height:auto; aspect-ratio:2/1; min-height:0;
  background:#23130c; overflow:hidden; isolation:isolate; container-type:inline-size;
}
.redwood-artboard { position:absolute; top:0; left:50%; height:100%; aspect-ratio:2/1; transform:translateX(-50%); }
.redwood-scene { position:absolute; inset:0; z-index:0; display:block; pointer-events:none; }
.redwood-scene img { display:block; width:100%; height:100%; object-fit:contain; }
.redwood-front-table { position:absolute; left:36%; top:70%; width:28%; height:auto; z-index:1; pointer-events:none; }
.redwood-plaque {
  position:absolute; left:37%; top:4%; width:26%; height:10%; z-index:4;
  display:grid; place-items:center; color:#f1c982; font-size:2.65cqw; letter-spacing:.22em;
  font-family:"Memorial Serif",serif; text-shadow:0 2px 3px #120805,0 0 12px #b2743770;
}
.redwood-couplet {
  position:absolute; top:28%; height:27%; width:2.2%; z-index:4;
  display:flex; align-items:center; justify-content:center; writing-mode:vertical-rl;
  font-family:"Memorial Serif",serif; font-size:1.25cqw; letter-spacing:.22em;
  color:#ebbf76; text-shadow:0 1px 3px #100805;
}
.redwood-couplet-left { left:37%; }
.redwood-couplet-right { left:60.8%; }
.redwood-stage .redwood-tablet-text {
  position:absolute; left:44%; top:29%; width:12%; height:25%; z-index:6;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:.55cqw; padding:0; margin:0; border:0; border-radius:0; background:none; box-shadow:none;
  text-align:center; overflow:hidden;
}
.redwood-stage .portrait {
  width:100%; height:44%; flex-shrink:0; aspect-ratio:auto; margin:0; padding:0;
  border:0; box-shadow:none; background:transparent; font-size:4.6cqw; color:#eac17e;
  display:grid; place-items:center; line-height:1; text-shadow:0 2px 5px #1e100a;
}
.redwood-stage .portrait img { width:100%; height:100%; object-fit:contain; filter:grayscale(1) sepia(.12); }
.redwood-stage .memorial-tablet h1 {
  width:100%; flex-shrink:0; margin:0; font-size:1.85cqw; line-height:1.25; letter-spacing:.06em;
  font-weight:400; color:#f9ecd3; text-shadow:0 1px 3px #080604; max-height:2.5em; overflow:hidden;
}
.redwood-stage .memorial-tablet .dates {
  margin:0; font-size:.79cqw; line-height:1.45; color:#ead6ad; letter-spacing:0; white-space:nowrap;
}
.redwood-stage .memorial-tablet .epitaph {
  margin:0; font-size:.85cqw; line-height:1.5; color:#e2c69a; letter-spacing:.01em;
  -webkit-line-clamp:2; overflow:hidden;
}
/* Unchanged effects() still decides entitlement validity and which DOM nodes exist.
   The atlas replaces only their appearance. No gifts are present in either scene plate. */
.redwood-stage .ritual-effects { position:absolute; inset:0; z-index:3; pointer-events:none; }
.redwood-stage .ritual-scene { position:absolute; inset:0; width:100%; height:100%; }
.redwood-stage :is(.censer,.candle,.flower-gift,.wreath-gift,.fruit-plate,.eternal-lamp,.floating-lantern,.paper-gift) {
  position:absolute; display:block; height:auto; aspect-ratio:443.5/452;
  margin:0; padding:0; border:0; border-radius:0; background-color:transparent;
  background-image:url("/assets/redwood-offerings-v2.png");
  background-repeat:no-repeat; background-size:400% 196.24%;
  box-shadow:none; animation:none; filter:drop-shadow(1px 4px 3px #160a0766);
}
.redwood-stage :is(.censer-bowl,.censer-foot,.flower-gift svg,.wreath-gift svg,.fruit-plate i,.fruit-plate b,.paper-gift > i:not(.flame)) { display:none; }
.redwood-stage :is(.eternal-lamp,.floating-lantern)::before,
.redwood-stage :is(.eternal-lamp,.floating-lantern)::after { display:none; }
/* Fixed, noncompeting slots. Each base lands on the rear table, front table, or floor. */
.redwood-stage .censer { left:44.5%; bottom:22%; width:11%; background-position:0 0; z-index:5; }
.redwood-stage .flower-gift { left:20%; bottom:11%; width:15%; background-position:33.333333% 0; z-index:7; }
.redwood-stage .wreath-gift { left:67%; bottom:11%; width:15%; background-position:66.666667% 0; z-index:7; }
.redwood-stage .candle { bottom:34%; width:6%; background-position:100% 0; aspect-ratio:1; background-size:400% 200%; z-index:3; }
.redwood-stage .candle-left { left:35%; }
.redwood-stage .candle-right { left:58%; }
.redwood-stage :is(.fruit-plate,.eternal-lamp,.floating-lantern,.paper-gift) { background-size:400% 204.85%; aspect-ratio:443.5/433; }
.redwood-stage .fruit-plate { left:63%; bottom:34%; width:5.5%; background-position:0 100%; z-index:4; }
.redwood-stage .eternal-lamp { left:40%; bottom:34%; width:3.5%; background-position:33.333333% 100%; z-index:4; }
.redwood-stage .paper-gift { left:38.5%; bottom:22%; width:4%; background-position:66.666667% 100%; z-index:4; }
.redwood-stage .floating-lantern { left:14%; bottom:11%; width:5.5%; background-position:100% 100%; z-index:4; }
.redwood-stage .incense-sticks { top:33%; bottom:auto; height:17%; left:36%; right:36%; z-index:2; }
.redwood-stage .incense-sticks i { width:2px; background:linear-gradient(#f7ba70 2px,#975c2c 3px,#d6a46c); box-shadow:0 -1px 4px #efae6d88; }
.redwood-stage .incense-smoke { left:44%; right:auto; top:0; width:65%; height:33%; z-index:3; }
.redwood-stage .incense-smoke i {
  filter:blur(5px); border-width:5px; border-color:#eae2d7; border-right-color:transparent;
  animation:redwood-smoke 5s ease-out infinite; opacity:0;
}
.redwood-stage .incense-smoke i:nth-child(2) { animation-delay:-1.7s; }
.redwood-stage .incense-smoke i:nth-child(3) { animation-delay:-3.4s; }
@keyframes redwood-smoke {
  0% { transform:translate(-8px,15px) scale(.55); opacity:0; }
  30% { opacity:.23; }
  100% { transform:translate(20px,-28px) scale(1.5); opacity:0; }
}
.redwood-stage .flame { width:clamp(7px,.7cqw,12px); height:clamp(14px,1.5cqw,24px); margin-left:0; translate:-50% 0; left:50%; }
.redwood-stage .candle .flame { bottom:98%; }
.redwood-stage .eternal-lamp .flame { bottom:82%; }
.redwood-stage .paper-gift .flame { bottom:68%; height:clamp(9px,1cqw,16px); }
.redwood-stage .floating-lantern .flame { bottom:39%; height:clamp(9px,1cqw,16px); }
/* Functional controls remain real, unchanged buttons above scene/effect layers. */
.redwood-visit .ritual-rail { top:10%; right:1.6%; width:68px; gap:5px; z-index:20; }
.redwood-visit .ritual-rail button {
  min-height:49px; padding:4px 2px; font-size:11px; line-height:1.25;
  border:1px solid #c1975b; border-radius:7px; color:#f4d6a2;
  background:linear-gradient(120deg,#302017ed,#110c09ed); box-shadow:0 3px 9px #150a07aa;
}
.redwood-visit .ritual-rail button .rail-glyph { font-size:20px; color:#f0c780; margin:0; }
.redwood-visit .shrine-tools {
  position:relative; inset:auto; width:100%; height:54px; z-index:15;
  display:flex; justify-content:center; align-items:center; gap:8px; padding:6px 12px;
  background:linear-gradient(#281810,#100d0b); border-block:1px solid #7f5a31;
}
.redwood-visit .shrine-tools button { height:40px; min-height:40px; min-width:94px; padding:4px 10px; font-size:12px; color:#e8cf9c; background:#211810; border:1px solid #9f7b48; }
.redwood-visit .shrine-tools button[hidden] { display:none; }
/* Portrait asset and matching anchors for both mobile visitation and gallery thumbnails. */
.redwood-stage.template-preview { aspect-ratio:2/3; height:auto; min-height:0; }
.redwood-stage.template-preview .redwood-artboard { aspect-ratio:2/3; }
.redwood-stage.template-preview .redwood-plaque { left:27%; top:10%; width:46%; height:6.5%; font-size:5.8cqw; }
.redwood-stage.template-preview .redwood-couplet { top:28%; height:23%; width:4%; font-size:2.4cqw; }
.redwood-stage.template-preview .redwood-couplet-left { left:23%; }
.redwood-stage.template-preview .redwood-couplet-right { left:72%; }
.redwood-stage.template-preview .redwood-tablet-text { left:38%; top:29%; width:23%; height:23%; gap:1cqw; }
.redwood-stage.template-preview .portrait { font-size:12cqw; }
.redwood-stage.template-preview .memorial-tablet h1 { font-size:5cqw; }
.redwood-stage.template-preview .memorial-tablet .dates { font-size:2cqw; }
.redwood-stage.template-preview .memorial-tablet .epitaph { font-size:2.3cqw; }
.redwood-stage.template-preview .redwood-front-table { left:15%; top:68.5%; width:70%; }
.redwood-stage.template-preview .censer { left:36%; width:26%; bottom:24%; }
@media(max-width:699px) {
  main#app:has(.redwood-visit) { padding:0; }
  .shrine-stage.redwood-stage:not(.template-preview) { aspect-ratio:auto; height:clamp(500px,calc(100svh - 264px),700px); }
  .client-showcase .shrine-stage.tpl-0:not(.template-preview) { height:calc(100svh - 228px); min-height:540px; }
  .redwood-artboard { aspect-ratio:2/3; }
  .redwood-plaque { left:27%; top:10%; width:46%; height:6.5%; font-size:5.8cqw; }
  .redwood-couplet { top:28%; height:23%; width:4%; font-size:2.4cqw; }
  .redwood-couplet-left { left:23%; }
  .redwood-couplet-right { left:72%; }
  .redwood-stage .redwood-tablet-text { left:38%; top:29%; width:23%; height:23%; gap:1.15cqw; }
  .redwood-stage .portrait { font-size:12cqw; }
  .redwood-stage .memorial-tablet h1 { font-size:5.1cqw; }
  .redwood-stage .memorial-tablet .dates { font-size:2.05cqw; }
  .redwood-stage .memorial-tablet .epitaph { font-size:2.35cqw; }
  .redwood-front-table { left:15%; top:68.5%; width:70%; }
  .redwood-stage .censer { left:36%; width:26%; bottom:24%; }
  .redwood-stage .flower-gift { left:5%; width:23%; bottom:16%; }
  .redwood-stage .wreath-gift { left:69%; width:21%; bottom:14%; }
  .redwood-stage .candle { width:12%; bottom:37.5%; }
  .redwood-stage .candle-left { left:22%; }
  .redwood-stage .candle-right { left:61%; }
  .redwood-stage .eternal-lamp { left:16%; width:8%; bottom:37.5%; }
  .redwood-stage .fruit-plate { left:71%; width:12%; bottom:37.5%; }
  .redwood-stage .paper-gift { left:29%; width:6%; bottom:25%; }
  .redwood-stage .floating-lantern { left:6%; width:9%; bottom:8%; }
  .redwood-stage .incense-sticks i { width:1px; }
  .redwood-stage .incense-smoke i { filter:blur(3px); border-width:3px; }
  .redwood-visit .ritual-rail { top:5%; right:7px; width:48px; gap:4px; }
  .redwood-visit .ritual-rail button { min-height:43px; height:43px; padding:2px 1px; font-size:9px; }
  .redwood-visit .ritual-rail button .rail-glyph { font-size:18px; }
  .redwood-visit .shrine-tools { height:56px; gap:5px; padding:6px 7px; }
  .redwood-visit .shrine-tools button { min-width:0; flex:1; padding:4px 2px; font-size:10px; }
  .redwood-visit .visit-bottom-nav { min-height:60px; }
}
@media(prefers-reduced-motion:reduce) {
  .redwood-stage .incense-smoke i, .redwood-stage .flame { animation:none !important; }
  .redwood-stage .incense-smoke i { opacity:.13; }
}