/* Home sections only. Hero styles belong exclusively to westside-home-hero-composition.css. */
:root{--paper:var(--ws-surface);--paper-deep:var(--ws-material);--ink:var(--ws-text);--night:var(--ws-night);--gold:var(--ws-identity);--line:var(--ws-line);--serif:var(--ws-type-display-en);--zh:var(--ws-type-display-zh)}
html{scroll-behavior:smooth}
.home .skip-link{position:absolute;left:-9999px}
.home .skip-link:focus{left:1rem;top:1rem;z-index:99;background:var(--paper);padding:.5rem}

.sites-home-section-head{width:var(--comp-canvas,92vw);margin:0 auto 7vh;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;border-top:1px solid var(--line);padding-top:1rem}
.sites-home-section-head>p:first-child{font-size:var(--ws-type-scale-meta);letter-spacing:.18em}
.sites-home-section-head h2{margin:0;font:400 clamp(4rem,9vw,12rem)/.78 var(--serif);letter-spacing:-.05em}
.sites-home-section-head>p:last-child{font:400 var(--ws-type-scale-ui)/1.8 var(--zh)}

.sites-home-water{padding:11vh 0 13vh;overflow:hidden}
.sites-home-water-rows{display:grid;gap:2.2rem}
.sites-home-water-row{display:flex;gap:1.2rem;width:max-content;padding-left:max(4vw,calc((100vw - var(--comp-canvas,94vw))/2));animation:water-flow 55s linear infinite}
.sites-home-water-row:nth-child(even){transform:translateX(-18vw);animation-duration:68s;animation-direction:reverse}
.sites-home-water-row:nth-child(3n){animation-duration:82s}
.sites-home-water-item{width:clamp(210px,20vw,400px);display:grid;grid-template-columns:1fr auto;gap:.25rem 1rem;align-items:end}
.sites-home-water-item img{grid-column:1/-1;width:100%;aspect-ratio:8/5;object-fit:cover;margin-bottom:.5rem}
.sites-home-water-item span{font-size:var(--ws-type-scale-micro);letter-spacing:.15em}
.sites-home-water-item h3{margin:.2rem 0;font:400 clamp(1.3rem,1.8vw,2.2rem)/1 var(--serif)}
.sites-home-water-item p{margin:0;justify-self:end;font:400 var(--ws-type-scale-meta) var(--zh)}
@keyframes water-flow{to{transform:translateX(-12vw)}}

.sites-home-gather{min-height:100svh;padding:10vh max(4vw,calc((100vw - var(--comp-canvas,94vw))/2)) 8vh;overflow:hidden}
.sites-home-gather .sites-home-section-head{width:100%;margin-bottom:4vh}
.sites-home-gather-media{height:56vh;position:relative;width:var(--comp-media-span,var(--comp-canvas));margin:auto}
.sites-home-gather-media i{position:absolute;overflow:hidden;transition:transform .8s cubic-bezier(.2,.75,.2,1)}
.sites-home-gather-media i img{width:100%;height:100%;object-fit:cover;}
.sites-home-gather-media i:nth-child(1){width:27%;height:72%;left:4%;top:9%;transform:rotate(-2deg)}
.sites-home-gather-media i:nth-child(2){width:25%;height:62%;left:27%;top:22%;transform:rotate(1.5deg)}
.sites-home-gather-media i:nth-child(3){width:29%;height:76%;right:24%;top:4%;transform:rotate(-1deg)}
.sites-home-gather:hover i:nth-child(1){transform:translate(34%,5%)}
.sites-home-gather:hover i:nth-child(2){transform:translate(10%,-5%)}
.sites-home-gather:hover i:nth-child(3){transform:translate(-12%,4%)}
.sites-home-gather-copy{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding-top:1rem}
.sites-home-gather-copy p{margin:0;font:400 clamp(2rem,4vw,5rem)/.9 var(--serif)}
.sites-home-gather-copy a,.sites-home-closing a{border-bottom:1px solid currentColor;padding-bottom:.45rem;font-size:var(--ws-type-scale-ui)}
.sites-home-gather-copy span{margin-left:1rem;font:400 var(--ws-type-scale-meta) var(--zh)}

