:root{color-scheme:light;--ink:#182327;--muted:#5c6869;--paper:#f5f4ef;--line:#d6d9d5;--yellow:#ffe400;--deep:#172a2b;--white:#fff;scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Poppins,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid #b18a00;outline-offset:5px}
.skip-link{position:absolute;left:1rem;top:-5rem;background:var(--yellow);padding:.7rem 1rem;z-index:20}.skip-link:focus{top:1rem}
.section-shell{max-width:1440px;margin:auto;padding-left:clamp(1.4rem,5.5vw,6.5rem);padding-right:clamp(1.4rem,5.5vw,6.5rem)}
.site-header{max-width:1440px;margin:auto;display:flex;align-items:center;gap:2rem;padding:1.45rem clamp(1.4rem,5.5vw,6.5rem);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:.85rem;white-space:nowrap;font-weight:600;font-size:.9rem}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:2.55rem;height:2.55rem;background:var(--ink);color:#fff;font-weight:700;letter-spacing:-.13em;padding-right:.14em;font-size:1.1rem}.brand-mark span{width:.34rem;height:.34rem;background:var(--yellow);margin:.8rem .12rem 0 .05rem;transform:rotate(45deg)}
.site-header nav{display:flex;gap:clamp(1rem,2.4vw,2.4rem);margin-left:auto}.site-header nav a,.header-contact{font-size:.875rem;font-weight:500;transition:opacity .2s}.site-header nav a:hover,.header-contact:hover{opacity:.58}.header-contact{padding:.7rem 0 .7rem 1.8rem;border-left:1px solid var(--line);white-space:nowrap}.header-contact span{margin-left:.45rem}
.hero{display:grid;grid-template-columns:minmax(0,1.23fr) minmax(290px,.77fr);gap:clamp(2.5rem,7vw,8rem);padding-top:clamp(5rem,9vw,9rem);padding-bottom:2.1rem}.hero-copy{padding-bottom:2rem}.eyebrow,.section-number{text-transform:uppercase;font-size:.72rem;letter-spacing:.19em;font-weight:600}.eyebrow{display:flex;align-items:center;gap:.8rem;margin:0 0 2.1rem}.eyebrow-line{display:inline-block;width:1.65rem;height:2px;background:var(--ink)}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.5rem,3vw,3.8rem);letter-spacing:-.058em;line-height:1.14;font-weight:600;max-width:25ch;margin-bottom:2rem;text-wrap:balance}.hero-period{color:#b9a700}
.hero-intro{max-width:39rem;color:#405054;font-size:clamp(1rem,1.25vw,1.13rem);line-height:1.85;margin-bottom:2.1rem}.hero-actions,.connect-links{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2.5rem;padding:1rem 1.2rem;font-size:.9rem;font-weight:600;min-height:3.5rem;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#304043}.button-yellow{background:var(--yellow);color:var(--ink)}.button-yellow:hover{background:#ffe837}.text-link{font-size:.9rem;font-weight:600;border-bottom:1px solid var(--ink);padding:.35rem 0}.text-link span{margin-left:.4rem}
.hero-feature{min-height:30rem;align-self:stretch;background:var(--deep);color:#fff;display:flex;flex-direction:column;padding:1.6rem 1.65rem 0;position:relative;overflow:hidden}.hero-feature:before{content:"";width:18rem;height:18rem;position:absolute;right:-8rem;top:7rem;border:1px solid rgba(255,255,255,.19);border-radius:50%;box-shadow:0 0 0 4rem rgba(255,255,255,.025),0 0 0 8rem rgba(255,255,255,.025)}.feature-top,.feature-bottom{display:flex;justify-content:space-between;gap:1rem;position:relative;z-index:1}.feature-top{font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;color:#b8c8c3}.feature-index{color:#9caeaa}.feature-core{margin:auto 0;position:relative;z-index:1}.feature-symbol{color:var(--yellow);font-size:3.2rem;display:block;line-height:1;margin-bottom:1.2rem}.feature-core p{font-size:clamp(1.75rem,2.55vw,3.05rem);line-height:1.2;letter-spacing:-.05em;max-width:16ch;margin:0}.feature-core strong{color:var(--yellow);font-weight:500}.feature-bottom{margin:0 -1.65rem;background:#223b3c;padding:1.3rem 1.65rem;align-items:center;font-size:.68rem;line-height:1.7;color:#b9cbc7}.feature-bottom strong{color:#fff;font-size:.82rem;font-weight:500}.feature-bottom a{color:var(--yellow);font-size:.8rem;font-weight:600;white-space:nowrap}.feature-bottom a:hover{text-decoration:underline}
.hero-footnote{grid-column:1/-1;border-top:1px solid var(--line);display:flex;gap:2rem;justify-content:space-between;color:var(--muted);padding-top:1.2rem;font-size:.73rem;letter-spacing:.025em}
.work-section{padding-top:7.2rem;padding-bottom:7.6rem}.section-heading{max-width:48rem;margin-bottom:3rem}.work-section .section-heading{margin-bottom:1.2rem}.work-section .section-number{margin-bottom:0}.section-number{color:#5c6a6b;margin:0 0 1.6rem}.section-heading h2,.about-heading h2{font-size:clamp(2.45rem,4.1vw,4.5rem);font-weight:600;letter-spacing:-.058em;line-height:1.18;margin:0 0 1.3rem}.section-heading>p:last-child{font-size:1rem;line-height:1.8;color:var(--muted);max-width:37rem;margin:0}.trait-list{border-top:1px solid var(--ink)}.trait-row{display:grid;grid-template-columns:3.5rem minmax(13rem,.9fr) minmax(0,1.25fr);gap:clamp(1rem,3vw,3rem);padding:2rem 0;border-bottom:1px solid var(--line);align-items:start}.trait-number{font-size:.75rem;color:var(--muted);padding-top:.4rem}.trait-row h3{font-size:clamp(1.35rem,2vw,2rem);font-weight:500;letter-spacing:-.045em;line-height:1.3;margin:0}.trait-row p{color:#4d5b5e;font-size:1rem;line-height:1.85;margin:0;max-width:39rem}
.perspective-section{background:var(--deep);color:white;padding:6.6rem 0 7rem}.perspective-grid{display:grid;grid-template-columns:1fr 3fr;gap:2rem}.perspective-grid .section-number{color:var(--yellow);padding-top:.7rem}.perspective-grid h2{font-size:clamp(2.4rem,4.4vw,4.75rem);font-weight:500;letter-spacing:-.056em;line-height:1.21;margin:0}.perspective-grid h2 em{font-family:Georgia,serif;font-weight:400;color:var(--yellow);letter-spacing:-.04em}.light-link{color:white;border-color:#a3b5af}.light-link:hover{color:var(--yellow)}
.perspective-article{display:inline-block;margin-top:2rem;max-width:100%;line-height:1.6}.perspective-article[hidden]{display:none}
.chapter-section{display:grid;grid-template-columns:minmax(8rem,.72fr) minmax(0,1.8fr) minmax(14rem,1.05fr);gap:clamp(1.5rem,3vw,3rem);padding-top:7.2rem;padding-bottom:7.4rem;border-bottom:1px solid var(--line);align-items:start}.chapter-section .section-number{padding-top:.75rem}.chapter-copy h2{font-size:clamp(2.45rem,4.1vw,4.5rem);font-weight:600;letter-spacing:-.058em;line-height:1.18;max-width:15ch;margin-bottom:1.7rem}.chapter-copy p{font-size:1rem;color:#465559;line-height:1.9;max-width:47rem;margin-bottom:1.35rem}.chapter-copy p:first-of-type{font-size:1.1rem;color:var(--ink)}.chapter-copy .text-link{display:inline-block;margin-top:.6rem}.chapter-media{margin:0;max-width:22rem}.chapter-media video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:var(--deep);box-shadow:0 16px 34px rgba(23,42,43,.13)}.chapter-media figcaption{display:flex;justify-content:space-between;gap:1rem;padding-top:.8rem;color:var(--muted);font-size:.69rem;line-height:1.5}.chapter-media figcaption span{white-space:nowrap;color:var(--ink)}.film-transcript{margin-top:.8rem;font-size:.72rem;color:var(--muted)}.film-transcript summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.film-transcript p{font-size:.78rem!important;line-height:1.65!important;margin:.7rem 0 0!important}
.writing-section{padding-top:7.6rem;padding-bottom:7.8rem}.section-heading-split{max-width:none;display:flex;justify-content:space-between;gap:3rem;align-items:end}.section-heading-split h2{margin-bottom:0}.section-heading-split>p{max-width:27rem!important;padding-bottom:.25rem}.article-list{border-top:1px solid var(--ink)}.article-row{display:grid;grid-template-columns:10rem 1fr 3rem;gap:2rem;align-items:center;padding:1.6rem .1rem;border-bottom:1px solid var(--line);transition:padding-left .2s,background .2s}.article-row:hover{padding-left:.8rem;background:#efeee8}.article-date{font-size:.75rem;color:var(--muted)}.article-title{font-size:clamp(1.05rem,1.5vw,1.45rem);line-height:1.45;font-weight:500;letter-spacing:-.025em}.article-arrow{font-size:1.35rem;text-align:right}.all-writing{display:inline-block;margin-top:1.7rem}
.about-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,9vw,9rem);padding-top:7.5rem;padding-bottom:8rem;border-top:1px solid var(--line)}.about-heading h2{max-width:11ch}.about-copy{padding-top:2.9rem}.about-copy p{color:#465559;font-size:1rem;line-height:1.95;margin-bottom:1.45rem}.about-copy p:first-child{font-size:1.15rem;color:var(--ink)}.about-copy blockquote{margin:2rem 0 1.9rem;padding:.4rem 0 .4rem 1.2rem;border-left:4px solid #d0b800;font-size:clamp(1.25rem,2vw,1.65rem);font-weight:500;letter-spacing:-.035em;line-height:1.45;max-width:25ch}
.interim-note{border-top:1px solid var(--ink);margin-top:3rem;padding-top:1.35rem;max-width:28rem}.interim-note .interim-label{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--muted);margin-bottom:.75rem}.interim-note h3{font-size:clamp(1.5rem,2vw,2rem);font-weight:500;letter-spacing:-.04em;margin-bottom:.9rem}.interim-note p:not(.interim-label){font-size:.95rem;line-height:1.8;color:#465559}.interim-note .text-link{display:inline-block;margin-top:.3rem}
.trait-row{scroll-margin-top:2rem}.trait-row:target{background:#edede5;box-shadow:-1rem 0 0 #edede5,1rem 0 0 #edede5}
.connect-section{background:var(--deep);color:white}.connect-inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(17rem,.8fr);gap:clamp(2.5rem,8vw,8rem);align-items:center;padding-top:6.3rem;padding-bottom:6.8rem}.connect-inner .section-number{color:var(--yellow)}.connect-inner h2{font-size:clamp(2.6rem,5vw,5.5rem);font-weight:500;letter-spacing:-.06em;line-height:1.15;max-width:14ch;margin:0 0 1.8rem}.connect-copy>p:not(.section-number){font-size:1rem;line-height:1.85;color:#c5d3ce;max-width:38rem;margin-bottom:2.2rem}.connect-copy .button{max-width:100%;gap:1.25rem;line-height:1.4}.connect-film{margin:0;width:min(100%,23rem);justify-self:end}.connect-film video{display:block;width:100%;aspect-ratio:34/46;object-fit:cover;background:#f3f3ef}.connect-film figcaption{display:flex;justify-content:space-between;gap:1rem;padding-top:.85rem;color:#c5d3ce;font-size:.75rem}.connect-film figcaption span{color:var(--yellow);white-space:nowrap}
.film-sound-button{appearance:none;border:0;background:transparent;color:var(--ink);padding:.55rem 0;min-height:2.75rem;cursor:pointer;font:500 .8rem Poppins,Arial,sans-serif;text-decoration:underline;text-underline-offset:3px}.film-sound-button:focus-visible{outline:3px solid #b18a00;outline-offset:3px}.connect-film .film-sound-button{color:var(--yellow)}
.site-footer{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;padding-top:2rem;padding-bottom:2rem;font-size:.72rem;color:var(--muted)}.footer-name{font-weight:600;color:var(--ink)}.footer-name span{font-weight:400;color:var(--muted)}.footer-motto{font-size:.84rem;font-weight:500;color:var(--ink);letter-spacing:.01em;text-align:center}.footer-motto span{color:#a49000;margin:0 .3rem}.site-footer a{color:var(--ink);font-weight:500}.site-footer a:hover{text-decoration:underline}
@media(max-width:1000px){.brand-name{display:none}.site-header{gap:1rem}.hero{gap:3rem}h1{font-size:clamp(2.5rem,3.6vw,3.2rem)}.hero-feature{min-height:28rem}.feature-core p{font-size:clamp(1.65rem,2.7vw,2.5rem)}.chapter-section{grid-template-columns:minmax(0,1.35fr) minmax(14rem,.75fr)}.chapter-section .section-number{grid-column:1/-1;margin-bottom:0}.chapter-media{grid-column:2;grid-row:2}}
@media(max-width:760px){.site-header{flex-wrap:wrap;justify-content:space-between}.brand-name{display:inline}.site-header nav{order:3;width:100%;justify-content:space-between;margin:0;padding-top:.8rem;gap:.5rem}.site-header nav a{font-size:.875rem}.header-contact{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:4.2rem;gap:2.5rem}.hero-copy{padding-bottom:0}h1{max-width:22ch;font-size:clamp(2.5rem,6vw,3.6rem)}.hero-feature{min-height:23rem}.feature-core p{font-size:2.25rem;max-width:17ch}.hero-footnote{flex-wrap:wrap;gap:.3rem}.work-section,.writing-section{padding-top:5rem;padding-bottom:5.5rem}.trait-row{grid-template-columns:2.5rem 1fr;gap:.6rem 1.2rem;padding:1.5rem 0}.trait-row h3{font-size:1.45rem}.chapter-section{padding-top:5rem;padding-bottom:5.2rem}.chapter-section .section-number{padding-top:0}.chapter-copy,.chapter-media{grid-column:1;grid-row:auto}.chapter-media{width:min(100%,22rem);margin-top:1.2rem}.section-heading-split{display:block}.section-heading-split>p{padding-top:1.5rem}.about-section{grid-template-columns:1fr;gap:0;padding-top:5rem;padding-bottom:5rem}.about-heading h2{max-width:16ch}.about-copy{padding-top:1rem}.connect-inner{grid-template-columns:1fr;gap:2.7rem;padding-top:5rem;padding-bottom:5rem}.connect-film{justify-self:start;width:min(100%,21rem)}.trait-row p{grid-column:2}.perspective-section{padding:5rem 0}.perspective-grid,.chapter-section{grid-template-columns:1fr;gap:1rem}.perspective-grid h2{font-size:clamp(2.5rem,7vw,4rem)}}
@media(max-width:520px){.site-header{padding-top:1rem;padding-bottom:1rem}.brand-name{font-size:.875rem}.brand-mark{width:2.25rem;height:2.25rem}.header-contact{font-size:.875rem;padding-left:.75rem}.site-header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1rem}.site-header nav a{font-size:.875rem}.hero{padding-top:3.5rem}h1{font-size:clamp(2.4rem,8.6vw,3.4rem)}.hero-actions{gap:1.1rem}.hero-feature{padding:1.3rem 1.35rem 0}.feature-bottom{margin:0 -1.35rem;padding:1.1rem 1.35rem}.feature-core p{font-size:2rem}.hero-footnote{font-size:.75rem}.section-heading h2,.about-heading h2{font-size:2.5rem}.article-row{grid-template-columns:1fr 2rem;gap:.35rem 1rem;padding:1.25rem 0}.article-date{grid-column:1}.article-title{grid-column:1;grid-row:2}.article-arrow{grid-column:2;grid-row:1/3}.connect-links{align-items:flex-start;flex-direction:column;gap:1.3rem}.site-footer{flex-wrap:wrap}.site-footer .footer-motto{width:100%;order:2;text-align:left}.site-footer>a{order:3}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}