@charset "UTF-8";
:root{--paper:#f5f0e8;--ink:#3e3028;--soft:#e7dfd3;--line:#d7cabb;--accent:#b15d2b;--orange:#fd780f}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:15px;line-height:1.95}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button{font:inherit}img{max-width:100%;height:auto;display:block}figure{margin:0}h1,h2,h3,p{margin:0}p+p{margin-top:20px}h1,h2,h3{font-family:"Yu Mincho","Hiragino Mincho ProN",Georgia,serif;font-weight:500}h2{font-size:clamp(30px,3.2vw,46px);line-height:1.65;letter-spacing:.06em}h3{font-size:23px;line-height:1.6}em{font-style:normal}.skip{position:absolute;left:16px;top:-100px;background:white;padding:10px;z-index:20}.skip:focus{top:10px}a:focus-visible,button:focus-visible{outline:3px solid #b15d2b;outline-offset:5px}header{display:flex;align-items:center;justify-content:space-between;padding:14px 5%;border-bottom:1px solid var(--line);gap:30px;background:var(--paper)}.logo{width:154px;height:71px;object-fit:contain}nav{display:flex;gap:30px;align-items:center;font-size:13px}nav a{padding:10px 0}.nav-cta{border-bottom:1px solid var(--accent)}.menu{display:none}.hero{max-width:1500px;margin:auto;padding:38px 5% 100px}.hero-top{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.19em;line-height:1.7;color:var(--accent);font-weight:600}.location{font-size:12px;letter-spacing:.12em}.hero h1{font-size:clamp(50px,6.2vw,86px);letter-spacing:.08em;line-height:1.42;margin:36px 0 -88px 5%;position:relative;z-index:1;pointer-events:none;text-shadow:0 2px 12px var(--paper)}.hero h1 em{padding-left:80px}.hero-layout{display:grid;grid-template-columns:1.85fr 1fr;gap:6%;align-items:end}.hero figure{padding-top:35px}.hero figure img{width:100%;aspect-ratio:1.5;object-fit:cover}.hero figcaption{font-size:10px;letter-spacing:.16em;margin-top:14px;color:#796c60}.hero-copy{padding-bottom:35px;font-size:15px;line-height:2.1}.button{display:flex;justify-content:space-between;gap:25px;padding:17px 22px;background:var(--ink);color:#fff;margin-top:30px;font-size:13px}.button:hover{background:#614a3a;color:white}.scroll{display:block;font-size:9px;letter-spacing:.13em;margin-top:26px}.section{max-width:1200px;margin:auto;padding:104px 40px}.concept{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.concept h2{margin:24px 0}.lead{font-size:19px;font-family:"Yu Mincho",serif}.concept figure img{aspect-ratio:1/1.08;object-fit:cover;object-position:49% center}.concept figcaption{font-size:11px;margin-top:16px}.section-heading{margin-bottom:48px}.section-heading h2{margin-top:18px}.section-heading>p:last-child:not(.eyebrow){margin-top:20px}.features{padding-top:48px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.feature-grid article{border-top:1px solid var(--line);padding-top:24px}.number{font:52px Georgia,serif;color:#94775d}.feature-grid .eyebrow{margin:25px 0 12px}.feature-grid h3{font-size:22px;margin-bottom:18px}.feature-grid article>p:last-child{font-size:14px}.courses{background:#eae2d7}.notice{font-size:12px;max-width:750px;color:#675a4e;margin-bottom:30px}.course-list article{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;border-top:1px solid #cdbdab;padding:35px 0}.course-list article:last-child{border-bottom:1px solid #cdbdab}.course-list h3{font-size:32px;margin:10px 0}.course-list p:not(.eyebrow){font-size:13px}.course-list ul{list-style:none;padding:0;margin:0;align-self:center}.course-list li{padding:6px 0}.course-list li:before{content:'—';color:var(--accent);margin-right:16px}.instructor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:64px}.instructor-grid img,.portrait-placeholder{width:210px;height:210px;object-fit:cover;border-radius:50%;margin:0 auto 28px}.instructor-grid img{object-position:center 35%}.instructor-grid article{text-align:center}.instructor-grid h3{font-family:Georgia,serif;font-size:23px;margin-bottom:18px}.instructor-grid p:last-child{font-size:13px;line-height:1.9;text-align:left}.role{font-size:11px;color:var(--accent);margin-bottom:8px}.portrait-placeholder{display:flex;flex-direction:column;justify-content:center;background:#e9e2d8;color:#8a7867;font-size:13px;letter-spacing:.15em;border:1px dashed #baa996;line-height:1.8}.portrait-placeholder small{font-size:11px;letter-spacing:0}.pending-instructor h3{font-size:19px;font-family:"Yu Mincho",serif}.muted{color:#76695c;font-size:13px}.flow{background:#eee7dd}.flow .section{display:grid;grid-template-columns:1fr 1.25fr;gap:70px}.flow ol{padding:0;margin:0;list-style:none}.flow li{display:flex;gap:30px;border-top:1px solid var(--line);padding:25px 0}.flow li>span{font:30px Georgia;color:var(--accent)}.flow h3{font-size:21px;margin-bottom:12px}.flow li p{font-size:13px}.access{display:grid;grid-template-columns:1fr 1.2fr;gap:65px;align-items:center}.access h2{margin:18px 0 30px}.access h3{font-family:Georgia,serif}.access address{font-style:normal;margin:20px 0}.access iframe{width:100%;height:390px;border:0}.text-link{display:inline-block;font-size:13px;border-bottom:1px solid #a7937c;padding:10px 0;margin-top:15px}.contact{background:#44342b;color:var(--paper);text-align:center}.contact .eyebrow{color:#d6bc97}.contact h2{font-size:clamp(31px,3.7vw,52px);margin:22px 0 28px}.contact p{font-size:14px}.line-button{background:#e2ecd8;color:#344b37;border:0;min-width:300px;padding:20px 32px;margin:30px 0 14px;font-size:16px;border-radius:0;cursor:not-allowed}.line-button small{display:block;font-size:10px;margin-top:5px}.contact .contact-note{font-size:11px;color:#d0c3b5}footer{max-width:1200px;margin:auto;padding:45px 40px 25px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}footer>small{width:100%;border-top:1px solid var(--line);padding-top:20px;font-size:10px;display:flex;justify-content:space-between;color:#756658}footer>small span{font-size:9px;letter-spacing:.12em}@media(min-width:1500px){.hero h1{margin-bottom:-100px}}@media(max-width:1000px){nav{gap:18px}.instructor-grid{gap:30px}.instructor-grid img,.portrait-placeholder{width:180px;height:180px}.hero-copy{font-size:13px}.hero h1{font-size:66px}.hero-layout{gap:4%}.button{padding:14px;font-size:12px}}@media(max-width:900px){header{position:relative}.menu{display:block;border:0;background:none;padding:12px;font-size:12px;letter-spacing:.1em}.menu span{display:inline-block;width:24px;font-size:20px;margin-left:8px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:20px 6%;border-bottom:1px solid var(--line);z-index:10}nav.open{display:flex;flex-direction:column;gap:0;align-items:stretch}nav a{min-height:48px;display:flex;align-items:center}.hero h1{font-size:58px;margin-left:0;margin-bottom:30px}.hero h1 em{padding-left:30px}.hero-layout{grid-template-columns:1fr}.hero figure{padding:0}.hero-copy{padding:28px 0 0;max-width:500px;font-size:15px}.hero-copy br{display:none}.hero-copy p+p{margin-top:10px}.hero .button{max-width:330px}.scroll{display:none}.section{padding:75px 30px}.concept,.access{gap:40px}.feature-grid{gap:25px}.feature-grid h3{font-size:20px}.flow .section{gap:30px;grid-template-columns:1fr 1.2fr}.instructor-grid{gap:25px}.instructor-grid img,.portrait-placeholder{width:160px;height:160px}.instructor-grid h3{font-size:20px}.course-list article{gap:30px}.location{display:none}}@media(max-width:600px){html{scroll-padding-top:20px}body{font-size:14px}.logo{width:129px;height:60px}header{padding:10px 5%}.hero{padding:28px 6% 60px}.hero .eyebrow{font-size:9px}.hero h1{font-size:clamp(33px,8.7vw,51px);margin:28px 0}.hero h1 em{padding-left:0}.hero figure img{aspect-ratio:1.22}.hero-copy{font-size:14px}.hero figcaption{font-size:8px}.section{padding:62px 6%}.concept,.access,.flow .section{grid-template-columns:1fr}.concept figure img{aspect-ratio:1.3}.concept h2{margin:18px 0}.feature-grid{grid-template-columns:1fr;gap:35px}.feature-grid article{display:grid;grid-template-columns:62px 1fr;column-gap:20px}.feature-grid .number{grid-row:1/4;font-size:42px}.feature-grid .eyebrow{margin:0 0 8px}.feature-grid h3{margin-bottom:14px}.section-heading{margin-bottom:32px}.course-list article{grid-template-columns:1fr;gap:20px;padding:28px 0}.course-list h3{font-size:28px}.course-list li{font-size:13px}.instructor-grid{grid-template-columns:1fr;gap:48px;max-width:330px;margin:auto}.instructor-grid img,.portrait-placeholder{width:210px;height:210px}.instructor-grid h3{font-size:24px}.instructor-grid p:last-child{text-align:center}.flow .section{gap:0}.flow li{gap:22px}.access iframe{height:320px}.access h2{margin-bottom:25px}.contact .section{padding-top:65px;padding-bottom:65px}.contact p br{display:none}.line-button{min-width:0;width:100%;max-width:330px}.contact h2{font-size:30px}footer{padding:32px 6% 22px}footer>small{gap:15px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}/* Dark interior photography stays clear of the headline for legibility. */
@media(min-width:901px){.hero h1{margin-bottom:-20px;text-shadow:none}}

/* HERO / CONCEPT: restrained balance adjustments only. */
@media(min-width:901px){
  .hero h1{margin-bottom:-7px}
  .hero{padding-bottom:87px}
  .hero-copy{padding-bottom:22px}
}
@media(min-width:601px){
  .concept{grid-template-columns:.94fr 1.06fr;column-gap:7%}
}
@media(max-width:600px){
  .hero h1{margin-bottom:32px}
  .hero{padding-bottom:56px}
  .concept figure{margin-inline:-2%}
}

/* CONTACT LINE button color only. */
.contact .line-button{background:#FD780F;color:#FFFFFF}
.contact .line-button:hover{background:#E56808}

/* Full-width first view. Replace the placeholder with a real photo later. */
.visual-hero{position:relative;min-height:590px;height:min(74vw,730px);max-height:calc(100svh - 100px);background:#e1d6c7;isolation:isolate;overflow:hidden}
.visual-placeholder{position:absolute;inset:0;background:#e1d6c7;display:flex;justify-content:flex-end;align-items:flex-end;padding:38px 5%;color:#786755}
.visual-placeholder span{font:10px Arial,sans-serif;letter-spacing:.18em}
/* Future photo: width:100%; height:100%; object-fit:cover; object-position configurable per breakpoint. */
.visual-copy{position:relative;max-width:1360px;margin:auto;padding:clamp(80px,10vw,145px) 6% 60px;pointer-events:none}
.visual-copy .eyebrow{color:#745037}
.visual-copy h1{font-size:clamp(52px,6.2vw,86px);line-height:1.5;letter-spacing:.08em;margin-top:28px}
.visual-tagline{font-size:15px;letter-spacing:.16em;margin-top:30px}
.visual-scroll{position:absolute;bottom:38px;left:6%;font:10px Arial,sans-serif;letter-spacing:.15em;padding:14px 0}
.hero.learning-space{padding-top:65px;padding-bottom:80px}
.learning-space .space-label{margin-bottom:24px}
.learning-space figure{padding-top:0}
@media(max-width:900px){.visual-hero{height:620px;min-height:520px;max-height:none}.visual-copy{padding-top:110px}.visual-copy h1{font-size:58px}.learning-space .hero-copy{padding-top:28px}.hero.learning-space{padding-top:55px;padding-bottom:65px}}
@media(max-width:600px){.visual-hero{height:calc(82svh - 80px);min-height:440px;max-height:650px}.visual-copy{padding:90px 6% 70px}.visual-copy h1{font-size:clamp(33px,8.7vw,51px);margin-top:30px}.visual-copy .eyebrow{font-size:9px}.visual-tagline{font-size:12px;margin-top:25px}.visual-placeholder{padding:22px 6%}.visual-placeholder span{font-size:7px}.visual-scroll{bottom:48px;font-size:8px}.hero.learning-space{padding-top:42px;padding-bottom:56px}.learning-space .space-label{margin-bottom:20px}}

/* HERO video: headline outside the film; never crop embedded captions. */
.visual-hero.video-hero{height:auto;min-height:0;max-height:none;overflow:visible;background:var(--paper)}
.video-hero .visual-copy{padding:55px 6% 45px}
.video-hero .visual-copy h1{margin-top:22px}
.video-hero .visual-tagline{margin-top:20px}
.hero-film{position:relative;width:100%;aspect-ratio:16/9;background:#e1d6c7;overflow:hidden}
.hero-film .film-fallback,.hero-film video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.hero-film video{opacity:0}
.hero-film video.is-playing{opacity:1}
@media(max-width:600px){.video-hero .visual-copy{padding:36px 6% 32px}.video-hero .visual-copy h1{margin-top:23px}.video-hero .visual-tagline{margin-top:19px}}

/* HERO heading refinement: approximately 18% smaller, same typeface. */
.video-hero .visual-copy{padding-top:45px;padding-bottom:36px}
.video-hero .visual-copy h1{font-size:clamp(42.6px,5.084vw,70.52px);line-height:1.38;margin-top:18px}
@media(max-width:900px){.video-hero .visual-copy h1{font-size:47.56px}}
@media(max-width:600px){
  .video-hero .visual-copy{padding-top:30px;padding-bottom:26px}
  .video-hero .visual-copy h1{font-size:clamp(27.06px,7.134vw,41.82px);margin-top:19px}
}

/* Desktop-only film crop; mobile retains the original 16:9 still. */
@media(min-width:901px){
  .video-hero .hero-film{aspect-ratio:20/9}
  .video-hero .hero-film video,.video-hero .hero-film .film-fallback{object-fit:cover;object-position:50% 50%}
}
/* 20% cropped upper captions; retain the top edge and reduce height by 12%. */
@media(min-width:901px){
  .video-hero .hero-film{aspect-ratio:200/99}
  .video-hero .hero-film video,.video-hero .hero-film .film-fallback{object-position:50% 0%}
}
