/* The existing Atelier identity, composed as a quiet editorial. */
.ethos-philosophy{--quiet-bg:#261c23;--study-ink:#f0e3d1;--study-muted:#cbb5a7;--study-line:#d5b69d40;background:var(--quiet-bg)}
.ethos-philosophy main{overflow:visible}
.ethos-philosophy .site-header.site-header{background:var(--quiet-bg)}
.ethos-philosophy .ethos-editorial{width:calc(100% - 12%);max-width:1320px;margin:auto;padding:0}
.ethos-philosophy h1,.ethos-philosophy h2{font:10px/1.7 Departure,monospace;letter-spacing:0;color:var(--study-muted);margin:0}
.philosophy-opening{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:min(840px,calc(100svh - var(--site-header-height)));padding:74px 0 0}
.ethos-philosophy .mission-lead{font:400 clamp(50px,5.35vw,82px)/1.17 Redaction,Georgia,serif;letter-spacing:-.035em;max-width:1050px;margin:46px auto 0;text-wrap:balance}
.ethos-philosophy .mission-creative{color:#edd7bd}
.ethos-philosophy .ethos-lines{padding:0;margin:53px 0 0}
.ethos-philosophy .ethos-lines p{font:23px/1.48 Redaction,Georgia,serif;letter-spacing:-.015em;color:var(--study-ink);margin:0}
.philosophy-opening-foot{display:flex;align-items:center;justify-content:space-between;gap:30px;align-self:stretch;margin-top:auto;padding:70px 0 32px;border-bottom:1px solid var(--study-line)}
.philosophy-opening-foot>p{font:9px/1.7 Departure,monospace;color:var(--study-muted)}
.philosophy-opening-foot>p span{display:inline-block;margin:0 13px;opacity:.6}
.philosophy-jump{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;min-height:44px;font:14px/1.5 Redaction,Georgia,serif;color:var(--study-ink)}
.philosophy-jump span{font:10px/1.5 Departure,monospace;transition:transform 240ms var(--atelier-ease)}
.philosophy-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15%;align-items:center;padding:150px 5% 145px}
.philosophy-botanical{width:100%;max-width:350px;margin:0;justify-self:center}
.philosophy-botanical img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}
.philosophy-botanical figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:13px;font:italic 12px/1.5 Redaction,Georgia,serif;color:var(--study-muted)}
.philosophy-botanical figcaption span{font:8px/1.7 Departure,monospace}
.philosophy-copy{max-width:460px;justify-self:end}
.ethos-philosophy .philosophy-copy h2{margin:0 0 27px}
.ethos-philosophy .philosophy-copy p{font:19px/1.65 Redaction,Georgia,serif;color:var(--study-muted);text-wrap:pretty;margin:25px 0 0}
.ethos-philosophy .philosophy-copy .philosophy-introduction{font-size:29px;line-height:1.38;letter-spacing:-.025em;color:var(--study-ink);margin:0}
.philosophy-copy .philosophy-jump{margin-top:26px}
.philosophy-principles{border-top:1px solid var(--study-line);padding:64px 0 0}
.philosophy-section-title{display:flex;justify-content:space-between;align-items:baseline;gap:30px;margin-bottom:68px}
.philosophy-section-title>p{font:27px/1.35 Redaction,Georgia,serif;letter-spacing:-.02em;margin:0;width:calc(45.5% - 23px)}
.philosophy-section-title>p br{display:none}
.philosophy-section-title>p br:after{content:' '}
.ethos-philosophy .principles-list{list-style:none;padding:0;margin:0}
.ethos-philosophy .principles-list li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:9%;align-items:baseline;padding:34px 0 38px 51px;margin:0;border-top:1px solid var(--study-line)}
.ethos-philosophy .principles-list li:last-child{border-bottom:1px solid var(--study-line)}
.ethos-philosophy .principles-list li:before{top:44px;font:9px/1.5 Departure,monospace;color:var(--study-muted)}
.ethos-philosophy .principles-list h3{font:400 31px/1.24 Redaction,Georgia,serif;letter-spacing:-.027em;max-width:360px;margin:0;text-wrap:pretty}
.ethos-philosophy .principles-list p{font:18px/1.6 Redaction,Georgia,serif;max-width:45ch;margin:0;color:var(--study-muted);text-wrap:pretty}
.philosophy-community{max-width:690px;margin:0 auto;padding:135px 0 120px;text-align:center}
.ethos-philosophy .philosophy-community>p{font:30px/1.4 Redaction,Georgia,serif;letter-spacing:-.025em;text-wrap:balance;margin:33px 0 0}
.philosophy-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:25px 60px;margin-top:38px}
.philosophy-actions a{display:inline-flex;align-items:center;justify-content:space-between;gap:54px;min-height:44px;padding:7px 0;border-bottom:1px solid var(--study-line);font:16px/1.5 Redaction,Georgia,serif;transition:color 200ms ease,border-color 200ms ease}
.philosophy-actions a span{font:10px/1.5 Departure,monospace}
.ethos-philosophy .about-footer{max-width:1320px;width:calc(100% - 12%);padding:24px 0 105px;border-top:1px solid var(--study-line);margin:auto}
.ethos-philosophy .visitor-settings{background:var(--quiet-bg)}
@media(hover:hover){.ethos-philosophy .philosophy-jump:hover{text-decoration:none}.philosophy-jump:hover span{transform:translateY(3px)}.philosophy-actions a:hover{color:#fff3df;border-color:var(--study-ink);text-decoration:none}}
@media(min-width:701px) and (max-width:1050px){
 .philosophy-opening{padding-top:75px;min-height:760px}
 .ethos-philosophy .mission-lead{font-size:clamp(48px,6.3vw,66px);max-width:820px}
 .philosophy-story{padding:110px 0;gap:9%}
 .philosophy-botanical{max-width:295px}
 .ethos-philosophy .philosophy-copy .philosophy-introduction{font-size:26px}.ethos-philosophy .philosophy-copy p{font-size:18px}
 .ethos-philosophy .principles-list li{padding-left:35px;column-gap:7%}.ethos-philosophy .principles-list h3{font-size:27px}.ethos-philosophy .principles-list p{font-size:17px}
 .philosophy-section-title>p{font-size:24px}
}
@media(max-width:700px){
 .ethos-philosophy .ethos-editorial{width:auto;margin:0 24px}
 .philosophy-opening{min-height:0;padding-top:57px}
 .ethos-philosophy h1,.ethos-philosophy h2{font-size:9px}
 .ethos-philosophy .mission-lead{font-size:43px;line-height:1.2;max-width:520px;margin-top:38px;letter-spacing:-.04em}
 .ethos-philosophy .ethos-lines{margin-top:43px}.ethos-philosophy .ethos-lines p{font-size:21px;line-height:1.5}
 .philosophy-opening-foot{padding:56px 0 20px;gap:12px;margin-top:0;align-items:center}
 .philosophy-opening-foot>p{font:italic 12px/1.6 Redaction,Georgia,serif}.philosophy-opening-foot>p span{margin:0 4px}
 .philosophy-jump{font-size:13px;gap:20px}.philosophy-jump span{font-size:9px}
 .philosophy-story{display:flex;flex-direction:column;gap:0;padding:67px 0 70px}
 .philosophy-botanical{width:72%;max-width:260px;align-self:flex-start;margin:0 0 52px 5%}
 .philosophy-botanical figcaption{font-size:11px}.philosophy-botanical figcaption span{font-size:8px}
 .philosophy-copy{width:88%;max-width:460px;align-self:flex-end}
 .ethos-philosophy .philosophy-copy h2{margin-bottom:23px}
 .ethos-philosophy .philosophy-copy .philosophy-introduction{font-size:26px;line-height:1.4}
 .ethos-philosophy .philosophy-copy p{font-size:17px;line-height:1.65;margin-top:24px}
 .philosophy-copy .philosophy-jump{margin-top:21px}
 .philosophy-principles{padding-top:29px}
 .philosophy-section-title{display:block;margin-bottom:32px}.philosophy-section-title>p{font-size:25px;line-height:1.38;letter-spacing:-.025em;width:auto;margin-top:23px;max-width:300px}.philosophy-section-title>p br{display:block}
 .ethos-philosophy .principles-list li{display:block;padding:27px 0 29px 29px}
 .ethos-philosophy .principles-list li:before{top:33px;font-size:8px}
 .ethos-philosophy .principles-list h3{font-size:26px;line-height:1.27;max-width:340px}
 .ethos-philosophy .principles-list p{font-size:17px;line-height:1.6;margin-top:16px;max-width:43ch}
 .philosophy-community{padding:80px 0 77px}
 .ethos-philosophy .philosophy-community>p{font-size:25px;line-height:1.43;margin-top:26px}
 .philosophy-actions{gap:15px 28px;margin-top:30px}.philosophy-actions a{font-size:15px;gap:27px}
 .ethos-philosophy .about-footer{width:auto;margin:0 24px;padding:24px 0 105px;gap:12px 23px}
}
@media(max-width:360px){
 .ethos-philosophy .ethos-editorial{margin-inline:20px}.ethos-philosophy .mission-lead{font-size:36px}
 .philosophy-opening-foot{flex-wrap:wrap;justify-content:space-between;gap:0 16px}.philosophy-opening-foot>p{font-size:11px}.philosophy-opening-foot .philosophy-jump{gap:14px;font-size:12px}
 .philosophy-copy{width:94%}.ethos-philosophy .philosophy-copy .philosophy-introduction{font-size:24px}
 .ethos-philosophy .principles-list h3{font-size:24px}.ethos-philosophy .philosophy-community>p{font-size:23px}
 .ethos-philosophy .about-footer{margin-inline:20px}.philosophy-actions{gap:14px 23px}.philosophy-actions a{gap:19px}
}
@media(prefers-reduced-motion:reduce){.philosophy-jump span,.philosophy-actions a{transition:none}.philosophy-jump:hover span{transform:none}}
.atmosphere-paused .philosophy-jump span{transition:none}.atmosphere-paused .philosophy-jump:hover span{transform:none}
@media print{
 .ethos-philosophy .ethos-editorial{width:auto;margin:0;padding:0}.philosophy-opening{min-height:0;padding:25px 0 35px}.ethos-philosophy .mission-lead{font-size:40px}.ethos-philosophy .ethos-lines{margin-top:25px}
 .philosophy-opening-foot,.philosophy-botanical,.philosophy-jump,.philosophy-actions{display:none}.philosophy-story{display:block;padding:20px 0}.philosophy-copy{max-width:none;width:auto}
 .philosophy-principles{padding-top:25px}.philosophy-section-title{margin-bottom:25px}.ethos-philosophy .principles-list li{padding-block:20px}.philosophy-community{padding:30px 0}
}
/* Round 7 web: one left edge on phones (philosophy, principle numbers, titles and text share it); Night bloom full measure. */
@media(max-width:700px){
 .philosophy-copy{width:auto;max-width:none;align-self:stretch}
 .philosophy-botanical{width:100%;max-width:none;align-self:stretch;margin:0 0 52px}
 .ethos-philosophy .principles-list li{padding-left:0}
 .ethos-philosophy .principles-list li:before{position:static;display:block;margin-bottom:8px}
}
/* Round 14: “deeply passionate.” takes the Ballet treatment that “creative.” had; its tall d, l and p loops would reach the line
   above, so the Ballet line gets the room above it (Ethos only; the homepage keeps its own mission rules). */
.ethos-philosophy .mission-lead .mission-creative{padding-top:.38em}

/* Nicole 10-22: the throughline is its own, smaller part under Who it's for. */
.ethos-philosophy .philosophy-community>p.community-throughline{font-size:19px!important;line-height:1.6!important;letter-spacing:0!important;max-width:560px;margin:26px auto 0!important;opacity:.82}
@media(max-width:700px){.ethos-philosophy .philosophy-community>p.community-throughline{font-size:17px!important;margin-top:20px!important}}

/* Nicole 10-22: dark mode shows the light photogram, light mode the dark one. */
.philosophy-botanical .art-for-light{display:none}
:root[data-theme=light] .philosophy-botanical .art-for-light{display:block}
:root[data-theme=light] .philosophy-botanical .art-for-dark{display:none}

/* Round 14 Codex: the inner-page brief uses Redaction for text and labels. */
body.ethos-page.ethos-philosophy h2:is(#philosophy-title,#principles-title,#people-title){
 font:400 var(--t-label,12px)/1.5 Redaction,Georgia,serif!important;
 letter-spacing:.14em!important;
 text-transform:uppercase;
}
body.ethos-page.ethos-philosophy .philosophy-opening-foot p{
 font-family:Redaction,Georgia,serif!important;
 letter-spacing:.14em!important;
 text-transform:uppercase;
}
body.ethos-page.ethos-philosophy .principles-list li::before{
 font-family:Redaction,Georgia,serif!important;
 font-size:var(--t-label,12px);
}
/* (Codex's Redaction override for curious removed: Nicole keeps the italic curious on Ethos.) */
@media(max-width:700px){
 body.ethos-page.ethos-philosophy .visitor-settings{
  position:static!important;
  inset:auto!important;
  display:flex!important;
  justify-content:flex-end;
  width:auto!important;
  margin:24px max(24px,env(safe-area-inset-right)) 24px max(24px,env(safe-area-inset-left))!important;
 }
}