.sites-home-city{padding:var(--comp-section-y,10vh) max(4vw,calc((100vw - var(--comp-canvas,94vw))/2));color:var(--ws-paper)}
.sites-home-city .sites-home-section-head{width:100%;border-color:color-mix(in oklab,var(--ws-paper) 26%,transparent)}
.sites-home-city-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(13rem,19vw);gap:1px;}
.sites-home-city-tile{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(1rem,2vw,2.4rem);overflow:hidden;}
.sites-home-city-tile img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s,filter .6s}
.sites-home-city-tile:after{content:"";position:absolute;z-index:-1;inset:0;}
.sites-home-city-tile:hover img{transform:scale(1.06);}
.sites-home-city-tile span{font-size:var(--ws-type-scale-meta);letter-spacing:.15em}
.sites-home-city-tile strong{max-width:8ch;margin-top:auto;font:400 clamp(2rem,3.1vw,5rem)/.88 var(--serif)}
.sites-home-city-tile em{margin-top:.7rem;font:400 var(--ws-type-scale-ui)/1.5 var(--zh)}
.sites-home-city-tile b{position:absolute;right:1.2rem;top:1rem;font-weight:400}
.sites-home-city-tile--0{grid-column:span 5;grid-row:span 2}
.sites-home-city-tile--1{grid-column:span 4}
.sites-home-city-tile--2{grid-column:span 3}
.sites-home-city-tile--3{grid-column:span 3}
.sites-home-city-tile--4{grid-column:span 4}
.sites-home-city-tile--5{grid-column:span 5}
.sites-home-closing{min-height:58svh;padding:var(--comp-section-y,10vh) max(4vw,calc((100vw - var(--comp-canvas,94vw))/2));display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;gap:var(--ui-gap,2rem);}
.sites-home-closing p{align-self:start;font-size:var(--ws-type-scale-meta);letter-spacing:.15em}
.sites-home-closing blockquote{margin:0;font:400 clamp(3rem,6vw,8rem)/.82 var(--serif);letter-spacing:-.05em}
.sites-home-closing a{justify-self:end}
.sites-layer-footer{display:flex;justify-content:space-between;padding:1.5rem max(4vw,calc((100vw - var(--comp-canvas,94vw))/2));border-top:1px solid var(--line);font-size:var(--ws-type-scale-meta);letter-spacing:.12em;background:var(--paper)}
@media(prefers-reduced-motion:no-preference){.sites-home-city-tile{view-timeline-name:--city;animation:city-enter linear both;animation-timeline:--city;animation-range:entry 5% cover 42%}
@keyframes city-enter{from{clip-path:inset(16% 0 0);transform:translateY(5vh)}to{clip-path:inset(0);transform:none}}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.sites-home-water-row{animation:none}
.sites-home-gather-media i{transition:none}
}
@media(max-width:760px){.sites-home-section-head{display:block;width:calc(100% - 36px)}
.sites-home-section-head h2{margin:1.4rem 0;font-size:20vw}
.sites-home-water-item{width:68vw}
.sites-home-gather{padding-inline:18px}
.sites-home-gather-media{height:48vh}
.sites-home-gather-copy{display:block}
.sites-home-gather-copy a{display:inline-block;margin-top:2rem}
.sites-home-city{padding-inline:18px}
.sites-home-city-grid{grid-template-columns:1fr}
.sites-home-city-tile{min-height:22rem;grid-column:auto!important;grid-row:auto!important}
.sites-home-closing{display:block;padding-inline:18px}
.sites-home-closing blockquote{margin:3rem 0}
.sites-home-closing a{display:inline-block}
}



/* FIRST-LAYER REALMS — each current first-level destination becomes a full
   homepage chapter; Search remains the utility exit rather than a realm. */
.sites-home-realms{display:block}

.sites-home-realm{--realm:var(--ws-identity);position:relative;min-height:100svh;padding:clamp(5rem,10vh,9rem) var(--ui-gutter);display:grid;grid-template-columns:minmax(8rem,1fr) minmax(18rem,2.2fr) minmax(14rem,1fr);grid-template-rows:auto 1fr auto;gap:var(--ui-gap);align-items:center;border-top:1px solid var(--ws-line);overflow:hidden;background:color-mix(in oklab,var(--realm) 7%,var(--ws-surface));color:var(--ws-text);isolation:isolate}

