@font-face{font-family:'DM Sans';font-weight:100 1000;font-style:normal;src:url('/assets/dm-sans-variable.ttf') format('truetype');font-display:swap}

:root{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-synthesis:none;color:#232321;background:#f8f7f5;color-scheme:light}
*{box-sizing:border-box}
body{margin:0}
a{color:inherit;text-decoration:none}
a:hover{color:#73736c}
a:focus-visible{outline:2px solid #232321;outline-offset:5px;border-radius:2px}
::selection{background:#dcd9d1;color:#232321}
.story-skip-link{position:absolute;left:6%;top:-5rem;z-index:2;padding:.875rem 1.125rem;background:#fff}
.story-skip-link:focus{top:1rem}
.story-header{min-height:94px;padding-block:23px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-inline:6%;border-bottom:1px solid #23232122}
.story-header nav{margin-left:auto}
.story-wordmark{display:inline-flex;align-items:center;min-height:44px;font-size:1.4375rem;font-weight:500;letter-spacing:-.8px;white-space:nowrap}
.story-builder{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:9px 10px 9px 19px;border:1px solid #25252126;border-radius:999px;background:linear-gradient(155deg,#fff,#ececeb);color:#252521;font-size:13px;font-weight:550;letter-spacing:-.015em;box-shadow:inset 0 1px 0 #ffffffd9,0 7px 20px #1f1e1a18,0 1px 2px #1f1e1a12;transition:transform .18s ease,box-shadow .18s ease}
.story-builder svg{flex-shrink:0;width:26px;height:26px;padding:5px;border-radius:50%;background:#ececeb;box-shadow:inset 0 0 0 1px #2525210d}
.story-builder:hover{color:#252521;transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff,0 10px 24px #1f1e1a21,0 2px 4px #1f1e1a12}
.story-builder:active{transform:translateY(0);box-shadow:inset 0 1px 2px #1f1e1a19,0 2px 7px #1f1e1a14}
.house-story{width:88%;max-width:44rem;margin-inline:auto;overflow-wrap:break-word}
.story-opening{padding:3.25rem 0 2.25rem}
.story-opening h1{font-size:clamp(2rem,3.5vw,3rem);font-weight:450;letter-spacing:-.045em;line-height:1.12;margin:0;text-wrap:balance}
.story-opening h1 span{display:block}
.story-opening h1 em{display:block;font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.06em}
.story-first-paragraph{margin:0}
.story-lead{display:block;font-size:1.375rem;line-height:1.5;letter-spacing:-.025em;font-weight:450;text-wrap:pretty}
.story-introduction{display:block;font-size:1.1875rem;line-height:1.8;margin-top:1rem;color:#45453f;text-wrap:pretty}
.story-essay{padding:0 0 4.5rem}
.story-paragraph{font-size:1.1875rem;line-height:1.8;letter-spacing:-.012em;color:#45453f;margin:0;text-wrap:pretty}
.story-essay p+p{margin-top:1.625rem}
.story-return{margin-top:2.75rem}
.story-return a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:.9375rem;font-weight:500}
.story-return svg{flex-shrink:0}
.story-footer{max-width:1440px;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;margin:0 6%;padding:1.25rem 0 1.5rem;border-top:1px solid #23232122;color:#666660;font-size:.875rem;line-height:1.5}
.story-footer nav{display:flex;flex-wrap:wrap;column-gap:1.75rem}
.story-footer a{display:inline-flex;align-items:center;min-height:44px}
@media(min-width:1640px){.story-header,.story-footer{max-width:1440px;margin-inline:auto}}
@media(max-width:760px){
 .story-header{min-height:78px;padding-block:17px}
 .story-wordmark{font-size:1.1875rem}
 .story-builder{font-size:12px;min-height:44px;padding:8px 8px 8px 14px;gap:8px}
 .story-opening{padding:2.25rem 0 1.75rem}
 .story-opening h1{font-size:clamp(1.875rem,8vw,2.5rem);line-height:1.12;text-wrap:initial}
 .story-lead{font-size:1.25rem}
 .story-introduction{font-size:1.0625rem;line-height:1.75;margin-top:1.25rem}
 .story-essay{padding-bottom:3.5rem}
 .story-paragraph{font-size:1.0625rem;line-height:1.8}
 .story-essay p+p{margin-top:1.5rem}
 .story-footer{align-items:flex-start;flex-direction:column;gap:.5rem;padding-top:1.25rem;padding-bottom:1.25rem}
 .story-footer nav{column-gap:1.25rem}
}
@media(max-width:400px){.story-header{gap:8px}.story-wordmark{font-size:1.0625rem}}
@media(prefers-reduced-motion:reduce){.story-builder{transition:none}.story-builder:hover{transform:none}}
@media(forced-colors:active){.story-builder{background:ButtonFace;color:ButtonText;border-color:ButtonText;box-shadow:none}.story-builder svg{background:ButtonFace;box-shadow:none}}

/* Tube wordmark weights; the House essay layout remains unchanged. */
.wordmark .wordmark-type,.wordmark .wordmark-type span{color:inherit}
.wordmark .wordmark-regular{font-weight:550}
.wordmark .wordmark-strong{font-weight:800}