/* A separate philosophy chapter, introduced with the craftsmanship rule. */
#philosophy {
 box-sizing: border-box; width: calc(100% - 80px); max-width: 1000px;
 margin-inline: auto; padding: 112px 0 88px;
}
#philosophy .philosophy-introduction { position: relative; padding-top: 48px; margin-bottom: 56px; text-align: center; }
#philosophy .philosophy-introduction::before {
 content: ''; position: absolute; top: 0; left: calc(50% - 32px);
 width: 64px; height: 1px; background: #7f75634a;
}
#philosophy .philosophy-introduction h2 {
 margin: 0; font: 12px/1.5 var(--sans, -apple-system, BlinkMacSystemFont, sans-serif);
 letter-spacing: .12em; text-transform: uppercase; color: #7a756b;
}
#philosophy .boundary-composition { max-width: 760px; margin-inline: auto; }
#philosophy .philosophy-inner { display: block; max-width: none; margin: 0; text-align: center; }
#philosophy .boundary-statement + .boundary-statement { margin-top: 44px; }
#philosophy .boundary-statement h3 {
 margin: 0 0 16px; font: 50px/1.12 var(--serif); letter-spacing: -.025em;
 color: var(--reading-ink); transition: color 550ms ease;
}
#philosophy p { max-width: none; margin: 0; font: 24px/1.5 var(--serif); letter-spacing: 0; text-wrap: pretty; }
/* A quiet, readable commitment follows the centred distinction. */
#philosophy .boundary-decision { max-width: 640px; margin: 144px auto 0; text-align: left; }
#philosophy .boundary-heading {
 margin: 0 0 28px; padding-bottom: 16px; border-bottom: 1px solid #7f75632b;
}
#philosophy .boundary-heading h3 {
 margin: 0; font: 12px/1.5 var(--sans, -apple-system, BlinkMacSystemFont, sans-serif);
 letter-spacing: .12em; text-transform: uppercase; color: #7a756b;
}
#philosophy .boundary-decision p { font-size: 24px; line-height: 1.55; text-wrap: pretty; }
#philosophy .boundary-decision p + p { margin-top: 28px; }
@media (max-width: 760px) {
 #philosophy { width: calc(100% - 56px); padding-block: 96px 40px; }
 #philosophy .boundary-statement h3 { font-size: 38px; }
 #philosophy p { font-size: 22px; }
 #philosophy .boundary-statement p br { display: none; }
}
@media (prefers-reduced-motion: reduce) {
 #philosophy h3 { transition: none; }
}

/* Craftsmanship completes the demonstrations; philosophy leads into the invitation. */
#return + .closing-story > #craft { padding-top: 112px; }
.closing-story > #craft + #philosophy { padding-top: 32px; }

#craft .craft-lineage { margin: 10px 0 0; font: 14px/1.5 -apple-system, BlinkMacSystemFont, sans-serif; color: #36342e; }
#craft .craft-lineage a { color: inherit; text-decoration: none; border: 0; transition: color 180ms ease; }
#craft .craft-lineage a:hover { color: #302f29; }
#craft .craft-lineage a:focus-visible { outline: 1px solid currentColor; outline-offset: 4px; }

/* The last phrase belongs to the invitation it introduces, on the same axis. */
#philosophy + #invitation .invitation-copy { padding-top: 24px; }
#invitation .invitation-journey {
 margin: 0 auto 20px; max-width: 680px; font: 24px/1.5 var(--serif);
 letter-spacing: 0; text-wrap: balance; color: #555249;
}
@media (max-width: 760px) {
 #philosophy .boundary-decision p { font-size: 22px; }
 #philosophy .boundary-decision br { display: none; }
 #invitation .invitation-journey { font-size: 22px; }
}

/* The invitation has its own painted interval after the product boundary. */
@media(min-width:761px){
 #philosophy + #invitation .invitation-copy{padding-top:48px}
 #invitation .invitation-journey{margin-bottom:48px}
}