.sites-home-realm:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 78% 22%,color-mix(in oklab,var(--realm) 18%,transparent),transparent 32%),repeating-radial-gradient(ellipse 92% 58% at 16% 74%,transparent 0 16px,color-mix(in oklab,var(--realm) 7%,transparent) 16px 17px);opacity:.72}

.sites-home-realm>span{align-self:start;font-size:var(--ui-small);letter-spacing:.16em}

.sites-home-realm h2{grid-column:2;margin:0;font-size:clamp(4.8rem,10vw,12rem);font-weight:400;line-height:.72;letter-spacing:-.055em}

.sites-home-realm h2 em{display:block;font-weight:400}

.sites-home-realm p{grid-column:3;font-family:var(--zh);font-size:var(--ui-body);line-height:1.9;max-width:30rem}

.sites-home-realm b{grid-column:3;align-self:end;padding-top:1rem;border-top:1px solid currentColor;font-size:var(--ui-small);font-weight:400;letter-spacing:.12em}

.sites-home-realm[data-realm=church]{--realm:var(--ws-water)}

.sites-home-realm[data-realm=magazine]{--realm:var(--ws-first-light)}

.sites-home-realm[data-realm=bible]{--realm:var(--ws-pale-gold)}

.sites-home-realm[data-realm=sermon]{--realm:var(--ws-olive)}

.sites-home-realm[data-realm=book]{--realm:var(--ws-harvest)}

.sites-home-realm[data-realm=cinema]{--realm:var(--ws-crimson)}

.sites-home-realm[data-realm=life]{--realm:var(--ws-life)}
@media(prefers-reduced-motion:no-preference){.sites-home-realm{view-timeline-name:--realm;animation:sites-realm-arrive linear both;animation-timeline:--realm;animation-range:entry 5% cover 36%}
@keyframes sites-realm-arrive{from{clip-path:inset(8% 0 0);transform:translateY(5vh)}to{clip-path:inset(0);transform:none}}
}
@media(max-width:760px){.sites-home-realm{min-height:82svh;grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto;padding:10vh 18px}
.sites-home-realm h2,.sites-home-realm p,.sites-home-realm b{grid-column:1}
.sites-home-realm h2{font-size:19vw}
.sites-home-realm p{align-self:end}
}

