:root{--paper:#f3efe6;--ink:#313c31;--muted:#6e7268;--line:#d9d7cb;--chapter-progress:0;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 Arial,sans-serif}a{color:inherit}button{font:inherit;cursor:pointer}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a87631;outline-offset:5px}[hidden]{display:none!important}
.skip{position:fixed;left:20px;top:-90px;background:var(--paper);z-index:100;padding:10px}.skip:focus{top:15px}
.site-header{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:22px 4%;background:linear-gradient(#f3efe6b0,transparent);transition:background .25s}
.brand{text-decoration:none;font:24px Georgia,serif;text-shadow:0 1px 15px #ffffff85}.brand span{font-size:18px;letter-spacing:1.8px}.brand small{display:block;font:8px Arial,sans-serif;letter-spacing:2.4px;margin-top:7px}
.site-header nav{display:flex;align-items:center;gap:24px}.site-header nav a{font-size:11px;text-decoration:none;letter-spacing:.3px;padding:8px 0;text-shadow:0 1px 15px white}.site-header nav a:hover{text-decoration:underline;text-underline-offset:6px}
.journey{height:325svh;position:relative}.scene{position:fixed;inset:0;z-index:0;overflow:hidden;background:#d8ccb8}.scene-fallback{width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .5s}.scene.ready .scene-fallback{opacity:0}#photo-canvas{position:absolute;inset:0}#photo-canvas canvas{width:100%;height:100%;display:block;touch-action:pan-y}
.scene-ui{position:fixed;inset:0;z-index:5;pointer-events:none}.scene-ui a,.scene-ui button{pointer-events:auto}.scene-ui.past{visibility:hidden}.welcome{position:absolute;top:125px;left:4%;max-width:450px;will-change:opacity,transform;text-shadow:0 1px 25px #f9f3e19c}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2.3px;line-height:1.7}.welcome .eyebrow{font-size:8px;max-width:300px}.welcome h1{font:clamp(36px,4vw,64px)/1.07 Georgia,serif;letter-spacing:-1px;margin:17px 0}.welcome em{font-weight:400}
#desk-hotspot{position:absolute;display:flex;align-items:center;gap:7px;text-decoration:none;transform:translate(-50%,-50%);white-space:nowrap;font-size:10px;color:#f8f4e9;text-shadow:0 1px 5px #0008;padding:20px}
.hotspot-dot{display:grid;place-items:center;width:26px;height:26px;border:1px solid #fff9;border-radius:50%;background:#33432e70;backdrop-filter:blur(5px);font-size:19px;transition:background .2s,transform .2s}.hotspot-label{background:#33432eaa;padding:5px 9px;backdrop-filter:blur(5px);opacity:0;transition:opacity .2s}#desk-hotspot:hover .hotspot-label,#desk-hotspot:focus-visible .hotspot-label{opacity:1}#desk-hotspot:hover .hotspot-dot{background:#33432e;transform:scale(1.1)}
.journey-hint{position:absolute;bottom:65px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;text-align:left;max-width:90%;padding:7px 12px;background:#f8f3e5ac;backdrop-filter:blur(8px);white-space:nowrap}.journey-hint p{font-size:10px;line-height:1.5;margin:0;color:#44513d}.journey-hint strong{font-weight:500;display:block}.scroll-symbol{border:1px solid #68725d;width:15px;height:24px;display:block;border-radius:8px;flex-shrink:0;position:relative}.scroll-symbol:after{content:'';position:absolute;width:2px;height:5px;background:#68725d;top:5px;left:5.5px;animation:scroll-hint 2s infinite}@keyframes scroll-hint{0%,100%{transform:translateY(0);opacity:.7}60%{transform:translateY(5px);opacity:1}}
.scene-footer{position:absolute;bottom:22px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:8px;letter-spacing:1.4px;text-shadow:0 1px 9px #fff}.journey-progress{width:120px;height:1px;background:#343f3133}.journey-progress span{display:block;height:1px;background:#344330;width:0}#motion-toggle{border:0;background:#f5f0e099;padding:6px 9px;color:var(--ink);font-size:8px;letter-spacing:.4px}#motion-toggle span{margin-left:8px}
.desk-anchor{position:absolute;top:210svh;height:1px;width:1px}.scene-status{position:fixed;left:4%;bottom:125px;z-index:8;background:var(--paper);padding:10px 14px;max-width:350px;font-size:12px}.noscript{position:fixed;bottom:120px;left:4%;background:var(--paper);padding:15px;z-index:9}
#mac-screen{position:absolute;overflow:hidden;background:#f4f0e6;color:#33412f;pointer-events:auto;container-type:inline-size;font:12px/1.4 Arial,sans-serif;transform:translateZ(0)}
.screen-bar{height:16%;display:flex;align-items:center;gap:9px;padding:0 5%;border-bottom:1px solid #dcded2;font-size:2cqw;letter-spacing:.16em}.screen-monogram{font:3cqw Georgia,serif;border:1px solid #c6cdbb;padding:2px 3px}.screen-dot{width:4px;height:4px;border-radius:50%;background:#7b8c60;margin-left:auto}.screen-main{padding:5% 7%}.screen-eyebrow{font-size:1.85cqw;letter-spacing:.18em;margin:0 0 4%}.screen-main h2{font:6.4cqw/1.09 Georgia,serif;letter-spacing:-.03em;margin:0}.screen-main h2 em{font-weight:400}.screen-description{font-size:2.25cqw;max-width:90%;margin:3% 0}.screen-facts{display:flex;gap:12%;margin:4% 0;font-size:1.8cqw}.screen-facts b{display:block;font:4.3cqw Georgia,serif;margin-bottom:2px}.screen-cta{display:flex;justify-content:space-between;background:#34442f;color:#fbf8ed;padding:3% 4%;font-size:2.2cqw;text-decoration:none}.screen-cta:hover{background:#4c5d40}.screen-scroll{display:block;font-size:1.65cqw;color:#7c836e;margin-top:3%;text-align:center}
.curriculum{position:relative;z-index:10;background:var(--paper);box-shadow:0 -30px 80px #28322312;min-height:100vh;padding:40px max(7%,calc((100% - 1100px)/2)) 0;scroll-margin-top:0}.curriculum-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:35px;border-bottom:1px solid var(--line)}.curriculum-top>a{font-size:11px;text-decoration:none}.curriculum-intro{padding:60px 0 45px;max-width:850px}.curriculum-intro h2,.contact h2{font:clamp(34px,4.3vw,63px)/1.08 Georgia,serif;letter-spacing:-1.1px;margin:20px 0}.curriculum-intro h2 em,.contact h2 em{font-weight:400}.curriculum-intro>p:not(.eyebrow){max-width:630px;color:var(--muted);font-size:16px}.facts{display:flex;gap:60px;margin-top:35px}.facts b{display:block;font:38px Georgia,serif}.facts span{font-size:11px}
.modules{padding-bottom:32px}.module-fallback{padding:22px 0;border-bottom:1px solid var(--line);display:block;text-decoration:none;font:23px/1.4 Georgia,serif}.module-fallback>span{font:11px Arial,sans-serif;color:#8e825f;margin-right:16px}.modules details{border-bottom:1px solid var(--line);scroll-margin-top:100px}.modules summary{display:flex;align-items:center;gap:23px;padding:25px 0;cursor:pointer;font:24px/1.35 Georgia,serif;list-style:none}.modules summary::-webkit-details-marker{display:none}.modules summary:after{content:'+';margin-left:auto;font:20px Arial,sans-serif;padding-left:15px;color:#718066}.modules details[open] summary:after{content:'−'}.module-number{font:11px Arial,sans-serif;letter-spacing:1px;color:#8b805d}.module-body{max-width:850px;padding:0 0 30px 40px}.module-body h3{font-size:12px;letter-spacing:.5px;margin-top:27px}.module-body p,.module-body li{font-size:14px;color:#5b6556}.pill{display:inline-block;font-size:11px;background:#e3e7db;padding:7px 13px}.modules>p{font-size:12px;color:var(--muted);max-width:800px;margin-top:30px}.program-link{font-size:12px;text-underline-offset:6px}.contact{padding:80px 0 75px;border-top:1px solid var(--line);margin-top:60px;scroll-margin-top:95px}.contact h2{margin-bottom:33px}.email{font-size:clamp(15px,2.4vw,29px);text-decoration:none;border-bottom:1px solid #7e876e;padding-bottom:7px}.contact>p:last-child{font-size:13px;color:var(--muted);margin-top:23px}footer{padding:23px 0;display:flex;justify-content:space-between;gap:20px;font-size:9px;border-top:1px solid var(--line);color:#7f8376}
body.reading .site-header{background:#f3efe6f2;backdrop-filter:blur(12px)}body.motion-paused .scroll-symbol:after{animation:none}body.motion-paused{scroll-behavior:auto}
html:has(body.motion-paused){scroll-behavior:auto}
.screen-description,.screen-scroll{display:none}.screen-bar{height:13%}.screen-main{padding:4% 6%}.screen-eyebrow{font-size:1.9cqw;margin:0 0 3%}.screen-main h2{font-size:6cqw}.screen-facts{margin:3.5% 0;font-size:2cqw}.screen-facts b{font-size:4.3cqw}.screen-cta{font-size:2.3cqw;padding:2.7% 4%}
@media(max-width:800px){.site-header{padding:19px 4%}.brand{font-size:20px}.brand span{font-size:15px}.brand small{font-size:7px;letter-spacing:1.7px}.site-header nav{gap:17px}.site-header nav a{font-size:10px}.welcome{top:105px;max-width:270px}.welcome h1{font-size:38px}.welcome .eyebrow{font-size:7px;max-width:215px}.scene-footer{bottom:15px;font-size:7px;gap:15px}.journey-hint{bottom:49px}.journey-hint p{font-size:9px}.curriculum-intro{padding-top:42px}.curriculum-intro h2{font-size:39px}.modules summary{font-size:22px}.facts{gap:40px}.screen-description{display:none}.screen-main{padding:5% 7%}.screen-eyebrow{margin-bottom:3%}.screen-facts{margin:4% 0}.screen-main h2{font-size:6.5cqw}.screen-scroll{font-size:1.9cqw}}
@media(max-aspect-ratio:1/1){.welcome{top:110px;max-width:85%}.welcome h1{font-size:37px}.welcome .eyebrow{max-width:290px}.scene-fallback{object-fit:contain}.journey-hint{bottom:110px;background:transparent;backdrop-filter:none}.scene-footer{bottom:34px;flex-wrap:wrap;row-gap:12px}.journey-progress{width:70px}.site-header nav a:last-child{display:none}.screen-bar{font-size:2.6cqw}.screen-main h2{font-size:7.7cqw}.screen-eyebrow,.screen-scroll,.screen-facts span:nth-child(3){display:none}.screen-facts{font-size:2.7cqw;gap:20%;margin:4% 0}.screen-facts b{font-size:5cqw}.screen-cta{font-size:3.5cqw}.curriculum{padding-left:6%;padding-right:6%}.curriculum-top{gap:15px}.curriculum-top .eyebrow{font-size:7px}.curriculum-top>a{font-size:9px;white-space:nowrap}.curriculum-intro h2{font-size:34px}.facts{gap:30px}.facts b{font-size:31px}.facts span{font-size:10px}.modules summary{font-size:20px;gap:12px}.module-body{padding-left:0}footer{font-size:8px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* White, readable copy over the villa; the printed programme keeps its dark ink. */
.scene-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(17,30,22,.62) 0%,rgba(17,30,22,.38) 28%,rgba(17,30,22,.09) 52%,transparent 76%)}
.welcome{color:#fff;text-shadow:0 2px 15px #13221770;max-width:450px}
.welcome .eyebrow{color:#fff;font-size:9px;line-height:1.8;max-width:360px;letter-spacing:2px}
.welcome-invitation{font-size:16px;line-height:1.65;margin:23px 0 0;color:#fff;letter-spacing:.05px}
.site-header{color:#fff;background:linear-gradient(rgba(16,28,20,.5),transparent)}
.brand,.site-header nav a{text-shadow:0 1px 9px #15251c70}
.scene-footer{color:white;text-shadow:0 1px 7px #12221790}
.journey-progress{background:#ffffff60}.journey-progress span{background:white}
.journey-hint{background:#21332692;color:white}.journey-hint p{color:white}
.scroll-symbol{border-color:#ffffffa8}.scroll-symbol:after{background:white}
#motion-toggle{color:white;background:#21332699}
body.reading .site-header{color:var(--ink);background:#f3efe6f5}
body.reading .brand,body.reading .site-header nav a{text-shadow:none}
@media(max-width:800px){
  /* A short, deliberate mobile introduction instead of a desktop-length tour. */
  .journey{height:145svh}
  .welcome{top:103px;max-width:315px}.welcome .eyebrow{font-size:8px;max-width:290px;letter-spacing:1.5px}.welcome-invitation{font-size:13px;line-height:1.55;margin-top:17px}.welcome h1{font-size:38px;margin-top:14px}
  #desk-hotspot{padding:16px;font-size:9px}
  .hotspot-label{opacity:1;padding:4px 7px}
}
/* iPhone-safe photographic scene: no stretched canvas, no fragile deep zoom. */
body.touch-simple #photo-canvas{display:none}
body.touch-simple .scene-fallback{opacity:1;object-fit:cover;object-position:55% center}
body.touch-simple #mac-screen,body.touch-simple .scene-footer{display:none!important}
@media(max-width:800px){body.touch-simple #desk-hotspot{left:auto!important;right:5%;top:66%!important;transform:none}.touch-simple .journey-hint{bottom:30px}}
@media(max-aspect-ratio:1/1){.welcome{top:103px;max-width:86%}.welcome h1{font-size:36px}.welcome-invitation{font-size:13px}.scene-shade{background:linear-gradient(180deg,#1024188c 0%,#1024184d 31%,transparent 62%)}.journey-hint{background:#21332692;backdrop-filter:blur(8px)}}