:root{color-scheme:light;--paper:var(--akatos-paper,#f6f0e3);--ink:var(--akatos-ink,#193f4e);--rust:var(--akatos-accent,#9e4636);background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-underline-offset:6px}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--rust);outline-offset:6px}h1,h2,p{margin:0}.skip{position:fixed;top:12px;left:12px;z-index:90;background:var(--paper);padding:14px;transform:translateY(-180%)}.skip:focus{transform:none}.navigation{position:fixed;top:0;left:0;width:100%;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:20px 5vw;pointer-events:none}.navigation a{pointer-events:auto;text-decoration:none}.wordmark{font:27px Georgia,serif}.navigation>div{display:flex;align-items:center;gap:24px;font-size:12px}.navigation>div a{display:flex;align-items:center;min-height:40px}.navigation .join-link{gap:20px;padding:0 17px;background:#f6f0e3e8;border:1px solid #193f4e22;border-radius:2px}.navigation:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#f6f0e3c7,#f6f0e300);opacity:0;transition:opacity .25s}body.past-hero .navigation:before{opacity:1}
.journey{height:100svh;position:relative}.motion-intent .journey{height:255svh}.scene{height:100svh;position:sticky;top:0;overflow:hidden;background:#c7d9d6;isolation:isolate}.still,.still img,canvas,.readability{position:absolute;inset:0;width:100%;height:100%}.still img{object-fit:cover}.readability{pointer-events:none;background:linear-gradient(90deg,#faf1db55,transparent 55%)}canvas{opacity:0;transition:opacity .3s;display:block}.ready canvas{opacity:1}.hero-copy{position:absolute;left:7vw;top:18svh;pointer-events:none;will-change:opacity,transform}.hero-copy h1{font:400 clamp(80px,9vw,146px)/.94 Georgia,serif;letter-spacing:-.065em}.hero-copy em{color:var(--rust);font-weight:400}.study-controls{position:absolute;left:24px;bottom:22px;display:none;gap:4px;background:#f6f0e3c9;border-radius:3px;padding:2px 4px;font-size:11px}.ready .study-controls{display:flex}.study-controls button{border:0;background:none;color:var(--ink);cursor:pointer;min-height:38px;padding:6px 12px}.study-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.hero-next{position:absolute;bottom:24px;right:5vw;font-size:12px;display:flex;gap:24px;align-items:center;min-height:40px;text-decoration:none;background:#f6f0e3cc;padding:0 15px}.fallback .journey{height:100svh}
.about{padding:130px 7vw 80px;text-align:center;position:relative;scroll-margin-top:40px;min-height:65svh;background:var(--paper)}.section-mark{font-size:11px;letter-spacing:.06em;margin-bottom:30px;color:#677976}.about h2{font:400 clamp(44px,6.5vw,94px)/1.05 Georgia,serif;letter-spacing:-.055em;margin-bottom:28px}.definition-wrap{position:relative;width:fit-content;max-width:100%;margin:auto}.definition-trigger{padding:0;border:0;background:none;font:inherit;letter-spacing:inherit;color:inherit;text-decoration:underline dotted;text-decoration-color:#9e463677;text-underline-offset:9px;text-decoration-thickness:1px;cursor:help}.dictionary{position:absolute;top:calc(100% + 2px);left:50%;transform:translateX(-50%);z-index:15;background:#fffaf0;border:1px solid #cbbb9c;width:min(370px,86vw);padding:22px 25px;text-align:left;box-shadow:0 15px 35px #193f4e18;font-size:14px;line-height:1.6}.dictionary-head{display:flex;gap:12px;align-items:baseline;margin-bottom:10px}.dictionary strong{font:27px Georgia,serif}.dictionary-head span,.dictionary-head i{font:14px Georgia,serif}.community{font:clamp(19px,2.3vw,30px)/1.5 Georgia,serif;color:#50686c}.down-link{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;text-decoration:none;font-size:22px;margin-top:32px}
.house-track{height:310svh}.house-scene{height:100svh;min-height:610px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 70% 60%,#efe3c44d,transparent 64%),var(--paper)}.principle-copy{position:absolute;left:7vw;top:15%;width:32%;z-index:3}.principle-copy .section-mark{margin-bottom:22px}.principle-copy h2{font:400 clamp(45px,5.5vw,84px)/1.05 Georgia,serif;letter-spacing:-.05em}.principle-copy h2 span{display:block;color:#80908a;transition:color .25s}.principle-copy h2 span.active,.principle-copy h2 span.complete{color:var(--ink)}.principle-copy h2 span.active{color:var(--rust)}.narration{position:relative;margin-top:30px;min-height:150px;font-size:clamp(16px,1.5vw,20px);line-height:1.6;max-width:330px}.narration p{transition:opacity .1s}.concoction{position:absolute;inset:0;opacity:0;visibility:hidden}.concoction em{font:italic 1.5em Georgia,serif;color:var(--rust);display:block;margin-top:5px}.house-art{position:absolute;left:42%;right:2%;bottom:16%;aspect-ratio:3/2;isolation:isolate}.house-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.house-back{clip-path:inset(35% 0 0);opacity:0;z-index:1}.house-roof{clip-path:inset(0 0 65%);transform:translateY(-9%);opacity:0;z-index:4}.sun-glow{position:absolute;inset:0;background:radial-gradient(ellipse,#f1d39166,transparent 65%);opacity:0}.house-ground{position:absolute;left:8%;right:8%;bottom:10%;height:3%;background:#7c90892e;filter:blur(8px);border-radius:50%;z-index:1}.pillar-field{position:absolute;inset:35% 0 10%;z-index:3;overflow:hidden}.pillar-slot{position:absolute;top:0;bottom:0;width:15%;overflow:hidden}.pillar-one{left:14%}.pillar-two{left:42.5%}.pillar-three{left:71%}.rising-pillar{position:absolute;inset:0;transform:translateY(73%);will-change:transform}.rising-pillar img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.pillar-captions{position:absolute;left:50%;right:8%;bottom:12%;display:flex;justify-content:space-between;gap:10px;font:14px Georgia,serif;color:#647d7d;transition:opacity .3s}.house-bottom{position:absolute;bottom:28px;left:7vw;right:7vw;display:flex;justify-content:space-between;font-size:11px;color:#6c7e7a}.house-instruction{display:flex;gap:18px}.house-count{letter-spacing:.2em}
.invitation{padding:85px 7vw 115px;scroll-margin-top:60px;text-align:center}.closing{font:400 clamp(23px,3vw,40px)/1.4 Georgia,serif;letter-spacing:-.02em;max-width:710px;margin:0 auto 65px}.invitation-rule{width:50px;border-top:1px solid #baae91;margin:0 auto 70px}.invitation h2{font:400 clamp(55px,8vw,112px)/.98 Georgia,serif;letter-spacing:-.055em;margin-bottom:45px}.invitation h2 em{color:var(--rust);font-weight:400}.invitation-links{display:flex;gap:32px;align-items:center;justify-content:center;font-size:14px}.primary-link{background:var(--ink);color:var(--paper);padding:18px 25px;display:inline-flex;gap:28px;text-decoration:none}.thesis-link{display:inline-flex;gap:16px;align-items:center;min-height:48px}footer{display:flex;align-items:center;justify-content:space-between;padding:25px 7vw;border-top:1px solid #193f4e20}footer>a:first-child{font:26px Georgia,serif;text-decoration:none}footer>a:last-child{font-size:11px;color:#687b7b}
@media(max-width:700px){.navigation{padding:14px 6vw}.wordmark{font-size:23px}.navigation>div{gap:17px;font-size:11px}.navigation .join-link{padding:0 12px;gap:15px;min-height:36px}.motion-intent .journey{height:245svh}.hero-copy{left:7vw;top:15svh}.hero-copy h1{font-size:clamp(72px,16vw,112px)}.readability{background:linear-gradient(#faf1db18,transparent 45%)}.hero-next{font-size:10px;right:5vw;gap:16px;bottom:20px;padding:0 10px}.study-controls{left:5vw;bottom:20px;font-size:10px}.study-controls button{padding:6px 9px;min-height:36px}.about{min-height:60svh;padding:95px 6vw 65px}.about .section-mark{font-size:10px;margin-bottom:25px}.about h2{font-size:clamp(38px,10.5vw,60px)}.community{font-size:21px}.house-track{height:310svh}.house-scene{min-height:570px}.principle-copy{top:13%;left:7%;width:86%;text-align:left}.principle-copy .section-mark{font-size:10px;margin-bottom:16px}.principle-copy h2{font-size:clamp(34px,10vw,48px);line-height:1.08;max-width:400px}.principle-copy h2 span{display:inline}.narration{font-size:15px;line-height:1.5;margin-top:18px;min-height:110px;max-width:300px}.concoction em{display:inline;font-size:1.2em;margin:0}.house-art{left:-5%;right:-5%;bottom:13%;}.pillar-captions{left:13%;right:13%;bottom:10%;font-size:12px}.house-bottom{bottom:22px;font-size:10px}.invitation{padding:65px 7vw 80px}.closing{font-size:26px;margin-bottom:45px}.invitation-rule{margin-bottom:50px}.invitation h2{font-size:clamp(52px,13vw,72px);margin-bottom:33px}.invitation-links{flex-direction:column;gap:15px}.primary-link{min-width:190px;justify-content:space-between}footer{padding:22px 7vw}}
@media(max-height:650px) and (max-width:700px){.principle-copy{top:12%}.principle-copy h2{font-size:32px}.principle-copy .section-mark{margin-bottom:12px}.narration{font-size:14px;margin-top:12px;max-width:285px}.house-art{left:1%;right:1%;bottom:12%}.house-scene{min-height:540px}}
@media(prefers-reduced-motion:reduce){.motion-intent .journey,.journey{height:100svh}.house-track{height:auto}.house-scene{position:relative}.study-controls,.house-instruction{display:none!important}canvas{transition:none}.rising-pillar{will-change:auto}}
/* Position the untouched transparent artwork by its painted bounds. */
.pillar-slot{width:10%}.pillar-one{left:13%}.pillar-two{left:45%}.pillar-three{left:77%}.rising-pillar img{width:326%;height:103%;max-width:none;left:-111%;top:-1.3%}

@media(prefers-reduced-motion:reduce){.narration .ingredients{opacity:1!important;visibility:visible!important}.narration .concoction{position:relative;margin-top:18px}.house-scene{min-height:680px}.house-instruction{opacity:0}}