/* Why We Build: page-specific editorial layout. Shared site components remain untouched. */
.why-build-main{background:#eee9df;color:#192126}.why-hero{background:#0c1115;padding:32px 0 38px;margin-top:72px}.why-hero-frame{position:relative;overflow:hidden}.why-hero-frame>img{display:block;width:100%;height:auto}.why-hero-title{position:absolute;left:5%;top:8%}.why-hero-title h1{font-size:clamp(3rem,6.2vw,6rem);line-height:.96;letter-spacing:-.035em;color:var(--ivory);margin:0}.why-hero-title h1 span{color:var(--amber-bright)}.why-story{padding:54px 0}.why-reading{width:min(800px,calc(100% - 80px));margin-inline:auto}.why-reading p{font-size:1rem;line-height:1.75;color:#3c464b;margin:0 0 22px}.why-story .why-reading>p:first-child{font-size:1.28rem;line-height:1.6;margin-bottom:30px}.why-invitation{background:#0c1115;padding:48px 0;color:var(--ivory)}.why-invitation h2{font-family:var(--display);font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.08;margin:0 0 26px;text-transform:uppercase}.why-invitation p{color:#d0cdc4}.why-invitation .text-link{color:var(--ivory);font-size:.86rem}.why-invitation p:has(a[href^="mailto:"]){margin-bottom:10px}.discord-invite{margin-bottom:28px!important}.why-invitation p:nth-last-child(2){color:var(--ivory);font-size:1.15rem}.why-invitation p:last-child{color:var(--amber-bright);margin-bottom:0}.why-build-main .td-utility{background:#eee9df}
@media(max-width:860px){.why-hero{margin-top:64px;padding:24px 0 28px}.why-hero-title h1{font-size:clamp(2.6rem,9vw,5rem)}.why-reading{width:min(800px,calc(100% - 40px))}.why-story{padding:34px 0}.why-invitation{padding:34px 0}.why-story .why-reading>p:first-child{font-size:1.15rem}}
@media(max-width:540px){.why-hero .shell{width:var(--shell)}.why-hero{padding:0 0 20px}.why-hero-title{left:5%;top:7%}.why-hero-title h1{font-size:2.7rem}.why-reading p{line-height:1.7}.why-story .why-reading>p:first-child{font-size:1.08rem}.why-invitation h2{font-size:1.9rem}}

/* Preview 02: full-bleed panoramic hero; exact shared shell margins like Our Story. */
.why-hero{position:relative;height:clamp(360px,34vw,500px);padding:0;margin-top:72px;overflow:hidden}
.why-hero-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.why-hero-title{position:absolute;left:0;right:0;top:24px}
.why-hero-title h1{font-size:clamp(3rem,5.5vw,5rem);line-height:1.05}
.why-reading{width:var(--shell);max-width:none;margin-inline:auto}
.why-reading p{max-width:none}
.why-story{padding:42px 0}
@media(max-width:860px){.why-hero{margin-top:64px;height:clamp(300px,45vw,414px);padding:0}.why-hero-title{top:28px}.why-hero-title h1{font-size:clamp(3rem,8vw,4.3rem)}.why-reading{width:var(--shell)}.why-story{padding:32px 0}}
@media(max-width:540px){.why-hero{height:310px}.why-hero-photo{object-position:61% 50%}.why-hero-title{left:0;top:24px}.why-hero-title h1{font-size:2.9rem}.why-reading{width:var(--shell)}}

/* Shared StreetLight link palette; no new contact form. */
.why-invitation a[href^="mailto:"]{text-decoration:underline;text-decoration-color:var(--amber-bright);text-decoration-thickness:1px;text-underline-offset:6px}
.why-invitation a[href^="mailto:"]:hover{color:var(--amber-bright)}

/* Approved editorial copy: compact paragraphs and consistent section headings. */
.why-reading p{margin-bottom:18px}
.why-story .why-reading>p:first-child{margin-bottom:20px}
.why-story h2{font-family:var(--display);font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.12;text-transform:uppercase;color:#192126;margin:30px 0 12px}
.why-invitation h2{margin-bottom:16px}
.why-reading p:last-child{margin-bottom:0}

/* Preview 02: use Trading page editorial palette, scale and paragraph rhythm. */
.why-build-main,.why-story,.why-invitation{background:#eee9df;color:#192126}
.why-reading{font-size:1.025rem;line-height:1.7}
.why-reading p,.why-story .why-reading>p:first-child,.why-invitation p:nth-last-child(2),.why-invitation p:last-child{font-size:inherit;line-height:inherit;color:#192126;margin:0 0 17px}
.why-story h2,.why-invitation h2{font-family:var(--display);font-weight:900;font-size:clamp(1.65rem,2.5vw,2.25rem);line-height:1.16;letter-spacing:-.025em;margin:30px 0 22px;color:#192126}
.why-invitation{padding:0 0 42px}
.why-invitation .why-reading{border-top:1px solid #19212625;padding-top:32px}
.why-invitation h2{margin-top:0}
.why-reading p:last-child{margin-bottom:0}
@media(max-width:860px){.why-story h2,.why-invitation h2{font-size:clamp(1.65rem,5.4vw,2.15rem)}.why-invitation{padding-bottom:32px}}