@font-face{font-family:Inter;src:local('Inter'),local('Helvetica Neue');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#f0eee7;color:#15242a;font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b16d40;outline-offset:6px}header{height:112px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #c8c9bf;gap:25px}.wordmark{font-size:23px;letter-spacing:3px;display:flex;align-items:center;gap:11px;font-weight:600}.wordmark svg{width:31px;height:31px}.global{font-size:8px;letter-spacing:2px;align-self:flex-end;margin:0 0 4px -4px}nav{display:flex;gap:36px;font-size:12px}nav a{position:relative}nav a:after{content:'';position:absolute;bottom:-7px;left:0;right:100%;height:1px;background:#15242a;transition:right .3s}nav a:hover:after{right:0}.edition,.eyebrow,.hero-bottom,.art-label,.frame-top,.chapter-kicker,.concept-label,.principles,footer>span{font-size:9px;letter-spacing:1.5px;font-weight:500}.edition{color:#69716e}.hero{min-height:780px;height:calc(100svh - 112px);max-height:1040px;position:relative;overflow:hidden;padding:65px 5% 80px}.hero-text{position:relative;z-index:2;pointer-events:none;width:55%}.hero-text a{pointer-events:auto}.eyebrow{display:flex;gap:12px;align-items:center;margin:0 0 32px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#a77144}.hero h1{font-size:clamp(65px,7.8vw,126px);font-weight:400;letter-spacing:-6px;line-height:.98;margin:0 0 27px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1 em{color:#876649}.intro{font-size:15px;line-height:1.7;color:#5c6868;margin:0 0 28px}.primary{display:inline-flex;align-items:center;gap:45px;padding:17px 21px;background:#15242a;color:#f4f1e9;border-radius:2px;font-size:12px;transition:background .3s}.primary:hover{background:#865f43}.primary span{font-size:21px}.hero-caption{display:flex;gap:13px;align-items:center;margin-top:32px}.tiny-star{font-size:40px;color:#97724f}.hero-caption p{font-size:10px;line-height:1.6;color:#62706c}.hero-art{position:absolute;right:-8%;top:0;width:72%;height:100%;pointer-events:none}.hero-art canvas{width:100%;height:100%;display:block}.art-label{position:absolute;right:19%;top:45px;color:#6d766e;display:flex;gap:48px;font-size:8px}.motion-toggle{position:absolute;right:5%;bottom:90px;border:1px solid #9b9f91;border-radius:30px;background:#f0eee7b8;padding:9px 13px;font-size:12px;display:flex;gap:8px;align-items:center;z-index:3}.motion-toggle span{font-size:9px}.hero-bottom{position:absolute;bottom:0;left:5%;right:5%;height:67px;border-top:1px solid #bfc3b8;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#5b6b67}.scroll-note{display:flex;gap:30px}.scroll-note span{font-size:19px}.approach{padding:90px 7% 0;background:#e7e7df}.approach .eyebrow{margin-bottom:40px;color:#727c73}.approach-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:9%}h2{font-size:clamp(30px,3.1vw,51px);font-weight:400;line-height:1.15;letter-spacing:-1.6px;margin:0}.approach-grid p{font-size:15px;line-height:1.8;margin:0 0 20px;max-width:480px}.approach-grid .secondary{font-size:12px;color:#626f68}.principles{display:flex;justify-content:space-between;border-top:1px solid #b7beb1;margin-top:60px;padding:25px 0;color:#536458;font-size:8px}.sequence{background:#101c22;color:#e7e6dd;padding:80px 5% 70px}.sequence-top{position:relative;margin-bottom:40px}.sequence-top .eyebrow{color:#aaa99b;font-size:8px;margin-bottom:20px}.sequence-top h2{font-size:45px}.sequence-top>p:last-child{position:absolute;right:0;bottom:0;margin:0;font-size:12px;color:#a3aeab}.cinema{position:relative;aspect-ratio:2.2;background:radial-gradient(ellipse at 70% 50%,#213c40,#09141c 70%);overflow:hidden;border:1px solid #3c4c4e}#sequence-canvas{position:absolute;inset:0;width:100%;height:100%}.frame-top{position:absolute;top:25px;left:30px;right:30px;display:flex;justify-content:space-between;color:#9ca8a4;font-size:8px}.chapter-copy{position:absolute;left:6%;top:32%;width:40%;pointer-events:none}.chapter-kicker{color:#c4a27c;font-size:8px;margin:0 0 20px}.chapter-copy h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(28px,3.3vw,55px);line-height:1.06;letter-spacing:-1.5px;margin:0 0 23px;max-width:390px}.chapter-copy>p:last-child{font-size:12px;color:#aebbb5;line-height:1.8;max-width:310px}.concept-label{position:absolute;bottom:22px;right:25px;font-size:7px;color:#9caaa3}.player{display:flex;align-items:center;gap:20px;height:66px;font-size:9px;color:#b6bfb9}.player button{border:0;background:none;color:#e3dbcd;font-size:21px;padding:8px;min-width:44px;min-height:44px}.player input{flex:1;accent-color:#c49a70;min-width:30px;height:3px;cursor:pointer}.chapters{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.chapters button{background:none;color:#7e918f;border:0;border-top:1px solid #455354;padding:24px 0;text-align:left;font-size:14px;transition:color .3s,border-color .3s}.chapters button span{font-size:9px;margin-right:15px}.chapters button.selected{border-top:2px solid #d6ab7e;color:#e6d2b9}.closing{padding:95px 5% 110px;text-align:center}.closing-star{font-size:65px;line-height:1;color:#9c7854;display:block;margin-bottom:35px}.closing h2{font-size:49px}.closing p{font-size:12px;color:#69736c;margin:24px 0}.text-link{display:inline-flex;font-size:12px;gap:35px;border-bottom:1px solid #7d8a7a;padding-bottom:12px}footer{padding:30px 5%;border-top:1px solid #c5c8bb;display:flex;align-items:center;justify-content:space-between;gap:30px}footer .wordmark{font-size:14px}footer p{font-size:9px;line-height:1.8;color:#68766a}footer>span{font-size:7px;color:#68766a}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;z-index:99;padding:12px;background:white}.fallback-art{background:radial-gradient(ellipse at 60% 50%,#b38e67 0,transparent 40%)}.noscript{padding:20px}.webgl-unavailable{position:absolute;right:8%;top:45%;width:35%;font-size:13px;color:#b5c7be}.hero .webgl-unavailable{color:#78684b}
@media(min-width:1700px){header,.hero,.approach,.sequence,.closing,footer{padding-left:max(5%,calc((100vw - 1550px)/2));padding-right:max(5%,calc((100vw - 1550px)/2))}.hero-art{right:0;width:65%}}
@media(max-width:900px){.edition{display:none}header{height:90px}nav{gap:22px}.hero{height:auto;min-height:820px;padding-top:50px}.hero h1{font-size:82px;letter-spacing:-4px}.hero-art{right:-27%;width:103%;top:40px;opacity:.75}.hero-text{width:65%}.hero-bottom>span:last-child{display:none}.hero-caption{margin-top:35px}.approach-grid{gap:40px}.cinema{aspect-ratio:1.8}.sequence-top>p:last-child{position:static;margin-top:20px}.chapter-copy{left:6%;width:43%;top:32%}.chapter-copy>p:last-child{font-size:11px}.chapter-copy h3{font-size:35px}.chapter-kicker{margin-bottom:13px}}
@media(max-width:600px){header{padding:0 6%;height:80px}.wordmark{font-size:17px;gap:8px;letter-spacing:2px}.wordmark svg{width:23px;height:23px}.global{display:none}nav{gap:0}nav a{display:none}nav a[href='#sequence']{display:block;font-size:10px}.hero{min-height:900px;padding:42px 6% 90px}.eyebrow{font-size:7px;margin-bottom:27px}.hero-text{width:100%}.hero h1{font-size:73px;letter-spacing:-4px;line-height:1.01}.intro{font-size:13px;line-height:1.7;margin-bottom:22px}.primary{padding:13px 17px;font-size:10px;gap:32px}.hero-caption{display:none}.hero-art{width:124%;height:470px;top:430px;right:-12%;opacity:1}.art-label{top:20px;right:20%;gap:25px;font-size:6px}.motion-toggle{bottom:85px;right:6%;font-size:9px}.motion-toggle span{font-size:7px}.hero-bottom{left:6%;right:6%;font-size:6px;height:60px;gap:10px}.scroll-note{gap:12px;font-size:6px}.scroll-note span{font-size:15px}.approach{padding:55px 6% 0}.approach .eyebrow{margin-bottom:26px}.approach-grid{display:block}.approach h2{font-size:33px;margin-bottom:30px;letter-spacing:-1px}.approach-grid p{font-size:13px}.approach-grid .secondary{font-size:11px}.principles{margin-top:35px;gap:15px;font-size:6px;line-height:1.7}.sequence{padding:55px 6% 40px}.sequence-top h2{font-size:33px;letter-spacing:-1px}.sequence-top>p:last-child{font-size:11px}.sequence-top{margin-bottom:27px}.cinema{aspect-ratio:auto;height:560px}.frame-top{top:18px;left:18px;right:18px;font-size:6px}.chapter-copy{top:50px;width:85%;left:22px}.chapter-copy h3{font-size:35px;max-width:260px;margin-bottom:14px}.chapter-copy>p:last-child{font-size:11px;max-width:275px}.chapter-kicker{font-size:7px;margin-bottom:12px}.concept-label{font-size:5px;left:18px;bottom:17px}.player{gap:10px}.chapters button{font-size:10px;padding:18px 0}.chapters button span{display:block;margin:0 0 8px;font-size:8px}.closing{padding:65px 6% 75px}.closing h2{font-size:35px}.closing p{font-size:11px;max-width:260px;margin:24px auto}.closing-star{font-size:50px;margin-bottom:25px}footer{padding:25px 6%;flex-wrap:wrap;gap:15px}footer .wordmark{font-size:12px}footer p{font-size:8px}footer>span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media(max-width:600px){body:not(.team-page) nav{gap:18px}body:not(.team-page) nav a[href='./team.html']{display:block;font-size:10px}}