/* An immersive gallery, painted in light rather than paper. */
:root{--gold:#dfc59a;--ink:#131512;--ivory:#f7f0df}body{background:#141611;color:var(--ivory);isolation:isolate}.gallery-background{position:fixed;inset:-5%;z-index:-3;background:#353329 url('assets/school-of-athens.jpg') center 46%/cover no-repeat;transform:scale(1.07);will-change:transform;filter:saturate(.78)}.gallery-shade{position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,#10130e24,#10130e44 45%,#10130ed6),linear-gradient(0deg,#11150f75,transparent 70%);pointer-events:none}.top,header{max-width:none;padding-inline:6%;border-color:#eedbb72b}.top{color:#e1d1b4;background:#12160f42}header{position:relative;z-index:5;background:#13180e24;backdrop-filter:blur(10px);padding-block:20px}nav a{color:#f7eedc}nav a:hover{color:var(--gold)}nav{align-items:center}.brand{color:var(--ivory)}header .motion-toggle{border:1px solid #e0c69b66;border-radius:50%;background:#17201466;color:var(--ivory);width:34px;height:34px;font:16px sans-serif}.nav-search{font-size:27px}main{max-width:none}.hero{max-width:1500px;margin:auto;min-height:calc(100svh - 150px);grid-template-columns:1fr 1fr;padding:7vh 8% 8vh;gap:40px;position:relative}.hero>div:first-child{max-width:650px}.hero .eyebrow{color:#ead1a7}h1{font-size:clamp(56px,6.5vw,96px);line-height:1.3;margin:28px 0;letter-spacing:-1px;text-shadow:0 2px 30px #0006}.hero h1 em{color:#e5c49a}.hero p{color:#efe7d3;max-width:440px;line-height:2.1;font-size:14px;text-shadow:0 1px 8px #0007}.button{background:#e6d0a8;color:#242b1c;padding:16px 26px;transition:background .3s,transform .3s}.button:hover{background:#f5e6cb;transform:translateY(-3px)}.secondary-link{display:inline-block;font-size:12px;padding:16px 22px;color:#f3e5cb}.footnote{color:#d0bea1;margin-top:40px}.art{align-self:end;justify-self:end;padding:20px;border-top:1px solid #e6d0a866;max-width:290px;backdrop-filter:blur(8px);background:#151b1224}.art svg{display:none}.painting-caption{font-size:10px;line-height:2.2;color:#e0c9a2}.painting-caption strong{font:28px Amiri;display:block;color:#fff1d9}.painting-caption a{border-bottom:1px solid #b69d74}.scroll-cue{position:absolute;bottom:18px;left:50%;color:#e7d6b9;display:flex;flex-direction:column;align-items:center;font-size:9px;letter-spacing:2px;gap:10px}.scroll-cue i{display:block;width:1px;height:30px;background:#e7d6b9;transform-origin:top;animation:scroll-line 2s ease-in-out infinite}@keyframes scroll-line{0%,100%{transform:scaleY(.4);opacity:.4}50%{transform:scaleY(1);opacity:1}}.quote{margin:0;padding:40px 8%;border-color:#d4bc8b33;background:#151b13a8;backdrop-filter:blur(12px)}.quote p{font-size:29px;color:#eee4cc}.quote small{color:#c5ad85}.eyebrow{color:#d6b78b}h2{color:#f3ead6}em{color:#d1b083}p{color:#c0bca9}.heading>small{color:#bfb296}section:not(.hero){padding:85px 8%;scroll-margin-top:0}#readings,#start{background:#161c14ec}.filters{border-color:#e0cba22b}.filters button{color:#bfb59f;transition:background .3s,color .3s}.filters button.active{border-color:#c1a475;color:#f6e3bd;background:#d2b57c12}.filters input{border-color:#b19e714d;color:#f7edd8}.filters input::placeholder{color:#a49b84}.illustration{background:linear-gradient(135deg,#63614a,#272e23);border-color:#c6ae7640}.illustration span{color:#d4c49a;text-shadow:4px 4px #151b1266}.illustration:before{border-color:#b8a57355}.illustration:after{border-color:#b8a57355}.article:nth-child(2) .illustration{background:linear-gradient(135deg,#697262,#29362b)}.article:nth-child(3) .illustration{background:linear-gradient(135deg,#826d53,#3d3025)}.article h3{color:#f2e7d1}.meta{color:#bfa376}.article p{color:#b4b5a2}.read{color:#decca5;border-color:#d6c09633}.schools{margin:0;background:#293425e8!important;border-block:1px solid #c4b08833;backdrop-filter:blur(18px)}.school-detail{min-height:270px}.school-detail h3{color:#f2e7d1}.phi{color:#9eac81}li{border-color:#c0b39833}li h3{color:#e5d8b9}li b{color:#c6a672}.notebook{margin:0!important;padding:80px 8%!important;background:#1a2117ee;border-color:#b9ab9033}.paper{background:#c7b58f13;border-color:#c1b29155;box-shadow:6px 6px #b1986320}.paper label{color:#f2dfb8}.paper textarea{color:#eee5ce;background:repeating-linear-gradient(transparent 0 33px,#b7a98633 34px)}.paper textarea::placeholder{color:#9b9d88}.text-button{color:#d4b68b}.save-row button{background:#e3cba1;color:#242e1c}.save-row small{color:#bdad8b}footer{max-width:none;padding:35px 8%;background:#10170fed;border-color:#b4a68b44}footer p{color:#cfc5ac}footer>a,footer>small{color:#b4a17e}dialog{background:#1c2519;color:#f5e9cf;border-color:#bba07755;box-shadow:0 25px 120px #0009}dialog::backdrop{background:#080c08b8;backdrop-filter:blur(14px)}dialog h2{color:#f3e4c6}dialog p{color:#cbcbb6}dialog small{color:#d4b78b}#close{color:#e2c79b}dialog[open]{animation:dialog-in .45s cubic-bezier(.2,.7,.2,1)}@keyframes dialog-in{from{opacity:0;transform:translateY(25px) scale(.97)}to{opacity:1;transform:none}}.scroll-progress{position:fixed;top:0;right:0;height:2px;width:100%;background:#e2c79b;transform-origin:right;transform:scaleX(0);z-index:20;pointer-events:none}
.experience-intro{text-align:center;padding-block:90px 40px}.experience-intro h2{font-size:clamp(40px,5vw,67px);line-height:1.5}.experience-intro .eyebrow{margin-bottom:15px}.experience-intro p{max-width:520px;margin:18px auto 0}.experience-section{background:#11190fe8;backdrop-filter:blur(15px);padding-top:55px!important}.experience-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.experience-card{border:1px solid #d3b67c44;background:linear-gradient(140deg,#d6c19912,transparent);padding:30px;position:relative;display:flex;flex-direction:column;min-height:320px;transition:transform .5s,background .5s,border-color .5s}.experience-card:hover{transform:translateY(-8px);border-color:#dfc59a99;background:#d6c1991c}.experience-number{font:11px Georgia;letter-spacing:3px;color:#b8a179}.experience-icon{font:65px Georgia;color:#d4bb8c;margin:20px 0 8px}.experience-card h3{font:28px Amiri;margin-bottom:12px}.experience-card p{font-size:12px;flex:1}.experience-card button{display:flex;justify-content:space-between;background:none;border:0;border-top:1px solid #c7ab7744;color:#e3cba1;padding:15px 0 0;text-align:right;font-size:12px}.completed{color:#bdcd98;font-size:10px;min-height:20px}.experience-footer{display:flex;justify-content:space-between;align-items:center;margin-top:30px;gap:20px;font-size:11px;color:#c6b795}.journey-dots{display:flex;gap:8px;direction:ltr}.journey-dots i{width:7px;height:7px;border:1px solid #c3a875;border-radius:50%}.journey-dots i.done{background:#dfc59a}.gallery-moment{height:145vh;position:relative;padding:0!important;background:#0e140b1f}.moment-sticky{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(ellipse,#0b1109a6,transparent 75%);padding:5%}.moment-sticky h2{font-size:clamp(40px,6vw,80px);line-height:1.6;max-width:1000px;text-shadow:0 2px 35px #000}.moment-sticky p{color:#f5e7c8;font-size:13px}.moment-sticky small{color:#d1b58b;letter-spacing:2px}.experience-dialog{width:min(760px,94vw);padding:45px}.experience-dialog h2{font-size:35px;line-height:1.5}.experience-dialog p{line-height:2.1}.step-count{font:10px 'IBM Plex Sans Arabic';color:#bca071;display:block;margin:0 0 14px}.choice-list{display:grid;gap:12px;margin:25px 0}.choice-list button,.exp-next,.exp-reset{background:#d6bd8c12;color:#eee2c4;border:1px solid #d6bd8c55;padding:16px 20px;text-align:right;line-height:1.8;transition:background .25s,transform .25s}.choice-list button:hover{background:#d6bd8c2b;transform:translateX(-4px)}.exp-next{background:#dfc59a;color:#202d18;margin-top:20px;text-align:center}.exp-reset{font-size:12px;margin-top:20px}.response-box{padding:20px;background:#d3b67c0d;border-right:2px solid #d3b67c;margin:22px 0}.response-box h3{font:24px Amiri;color:#dec69b}.response-box p{font-size:13px;margin-bottom:0}.exp-textarea{width:100%;min-height:110px;border:1px solid #c1a67955;background:#ffffff05;color:#f2e6cb;padding:15px;line-height:2;resize:vertical}.exp-textarea:focus{outline:1px solid #dfc59a}.exp-error{color:#edc0a3;font-size:12px;min-height:20px;margin-top:8px}.answer-recap{font-size:12px;white-space:pre-wrap;padding:12px 16px;border-right:1px solid #ad986c;color:#c8b995}.exp-actions{display:flex;gap:12px;flex-wrap:wrap}.dialog-close{position:absolute;left:14px;top:8px;border:0;background:none;font-size:30px;color:#e2c79b}.reveal-ready .reveal{opacity:0;transform:translateY(40px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transition-delay:var(--delay,0ms)}.reveal-ready .reveal.visible{opacity:1;transform:translateY(0)}.hero>div:first-child{animation:hero-arrive 1.3s cubic-bezier(.16,1,.3,1) both}.hero .art{animation:hero-arrive 1.5s .2s cubic-bezier(.16,1,.3,1) both}@keyframes hero-arrive{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.motion-off *{animation:none!important;transition:none!important}.motion-off .reveal{opacity:1!important;transform:none!important}.motion-off .gallery-background{transform:none!important}.transition-content{animation:dialog-in .4s ease both}
@media(min-width:1600px){.hero{min-height:850px}.experience-section,#readings,#start,.notebook{padding-inline:max(8%,calc((100vw - 1320px)/2))!important}}@media(max-width:800px){header{padding-inline:5%;gap:15px}header .brand{font-size:38px}header nav{gap:12px}header nav a{font-size:11px}.hero{grid-template-columns:1fr;padding:60px 6% 80px;min-height:calc(100svh - 150px)}h1{font-size:clamp(49px,10vw,76px)}.hero .art{justify-self:start;max-width:100%;padding:12px 15px;display:block}.painting-caption strong{font-size:22px}.painting-caption br{display:none}.hero p{font-size:13px}.gallery-background{background-position:48% center}.gallery-shade{background:linear-gradient(90deg,#10130e60,#10130ea8),linear-gradient(0deg,#11150f99,transparent)}.quote{padding:30px 6%}.quote p{font-size:24px}section:not(.hero){padding:55px 6%}.experience-cards{grid-template-columns:1fr}.experience-card{min-height:260px;padding:25px}.experience-icon{position:absolute;left:25px;top:5px;font-size:50px}.experience-card h3{margin-top:30px}.experience-footer{align-items:start}.experience-intro{padding:65px 6% 20px}.gallery-moment{height:115vh}.moment-sticky h2{font-size:43px}.experience-dialog{padding:45px 23px}.experience-dialog h2{font-size:29px}.notebook{padding:50px 6%!important}.scroll-cue{left:8%;bottom:24px}.school-detail{min-height:230px}}@media(prefers-reduced-motion:reduce){.reveal-ready .reveal{opacity:1;transform:none}.gallery-background{transform:none!important}*{animation:none!important;transition:none!important}}