/* Candidate 01: use the verified eight-window GridToFullPreview engine unchanged. */
.candidate-focus-screen{position:relative;min-height:100svh;height:100svh;overflow:hidden;background:#eee8da;color:#252525}
.candidate-focus-screen iframe{display:block;width:100%;height:100%;border:0;background:#eee8da}


/* Homepage motion runtime — current DOM only. */
@media(prefers-reduced-motion:no-preference){
  .candidate-focus-screen:not(.ws-p2-sevenfold-host){view-timeline-name:--focus-screen;animation:focus-screen-arrive both linear;animation-timeline:--focus-screen;animation-range:entry 0% cover 24%}
  .candidate-focus-screen:not(.ws-p2-sevenfold-host) iframe{transform:scale(1.025);opacity:.82;transition:transform var(--dawn-time-slow,1400ms) var(--dawn-ease-reveal,cubic-bezier(.68,0,.18,1)),opacity var(--dawn-time,800ms) ease}
  .candidate-focus-screen:not(.ws-p2-sevenfold-host)[data-motion-live] iframe{transform:scale(1);opacity:1}
  .sites-home-realm>span,.sites-home-realm h2,.sites-home-realm p,.sites-home-realm b{transition:transform var(--dawn-time-slow,1400ms) var(--dawn-ease-reveal,cubic-bezier(.68,0,.18,1)),opacity var(--dawn-time,800ms) ease}
  .sites-home-realm:not([data-motion-live])>span,.sites-home-realm:not([data-motion-live]) h2,.sites-home-realm:not([data-motion-live]) p,.sites-home-realm:not([data-motion-live]) b{transform:translateY(clamp(12px,2vh,28px));opacity:.34}
  .sites-home-realm[data-motion-live]>span,.sites-home-realm[data-motion-live] h2,.sites-home-realm[data-motion-live] p,.sites-home-realm[data-motion-live] b{transform:none;opacity:1}
  @keyframes focus-screen-arrive{from{clip-path:inset(4% 0 0)}to{clip-path:inset(0)}}
}
@media(prefers-reduced-motion:reduce){
  .candidate-focus-screen,.candidate-focus-screen iframe,.sites-home-realm>*{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}
}


/* Editorial hierarchy: quiet labels, decisive titles, generous negative space. */
.sites-home-realm{padding-inline:max(var(--ui-gutter),calc((100vw - var(--comp-canvas,94vw))/2));grid-template-columns:minmax(7rem,.72fr) minmax(20rem,2.5fr) minmax(15rem,.9fr);column-gap:clamp(2rem,4.5vw,7rem)}

.sites-home-realm>span{font-size:clamp(8px,.55vw,11px);letter-spacing:.2em;opacity:.62}

.sites-home-realm h2{font-size:clamp(4.6rem,8.2vw,10.8rem);line-height:.76;letter-spacing:-.05em}

.sites-home-realm p{font-size:clamp(11px,.72vw,15px);line-height:1.85;opacity:.72}

.sites-home-realm b{font-size:clamp(8px,.55vw,11px);letter-spacing:.15em;opacity:.7;transition:opacity .3s ease,transform .3s ease}

.sites-home-realm:hover b,.sites-home-realm:focus-visible b{opacity:1;transform:translateX(4px)}

.sites-home-closing{min-height:68svh}

.sites-home-closing p{opacity:.58}
.sites-home-closing blockquote{font-size:clamp(3.2rem,5.5vw,7.4rem);line-height:.86}
.sites-home-closing a{opacity:.7}
@media(prefers-reduced-motion:no-preference){
  @keyframes award-hero-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
}



/* AWARD POLISH v1.1 — deliberate editorial grid and optical balance. */
@media(min-width:901px){
  .sites-home-masthead,.sites-home-intro{padding-left:clamp(0px,.2vw,4px)}
  .sites-home-masthead{max-width:34rem}
  .sites-home-intro h1{max-width:5.2ch}
  .sites-home-intro p[lang=zh-Hant]{margin-top:1.05rem}
  .sites-home-entry{align-items:flex-end}
  .sites-home-entry a{min-width:clamp(9.5rem,10vw,13rem);display:flex;justify-content:space-between;gap:1rem}
  .sites-home-realm:after{content:"";position:absolute;left:max(var(--ui-gutter),calc((100vw - var(--comp-canvas,94vw))/2));right:max(var(--ui-gutter),calc((100vw - var(--comp-canvas,94vw))/2));bottom:clamp(2rem,4vh,4rem);height:1px;background:color-mix(in oklab,currentColor 10%,transparent);pointer-events:none}
  .sites-home-realm h2{align-self:center;max-width:8.5ch}
  .sites-home-realm p{align-self:center;max-width:25rem}
}

.sites-home-realm:before{opacity:.56}

.sites-home-realm h2 em{font-style:italic}

.sites-home-realm{transition:background-color .7s ease}

.sites-home-realm h2,.sites-home-realm p,.sites-home-realm>span{will-change:transform,opacity}

.sites-home-realm:hover{background:color-mix(in oklab,var(--realm) 9%,var(--ws-surface))}

.sites-home-realm:hover h2{transform:translateX(clamp(2px,.25vw,5px))}

.sites-home-realm h2{transition:transform .65s cubic-bezier(.2,.72,.18,1)}

.sites-home-closing blockquote em{font-style:italic;font-weight:400;font-synthesis:none}

.sites-home-closing a{transition:opacity .3s ease,transform .3s ease}

.sites-home-closing a:hover,.sites-home-closing a:focus-visible{opacity:1;transform:translateX(3px)}
@media(prefers-reduced-motion:reduce){
  .sites-home-realm,.sites-home-realm h2,.sites-home-closing a{transition:none!important}

  .sites-home-realm:hover h2,.sites-home-closing a:hover,.sites-home-closing a:focus-visible{transform:none!important}
}