/* HOME_ARRIVAL_EXTERIOR_v1
   Mature Mirror Manor exterior + bounded courtyard torch atmosphere.
   Visual authority is adopted from the current Compass and Community/Laws contextual grammar.
*/
:root{
  color-scheme:dark;
  --home-bg:#02040a;
  --home-deep:#07111a;
  --home-ink:#fff4d8;
  --home-soft:rgba(242,245,250,.78);
  --home-muted:rgba(242,245,250,.56);
  --home-gold:#f3c86f;
  --home-cyan:#8dd8ff;
  --home-warm:#ffb16d;
  --home-line:rgba(255,255,255,.13);
  --home-line-warm:rgba(243,200,111,.30);
  --home-panel:rgba(6,12,20,.72);
  --home-radius:1.45rem;
  --home-max:1180px;
}
*{box-sizing:border-box}
html{min-width:320px;min-height:100%;background:var(--home-bg);scroll-behavior:smooth}
body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;color:var(--home-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 50% -6%,rgba(243,200,111,.10),transparent 30rem),radial-gradient(circle at 12% 24%,rgba(141,216,255,.08),transparent 26rem),linear-gradient(180deg,#07101a 0%,#02040a 66%,#010207 100%);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 10% 15%,rgba(255,255,255,.38) 0 .7px,transparent 1.4px),radial-gradient(circle at 72% 11%,rgba(141,216,255,.34) 0 .7px,transparent 1.4px),radial-gradient(circle at 88% 64%,rgba(243,200,111,.30) 0 .7px,transparent 1.4px);background-size:217px 191px,293px 257px,367px 337px;opacity:.34}
a{color:inherit;text-decoration:none}
button,summary,a{font:inherit;-webkit-tap-highlight-color:transparent}
a:focus-visible,summary:focus-visible{outline:3px solid rgba(243,200,111,.72);outline-offset:4px}
.skip{position:fixed;top:.7rem;left:.7rem;z-index:100;transform:translateY(-180%);padding:.65rem .88rem;border-radius:999px;color:#070b10;background:linear-gradient(135deg,#fff2bc,var(--home-gold));font-weight:900}.skip:focus{transform:translateY(0)}
.home-shell{position:relative;z-index:1;width:min(var(--home-max),calc(100% - 24px));margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 0 max(48px,env(safe-area-inset-bottom))}
.home-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 0 .9rem;background:linear-gradient(180deg,rgba(2,4,10,.94),rgba(2,4,10,.64),transparent);backdrop-filter:blur(10px)}
.home-brand{display:grid;gap:.18rem;min-width:0}.home-brand span{color:var(--home-gold);font-size:.7rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.home-brand strong{color:var(--home-soft);font-size:.95rem}
.home-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.home-nav a{min-height:2.35rem;display:inline-flex;align-items:center;padding:.5rem .72rem;border:1px solid var(--home-line);border-radius:999px;color:var(--home-soft);background:rgba(255,255,255,.035);font-size:.72rem;font-weight:850;letter-spacing:.045em;text-transform:uppercase}.home-nav a:hover,.home-nav a:focus-visible,.home-nav a[aria-current="page"]{border-color:rgba(243,200,111,.40);color:var(--home-gold);background:rgba(243,200,111,.075)}
.home-main{display:grid;gap:1rem}
.home-arrival{position:relative;isolation:isolate;min-height:clamp(34rem,74svh,48rem);overflow:hidden;border:1px solid var(--home-line);border-radius:clamp(1.4rem,4vw,2.2rem);background:radial-gradient(circle at 50% 33%,rgba(243,200,111,.10),transparent 26rem),radial-gradient(circle at 50% 82%,rgba(255,125,45,.08),transparent 22rem),linear-gradient(180deg,rgba(6,12,21,.78),rgba(2,5,11,.96));box-shadow:0 2rem 7rem rgba(0,0,0,.54),inset 0 1px 0 rgba(255,255,255,.05)}
.home-arrival::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,transparent 0 44%,rgba(1,3,7,.13) 61%,rgba(1,3,7,.91) 100%)}
.home-arrival::after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;box-shadow:inset 0 0 8rem rgba(0,0,0,.55)}
.home-manor-stage{position:absolute;inset:0;z-index:1;overflow:hidden}
.home-manor-stage canvas[data-home-manor-canvas]{position:absolute;inset:4% 0 9%;width:100%;height:87%;display:block}
.home-manor-status{position:absolute;top:1rem;left:1rem;z-index:8;padding:.42rem .65rem;border:1px solid rgba(255,255,255,.10);border-radius:999px;color:rgba(242,245,250,.62);background:rgba(2,6,12,.54);font-size:.67rem;font-weight:800;letter-spacing:.10em;text-transform:uppercase;backdrop-filter:blur(8px)}
[data-home-arrival-ready="true"] .home-manor-status{color:rgba(255,235,188,.82);border-color:rgba(243,200,111,.20)}
.home-court-glow{position:absolute;z-index:2;left:50%;bottom:12%;width:min(58%,40rem);height:22%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(255,139,59,.13),rgba(255,139,59,.035) 46%,transparent 72%);filter:blur(11px);opacity:0;transition:opacity 1.6s ease}.home-arrival.is-torch-ready .home-court-glow{opacity:1}
.home-torch-field{position:absolute;inset:0;z-index:4;pointer-events:none}
.home-torch{position:absolute;left:var(--x);top:var(--y);width:.86rem;height:3.3rem;transform:translate(-50%,-50%) scale(var(--s,1));transform-origin:50% 100%;opacity:.42;filter:saturate(.85);transition:opacity .5s ease,filter .5s ease}
.home-torch::before{content:"";position:absolute;left:50%;bottom:.05rem;width:.18rem;height:2.05rem;transform:translateX(-50%);border-radius:.12rem;background:linear-gradient(90deg,#3d3129,#766052 47%,#2b241f);box-shadow:0 0 0 1px rgba(255,255,255,.04)}
.home-torch::after{content:"";position:absolute;left:50%;bottom:1.76rem;width:.82rem;height:1.24rem;transform:translateX(-50%) scale(.56);transform-origin:50% 100%;border-radius:52% 48% 56% 44% / 66% 61% 39% 34%;background:radial-gradient(circle at 52% 70%,#fff8c7 0 11%,#ffd36d 26%,#ff8b35 54%,rgba(255,74,21,.34) 71%,transparent 74%);filter:drop-shadow(0 0 .5rem rgba(255,160,70,.85));opacity:0;transition:opacity .35s ease,transform .55s cubic-bezier(.2,.8,.2,1)}
.home-torch .home-torch__halo{position:absolute;left:50%;bottom:1.47rem;width:5.5rem;height:5.5rem;transform:translate(-50%,50%) scale(.55);border-radius:50%;background:radial-gradient(circle,rgba(255,183,91,.24),rgba(255,122,43,.08) 42%,transparent 70%);filter:blur(7px);opacity:0;transition:opacity .8s ease,transform 1s ease}
.home-torch.is-lit{opacity:1;filter:saturate(1.15)}.home-torch.is-lit::after{opacity:1;transform:translateX(-50%) scale(1);animation:home-flame 1.65s ease-in-out infinite alternate}.home-torch.is-lit .home-torch__halo{opacity:1;transform:translate(-50%,50%) scale(1);animation:home-halo 2.4s ease-in-out infinite alternate}
.home-torch:nth-child(2n).is-lit::after{animation-delay:-.7s}.home-torch:nth-child(3n).is-lit .home-torch__halo{animation-delay:-1.2s}
@keyframes home-flame{0%{transform:translateX(-50%) scale(.93) rotate(-1.4deg);filter:drop-shadow(0 0 .42rem rgba(255,160,70,.76))}100%{transform:translateX(-50%) scale(1.07,.96) rotate(1.6deg);filter:drop-shadow(0 0 .72rem rgba(255,182,92,.96))}}
@keyframes home-halo{0%{opacity:.72;transform:translate(-50%,50%) scale(.92)}100%{opacity:1;transform:translate(-50%,50%) scale(1.08)}}
.home-arrival__copy{position:absolute;z-index:10;left:clamp(1.05rem,4vw,2.4rem);right:clamp(1.05rem,4vw,2.4rem);bottom:clamp(1.1rem,4vw,2.4rem);display:grid;gap:.75rem;max-width:48rem;padding-top:5rem;background:linear-gradient(180deg,transparent,rgba(1,3,8,.56) 38%,rgba(1,3,8,.82));text-shadow:0 2px 20px rgba(0,0,0,.65)}
.home-kicker{margin:0;color:var(--home-gold);font-size:.72rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.home-arrival h1{max-width:10ch;margin:0;color:#fff2cf;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.4rem,10vw,7.8rem);font-weight:650;line-height:.82;letter-spacing:-.055em;text-wrap:balance}
.home-arrival__lead{max-width:42rem;margin:0;color:rgba(247,243,229,.88);font-size:clamp(1rem,2.2vw,1.22rem);line-height:1.55}
.home-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.15rem}.home-button{min-height:2.7rem;display:inline-flex;align-items:center;justify-content:center;padding:.62rem .92rem;border:1px solid var(--home-line);border-radius:999px;color:var(--home-ink);background:rgba(5,12,19,.68);font-size:.76rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase;backdrop-filter:blur(10px)}.home-button:hover,.home-button:focus-visible{border-color:rgba(243,200,111,.45);background:rgba(243,200,111,.09)}.home-button--primary{color:#091017;border-color:rgba(255,229,163,.72);background:linear-gradient(135deg,#fff1b8,var(--home-gold));text-shadow:none}
.home-arrival__cue{margin:0;color:rgba(242,245,250,.48);font-size:.7rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.home-editorial,.home-paths,.home-disclosure{border:1px solid var(--home-line);border-radius:var(--home-radius);background:radial-gradient(circle at 0 0,rgba(243,200,111,.08),transparent 20rem),linear-gradient(145deg,rgba(8,18,26,.86),rgba(4,9,16,.72));box-shadow:0 1.5rem 4.5rem rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.05)}
.home-editorial{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(16rem,.75fr);gap:1rem;padding:clamp(1.1rem,3vw,1.8rem);align-items:stretch}
.home-editorial__statement{display:grid;align-content:center;gap:.65rem;padding:clamp(.25rem,1vw,.7rem)}
.home-editorial h2,.home-paths h2{margin:0;color:#fff2cf;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4.8vw,3.9rem);font-weight:650;line-height:.96;letter-spacing:-.04em;text-wrap:balance}.home-editorial p,.home-paths p{margin:0;color:var(--home-soft);line-height:1.6}.home-editorial__statement>p:last-child{max-width:52rem}
.home-epigraph{display:grid;align-content:center;margin:0;padding:clamp(1rem,2.5vw,1.5rem);border:1px solid rgba(243,200,111,.20);border-left:3px solid rgba(243,200,111,.50);border-radius:1rem;color:rgba(255,242,207,.95);background:linear-gradient(135deg,rgba(243,200,111,.08),rgba(7,18,26,.58));font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.12rem,2.5vw,1.5rem);font-style:italic;line-height:1.48}
.home-paths{display:grid;gap:1rem;padding:clamp(1.1rem,3vw,1.8rem)}.home-paths__head{display:grid;gap:.5rem;max-width:52rem}.home-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.home-path{position:relative;display:grid;align-content:end;min-height:12.5rem;gap:.45rem;overflow:hidden;padding:1rem;border:1px solid rgba(255,255,255,.10);border-radius:1rem;background:linear-gradient(155deg,rgba(255,255,255,.045),rgba(255,255,255,.016));transition:transform .18s ease,border-color .18s ease,background .18s ease}.home-path::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 8%,rgba(243,200,111,.12),transparent 55%);opacity:.65}.home-path>*{position:relative;z-index:1}.home-path:hover,.home-path:focus-visible{transform:translateY(-2px);border-color:rgba(243,200,111,.38);background:linear-gradient(155deg,rgba(243,200,111,.08),rgba(255,255,255,.018))}.home-path small{color:var(--home-gold);font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.home-path strong{color:#fff2cf;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.35rem,3vw,2rem);line-height:1}.home-path span{color:var(--home-soft);font-size:.88rem;line-height:1.45}
.home-disclosure{overflow:hidden}.home-disclosure>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4rem;padding:1rem 1.15rem;color:#fff2cf;font-weight:850}.home-disclosure>summary::-webkit-details-marker{display:none}.home-disclosure>summary::after{content:"+";color:var(--home-gold);font-size:1.5rem;font-weight:400}.home-disclosure[open]>summary::after{content:"−"}.home-disclosure__body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;padding:0 1rem 1rem}.home-route-chip{display:grid;gap:.18rem;min-height:5rem;padding:.78rem;border:1px solid rgba(255,255,255,.085);border-radius:.85rem;background:rgba(255,255,255,.025)}.home-route-chip strong{color:var(--home-gold);font-size:.9rem}.home-route-chip span{color:var(--home-muted);font-size:.78rem;line-height:1.4}.home-route-chip:hover,.home-route-chip:focus-visible{border-color:rgba(141,216,255,.30);background:rgba(141,216,255,.045)}
.home-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.7rem;padding:1rem .2rem .15rem;color:var(--home-muted);font-size:.72rem}.home-footer nav{display:flex;flex-wrap:wrap;gap:.8rem}.home-footer a:hover,.home-footer a:focus-visible{color:var(--home-gold)}
@media(max-width:820px){.home-editorial{grid-template-columns:1fr}.home-path-grid{grid-template-columns:1fr}.home-path{min-height:9.5rem}.home-disclosure__body{grid-template-columns:repeat(2,minmax(0,1fr))}.home-manor-stage canvas[data-home-manor-canvas]{inset:1% -7% 12%;width:114%;height:87%}.home-torch{transform:translate(-50%,-50%) scale(calc(var(--s,1) * .88))}}
@media(max-width:620px){.home-shell{width:min(100% - 14px,var(--home-max))}.home-topbar{align-items:flex-start}.home-nav{max-width:56%;gap:.3rem}.home-nav a{min-height:2.1rem;padding:.42rem .58rem;font-size:.64rem}.home-arrival{min-height:43rem}.home-manor-stage canvas[data-home-manor-canvas]{inset:5% -18% 18%;width:136%;height:77%}.home-arrival__copy{left:1rem;right:1rem;bottom:1rem}.home-arrival h1{font-size:clamp(3.25rem,18vw,5.4rem)}.home-torch{transform:translate(-50%,-50%) scale(calc(var(--s,1) * .74))}.home-torch-field .home-torch:nth-child(1),.home-torch-field .home-torch:nth-child(6){display:none}.home-disclosure__body{grid-template-columns:1fr}.home-actions{gap:.4rem}.home-button{font-size:.7rem;padding:.58rem .78rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.home-torch,.home-torch::after,.home-torch .home-torch__halo,.home-path,.home-button{transition:none!important;animation:none!important}}