body:has(.hall-detail){background:#f6f3ec;color:#24312d}
.hall-detail{min-height:100svh;background:#f6f3ec;background-image:radial-gradient(rgba(91,72,45,.055) .7px,transparent .7px);background-size:8px 8px}
.hall-detail-hero{min-height:390px;padding:8.5rem clamp(1.4rem,8vw,8rem) 3.5rem;display:flex;align-items:flex-end;color:#fff;background-image:linear-gradient(90deg,rgba(9,17,14,.82),rgba(9,17,14,.18) 62%,rgba(9,17,14,.36)),var(--hall-hero);background-size:cover;background-position:center 43%;position:relative;overflow:hidden}.hall-detail-hero::after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,rgba(8,14,12,.4));pointer-events:none}.hall-detail-hero-inner{position:relative;z-index:1;max-width:720px}.hall-back{display:inline-block;margin-bottom:2.2rem;color:#ead19a;font:400 .82rem "Noto Serif TC","Source Han Serif TC",serif;letter-spacing:.12em}.hall-detail-hero .eyebrow{margin:0 0 .7rem;color:#e2bd71}.hall-detail-hero h1{margin:0;font-size:clamp(3rem,6vw,6rem);font-weight:500;letter-spacing:.12em}.hall-detail-hero p:last-child{margin:.8rem 0 0;color:rgba(250,245,232,.8);font-family:"Noto Serif TC",serif;letter-spacing:.08em}
.hall-directory-content{max-width:1440px;margin:0 auto;padding:clamp(2rem,4vw,4.5rem) clamp(1.2rem,5vw,5rem) 5rem}.hall-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem 1.2rem;background:rgba(255,255,255,.48);border:1px solid rgba(97,77,48,.16);box-shadow:0 14px 35px rgba(36,49,45,.08);backdrop-filter:blur(12px)}.hall-zones{display:flex;gap:.2rem;align-items:center}.hall-zones a{padding:.62rem .8rem;color:#66736c;font:500 .88rem "Noto Serif TC",serif;letter-spacing:.1em;white-space:nowrap;border-bottom:1px solid transparent;transition:color .3s,border-color .3s}.hall-zones a:hover,.hall-zones a.is-active{color:#a47a36;border-bottom-color:#c69f58}.hall-search{display:flex;align-items:center;gap:.55rem}.hall-search input{width:190px;height:40px;padding:0 .9rem;border:1px solid rgba(83,75,59,.24);background:rgba(255,255,255,.58);color:#28362f;outline:none}.hall-search input:focus{border-color:#b28a49;box-shadow:0 0 0 3px rgba(178,138,73,.13)}.hall-search button{height:40px;padding:0 1rem;border:1px solid #b18a4c;background:#26362f;color:#f2dfb0;cursor:pointer;font:500 .76rem "Noto Serif TC",serif;letter-spacing:.08em;transition:.3s}.hall-search button:hover{background:#b18a4c;color:#1f2c27}.hall-search .hall-advanced{background:transparent;color:#6f5934;border-color:rgba(111,89,52,.35)}.hall-advanced-panel{display:flex;align-items:center;gap:.45rem;margin-top:.7rem;padding:.75rem 1rem;background:rgba(255,255,255,.46);border-bottom:1px solid rgba(130,101,54,.2);font-size:.78rem;color:#6e756f}.hall-advanced-panel button{border:0;background:transparent;padding:.35rem .65rem;color:#66736c;cursor:pointer}.hall-advanced-panel button.is-active{color:#9b7130;border-bottom:1px solid #c29a52}.hall-wall-heading{display:flex;justify-content:space-between;align-items:end;margin:3.6rem 0 1.5rem}.hall-wall-heading .eyebrow{margin:0;color:#a37b3b}.hall-wall-heading h2{margin:.35rem 0 0;color:#263730;font-size:clamp(1.8rem,3vw,3rem);font-weight:500}.hall-wall-heading>p{margin:0;color:#788079;font:400 .82rem "Noto Serif TC",serif;letter-spacing:.06em}.hall-position-wall{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.75rem;padding:clamp(1.2rem,2vw,2rem);background:linear-gradient(145deg,#34443e,#1c2824 70%);border:1px solid #80613c;box-shadow:inset 0 0 0 7px rgba(213,180,111,.11),inset 0 0 46px rgba(2,8,6,.8),0 24px 50px rgba(31,43,38,.18)}.hall-position{position:relative;min-width:0;aspect-ratio:.7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.42rem;overflow:hidden;color:#e8d5a9;text-decoration:none;background:linear-gradient(135deg,#a78e68 0,#5b4a37 18%,#8c7352 48%,#4b3c2c 100%);border:5px solid #54402b;box-shadow:inset 0 0 0 1px #d0ad6a,inset 0 0 17px rgba(16,20,16,.72),0 8px 14px rgba(4,9,7,.3);transition:transform .3s,box-shadow .3s,filter .3s}.hall-position::before{content:"";position:absolute;inset:7px;border:1px solid rgba(241,213,156,.42);box-shadow:inset 0 0 10px rgba(255,220,145,.14);pointer-events:none}.hall-position-light{position:absolute;top:9%;left:18%;right:18%;height:38%;background:radial-gradient(ellipse,rgba(255,224,151,.34),transparent 68%);filter:blur(8px);opacity:.38;transition:opacity .3s}.hall-position-mark{font:clamp(1.3rem,2.2vw,2.1rem) "Noto Serif TC",serif;color:#f2deb0;text-shadow:0 2px 8px rgba(24,16,8,.8)}.hall-position b{font:500 clamp(.56rem,.8vw,.75rem) sans-serif;letter-spacing:.08em;color:rgba(255,245,219,.82)}.hall-position-state{position:absolute;right:11px;top:11px;width:8px;height:8px;border-radius:50%;background:#9f7a38;box-shadow:0 0 9px currentColor}.status-active .hall-position-state{background:#76927f}.status-pending_payment .hall-position-state,.status-pending_review .hall-position-state,.status-reserved .hall-position-state{background:#c58552}.status-disabled .hall-position-state,.status-expired .hall-position-state,.status-suspended .hall-position-state{background:#777872}.hall-position:hover,.hall-position:focus-visible{transform:scale(1.035);z-index:2;filter:brightness(1.08);box-shadow:inset 0 0 0 1px #e2c27d,inset 0 0 24px rgba(255,216,132,.25),0 14px 27px rgba(4,8,6,.55)}.hall-position:hover .hall-position-light,.hall-position:focus-visible .hall-position-light{opacity:.9}.hall-position:focus-visible{outline:2px solid #cda75d;outline-offset:4px}.hall-position[hidden]{display:none}.hall-empty{padding:4rem;text-align:center;color:#768078;background:rgba(255,255,255,.4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.hall-filter-bar{align-items:stretch;flex-direction:column;gap:.7rem}.hall-zones{justify-content:center}.hall-search{justify-content:center}.hall-position-wall{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.hall-detail-hero{min-height:360px;padding:7rem 1.2rem 2.5rem;background-position:center}.hall-detail-hero h1{font-size:2.8rem}.hall-back{margin-bottom:1.5rem}.hall-filter-bar{padding:.75rem;align-items:stretch}.hall-zones{justify-content:flex-start;overflow:auto}.hall-zones a{font-size:.77rem;padding:.5rem .6rem}.hall-search{display:grid;grid-template-columns:1fr auto;gap:.45rem}.hall-search input{width:auto;grid-column:1/-1}.hall-search button{width:100%}.hall-search .hall-advanced{grid-column:1/-1}.hall-wall-heading{display:block;margin:2.5rem 0 1.2rem}.hall-wall-heading>p{margin-top:.65rem}.hall-position-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;padding:.8rem}.hall-position{border-width:4px}.hall-position-state{right:8px;top:8px}}

/* General memorial hall: directional wayfinding, not a filter tab */
.hall-wall-heading.has-compass{align-items:center;margin:2.8rem 0 1.35rem;gap:2rem}
.hall-wall-heading-copy{min-width:240px}
.hall-wall-heading-copy h2{margin-bottom:.45rem}
.hall-current-wing{margin:0;color:#8c7652;font:400 .78rem "Noto Serif TC",serif;letter-spacing:.1em}
.hall-wall-heading-note{margin:0;color:#788079;font:400 .82rem "Noto Serif TC",serif;letter-spacing:.06em}
.hall-compass{position:relative;width:260px;height:132px;flex:none;color:#8a7656;font:500 .82rem "Noto Serif TC",serif;letter-spacing:.16em}
.hall-compass::before,.hall-compass::after{content:"";position:absolute;background:rgba(155,123,68,.5)}
.hall-compass::before{width:1px;height:84px;left:50%;top:27px}
.hall-compass::after{height:1px;width:166px;left:47px;top:69px}
.hall-compass-label{position:absolute;right:0;top:-10px;font:400 .64rem sans-serif;letter-spacing:.2em;color:#a98a54}
.compass{position:absolute;z-index:1;display:flex;align-items:center;gap:.35rem;color:#81745e;text-decoration:none;transition:color .28s,transform .28s,filter .28s}
.compass span{font-family:serif;font-size:1rem;line-height:1}
.compass:hover,.compass:focus-visible,.compass.is-active{color:#a87731;filter:brightness(1.12)}
.compass:focus-visible{outline:1px solid rgba(168,119,49,.65);outline-offset:5px}
.compass-north{left:50%;top:0;transform:translateX(-50%);flex-direction:column-reverse}
.compass-south{left:50%;bottom:0;transform:translateX(-50%);flex-direction:column}
.compass-west{left:0;top:58px}.compass-east{right:0;top:58px}.compass-all{left:50%;top:58px;transform:translateX(-50%);padding:.55rem .7rem;border:1px solid rgba(168,135,75,.45);border-radius:50%;font-size:.72rem;letter-spacing:.08em;background:rgba(246,243,236,.5)}
.compass-north:hover,.compass-north:focus-visible{transform:translateX(-50%) translateY(-2px)}.compass-south:hover,.compass-south:focus-visible{transform:translateX(-50%) translateY(2px)}.compass-all:hover,.compass-all:focus-visible{transform:translateX(-50%) scale(1.04)}.compass-west:hover,.compass-west:focus-visible{transform:translateX(-2px)}.compass-east:hover,.compass-east:focus-visible{transform:translateX(2px)}
.hall-direction-copy{margin:-.6rem 0 1.5rem;color:#8c7652;font:400 .88rem "Noto Serif TC",serif;letter-spacing:.12em}
.hall-filter-context{display:flex;align-items:baseline;gap:.7rem;padding-left:.45rem;color:#899189;font:400 .75rem "Noto Serif TC",serif;letter-spacing:.1em}.hall-filter-context strong{font-size:.95rem;color:#a47735;font-weight:500}
.hall-detail:has(.hall-compass) .hall-position-wall{transition:opacity .28s ease,transform .28s ease}.hall-detail.is-leaving .hall-position-wall{opacity:.15;transform:translateY(5px)}
.general-direction-hero{min-height:min(680px,68vh);padding-top:7rem;background-image:linear-gradient(90deg,rgba(8,13,11,.78),rgba(8,13,11,.18) 48%,rgba(8,13,11,.1)),var(--hall-hero);background-position:center;background-size:cover}
.general-selection-hero{position:relative;min-height:100dvh;height:100dvh;padding:0;background:#141c1a;animation:generalSelectionIn .4s ease both}
.general-selection-hero .hall-detail-hero-inner{display:none}
.direction-lobby-stage{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(100vw,150dvh);aspect-ratio:3 / 2;overflow:hidden;background:#141c1a}
.direction-lobby-image{width:100%;height:100%;object-fit:contain;object-position:center;display:block;max-width:none}
.general-selection-hero .direction-lobby-stage{z-index:1}.selection-back{position:absolute;z-index:5;left:clamp(1rem,3vw,3rem);top:clamp(5.8rem,10vh,7.5rem);display:inline-flex;align-items:center;min-height:40px;padding:.48rem .9rem;color:#e0bd78;text-decoration:none;background:rgba(13,22,19,.64);border:1px solid rgba(211,172,94,.7);backdrop-filter:blur(8px);font:400 .8rem "Noto Serif TC",serif;letter-spacing:.12em;transition:background .28s,border-color .28s,box-shadow .28s}.selection-back:hover,.selection-back:focus-visible{background:rgba(42,51,42,.82);border-color:#edcc87;box-shadow:0 0 18px rgba(216,178,91,.28);outline:none}
body:has(.general-selection-hero){background:#141c1a;overflow:hidden}body:has(.general-selection-hero) main#main{height:100dvh;overflow:hidden}body:has(.general-selection-hero)>footer{display:none}
body:has(.general-selection-hero) .site-header{background:rgba(10,16,14,.28);border-bottom-color:rgba(255,255,255,.1)}
@keyframes generalSelectionIn{from{opacity:0}to{opacity:1}}
@keyframes generalSelectionOut{from{opacity:1}to{opacity:0}}
.hall-detail.is-leaving .general-selection-hero{animation:generalSelectionOut .3s ease forwards}
/* Immersive lobby scene: the image and hotspots share one transform surface. */
.general-selection-hero{overflow:hidden;background:#141c1a}
.general-selection-hero .direction-lobby-stage{inset:0;left:0;top:0;transform:none;width:100%;height:100%;aspect-ratio:auto;display:block;background:#141c1a;touch-action:none}
.direction-lobby-canvas{position:absolute;left:50%;top:50%;width:min(100vw,150dvh);height:auto;aspect-ratio:3 / 2;transform:translate(-50%,-50%);transform-origin:center;will-change:transform;touch-action:none}
.general-selection-hero .direction-lobby-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}
.general-selection-hero .direction-doorways{position:absolute;inset:0}
.general-selection-hero .direction-lobby-canvas{left:0;top:0;width:100%;height:100%;aspect-ratio:auto;transform:none}
.general-selection-hero .direction-lobby-image{object-fit:cover;object-position:center}
.mobile-direction-controls{display:none}
.general-direction-hero .hall-detail-hero-inner{max-width:470px;margin-bottom:1rem}.general-direction-hero .hall-detail-hero-inner h1{font-size:clamp(2.8rem,5vw,5rem)}
.direction-doorways{position:absolute;inset:0;z-index:2;pointer-events:none}.direction-doorway{position:absolute;display:block;pointer-events:auto;background:radial-gradient(ellipse at center,rgba(238,202,125,.23),rgba(231,190,104,.07) 48%,transparent 73%);opacity:0;transition:opacity .35s,filter .35s;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}
.direction-doorway:hover,.direction-doorway:focus-visible{opacity:1;filter:brightness(1.1)}.direction-doorway:active{filter:brightness(1.18)}
.direction-east{left:78%;top:28%;width:22%;height:47%;clip-path:polygon(9% 8%,100% 0,100% 83%,38% 89%,0 63%)}
.direction-west{left:0;top:28%;width:22%;height:47%;clip-path:polygon(0 0,91% 8%,100% 63%,62% 89%,0 83%)}
.direction-north{left:32%;top:29%;width:36%;height:40%;clip-path:polygon(13% 0,87% 0,100% 36%,87% 100%,13% 100%,0 36%)}
.direction-south{left:28%;top:70%;width:44%;height:30%;clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}
.direction-mobile-picker{display:none}
@media(max-width:700px){.general-direction-hero{min-height:430px;padding:6.4rem 1.2rem 2.2rem;background-position:center;background-size:cover}.general-direction-hero .hall-detail-hero-inner{margin-bottom:0}.general-direction-hero .hall-detail-hero-inner h1{font-size:2.65rem}.general-selection-hero{min-height:100dvh;height:100dvh}.general-selection-hero .direction-lobby-stage{background:#141c1a}.general-selection-hero .direction-lobby-canvas{left:50%;top:50%;width:150dvh;height:100dvh;max-width:none;max-height:none;aspect-ratio:3 / 2;transform:translate(-50%,-50%)}.general-selection-hero .direction-lobby-image{object-fit:contain}.general-selection-hero .direction-doorways{display:block}.selection-back{position:fixed;top:5.3rem;left:.85rem}.general-selection-hero .direction-doorway{opacity:0}.mobile-direction-controls{position:fixed;z-index:8;display:flex;left:.45rem;right:.45rem;top:50%;transform:translateY(-50%);justify-content:space-between;pointer-events:none}.mobile-direction-controls button{pointer-events:auto;min-height:38px;padding:.35rem .55rem;border:1px solid rgba(221,182,99,.75);background:rgba(17,25,21,.74);backdrop-filter:blur(8px);color:#e6bf72;font:400 .74rem "Noto Serif TC",serif;letter-spacing:.08em;cursor:pointer;transition:background .3s,color .3s,box-shadow .3s}.mobile-direction-controls button:hover,.mobile-direction-controls button:focus-visible{background:rgba(45,53,42,.9);color:#ffe5aa;box-shadow:0 0 16px rgba(217,176,88,.32);outline:none}}
@media(max-width:700px){.hall-wall-heading.has-compass{margin:2.2rem 0 1rem;display:flex;align-items:flex-start;flex-direction:column;gap:1.1rem}.hall-wall-heading-copy{min-width:0}.hall-compass{width:100%;height:auto;display:flex;align-items:center;justify-content:space-between;padding:.55rem .25rem;border-top:1px solid rgba(130,101,54,.22);border-bottom:1px solid rgba(130,101,54,.22);font-size:.77rem}.hall-compass::before,.hall-compass::after,.hall-compass-label{display:none}.compass,.compass-north,.compass-south,.compass-west,.compass-east,.compass-all{position:static;transform:none!important;display:inline-flex;flex-direction:row;gap:.3rem;padding:.15rem .35rem;border:0;background:none;border-radius:0}.compass span{display:none}.compass-all{order:-1;color:#a87731}.hall-direction-copy{margin:-.3rem 0 1rem;font-size:.8rem}.hall-filter-bar{margin-top:1rem}.hall-filter-context{padding:.15rem 0}.hall-detail.is-leaving .hall-position-wall{transform:translateY(3px)}}

/* A desktop pointer must keep the desktop scene even when browser zoom makes
   the CSS viewport narrower than the mobile breakpoint. */
@media (pointer: fine) and (hover: hover) {
  .general-selection-hero:not(.touch-surface) .direction-lobby-stage{inset:0;left:0;top:0;width:100%;height:100%;aspect-ratio:auto;transform:none}
  .general-selection-hero:not(.touch-surface) .direction-lobby-canvas{left:0;top:0;width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto;transform:none!important}
  .general-selection-hero:not(.touch-surface) .direction-lobby-image{object-fit:cover;object-position:center}
  .general-selection-hero:not(.touch-surface):not(.mobile-ui) .mobile-direction-controls{display:none!important}
}

/* Touch-oriented mobile browsers (including device emulation) keep the
   side wayfinding visible; desktop zoom remains covered by the fine/hover
   rule above. */
@media (max-width:700px) and (hover:none), (max-width:700px) and (pointer:coarse) {
  .general-selection-hero .mobile-direction-controls{
    top:56%;
    left:.6rem;
    right:.6rem;
    transform:translateY(-50%);
    align-items:center;
  }
  .general-selection-hero .mobile-direction-controls button{
    min-width:58px;
    min-height:44px;
    padding:.55rem .55rem;
    border:1px solid rgba(219,183,105,.72);
    border-radius:1px;
    background:linear-gradient(135deg,rgba(16,25,22,.78),rgba(16,25,22,.5));
    color:#e8c983;
    box-shadow:0 8px 24px rgba(0,0,0,.2),inset 0 0 18px rgba(220,182,100,.05);
    font-size:.78rem;
    letter-spacing:.12em;
    text-shadow:0 1px 8px rgba(0,0,0,.75);
  }
  .general-selection-hero .mobile-direction-controls button::first-letter{font-size:1.1em}
  .general-selection-hero .mobile-direction-controls button:active{
    background:rgba(56,49,31,.84);
    color:#fff0c8;
    box-shadow:0 0 22px rgba(220,182,100,.24),inset 0 0 18px rgba(220,182,100,.1);
  }
}

/* A desktop browser using zoom can fall below 700px CSS width. Keep those
   windows in the desktop composition, but do not suppress touch controls on
   a real/emulated mobile surface (hover:none). */
@media (pointer:fine) and (hover:hover) {
  .general-selection-hero:not(.touch-surface):not(.mobile-ui) .mobile-direction-controls{display:none!important}
}

/* Device emulation may report a fine pointer while still exposing touch. */
.general-selection-hero.touch-surface .mobile-direction-controls,
.general-selection-hero.mobile-ui .mobile-direction-controls{
  position:fixed;z-index:8;display:flex;left:.6rem;right:.6rem;top:56%;
  transform:translateY(-50%);align-items:center;justify-content:space-between;
  pointer-events:none
}
.general-selection-hero.touch-surface .mobile-direction-controls button,
.general-selection-hero.mobile-ui .mobile-direction-controls button{
  pointer-events:auto;min-width:58px;min-height:44px;padding:.55rem .55rem;
  border:1px solid rgba(219,183,105,.72);border-radius:1px;
  background:linear-gradient(135deg,rgba(16,25,22,.78),rgba(16,25,22,.5));
  color:#e8c983;box-shadow:0 8px 24px rgba(0,0,0,.2),inset 0 0 18px rgba(220,182,100,.05);
  font:400 .78rem "Noto Serif TC",serif;letter-spacing:.12em;text-shadow:0 1px 8px rgba(0,0,0,.75);cursor:pointer
}

/* Direction pages begin directly at the memorial wall; the return link is
   part of the content flow and never reserves a hero/banner height. */
.hall-zone-back{
  display:inline-flex;align-items:center;margin:0 0 1.25rem;
  color:#9f783c;text-decoration:none;font:400 .82rem "Noto Serif TC",serif;
  letter-spacing:.1em;transition:color .25s,transform .25s
}
.hall-zone-back:hover,.hall-zone-back:focus-visible{color:#c39a56;transform:translateX(-2px);outline:none}
.hall-detail:has(.hall-zone-back) .hall-directory-content{padding-top:clamp(1.5rem,3vw,3rem)}
@media(max-width:600px){
  .hall-zone-back{margin-bottom:1rem;font-size:.78rem}
  .hall-detail:has(.hall-zone-back) .hall-directory-content{padding-top:1.25rem}
}

/* General memorial landscape selection */
body:has(.landscape-selection){margin:0;overflow:hidden;background:#141c1a}
body:has(.landscape-selection) main#main{width:100%;max-width:none;margin:0;padding:0}
body:has(.landscape-selection)>footer{display:none}
body:has(.landscape-destination){margin:0;overflow:hidden;background:#141c1a}
body:has(.landscape-destination)>footer{display:none}
.landscape-selection{position:fixed;inset:0;width:100%;height:100dvh;overflow:hidden;background:#141c1a;color:#f4e5c2;animation:generalSelectionIn .4s ease both}
.landscape-stage{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.landscape-stage picture{display:block;width:100%;height:100%}
.landscape-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;user-select:none}
.landscape-hotspots{position:absolute;inset:0;z-index:2;pointer-events:none}
.landscape-door{position:absolute;display:block;pointer-events:auto;cursor:pointer;outline:none;border:0;background:transparent;color:transparent;transition:filter .32s,transform .32s;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);-webkit-tap-highlight-color:transparent}
.landscape-flowers{left:3%;top:25%;width:29%;height:48%}
.landscape-zen{left:32%;top:15%;width:36%;height:58%}
.landscape-ocean{left:68%;top:25%;width:29%;height:48%}
.landscape-door:hover,.landscape-door:focus-visible{filter:brightness(1.1) drop-shadow(0 0 18px rgba(235,192,105,.38));transform:scale(1.012);outline:none}
.landscape-back{position:fixed;z-index:5;left:clamp(1rem,3vw,3rem);top:clamp(5.8rem,10vh,7.5rem)}
.landscape-mobile-nav{display:none}
.landscape-selection.is-leaving{animation:generalSelectionOut .36s ease forwards}
@media(max-width:700px){
  .landscape-image{object-position:center center}
  .landscape-mobile-nav{display:none}
  .landscape-mobile-nav a{padding:.68rem .35rem;text-align:center;color:#e8ca8d;text-decoration:none;background:rgba(16,24,20,.78);border:1px solid rgba(220,181,99,.65);backdrop-filter:blur(8px);font:400 .72rem "Noto Serif TC",serif;letter-spacing:.08em}
  .landscape-back{top:5.25rem;left:.8rem}
  .landscape-flowers{left:0;top:28%;width:28%;height:40%}
  .landscape-zen{left:28%;top:22%;width:44%;height:47%}
  .landscape-ocean{left:72%;top:28%;width:28%;height:40%}
}

/* Unified desktop CTA: centered in the scenic stage. Mobile rules above remain unchanged. */
@media(min-width:701px){
  .landscape-destination>.landscape-destination-copy,
  .landscape-destination.landscape-garden>.landscape-destination-copy{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    padding:0!important;pointer-events:none!important;
  }
  .landscape-destination>.landscape-destination-copy .landscape-actions,
  .landscape-destination.landscape-garden>.landscape-destination-copy .landscape-actions{
    position:absolute!important;left:50%!important;right:auto!important;top:auto!important;
    bottom:6%!important;transform:translateX(-50%)!important;width:240px!important;height:56px!important;
    margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
    pointer-events:auto!important;z-index:20!important;
  }
  .landscape-destination>.landscape-destination-copy .landscape-actions a,
  .landscape-destination.landscape-garden>.landscape-destination-copy .landscape-actions a{
    display:flex!important;align-items:center!important;justify-content:center!important;gap:.7rem!important;
    width:240px!important;min-width:240px!important;height:56px!important;box-sizing:border-box!important;
    padding:0 1.1rem!important;background:rgba(15,32,27,.78)!important;
    border:1px solid rgba(205,174,112,.75)!important;border-radius:6px!important;
    backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
    color:#f5ebdd!important;-webkit-text-fill-color:#f5ebdd!important;
    font:500 16px/1 "Noto Serif TC",serif!important;letter-spacing:2px!important;
    writing-mode:horizontal-tb!important;text-shadow:none!important;filter:none!important;
    transition:background .3s ease,border-color .3s ease,transform .3s ease!important;
  }
  .landscape-destination>.landscape-destination-copy .landscape-actions a span,
  .landscape-destination.landscape-garden>.landscape-destination-copy .landscape-actions a span{display:inline!important;color:#d9b979!important;transition:transform .3s ease!important}
  .landscape-destination>.landscape-destination-copy .landscape-actions a:hover,
  .landscape-destination>.landscape-destination-copy .landscape-actions a:focus-visible,
  .landscape-destination.landscape-garden>.landscape-destination-copy .landscape-actions a:hover,
  .landscape-destination.landscape-garden>.landscape-destination-copy .landscape-actions a:focus-visible{background:rgba(27,52,43,.9)!important;border-color:rgba(225,195,133,.95)!important;transform:translateY(-2px)!important;outline:none!important}
  .landscape-destination>.landscape-destination-copy .landscape-actions a:hover span,
  .landscape-destination>.landscape-destination-copy .landscape-actions a:focus-visible span,
  .landscape-destination.landscape-garden>.landscape-destination-copy .landscape-actions a:hover span,
  .landscape-destination.landscape-garden>.landscape-destination-copy .landscape-actions a:focus-visible span{transform:translateX(4px)!important}
}
.landscape-destination{position:fixed;inset:0;display:grid;place-items:center;overflow:hidden;background-image:linear-gradient(90deg,rgba(10,18,15,.72),rgba(10,18,15,.18)),var(--landscape-image);background-size:cover;background-position:center;color:#f5e8ca}
.landscape-top-actions{position:fixed;z-index:100;top:1.35rem;right:clamp(1rem,4vw,4rem);display:flex;align-items:center;gap:1.7rem;color:#fff!important;opacity:1!important;filter:none!important;font:600 14px "Noto Serif TC",serif;letter-spacing:.04em;pointer-events:auto;mix-blend-mode:normal}.landscape-top-actions a{display:inline-flex;align-items:center;padding:0;color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;mix-blend-mode:normal;text-decoration:none;white-space:nowrap;background:transparent;border:0;border-radius:0;text-shadow:0 1px 5px rgba(0,0,0,.75);transition:color .2s ease;pointer-events:auto;cursor:pointer}.landscape-top-actions a:hover{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 6px rgba(0,0,0,.9)}.landscape-destination>.selection-back{display:none}
.landscape-top-actions{font-family:"Noto Sans TC",sans-serif!important}
.landscape-menu-toggle,.landscape-mobile-menu{display:none}
@media(max-width:700px){.landscape-top-actions{position:fixed;top:0;left:0;right:0;height:70px;box-sizing:border-box;padding:0 1rem;justify-content:flex-end;gap:.8rem;font-size:13px;background:rgba(15,24,21,.5);border-bottom:1px solid rgba(255,255,255,.16)}.landscape-top-actions .landscape-desktop-link{display:none}.landscape-back-link{font-size:13px!important}.landscape-menu-toggle{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#fff;font-size:1.35rem;line-height:1;padding:.2rem;cursor:pointer}.landscape-mobile-menu{display:none;position:absolute;top:62px;right:12px;width:150px;padding:.35rem;background:rgba(27,30,26,.96);border:1px solid rgba(205,180,135,.5);border-radius:7px;box-shadow:0 10px 24px rgba(0,0,0,.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.landscape-top-actions.is-menu-open .landscape-mobile-menu{display:flex;flex-direction:column}.landscape-mobile-menu a{padding:.58rem .7rem;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:13px;border-bottom:1px solid rgba(205,180,135,.2)}.landscape-mobile-menu a:last-child{border-bottom:0}}

/* Unified mobile memorial composition. The artwork focus is per scene; the CTA is viewport-anchored. */
@media(max-width:700px){
  .landscape-destination{min-height:100svh;height:100dvh;background-size:cover;background-repeat:no-repeat;background-position:center center}
  .landscape-destination.landscape-garden{background-position:48% center}
  .landscape-destination.landscape-zen-destination{background-position:50% center}
  .landscape-destination.landscape-ocean-destination{background-position:50% center}
  .landscape-destination-copy,.landscape-destination.landscape-garden .landscape-destination-copy{pointer-events:none}
  .landscape-destination .landscape-actions,.landscape-destination.landscape-garden .landscape-destination-copy .landscape-actions{position:fixed!important;z-index:40;left:50%!important;right:auto!important;top:auto!important;bottom:calc(24px + env(safe-area-inset-bottom))!important;width:min(80vw,300px)!important;height:52px!important;margin:0!important;transform:translateX(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;pointer-events:auto!important}
  .landscape-destination .landscape-actions a,.landscape-destination.landscape-garden .landscape-destination-copy .landscape-actions a{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:52px!important;padding:0 .9rem!important;box-sizing:border-box!important;background:rgba(35,35,32,.78)!important;border:1px solid rgba(218,190,137,.72)!important;border-radius:8px!important;color:#f5f0e6!important;font:500 14px/1 "Noto Sans TC",sans-serif!important;letter-spacing:.12em!important;white-space:nowrap!important;text-shadow:0 1px 4px rgba(0,0,0,.65)!important;writing-mode:horizontal-tb!important;opacity:1!important}
  .landscape-destination.landscape-garden .landscape-destination-copy .landscape-actions a{font-size:14px!important;color:#f5f0e6!important}
}
.landscape-destination-copy{position:relative;z-index:1;text-align:center;padding:2rem}
.landscape-destination-copy p{margin:0 0 .8rem;color:#e0bd78;letter-spacing:.16em;font-size:.75rem}
.landscape-destination-copy h1{margin:0;font:500 clamp(2.8rem,7vw,6rem) "Noto Serif TC",serif;letter-spacing:.16em}
.landscape-destination-copy span{display:block;margin-top:1.2rem;color:rgba(255,247,228,.8);letter-spacing:.1em}
.landscape-actions{display:flex;justify-content:center;gap:.7rem;margin-top:1.8rem}.landscape-actions a{padding:.7rem 1rem;color:#e7c987;text-decoration:none;border:1px solid rgba(220,181,99,.68);background:rgba(16,24,20,.68);font:400 .78rem "Noto Serif TC",serif;letter-spacing:.08em}
.landscape-garden{background-image:linear-gradient(180deg,rgba(9,18,14,.18),rgba(9,18,14,.08) 55%,rgba(9,18,14,.24)),var(--landscape-image)}
.landscape-garden .landscape-destination-copy{position:absolute;inset:0;padding:0;text-align:center;pointer-events:none}
.landscape-garden .landscape-destination-copy p{position:absolute;top:12%;left:0;right:0;margin:0;font-size:.68rem;letter-spacing:.22em;color:rgba(255,239,198,.9)}
.landscape-garden .landscape-destination-copy h1{position:absolute;top:16%;left:0;right:0;margin:0;font-size:clamp(2rem,4.5vw,4.2rem);font-weight:400;letter-spacing:.16em;text-shadow:0 2px 16px rgba(18,22,16,.65)}
.landscape-garden .landscape-destination-copy h2{position:absolute;top:27%;left:0;right:0;margin:0;color:#f5e4bf;font:400 clamp(1rem,1.8vw,1.45rem) "Noto Serif TC",serif;letter-spacing:.16em;text-shadow:0 2px 12px rgba(22,25,16,.7)}
.landscape-garden .landscape-destination-copy>span{position:absolute;top:32%;left:0;right:0;margin:0;color:rgba(255,245,218,.88);font:400 clamp(.78rem,1.15vw,1rem) "Noto Serif TC",serif;line-height:2;letter-spacing:.1em;text-shadow:0 2px 10px rgba(22,25,16,.75)}
.landscape-garden .landscape-actions{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);margin:0;justify-content:center;pointer-events:auto}.landscape-garden .landscape-actions a{display:inline-flex;align-items:center;justify-content:center;padding:0;color:#c9ad70;background:none;border:0;border-radius:0;font:500 clamp(1.15rem,2.2vw,2rem) "Noto Serif TC",serif;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.22em;text-shadow:1px 1px 0 rgba(20,16,10,.9),-1px -1px 0 rgba(255,222,145,.18),0 0 3px rgba(193,153,76,.2);filter:drop-shadow(0 2px 2px rgba(6,8,7,.65));transition:color .35s,filter .35s}.landscape-garden .landscape-actions a span{display:none}.landscape-garden .landscape-actions a:hover,.landscape-garden .landscape-actions a:focus-visible{color:#e2c987;filter:drop-shadow(0 2px 3px rgba(6,8,7,.7)) drop-shadow(0 0 6px rgba(210,174,99,.22));outline:none}
.landscape-garden::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.32;background-image:radial-gradient(circle at 18% 25%,rgba(244,210,190,.9) 0 2px,transparent 3px),radial-gradient(circle at 72% 17%,rgba(244,210,190,.75) 0 1.5px,transparent 2.5px),radial-gradient(circle at 38% 42%,rgba(244,210,190,.72) 0 1.5px,transparent 2.5px);background-size:180px 220px,240px 260px,300px 320px;animation:garden-petal-drift 18s linear infinite}
@keyframes garden-petal-drift{from{background-position:0 -80px,40px -120px,100px -160px}to{background-position:35px 120px,0 140px,140px 100px}}
@media(prefers-reduced-motion:reduce){.landscape-garden::after{animation:none}}
.memorial-create-page{position:relative;min-height:100dvh;padding:7rem clamp(1rem,5vw,5rem) 3rem;background:#f6f3ec;color:#27352f}.memorial-create-page .selection-back{position:absolute;top:5.7rem;left:clamp(1rem,4vw,4rem);color:#8b6834}.memorial-create-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(300px,520px) minmax(320px,1fr);gap:clamp(2rem,6vw,6rem);align-items:start}.memorial-create-form{padding:2rem;background:rgba(255,255,255,.64);border:1px solid rgba(126,101,60,.24);box-shadow:0 18px 45px rgba(36,49,45,.1)}.memorial-create-form h1{margin:.35rem 0 1.6rem;font:500 clamp(2rem,4vw,3.4rem) "Noto Serif TC",serif;letter-spacing:.08em}.memorial-create-form label{display:flex;flex-direction:column;gap:.35rem;margin:.9rem 0;font-size:.8rem;letter-spacing:.06em}.memorial-create-form input,.memorial-create-form textarea{width:100%;box-sizing:border-box;padding:.72rem .8rem;border:1px solid rgba(91,75,48,.25);background:rgba(255,255,255,.82);color:#25342e;font:inherit}.memorial-create-form small,.memorial-form-note{color:#7b837d;font-size:.72rem}.memorial-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.memorial-plan-choice{display:flex;align-items:center;gap:1rem;margin:1.2rem 0;font-size:.8rem}.memorial-plan-choice label{margin:0;display:flex;flex-direction:row;align-items:center}.memorial-create-form>button{width:100%;padding:.85rem;border:1px solid #ad8748;background:#26362f;color:#f2dfb0;cursor:pointer;font:500 .82rem "Noto Serif TC",serif;letter-spacing:.1em}.memorial-live-preview{position:sticky;top:7rem;min-height:590px;display:grid;place-items:center;border:1px solid rgba(126,101,60,.2);background-image:linear-gradient(rgba(16,25,20,.18),rgba(16,25,20,.18)),var(--landscape-image);background-size:cover;background-position:center;box-shadow:0 20px 50px rgba(20,30,24,.18)}.memorial-preview-plaque{width:min(46%,260px);min-height:280px;padding:2.2rem 1.4rem 1.5rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#f0d69c;background:linear-gradient(145deg,#211f1b,#443525 55%,#181815);border:4px solid #b18b4e;box-shadow:inset 0 0 0 1px rgba(251,222,157,.55),0 20px 35px rgba(12,18,15,.55)}.memorial-preview-plaque>span{font-size:1.4rem}.memorial-preview-plaque h2{margin:.7rem 0;font:500 clamp(1.5rem,3vw,2.3rem) "Noto Serif TC",serif;letter-spacing:.12em;writing-mode:vertical-rl}.memorial-preview-plaque p{max-width:13em;margin:1rem 0 0;color:rgba(255,241,201,.78);font:400 .72rem "Noto Serif TC",serif;line-height:1.8}.memorial-preview-photo{width:64px;height:64px;margin-top:.8rem;background-size:cover;background-position:center;border:1px solid #d2ae68;border-radius:50%}
@media(max-width:800px){.memorial-create-page{padding:6.4rem 1rem 2rem}.memorial-create-grid{grid-template-columns:1fr;gap:1rem}.memorial-live-preview{position:relative;top:auto;min-height:420px;order:-1}.memorial-preview-plaque{width:46%;min-height:220px}.landscape-actions{flex-direction:column;align-items:center}.landscape-actions a{width:13rem;text-align:center}}

/* Premium memorial editor refinement */
.memorial-create-page{background:linear-gradient(135deg,#eee9df,#f7f4ec 48%,#e6e0d4);padding-top:8rem}
.memorial-create-page{background-image:linear-gradient(90deg,rgba(12,22,18,.72),rgba(12,22,18,.3) 42%,rgba(12,22,18,.08)),var(--landscape-image);background-size:cover;background-position:center;color:#f4e8ca;min-height:100dvh}
.memorial-create-grid{max-width:1320px;grid-template-columns:minmax(360px,.92fr) minmax(500px,1.35fr);gap:clamp(2.5rem,5vw,6rem)}
.memorial-create-form{padding:clamp(1.5rem,3vw,3rem);background:rgba(24,34,29,.72);border:1px solid rgba(220,184,108,.34);border-top:1px solid rgba(220,184,108,.58);box-shadow:0 18px 45px rgba(0,0,0,.22);backdrop-filter:blur(8px);color:#f4e8ca}
.memorial-create-form h1{font-size:clamp(2rem,3.5vw,3.2rem);margin-bottom:1.4rem}
.memorial-create-form .eyebrow,.memorial-create-form label,.memorial-create-form h1,.memorial-create-form h2{color:#f4e8ca}
.form-step{padding:1.15rem 0 1.3rem;border-top:1px solid rgba(118,96,62,.2)}
.form-step h2{display:flex;align-items:center;gap:.65rem;margin:0 0 1rem;color:#33453d;font:500 1rem "Noto Serif TC",serif;letter-spacing:.12em}.form-step h2 span{color:#a4834d;font:500 .72rem sans-serif;letter-spacing:.15em}
.memorial-create-form label{margin:.7rem 0;color:#5d645e}.memorial-create-form input,.memorial-create-form textarea{border:1px solid rgba(112,96,71,.25);border-radius:0;background:rgba(255,253,248,.65);min-height:42px;transition:border-color .25s,box-shadow .25s}.memorial-create-form textarea{min-height:0}.memorial-create-form input:focus,.memorial-create-form textarea:focus{border-color:#ad8748;box-shadow:0 0 0 3px rgba(173,135,72,.1);outline:none}
.memorial-upload{position:relative;min-height:92px;padding:1rem;border:1px dashed rgba(139,108,59,.5);background:rgba(255,253,248,.45);justify-content:center;text-align:center;align-items:center}.memorial-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.memorial-upload strong{color:#946f34;font:500 .9rem "Noto Serif TC",serif;letter-spacing:.12em}.memorial-upload small{display:block;margin-top:.35rem}
.memorial-plan-choice{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:0}.plan-option{display:block!important;margin:0!important;padding:1rem;border:1px solid rgba(117,94,57,.24);background:rgba(255,253,248,.45);cursor:pointer;transition:border-color .25s,background .25s}.plan-option input{position:absolute;opacity:0}.plan-option span{display:flex;flex-direction:column;gap:.45rem}.plan-option b{color:#34443d;font:500 .95rem "Noto Serif TC",serif;letter-spacing:.08em}.plan-option small{font-size:.72rem;line-height:1.6}.plan-option:has(input:checked),.plan-option.is-selected{border-color:#b18b4e;background:rgba(232,220,194,.45)}
.memorial-create-form>button{margin-top:.4rem;height:48px;background:#2b3d35;border-color:#ae884a;transition:background .25s,box-shadow .25s}.memorial-create-form>button:hover{background:#3b5147;box-shadow:0 8px 18px rgba(37,53,45,.15)}
.memorial-live-preview{position:sticky;top:7rem;min-height:min(680px,calc(100dvh - 9rem));border:0;background-image:linear-gradient(180deg,rgba(12,22,18,.05),rgba(12,22,18,.18)),var(--landscape-image);box-shadow:0 18px 40px rgba(28,38,32,.18);overflow:hidden;place-items:stretch}
.preview-heading{position:absolute;z-index:2;top:1.4rem;left:1.5rem;right:1.5rem;display:flex;justify-content:space-between;color:rgba(255,247,229,.86);font:400 .68rem sans-serif;letter-spacing:.16em;text-shadow:0 1px 8px #18221d}.preview-heading b{font:400 .78rem "Noto Serif TC",serif;letter-spacing:.12em}
.memorial-preview-caption{position:absolute;z-index:2;left:1.5rem;right:1.5rem;bottom:1.5rem;padding:1rem 1.2rem;background:linear-gradient(90deg,rgba(20,29,24,.82),rgba(20,29,24,.42));border-left:2px solid #c09a58;color:#f3e4c0}.memorial-preview-caption h2{margin:0;font:500 clamp(1.5rem,3vw,2.4rem) "Noto Serif TC",serif;letter-spacing:.12em}.memorial-preview-caption p{margin:.45rem 0 0;color:rgba(255,244,214,.78);font:.78rem "Noto Serif TC",serif;line-height:1.7}.memorial-preview-photo{float:right;width:58px;height:58px;margin-left:1rem;background-size:cover;background-position:center;border:1px solid #d2ae68;border-radius:50%}
@media(max-width:800px){.memorial-create-page{padding-top:6.5rem}.memorial-create-grid{grid-template-columns:1fr;gap:1.25rem}.memorial-live-preview{position:relative;top:auto;min-height:390px;order:-1}.memorial-create-form{padding:1.25rem}.memorial-plan-choice{grid-template-columns:1fr}.preview-heading{top:1rem;left:1rem;right:1rem}.memorial-preview-caption{left:1rem;right:1rem;bottom:1rem}}
@media(max-width:700px){.landscape-garden .landscape-destination-copy p{top:14%;font-size:.58rem}.landscape-garden .landscape-destination-copy h1{top:18%;font-size:clamp(1.75rem,9vw,2.8rem)}.landscape-garden .landscape-destination-copy h2{top:28%;font-size:.95rem}.landscape-garden .landscape-destination-copy>span{top:34%;font-size:.72rem}.landscape-garden .landscape-actions{bottom:5%}.landscape-garden .landscape-actions a{font-size:.76rem;padding:.7rem 1rem}}

/* Shared scenic introduction layout: copy stays left, the memorial remains unobstructed. */
.landscape-destination{background-image:linear-gradient(90deg,rgba(12,22,18,.62) 0%,rgba(12,22,18,.3) 24%,rgba(12,22,18,.04) 49%,rgba(12,22,18,0) 68%),var(--landscape-image)}
.landscape-destination-copy{position:absolute;z-index:2;left:clamp(2rem,8vw,9rem);top:clamp(10rem,25vh,17rem);width:min(30vw,360px);padding:0;text-align:left;pointer-events:none}
.landscape-destination-copy h1{margin:0;color:#f4e5c2;font:400 clamp(2rem,4vw,4rem) "Noto Serif TC",serif;letter-spacing:.14em;line-height:1.25;text-shadow:0 2px 14px rgba(17,23,18,.75)}
.landscape-destination-copy h2{margin:1.1rem 0 0;color:rgba(255,244,215,.9);font:400 clamp(1rem,1.5vw,1.3rem) "Noto Serif TC",serif;letter-spacing:.13em;line-height:1.8;text-shadow:0 2px 12px rgba(17,23,18,.7)}
.landscape-destination-copy .landscape-actions{justify-content:flex-start;margin-top:2rem;pointer-events:auto}.landscape-destination-copy .landscape-actions a{display:inline-flex;align-items:center;gap:.7rem;padding:.78rem 1.15rem;color:#e7ca8d;background:rgba(35,54,45,.9);border:1px solid rgba(205,169,97,.78);font:400 .82rem "Noto Serif TC",serif;letter-spacing:.11em;box-shadow:0 8px 22px rgba(11,18,14,.2)}
.landscape-garden .landscape-destination-copy,.landscape-garden .landscape-destination-copy h1,.landscape-garden .landscape-destination-copy h2,.landscape-garden .landscape-destination-copy .landscape-actions{position:static}.landscape-garden .landscape-destination-copy{position:absolute;left:clamp(2rem,8vw,9rem);top:clamp(10rem,25vh,17rem);width:min(30vw,360px);text-align:left}.landscape-garden .landscape-destination-copy h1{font-size:clamp(2rem,4vw,4rem)}.landscape-garden .landscape-destination-copy h2{margin-top:1.1rem}.landscape-garden .landscape-actions{margin-top:2rem;justify-content:flex-start}
@media(max-width:700px){.landscape-destination{background-image:linear-gradient(180deg,rgba(12,22,18,.28),rgba(12,22,18,.03) 38%,rgba(12,22,18,.1)),var(--landscape-image)}.landscape-destination-copy,.landscape-garden .landscape-destination-copy{left:1.25rem;right:1.25rem;top:7.2rem;width:auto;text-align:left}.landscape-destination-copy h1,.landscape-garden .landscape-destination-copy h1{font-size:clamp(1.75rem,9vw,2.8rem)}.landscape-destination-copy h2,.landscape-garden .landscape-destination-copy h2{margin-top:.55rem;font-size:.92rem;line-height:1.5}.landscape-destination-copy .landscape-actions,.landscape-garden .landscape-actions{margin-top:.9rem}.landscape-destination-copy .landscape-actions a{padding:.65rem .9rem;font-size:.74rem}}
.memorial-preview-page{position:fixed;inset:0;overflow:hidden;background:#17221d;color:#f2e4c4}.memorial-preview-scene{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(11,20,16,.18),rgba(11,20,16,.02) 60%,rgba(11,20,16,.14)),var(--preview-image);background-size:cover;background-position:center}.memorial-preview-toolbar{position:fixed;z-index:3;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;padding:1rem clamp(1rem,4vw,4rem);background:rgba(13,22,18,.64);border-bottom:1px solid rgba(214,180,107,.25);backdrop-filter:blur(8px);font:.72rem "Noto Serif TC",serif;letter-spacing:.1em}.memorial-preview-toolbar nav{display:flex;gap:.5rem}.memorial-preview-toolbar a,.memorial-preview-toolbar button{padding:.5rem .75rem;color:#e8c985;text-decoration:none;border:1px solid rgba(210,173,96,.65);background:transparent;font:inherit;cursor:pointer}.memorial-preview-info{position:absolute;z-index:2;left:clamp(1rem,6vw,6rem);bottom:clamp(1.5rem,8vh,5rem);width:min(360px,calc(100% - 2rem));padding:1.2rem 1.35rem;background:linear-gradient(90deg,rgba(17,28,22,.86),rgba(17,28,22,.45));border-left:2px solid #c49b59;text-shadow:0 1px 8px rgba(8,14,11,.55)}.memorial-preview-info>p{margin:0;color:#d6b878;font:.65rem sans-serif;letter-spacing:.18em}.memorial-preview-info h1{margin:.45rem 0 .8rem;font:400 clamp(2rem,4vw,3.8rem) "Noto Serif TC",serif;letter-spacing:.14em}.memorial-preview-info dl{margin:.4rem 0;font-size:.78rem}.memorial-preview-info dl div{display:flex;gap:1rem;margin:.2rem 0}.memorial-preview-info dt{color:#d3b779}.memorial-preview-info dd{margin:0;color:rgba(255,244,216,.85)}.memorial-preview-info blockquote{margin:.8rem 0 0;color:rgba(255,244,216,.88);font:.82rem/1.7 "Noto Serif TC",serif}.preview-plan{display:inline-block;margin-top:.8rem;color:#dfc384;font:.68rem "Noto Serif TC",serif;letter-spacing:.1em}.preview-memory-photo{position:absolute;right:1.2rem;top:1.2rem;width:64px;height:64px;object-fit:cover;border:1px solid #d2ae68;border-radius:50%}.memorial-preview-info [hidden]{display:none}@media(max-width:700px){.memorial-preview-toolbar{align-items:flex-start;gap:.5rem;flex-direction:column;padding:.8rem}.memorial-preview-toolbar nav{width:100%;justify-content:space-between}.memorial-preview-toolbar a,.memorial-preview-toolbar button{flex:1;text-align:center;font-size:.67rem}.memorial-preview-info{left:1rem;right:1rem;bottom:1rem;width:auto;padding:1rem}.memorial-preview-info h1{font-size:2rem}.memorial-preview-scene{background-position:center center}}
.scenic-preview .memorial-preview-scene{background-image:var(--preview-image);background-position:center;background-size:cover}.memorial-plaque-hotspot{position:absolute;z-index:2;left:42%;top:27%;width:16%;height:43%;border:0;background:transparent;cursor:pointer;outline:none}.memorial-plaque-hotspot:hover,.memorial-plaque-hotspot:focus-visible{filter:drop-shadow(0 0 16px rgba(224,188,112,.45));outline:none}.scenic-zen .memorial-plaque-hotspot{left:42%;top:27%;width:16%;height:44%}.scenic-ocean .memorial-plaque-hotspot{left:41%;top:30%;width:18%;height:45%}.scenic-garden .memorial-plaque-hotspot{left:42%;top:29%;width:16%;height:44%}.memorial-preview-info[hidden]{display:none}.memorial-panel-close{position:absolute;right:.7rem;top:.5rem;border:0;background:none;color:#e8c985;font-size:1.4rem;cursor:pointer}.preview-biography{margin:.6rem 0 0;color:rgba(255,244,216,.72);font:.76rem/1.6 "Noto Serif TC",serif}.memorial-preview-info .preview-memory-photo{position:relative;float:right;right:auto;top:auto;margin:0 0 .5rem .8rem;width:62px;height:62px}
.scenic-preview .memorial-preview-scene{background:#17221d}.memorial-preview-art{position:absolute;left:50%;top:50%;width:max(100vw,calc(100dvh * 1.912));aspect-ratio:1.912/1;transform:translate(-50%,-50%);transform-origin:center}.memorial-preview-art>img{display:block;width:100%;height:100%;object-fit:fill}.memorial-plaque-live{position:absolute;left:43.4%;top:31%;width:13.2%;height:35%;display:flex;align-items:center;flex-direction:column;color:#e4b968;text-align:center;pointer-events:none;text-shadow:0 1px 4px rgba(22,12,5,.9)}.plaque-photo{width:25%;aspect-ratio:1;margin-top:8%;border:1px solid rgba(220,177,95,.9);background-position:center;background-size:cover;opacity:0}.plaque-photo.has-photo{opacity:1}.plaque-name{margin-top:7%;font:500 clamp(14px,1.6vw,28px) "Noto Serif TC",serif;letter-spacing:.14em;writing-mode:vertical-rl;line-height:1.2;max-height:48%;overflow:hidden}.plaque-dates{display:flex;gap:.45em;margin-top:5%;font:400 clamp(7px,.7vw,13px) "Noto Serif TC",serif;letter-spacing:.04em;white-space:nowrap}.memorial-preview-hint{position:fixed;z-index:4;left:1rem;bottom:1rem;color:rgba(255,239,199,.7);font:.65rem "Noto Serif TC",serif;letter-spacing:.08em;text-shadow:0 1px 6px #111}.scenic-preview .memorial-preview-info,.scenic-preview .memorial-plaque-hotspot{display:none!important}@media(max-width:700px){.memorial-preview-art{width:max(100vw,calc(100dvh * 1.912))}.memorial-plaque-live{left:43.4%;top:31%;width:13.2%;height:35%}.plaque-name{font-size:clamp(11px,3.8vw,20px)}.plaque-dates{font-size:clamp(5px,1.6vw,9px)}.memorial-preview-hint{bottom:.5rem;font-size:.56rem}}
.memorial-create-page .memorial-preview-plaque{background:transparent;border:0;box-shadow:none;color:#e4b968}.memorial-create-page .memorial-preview-plaque h2{writing-mode:vertical-rl;text-shadow:0 1px 4px rgba(22,12,5,.9)}

/* Live plaque preview used while composing a memorial.  The blank plaque
   artwork and its data layers share one coordinate system, so the photo and
   typography stay aligned as the preview panel resizes. */
.live-plaque-preview{position:sticky;top:7rem;min-height:min(680px,calc(100dvh - 9rem));display:block;overflow:hidden;background:#17221d;border:0;isolation:isolate}
.live-plaque-preview .editor-preview-art{position:absolute;inset:0;overflow:hidden}
.live-plaque-preview .editor-preview-art>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;user-select:none}
.editor-plaque-live{position:absolute;left:50%;top:31%;width:13.2%;height:35%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;color:#e4b968;text-align:center;pointer-events:none;text-shadow:0 1px 4px rgba(22,12,5,.9)}
.editor-plaque-photo{width:25%;aspect-ratio:1;margin-top:8%;border:1px solid rgba(220,177,95,.95);background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;box-shadow:0 0 0 1px rgba(38,24,12,.55),0 2px 8px rgba(16,10,5,.35)}
.editor-plaque-photo.has-photo{opacity:1}
.editor-plaque-name{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;max-height:72%;overflow:hidden;font:500 clamp(14px,1.6vw,28px)/1.2 "Noto Serif TC",serif;letter-spacing:.14em;writing-mode:vertical-rl;text-orientation:upright;white-space:nowrap;display:block;text-align:center}
.editor-plaque-dates{display:flex;gap:.45em;margin-top:5%;font:400 clamp(7px,.7vw,13px)/1.2 "Noto Serif TC",serif;letter-spacing:.04em;white-space:nowrap}
.live-plaque-preview .preview-heading{pointer-events:none}
.memorial-create-actions{margin-top:1rem}.memorial-establish{width:100%;min-height:48px;padding:.78rem 1rem;border:1px solid #ae884a;background:#2b3d35;color:#f2dfb0;cursor:pointer;font:500 .84rem "Noto Serif TC",serif;letter-spacing:.1em;transition:background .25s,box-shadow .25s}.memorial-establish:hover,.memorial-establish:focus-visible{background:#3b5147;box-shadow:0 8px 18px rgba(37,53,45,.16);outline:none}.memorial-establish:disabled{opacity:.75;cursor:default}.memorial-case-notice{display:flex;flex-direction:column;gap:.28rem;margin-top:.75rem;padding:.8rem 1rem;border-left:2px solid #b18b4e;background:rgba(232,220,194,.35);color:#34443d;font:400 .78rem/1.6 "Noto Serif TC",serif}.memorial-case-notice strong{color:#8e6c36;letter-spacing:.1em}.memorial-case-notice small{color:#747b74;font-size:.68rem}
.editor-plaque-photo{width:38%;max-width:38%;height:auto;aspect-ratio:1;flex:0 0 auto;margin-top:5%;overflow:hidden;border-radius:1px;background-size:contain;background-repeat:no-repeat;background-color:rgba(18,13,8,.2)}.editor-plaque-name{max-width:72%;font-size:clamp(12px,1.45vw,25px)}.editor-plaque-dates{margin-top:4%;max-width:92%;font-size:clamp(6px,.62vw,11px)}
/* The uploaded portrait is a real plaque layer: centered, framed and kept
   inside the live plaque coordinate system at every preview size. */
.editor-plaque-photo{width:42%;max-width:42%;aspect-ratio:4/3;margin-top:8%;border:1px solid rgba(220,177,95,.95);background-size:cover;background-position:center;box-shadow:0 0 0 1px rgba(25,17,10,.65),inset 0 0 0 2px rgba(10,8,6,.35),0 3px 10px rgba(8,6,4,.42);background-color:rgba(18,13,8,.78)}
.editor-plaque-photo:not(.has-photo){opacity:.35;background-image:linear-gradient(145deg,rgba(205,174,112,.22),rgba(20,15,10,.7))}
.editor-plaque-photo.has-photo{opacity:1}
.memorial-create-page{background:#17221d;overflow:hidden}.memorial-create-grid{position:relative;z-index:3;display:block;max-width:none;height:100%;margin:0}.editor-scene-live{position:fixed;z-index:1;inset:0;display:block;overflow:hidden;background:#17221d}.editor-scene-live .editor-preview-art{position:absolute;inset:0}.editor-scene-live .editor-preview-art>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.memorial-create-form{position:relative;z-index:4;width:min(500px,calc(100% - 2rem));max-height:calc(100dvh - 8.5rem);overflow:auto;margin:7rem 0 1.5rem clamp(1rem,6vw,6rem);box-sizing:border-box}.memorial-create-form h1{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.25;margin-bottom:1rem}.memorial-create-form .form-step{padding:.8rem 0 1rem}.memorial-create-form label{margin:.5rem 0}.editor-scene-live .editor-plaque-live{z-index:2}
@media(max-width:800px){
  .memorial-create-page{overflow:visible;min-height:100dvh;padding-bottom:2rem}
  .memorial-create-grid{display:flex;flex-direction:column;gap:1rem;height:auto;padding-top:4.8rem}
  .editor-scene-live{position:relative;inset:auto;order:-1;width:100%;height:min(58dvh,460px);min-height:320px}
  .memorial-create-form{order:2;width:calc(100% - 1.5rem);max-height:none;overflow:visible;margin:0 .75rem 1rem;background:rgba(24,34,29,.78)}
  .editor-plaque-name{font-size:clamp(11px,3.8vw,20px)}
  .editor-plaque-dates{font-size:clamp(5px,1.6vw,9px)}
  .editor-plaque-photo{width:44%;max-width:44%;margin-top:8%;aspect-ratio:4/3}
}

/* Editor layout: desktop keeps the form and a sticky live plaque side by side. */
@media(min-width:801px){
  .memorial-create-page{overflow:visible;padding:7rem clamp(1.2rem,4vw,4rem) 3rem}
  .memorial-create-grid{display:grid;grid-template-columns:minmax(300px,38%) minmax(0,62%);gap:clamp(1.25rem,3vw,3rem);height:auto;max-width:1400px;margin:0 auto}
  .memorial-create-form{width:auto;max-height:none;overflow:visible;position:relative;margin:0;grid-column:1}
  .editor-scene-live{position:sticky;top:100px;inset:auto;grid-column:2;height:min(78dvh,760px);min-height:500px;align-self:start}
  .editor-scene-live .editor-preview-art{position:absolute;inset:0}
}
.preview-focused .editor-scene-live{box-shadow:0 0 0 2px rgba(220,184,108,.35),0 18px 45px rgba(0,0,0,.35)}
.date-validation{min-height:1.1em;margin:.35rem 0 0;color:#e8b6a7;font:.72rem "Noto Serif TC",serif}
.memorial-establish-secondary{margin-top:.55rem;background:rgba(28,42,35,.55);color:#e0c995}
@media(max-width:700px){.landscape-garden{--landscape-image:url('../images/general-garden.png')}.landscape-garden .landscape-actions{top:55%}.landscape-garden .landscape-actions a{font-size:clamp(1rem,5vw,1.45rem);letter-spacing:.16em}}

.landscape-destination.landscape-garden .landscape-destination-copy{inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;padding:0!important;pointer-events:none!important}
.landscape-destination.landscape-garden .landscape-destination-copy .landscape-actions{position:absolute!important;left:calc(var(--plaque-left) - 8px)!important;top:var(--plaque-top)!important;right:auto!important;bottom:auto!important;width:var(--plaque-width)!important;height:var(--plaque-height)!important;margin:0!important;transform:translate(-50%,-50%)!important;z-index:4;pointer-events:auto;display:flex;align-items:center;justify-content:center}
.landscape-destination.landscape-garden .landscape-destination-copy .landscape-actions a{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:0;padding:0!important;border:0!important;background:transparent!important;color:#c9ad70;font:500 clamp(1.15rem,2.2vw,2rem) "Noto Serif TC",serif;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.22em;text-shadow:1px 1px 0 rgba(20,16,10,.9),-1px -1px 0 rgba(255,222,145,.2),0 0 2px rgba(193,153,76,.18);filter:drop-shadow(0 2px 2px rgba(6,8,7,.72));transition:color .35s,filter .35s}
.landscape-destination.landscape-garden .landscape-destination-copy .landscape-actions a span{display:none}
.landscape-destination.landscape-garden .landscape-destination-copy .landscape-actions a{font-size:0!important;color:transparent!important;text-shadow:none!important;filter:none!important;background:transparent!important;border:0!important;cursor:pointer;-webkit-tap-highlight-color:transparent}
@media(min-width:701px){.landscape-destination.landscape-garden .landscape-destination-copy .landscape-actions{left:clamp(2rem,8vw,9rem)!important;top:62%!important;width:min(30vw,360px)!important;height:auto!important;transform:none!important;justify-content:flex-start!important}.landscape-destination.landscape-garden .landscape-destination-copy .landscape-actions a{font-size:.82rem!important;color:#f5f0e6!important;background:rgba(25,40,34,.82)!important;border:1px solid rgba(218,190,137,.72)!important;border-radius:6px!important;padding:.78rem 1.15rem!important;writing-mode:horizontal-tb!important;letter-spacing:.11em!important;text-shadow:0 1px 4px rgba(0,0,0,.65)!important;filter:none!important;min-width:190px}}
.landscape-destination.landscape-garden .landscape-destination-copy .landscape-actions a:hover,.landscape-destination.landscape-garden .landscape-destination-copy .landscape-actions a:focus-visible{color:#e2c987;filter:drop-shadow(0 2px 3px rgba(6,8,7,.7)) drop-shadow(0 0 6px rgba(210,174,99,.22));outline:none}
@media(max-width:700px){.landscape-destination.landscape-garden .landscape-destination-copy .landscape-actions a{font-size:clamp(1.2rem,5.8vw,1.7rem);letter-spacing:.14em}}
@media(max-width:700px){.landscape-destination.landscape-garden .landscape-destination-copy .landscape-actions a{font-size:14px!important;color:#f5f0e6!important;background:rgba(35,35,32,.78)!important;border:1px solid rgba(218,190,137,.72)!important;writing-mode:horizontal-tb!important;letter-spacing:.12em!important;filter:none!important}}
/* Final shared mobile CTA layer; all three scenes use the viewport-sized destination as reference. */
@media(max-width:700px){
  .landscape-destination{position:relative!important;min-height:100svh!important;height:100dvh!important}
  .landscape-destination.landscape-zen-destination{background-position:46% center}
  .landscape-destination .landscape-actions,.landscape-destination.landscape-garden .landscape-destination-copy .landscape-actions{position:fixed!important;left:50%!important;right:auto!important;top:auto!important;bottom:calc(24px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;width:min(80vw,300px)!important;height:52px!important;margin:0!important;z-index:200!important}
  .landscape-destination .landscape-actions a,.landscape-destination.landscape-garden .landscape-destination-copy .landscape-actions a{width:100%!important;height:52px!important}
}
/* Create-page plaque content and independent archival portrait frame. */
.editor-plaque-live{justify-content:center}
.landscape-create-zen .editor-plaque-live{left:48%;}
.editor-plaque-name{left:50%;top:47%;max-width:82%;max-height:none;overflow:visible;font-size:clamp(13px,1.5vw,25px)}
.editor-plaque-dates{position:absolute;left:50%;top:78%;transform:translateX(-50%);margin:0;width:130%;justify-content:center;gap:.3em;font-size:clamp(6px,.58vw,11px);letter-spacing:0;white-space:nowrap}
.editor-plaque-dates b{font-weight:400;color:inherit}
.archive-photo-frame{position:absolute;right:clamp(2rem,8vw,9rem);bottom:clamp(1.25rem,4vh,3.5rem);z-index:4;width:min(220px,18vw);aspect-ratio:4/5;padding:.55rem .55rem .8rem;border:1px solid rgba(218,183,111,.8);background:linear-gradient(145deg,#2a2923,#171b17);box-shadow:0 12px 28px rgba(4,10,7,.4),inset 0 0 0 3px rgba(19,15,9,.7);color:#f1dfb4;cursor:pointer}
.archive-photo-stack{position:absolute;right:clamp(1.5rem,6vw,6rem);bottom:clamp(1rem,3vh,2.5rem);z-index:4;width:min(170px,16vw);display:flex;flex-direction:column;align-items:center;padding:.45rem .45rem .65rem;background:linear-gradient(145deg,#2a2923,#171b17);border:1px solid rgba(218,183,111,.8);box-shadow:0 10px 22px rgba(4,10,7,.35),inset 0 0 0 2px rgba(19,15,9,.7)}.archive-photo-stack .archive-photo-frame{position:relative;right:auto;bottom:auto;width:100%;aspect-ratio:4/5;padding:.3rem;border:0;background:transparent;box-shadow:none;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:.35rem}.archive-dates{margin:.45rem 0 0;color:#ead7ad;font:400 clamp(.62rem,.8vw,.76rem)/1.35 "Noto Serif TC",serif;letter-spacing:.02em;text-align:center;white-space:nowrap}.archive-dates[hidden]{display:none}
.archive-photo-image,.archive-photo-placeholder{display:flex;width:100%;height:auto;min-height:0;flex:1 1 auto;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(145deg,rgba(210,182,122,.15),rgba(12,18,14,.8));background-position:center;background-size:cover;background-repeat:no-repeat;color:rgba(241,223,180,.65);font:500 .78rem/1.8 "Noto Serif TC",serif;letter-spacing:.14em}.archive-photo-placeholder{position:absolute;inset:.3rem;width:auto;height:auto}.archive-photo-image{position:relative;z-index:1}
.archive-photo-image{color:transparent}.archive-photo-frame strong{display:block;flex:0 0 auto;margin:0;padding:.1rem .1rem 0;font:500 .7rem/1.2 "Noto Serif TC",serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.archive-photo-frame.has-photo .archive-photo-placeholder{display:none}
.archive-photo-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:2rem;background:rgba(5,10,8,.86);backdrop-filter:blur(8px)}.archive-photo-modal[hidden]{display:none}.archive-photo-modal img{max-width:min(90vw,900px);max-height:88vh;object-fit:contain;box-shadow:0 18px 60px rgba(0,0,0,.5)}.archive-photo-modal button{position:absolute;top:1rem;right:1.2rem;border:1px solid rgba(232,204,144,.7);background:rgba(20,31,25,.8);color:#f5e8ca;font-size:1.8rem;width:2.5rem;height:2.5rem;cursor:pointer}
body.photo-modal-open{overflow:hidden}
@media(max-width:800px){.editor-scene-live{height:auto;min-height:0;display:flex;flex-direction:column}.editor-scene-live .editor-preview-art{position:relative;inset:auto;width:100%;height:min(58dvh,460px);min-height:320px}.archive-photo-stack{position:relative;right:auto;bottom:auto;align-self:center;width:min(68vw,240px);margin:1rem auto 1.25rem}.archive-photo-stack .archive-photo-frame{width:100%}.archive-dates{font-size:clamp(.6rem,2.4vw,.76rem)}.editor-plaque-name{top:50%;max-width:70%;max-height:70%;font-size:clamp(11px,2.9vw,16px);letter-spacing:.08em}}
.landscape-availability{position:absolute;z-index:18;left:clamp(1.5rem,5vw,5rem);bottom:6%;width:min(270px,24vw);padding:1rem 1.15rem;background:rgba(15,32,27,.78);border:1px solid rgba(205,174,112,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#f5ebdd;display:flex;flex-direction:column;gap:.28rem;border-radius:6px;box-shadow:0 10px 24px rgba(0,0,0,.2)}.landscape-availability strong{font:500 1.05rem "Noto Serif TC",serif}.landscape-availability span,.landscape-availability small{color:#c4cec8;font-size:.72rem}.landscape-availability b{color:#e0c486;font:500 1.15rem "Noto Serif TC",serif}.availability-en{margin:0;color:#c9a76a;font:600 .55rem sans-serif;letter-spacing:.16em}.landscape-availability i{display:block;height:3px;background:rgba(255,255,255,.15);margin-top:.35rem}.landscape-availability i em{display:block;height:100%;background:#c9a76a}.landscape-availability.is-pending{font-size:.8rem;color:#d8c59d}
@media(max-width:700px){.landscape-availability{position:relative;left:auto;bottom:auto;width:auto;margin:-1.2rem 1rem .75rem;padding:.65rem .85rem;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.15rem .7rem;border-radius:6px}.landscape-availability .availability-en,.landscape-availability span,.landscape-availability small{grid-column:1/-1}.landscape-availability strong{font-size:.9rem}.landscape-availability b{font-size:.95rem}.landscape-availability i{grid-column:1/-1;margin-top:.2rem}}

/* Final desktop CTA override; mobile CTA rules remain untouched. */
@media(min-width:701px){.landscape-destination>.landscape-destination-copy,.landscape-destination.landscape-garden>.landscape-destination-copy{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;padding:0!important;pointer-events:none!important}.landscape-destination>.landscape-destination-copy .landscape-actions,.landscape-destination.landscape-garden>.landscape-destination-copy .landscape-actions{position:absolute!important;left:50%!important;right:auto!important;top:auto!important;bottom:6%!important;transform:translateX(-50%)!important;width:240px!important;height:56px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;pointer-events:auto!important;z-index:20!important}.landscape-destination>.landscape-destination-copy .landscape-actions a,.landscape-destination.landscape-garden>.landscape-destination-copy .landscape-actions a{display:flex!important;align-items:center!important;justify-content:center!important;gap:.7rem!important;width:240px!important;min-width:240px!important;height:56px!important;box-sizing:border-box!important;padding:0 1.1rem!important;background:rgba(15,32,27,.78)!important;border:1px solid rgba(205,174,112,.75)!important;border-radius:6px!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;color:#f5ebdd!important;-webkit-text-fill-color:#f5ebdd!important;font:500 16px/1 "Noto Serif TC",serif!important;letter-spacing:2px!important;writing-mode:horizontal-tb!important;text-shadow:none!important;filter:none!important;transition:background .3s ease,border-color .3s ease,transform .3s ease!important}.landscape-destination>.landscape-destination-copy .landscape-actions a span,.landscape-destination.landscape-garden>.landscape-destination-copy .landscape-actions a span{display:inline!important;color:#d9b979!important;transition:transform .3s ease!important}.landscape-destination>.landscape-destination-copy .landscape-actions a:hover,.landscape-destination>.landscape-destination-copy .landscape-actions a:focus-visible,.landscape-destination.landscape-garden>.landscape-destination-copy .landscape-actions a:hover,.landscape-destination.landscape-garden>.landscape-destination-copy .landscape-actions a:focus-visible{background:rgba(27,52,43,.9)!important;border-color:rgba(225,195,133,.95)!important;transform:translateY(-2px)!important;outline:none!important}.landscape-destination>.landscape-destination-copy .landscape-actions a:hover span,.landscape-destination>.landscape-destination-copy .landscape-actions a:focus-visible span,.landscape-destination.landscape-garden>.landscape-destination-copy .landscape-actions a:hover span,.landscape-destination.landscape-garden>.landscape-destination-copy .landscape-actions a:focus-visible span{transform:translateX(4px)!important}}
@media(min-width:701px){.landscape-destination.landscape-zen-destination>.landscape-destination-copy .landscape-actions{left:48%!important}}
.landscape-concept{background:#101c18;color:#f5f0e6;padding:clamp(5rem,10vw,9rem) 1.5rem clamp(5rem,9vw,8rem);position:relative}.landscape-concept-inner{max-width:820px;margin:0 auto;text-align:center}.landscape-concept-en{margin:0 0 1rem;color:#c9a76a;font:600 .72rem/1.4 sans-serif;letter-spacing:.3em}.landscape-concept h2{margin:0 0 1.2rem;font:500 clamp(2rem,4.5vw,3.7rem)/1.35 "Noto Serif TC",serif;letter-spacing:.1em}.landscape-concept-subtitle{margin:0 auto;color:#f0e5d0;font:400 clamp(1rem,1.8vw,1.35rem)/2 "Noto Serif TC",serif;letter-spacing:.08em}.landscape-concept-body{max-width:660px;margin:2.8rem auto 0;color:#bdc8c1;font:400 clamp(.9rem,1.2vw,1.05rem)/2.15 "Noto Serif TC",serif;letter-spacing:.04em}.landscape-concept-body p{margin:0 0 1.4rem}.landscape-concept-closing{margin:3rem 0 0;color:#d9b979;font:500 clamp(1.1rem,2vw,1.45rem)/1.8 "Noto Serif TC",serif;letter-spacing:.12em}.landscape-concept-inner{animation:landscapeConceptIn .8s ease both}@keyframes landscapeConceptIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.landscape-concept-inner{animation:none}}
@media(max-width:700px){.landscape-concept{padding:4.5rem 1.25rem 5.5rem}.landscape-concept-en{font-size:.62rem;letter-spacing:.18em}.landscape-concept h2{font-size:clamp(1.8rem,8vw,2.5rem);letter-spacing:.06em}.landscape-concept-subtitle{font-size:.95rem;line-height:1.9}.landscape-concept-body{margin-top:2rem;font-size:.88rem;line-height:2;text-align:left}.landscape-concept-body p{margin-bottom:1.1rem}.landscape-concept-closing{margin-top:2.3rem;font-size:1.05rem;letter-spacing:.06em}}
@media(max-width:700px){.landscape-destination{position:relative!important;inset:auto!important;height:100dvh!important;min-height:100svh!important}}
@media(min-width:701px){.landscape-destination{position:relative!important;inset:auto!important;height:100dvh!important;min-height:100svh!important}}