/* CSDS: an evening at the theatre, interpreted for a creative learning studio. */
:root{--bg:#171315;--panel:#211b1f;--text:#f6f0e5;--muted:#bbb0aa;--lime:#d5b882;--orange:#e8cc97;--blue:#c5b4c5;--serif:'Cormorant Garamond',Georgia,serif}body{background:var(--bg);font-weight:400}h1,h2,h3{font-family:var(--serif);font-weight:400}.brand{font-family:var(--serif);font-weight:600;letter-spacing:3px;font-size:45px}.brand>span{font-size:9px;letter-spacing:2px;padding-left:17px;border-color:#d5b88255}header{max-width:none;min-height:105px;padding:25px 6%;border-bottom:1px solid #d5b88230;gap:42px}nav{font-size:13px;gap:36px;letter-spacing:.2px}.btn{border-radius:0;font-size:12px;letter-spacing:1px;padding:18px 25px;font-weight:600;transition:background .4s,transform .4s,box-shadow .4s}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 25px #0002}.nav-cta{background:transparent;color:var(--lime);border:1px solid #d5b88265;padding:12px 22px}.nav-cta:hover{background:#d5b88212}.lime-btn{background:linear-gradient(110deg,#dcc79e,#c9a96d);color:#221c1a}.hero{position:relative;isolation:isolate;max-width:none;padding:40px 6% 25px;overflow:hidden;min-height:790px}.hero-top{position:relative;z-index:3}.hero-top .eyebrow{font-size:10px;letter-spacing:3px;color:#e8d7b7}.hero-top .eyebrow>span{width:28px;height:1px;background:var(--lime)}.micro{font-size:9px;letter-spacing:2px;color:#e0d2c7}.hero-grid{display:block;margin:0;min-height:635px}.hero-copy{position:relative;z-index:2;padding-top:72px;max-width:740px}h1{font-family:var(--serif);font-size:clamp(70px,7.6vw,112px);line-height:.9;font-weight:400;letter-spacing:-3px;text-shadow:0 5px 28px #0004}h1>span{display:block}h1 .outline-type{color:var(--text);-webkit-text-stroke:0;padding-left:55px}h1>.lime{font-style:italic;color:#e3c99c;padding-bottom:10px}.intro{display:block;margin-top:30px}.intro p{font-size:15px;line-height:1.8;color:#dfd4cd}.intro .btn{margin-top:27px}.hero-art{position:absolute;z-index:-1;inset:0;margin:0}.main-photo{height:100%;width:100%;transform:none;background:#2b1b2a}.main-photo img{object-fit:cover;object-position:center 42%;filter:saturate(.48) brightness(.7);animation:cinema-drift 22s ease-in-out infinite alternate}.main-photo:after{inset:0;background:linear-gradient(90deg,#171315f5 0%,#171315cd 28%,#17131545 70%),linear-gradient(0deg,#171315f5,transparent 35%)}.image-caption{left:auto;right:6%;bottom:70px;letter-spacing:2px;gap:35px;color:#ecdfcd;font-size:9px}.image-caption a{font-size:25px}.mini-photo{z-index:2;left:auto;right:6%;bottom:165px;transform:none;animation:slow-float 9s ease-in-out infinite;width:205px;height:145px;border:5px solid #eee3d0;box-shadow:0 15px 50px #0005}.mini-photo img{filter:saturate(.6)}.mini-photo>span{background:#eee3d0;color:#392c2f;font-size:8px;letter-spacing:1.2px;padding:6px 0}.stamp{z-index:2;top:170px;right:6%;border-radius:0;background:transparent;color:var(--text);border-top:1px solid #d5b88270;border-bottom:1px solid #d5b88270;width:145px;height:120px;font-family:var(--serif);font-size:18px;font-weight:400;transform:none;animation:none;letter-spacing:2px;line-height:1.5}.stamp b{font-size:33px;font-weight:400;color:var(--lime);letter-spacing:0}.hero-bottom{position:relative;z-index:2;margin-top:0;border-color:#d5b88238;padding-top:22px;font-size:9px;letter-spacing:2px;color:#c7b8a6}.ticker{margin:0;transform:none;background:#211b1f;color:var(--lime);border-top:1px solid #d5b88235;border-bottom:1px solid #d5b88235;font-family:var(--serif);font-size:25px;letter-spacing:2px;font-weight:400;padding:22px 0}.ticker>div{animation-duration:55s}.section{padding:100px 6%}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:600}.classes{background:#f4efe5;color:#2c2328;max-width:none}.classes>.section-top,.classes>.filters,.classes>.course-grid{max-width:1320px;margin-left:auto;margin-right:auto}h2{font-family:var(--serif);font-size:clamp(44px,4.7vw,68px);line-height:1.03;letter-spacing:-1.5px;font-weight:400}.muted{color:#927c68;font-style:italic}.section-top{margin-bottom:45px;align-items:flex-end}.section-top>p{font-size:14px;line-height:1.9;color:#766960}.filters{gap:25px;border-bottom:1px solid #bba88660;padding-bottom:0;margin-top:45px!important;margin-bottom:0!important}.filters button{border:0;border-radius:0;padding:15px 0;margin-right:10px;background:none;color:#6e625a;font-size:12px;letter-spacing:.3px;border-bottom:2px solid transparent}.filters button[aria-pressed=true]{background:transparent;color:#2c2328;border-color:#9e7847}.filters button:hover{color:#2c2328;border-color:#c5ab86}.course-grid{gap:0;border-left:1px solid #bba88660}.course{background:transparent;border:0;border-right:1px solid #bba88660;border-bottom:1px solid #bba88660;color:#2c2328;min-height:325px;padding:35px;transition:background .5s,transform .5s}.course:hover{background:#ebe2d4;transform:none;border-color:#bba88660}.course-top{color:#77675c;font-size:9px;letter-spacing:1.5px}.course-mark{font-family:var(--serif);font-style:italic;font-size:45px;color:#9a7950!important;margin:24px 0 20px;transition:transform .7s}.course:hover .course-mark{transform:translateX(5px)}.course h3{font-family:var(--serif);font-size:34px;font-weight:500;line-height:1.1}.course p{color:#766960;font-size:14px;max-width:320px;margin-bottom:25px}.course .course-link{font-size:10px;letter-spacing:1.5px;color:#7c5d36}.course .course-link span{color:#7c5d36}.story{background:#251c23;padding:110px max(6%,calc((100vw - 1320px)/2));gap:100px;position:relative}.story:before{content:'';position:absolute;top:45px;bottom:45px;left:50%;width:1px;background:linear-gradient(transparent,#d5b88250,transparent)}.story h2{font-family:var(--serif);font-size:clamp(56px,5.5vw,80px);line-height:1.03}.story h2 .lime{font-style:italic}.story-year{margin-top:40px;font-size:10px;letter-spacing:3px}.story-year strong{font-family:var(--serif);font-size:62px;color:var(--lime)}.story-body{padding-top:25px}.story-body h3{font-family:var(--serif);font-size:39px;font-weight:400;line-height:1.1}.story-body p{font-size:15px;color:#c4b7bc}.principles>div{border-color:#d5b88230;font-size:15px;padding:20px 0}.principles span{font-family:var(--serif);font-style:italic;font-size:20px;color:var(--lime)}.life{padding-top:100px;padding-bottom:100px}.life .section-top>div{max-width:700px}.life .text-link{font-size:12px;color:var(--lime);border-color:#d5b88270}.feature{height:550px}.feature>img{filter:saturate(.55);object-position:center 30%}.feature-shade{background:linear-gradient(0deg,#120e14ed,transparent 85%)}.feature-copy{left:45px;bottom:40px;max-width:550px}.feature-copy h3{font-family:var(--serif);font-weight:400;font-size:56px;line-height:1.02;text-transform:none}.feature-copy .eyebrow{color:var(--lime)}.play{border-color:#d5b88288;color:var(--lime)}.feature:hover .play{background:var(--lime);color:var(--bg)}.visit{background:#e4d7c2;color:#30242b;padding:100px max(6%,calc((100vw - 1320px)/2));gap:100px}.visit h2{font-size:clamp(56px,5.5vw,82px);font-weight:400;line-height:.98}.visit h2>span{color:#84664d;font-style:italic}.visit>div>p:last-child{color:#716157;font-size:15px}.visit label{font-size:12px;letter-spacing:.5px;font-weight:600}.visit select,.visit textarea{background:#f7f1e766;border:1px solid #9b826d75;border-radius:0;padding:16px;color:#30242b;font-size:14px}.visit textarea::placeholder{color:#89756b}.dark-btn{background:#30242b;padding:20px}.form-note{color:#75645a}.contact{padding:75px 6%}.contact h3{color:var(--lime);font-size:10px;letter-spacing:2px}.contact .text-link{color:var(--lime);font-size:12px}footer{border-color:#d5b88225;padding:24px 6%;font-size:10px;letter-spacing:.6px}#motion{font-size:11px;color:#c5b8ae;border-color:#d5b88240}dialog{background:#251c23;border:1px solid #d5b88280;padding:55px;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#120d14d9;backdrop-filter:blur(9px)}dialog h2{font-family:var(--serif);font-weight:400;text-transform:capitalize;font-size:58px;color:var(--lime)}dialog .eyebrow{color:#d6c8b4}dialog p{color:#cbbdc2}.close{font-weight:300;color:#d5b882}.reveal{transition-duration:1s}a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#ab783b}@keyframes cinema-drift{from{transform:scale(1)}to{transform:scale(1.075)}}@keyframes slow-float{50%{transform:translateY(-7px)}}
@media(min-width:1600px){.hero-copy{margin-left:calc((100vw - 1500px)/2)}.hero{min-height:870px}.hero-grid{min-height:720px}.hero-copy{padding-top:90px}h1{font-size:125px}}@media(max-width:1100px){header{gap:25px}nav{gap:22px}.hero-copy{max-width:650px}h1{font-size:85px}.stamp{right:5%;width:110px}.mini-photo{right:5%;width:180px;height:135px}.story,.visit{gap:60px}.course{padding:27px}.course h3{font-size:30px}}
@media(max-width:760px){header{padding:22px 6%;min-height:90px;gap:17px}.brand{font-size:36px;letter-spacing:2px}.brand>span{font-size:8px;padding-left:10px;letter-spacing:1px}.nav-cta{font-size:10px;letter-spacing:.3px;padding:11px 13px}.menu{font-size:21px}.hero{padding:28px 6% 23px;min-height:760px}.hero-grid{min-height:640px}.hero-top .eyebrow{font-size:8px;letter-spacing:1.7px}.hero-copy{padding-top:56px;max-width:100%}h1{font-size:clamp(54px,12vw,85px);letter-spacing:-2px;line-height:.98}h1 .outline-type{padding-left:30px}.intro{margin-top:25px}.intro p{font-size:14px;max-width:270px}.intro .btn{margin-top:22px;padding:16px 19px;font-size:11px}.hero-art{margin:0;inset:0}.main-photo{height:100%}.main-photo img{object-position:60% center;filter:saturate(.4) brightness(.65)}.main-photo:after{background:linear-gradient(90deg,#171315ed,#17131588 60%,#17131544),linear-gradient(0deg,#171315,transparent 45%)}.stamp{top:auto;bottom:83px;right:6%;height:65px;width:95px;line-height:1.2;font-size:10px;letter-spacing:1px}.stamp b{font-size:26px}.mini-photo{left:6%;right:auto;bottom:87px;width:130px;height:85px;border-width:3px;animation:none}.mini-photo>span{font-size:6px;letter-spacing:.7px;padding:3px}.image-caption{display:none}.hero-bottom{font-size:8px;letter-spacing:1px;gap:25px}.ticker{font-size:20px;padding:17px 0;letter-spacing:1px}.section{padding:65px 6%}.eyebrow{font-size:9px;letter-spacing:2px}h2{font-size:44px;letter-spacing:-1px}.section-top>p{font-size:14px}.filters{gap:10px;margin-top:20px!important}.filters button{font-size:11px;padding:12px 0;margin-right:8px}.course-grid{grid-template-columns:1fr 1fr}.course{padding:23px 16px;min-height:325px}.course-top{font-size:8px;letter-spacing:.7px}.course h3{font-size:29px}.course-mark{font-size:35px;margin:20px 0}.course p{font-size:13px}.course .course-link{font-size:8px;letter-spacing:1px}.story,.visit{gap:38px}.story:before{display:none}.story h2,.visit h2{font-size:57px}.story-body h3{font-size:34px}.story-year{margin-top:25px}.story-year strong{font-size:50px}.feature{height:430px}.feature-copy{left:24px;bottom:30px;right:60px}.feature-copy h3{font-size:39px}.feature-copy .eyebrow{font-size:8px}.feature-copy p{font-size:12px}.feature-shade{background:linear-gradient(0deg,#120e14f5,transparent)}.visit select,.visit textarea{font-size:16px}.contact{gap:40px}dialog{padding:40px 28px}dialog h2{font-size:45px}.life .text-link{margin-top:24px}}@media(max-width:380px){.course-grid{grid-template-columns:1fr}.course{min-height:270px}.hero{min-height:785px}.hero-grid{min-height:665px}.brand>span{display:none}h1{font-size:54px}}@media(prefers-reduced-motion:reduce){.main-photo img,.mini-photo{animation:none}}
.brand{display:inline-flex;padding:0;background:#fff;line-height:0;flex-shrink:0}.official-logo{display:block;width:190px;height:auto;max-width:100%;object-fit:contain}header{padding-top:14px;padding-bottom:14px}.contact .official-logo{width:235px}@media(max-width:760px){.official-logo{width:130px}.contact .official-logo{width:210px}header{gap:14px}}