/* Section one only. The supplied image stays intact; lettering is live HTML. */
.hero-header{position:absolute;inset:0 0 auto;z-index:2;margin:0;padding:30px 3.4%;border:0;color:#111c1c}
.hero-header .brand{font:clamp(22px,2vw,32px)/1 Georgia,serif;letter-spacing:.01em}
.hero-header nav{gap:clamp(20px,3.4vw,54px);margin-right:3%;font-size:10px;text-transform:uppercase;letter-spacing:1.7px}
.scene-hero{position:relative;isolation:isolate;overflow:hidden;padding:0;min-height:720px;height:56.28vw;max-height:1200px;color:#111c1c;background:#e9dac0}
.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.scene-copy{position:relative;padding-top:clamp(125px,9vw,165px);margin-left:4.7%;width:25%;max-width:390px}
.scene-copy h1{font:normal clamp(68px,5.5vw,96px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.045em;margin:0 0 35px}
.scene-copy h1 em{color:#835922}
.course-label{font:500 clamp(11px,.95vw,15px)/1.6 Arial,sans-serif;letter-spacing:1.6px;color:#805621;margin:0 0 18px}
.scene-description{font:normal clamp(15px,1.1vw,18px)/1.5 Georgia,serif;max-width:270px;margin:0 0 27px}
.scene-button{display:inline-flex;align-items:center;gap:23px;background:#102126;color:#f6eddd;padding:14px 17px;font:10px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:1.3px;text-decoration:none}
.scene-button:hover{background:#284047}.scene-button span{font-size:18px}
.scene-scroll{position:absolute;left:4.7%;bottom:30px;font:9px Arial,sans-serif;letter-spacing:1.8px;text-transform:uppercase;text-decoration:none}.scene-scroll span{margin-left:18px}
@media(min-width:761px) and (max-width:1100px){.scene-hero{height:850px}.hero-art{object-fit:fill}.scene-copy{width:29%;margin-left:4%}.scene-copy h1{font-size:64px}.scene-description{font-size:16px}}
@media(max-width:760px){.hero-header{padding:23px 5%}.hero-header .brand{font-size:23px}.hero-header nav{gap:16px;margin:0;font-size:9px;letter-spacing:.5px}.hero-header nav a:not(:last-child){display:none}.scene-hero{height:auto;min-height:0;max-height:none;padding:105px 6% 0;background:#eee0c8;display:flex;flex-direction:column}.hero-art{position:relative;inset:auto;order:2;width:calc(100% + 12vw);max-width:none;height:auto;object-fit:contain;margin:20px -6vw 0;z-index:0}.scene-copy{padding:0;margin:0;width:100%;max-width:none}.scene-copy h1{font-size:clamp(65px,13vw,88px);line-height:.94;margin-bottom:28px}.course-label{font-size:12px}.scene-description{font-size:18px;max-width:370px}.scene-scroll{position:relative;left:auto;bottom:auto;order:3;padding:22px 0}.scene-button{margin-bottom:5px}}
.hero-header nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 5px;font-size:14px;font-weight:500;letter-spacing:1px;color:#111c1c}
.hero-header nav a:focus-visible{outline:2px solid #835922;outline-offset:4px}
.scene-description{font-size:18px;line-height:1.5}