/* Recessed brand mark: independent visual cue before the reading content. */
.philosophy-seal{position:absolute;z-index:1;left:56%;top:9%;width:calc(44% - var(--page-gutter));height:110px;display:flex;align-items:center;justify-content:flex-start;pointer-events:none}
.philosophy-seal::before{content:'';position:absolute;inset:-12px 24% -12px -25px;background:rgb(226 232 226 / .35);clip-path:polygon(8% 16%,100% 0,90% 84%,0 100%)}
.philosophy-seal svg{position:relative;width:clamp(200px,22vw,340px);height:auto;transform:translate3d(calc(var(--scene-x,0px) * -.3),calc(var(--scene-y,0px) * -.3),0)}
.journey-motion .philosophy-seal{opacity:var(--visual-enter,0)}
.journey-principles .principle{padding:18px 0 18px 26px}
.journey-principles .principle::before{top:22px;height:20px}
.journey-principles .principle:hover::before{height:20px}
.journey-principles .principle.is-open::before{height:38px}
.journey-principles .principle h3{margin:0 0 8px}
.principle-toggle{border:0;padding:0;background:none;color:var(--ink);width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;font:inherit;cursor:pointer}
.principle-plus{position:relative;width:24px;height:24px;flex-shrink:0;margin-left:14px}
.principle-plus::before,.principle-plus::after{content:'';position:absolute;left:5px;top:11px;width:14px;height:1px;background:#7c877f;transition:transform .25s}
.principle-plus::after{transform:rotate(90deg)}
.is-open .principle-plus::after{transform:rotate(0)}
.principle-detail[hidden]{display:none}
.principle-detail{padding-top:14px;animation:principle-reveal .28s ease-out}
.principle-choices{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.principle-choices button{font:600 12px/1.3 var(--font-copy);border:1px solid #cdd5cf;border-radius:0;background:transparent;color:var(--ink);padding:7px 12px;cursor:pointer;transition:background-color .2s,border-color .2s}
.principle-choices button[aria-pressed="true"]{background:var(--yellow);border-color:var(--yellow)}
.journey-principles .principle-explanation{font-size:14px;line-height:1.55;max-width:48ch;min-height:2lh;margin:0 0 12px}
.principle-customize{display:inline-flex;gap:24px;align-items:center;color:var(--ink);text-decoration:none;font:700 11px/1.5 var(--font-copy);padding:3px 0;border-bottom:1px solid var(--yellow)}
.principle-customize span{font-size:20px;line-height:1}
.principle-toggle:focus-visible,.principle-choices button:focus-visible,.principle-customize:focus-visible{outline:2px solid #a58200;outline-offset:4px}
@keyframes principle-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.word-journey:not(.journey-motion) .philosophy-seal{position:relative;grid-column:2;grid-row:1;left:0;top:0;width:100%;height:90px;margin-bottom:12px}
.word-journey:not(.journey-motion) #our-philosophy .journey-copy{grid-column:1;grid-row:1 / span 2}
.word-journey:not(.journey-motion) #our-philosophy .journey-principles{grid-column:2;grid-row:2}
@media(max-width:700px){
 .philosophy-seal{left:auto;right:28px;top:4%;width:140px;height:36px}
 .philosophy-seal svg{width:140px;transform:none}
 .philosophy-seal::before{inset:-8px -10px -8px -15px}
 .journey-principles .principle{padding:12px 0 12px 20px}
 .journey-principles .principle::before{top:16px;height:18px}
 .journey-principles .principle.is-open::before{height:30px}
 .journey-principles .principle h3{margin-bottom:4px}
 .journey-principles .principle-summary{font-size:13px;line-height:1.45}
 .principle-detail{padding-top:10px}
 .principle-choices{margin-bottom:7px;gap:5px}
 .principle-choices button{font-size:11px;padding:5px 10px}
 .journey-principles .principle-explanation{font-size:12px;line-height:1.4;margin-bottom:6px}
 .principle-customize{font-size:10px}
 .word-journey:not(.journey-motion) .philosophy-seal{grid-column:1;grid-row:1;width:140px;height:36px;justify-self:end;margin:0}
 .word-journey:not(.journey-motion) #our-philosophy .journey-copy{grid-column:1;grid-row:2}
 .word-journey:not(.journey-motion) #our-philosophy .journey-principles{grid-column:1;grid-row:3}
}
@media(max-width:700px) and (max-height:700px){
 .journey-principles .principle{padding-top:8px;padding-bottom:8px}
 .journey-principles .principle-summary{font-size:12px;line-height:1.35}
 .principle-detail{padding-top:8px}
}
@media(prefers-reduced-motion:reduce){.principle-detail{animation:none}.principle-plus::after,.principle-choices button{transition:none}.philosophy-seal svg{transform:none}}

/* Brand accent on the first line only, with the original title handoff. */
.journey-panel .journey-title-slot{color:var(--yellow)}
.journey-motion .journey-panel .journey-title-slot{color:rgb(255 194 0 / var(--title-landed,0))}