:root{--bg:#090909;--panel:#10100f;--text:#f2eee7;--muted:#aaa39a;--gold:#c89a4b;--line:#29251f}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none} .top{height:42px;position:fixed;z-index:30;top:0;left:0;right:0;background:rgba(7,7,7,.92);backdrop-filter:blur(12px);border-bottom:1px solid #24211d}
.top .in{height:100%;max-width:1220px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 22px}
.brand{font-size:12px;letter-spacing:.18em;font-weight:700;color:#e5c487} .nav{display:flex;gap:24px;font-size:12px;color:#d4cec5} .nav a:hover,.nav .active{color:#e5bd73}
.hero{min-height:78vh;display:flex;align-items:end;position:relative;overflow:hidden;padding:130px max(6vw,28px) 72px;background:
linear-gradient(90deg,rgba(4,4,4,.96) 0%,rgba(4,4,4,.72) 42%,rgba(4,4,4,.15) 76%),
linear-gradient(0deg,#090909 0%,transparent 35%),url('assets/images/img-9f57464b66e21ea8.jpg') center/cover no-repeat}
.hero .copy{max-width:780px;position:relative;z-index:2} .kicker{color:var(--gold);font-size:12px;letter-spacing:.25em;text-transform:uppercase;margin-bottom:18px}
h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(50px,7.2vw,104px);line-height:.9;letter-spacing:-.045em;margin:0 0 26px;font-weight:500}
.hero p{max-width:660px;color:#c8c1b7;font-size:18px;line-height:1.7;margin:0}
.story{max-width:1220px;margin:auto;padding:110px 28px 85px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}
.story h2{font-family:Georgia,serif;font-weight:500;font-size:clamp(38px,5vw,68px);line-height:1.02;margin:0}
.story p{color:var(--muted);font-size:17px;line-height:1.75;margin:0}
.video-wrap{max-width:1220px;margin:0 auto;padding:0 28px 110px} .video-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}
.video-head h2{font:500 clamp(32px,4vw,56px)/1 Georgia,serif;margin:0} .video-head p{max-width:460px;color:var(--muted);line-height:1.6}
.videos{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}
.video{min-height:230px;background:linear-gradient(145deg,#16130f,#0a0a0a);border:1px solid var(--line);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;padding:28px}
.video:first-child{min-height:410px}
.video:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(200,154,75,.16),transparent 38%)}
.video-card{position:relative;z-index:2}
.play{width:66px;height:66px;border:1px solid #9b773c;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;color:#e5c487;font-size:24px;padding-left:4px}
.video small{display:block;color:#c89a4b;text-transform:uppercase;letter-spacing:.18em;font-size:9px;margin-bottom:8px}
.video b{display:block;font:500 19px/1.25 Georgia,serif;margin-bottom:14px}
.video span{color:#9d968c;font-size:12px} 
.gallery{max-width:1420px;margin:auto;padding:20px 22px 120px} .gallery-title{max-width:1180px;margin:0 auto 38px}
.gallery-title h2{font:500 clamp(38px,5vw,70px)/1 Georgia,serif;margin:0 0 16px} .gallery-title p{color:var(--muted);max-width:620px;line-height:1.65}
.grid{columns:4 250px;column-gap:12px} .shot{display:block;width:100%;border:0;padding:0;margin:0 0 12px;background:#111;position:relative;overflow:hidden;cursor:pointer;break-inside:avoid;color:white;text-align:left}
.shot img{display:block;width:100%;height:auto;transition:.55s transform,.55s filter;filter:saturate(.84) contrast(1.04)} .shot:hover img{transform:scale(1.025);filter:saturate(1) contrast(1.04)}
.shade{position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.88))} .meta{position:absolute;left:18px;right:18px;bottom:17px;display:flex;flex-direction:column;gap:5px}
.meta small{text-transform:uppercase;letter-spacing:.18em;color:#d6ad68;font-size:9px} .meta b{font:500 16px/1.25 Georgia,serif}
.quote{margin:0;background:#0d0c0b;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:105px 28px;text-align:center}
.quote p{max-width:900px;margin:auto;font:500 clamp(34px,5vw,68px)/1.08 Georgia,serif} .quote em{color:#d1a65d;font-style:normal}
.cta{max-width:1220px;margin:auto;padding:105px 28px 120px;display:flex;justify-content:space-between;align-items:end;gap:40px}
.cta h2{font:500 clamp(38px,5vw,66px)/1 Georgia,serif;margin:0 0 14px} .cta p{color:var(--muted);max-width:570px;line-height:1.65}
.btn{display:inline-block;border:1px solid #9b773c;padding:15px 22px;color:#e5c487;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
footer{border-top:1px solid var(--line);padding:28px;text-align:center;color:#777;font-size:11px;letter-spacing:.12em}
.lightbox{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;padding:40px} .lightbox.open{display:flex}
.lightbox img{max-width:94vw;max-height:88vh;object-fit:contain} .close{position:absolute;right:25px;top:20px;background:none;border:0;color:white;font-size:34px;cursor:pointer}
@media(max-width:850px){.nav{gap:13px;font-size:10px}.nav .optional{display:none}.story{grid-template-columns:1fr;gap:30px;padding-top:80px}.videos{grid-template-columns:1fr}.video,.video:first-child{min-height:260px}.video-head{display:block}.cta{display:block}.cta .btn{margin-top:20px}}

@media(max-width:760px){
 html,body{overflow-x:hidden}body{font-size:16px}.top,.pg-topnav{height:46px}
 .top .in,.pg-topnav .inner{padding-left:14px!important;padding-right:14px!important}.nav{gap:12px!important}.nav .optional{display:none!important}
 .hero{min-height:68svh!important;padding-left:20px!important;padding-right:20px!important}
 .section,.story,.video-wrap,.gallery,.cta{padding-left:20px!important;padding-right:20px!important}
 h1{font-size:clamp(3rem,14vw,4.7rem)!important}h2{font-size:clamp(2.15rem,11vw,3.5rem)!important}
 .grid,.courses-grid,.course-grid,.people-grid,.story{grid-template-columns:1fr!important}.videos{grid-template-columns:1fr!important}
 .video,.video:first-child{min-height:250px!important}.cta{display:block!important}.cta .btn{margin-top:22px}
 .lightbox{padding:18px!important}.lightbox img{max-width:96vw!important;max-height:84vh!important}
}
@media(max-width:430px){.hero{padding-left:17px!important;padding-right:17px!important}.section,.story,.video-wrap,.gallery,.cta{padding-left:17px!important;padding-right:17px!important}}

a:focus-visible,button:focus-visible{outline:2px solid #d5a04d!important;outline-offset:3px}