@font-face{font-family:HatoDisplay;src:url('/fonts/hato-display.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:HatoMono;src:url('/fonts/hato-mono.ttf') format('truetype');font-weight:500;font-display:swap}
:root{--red:#d84432;--ink:#20231f;--gold:#b98b3e;--ease:cubic-bezier(.2,.7,.1,1);--mono:HatoMono,monospace}
.wordmark>span:last-child{font-family:HatoDisplay,var(--sans);font-weight:400;font-size:20px;letter-spacing:.03em}.wordmark small{font-family:var(--mono);letter-spacing:.12em;font-size:8px;line-height:2.6}.mark{font-size:43px}.header nav{font-size:13px}.nav-join{font-size:12px;border-color:#b9b4a4}.hero{margin:0;max-height:none;min-height:830px;height:calc(100svh - 96px);padding:0 5%;background:#121d1c;color:#f5f0de;overflow:hidden;--scroll:0;--phase:0;--intro:1;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 78% 46%,#c79e4830,transparent 53%),linear-gradient(135deg,#12221e,#10201e 55%,#201c1b);z-index:-6}.hero-grid{z-index:-5;opacity:.3;background:linear-gradient(90deg,transparent calc(25% - 1px),#8a9c7d35 25%,transparent calc(25% + 1px),transparent calc(75% - 1px),#8a9c7d35 75%,transparent calc(75% + 1px));inset:0 5%}.hero-field{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;opacity:.75}.light-pillar{position:absolute;right:29%;top:0;height:100%;width:2px;z-index:-3;background:linear-gradient(transparent,#e6ca8c70 27%,#e6ca8c 50%,#e6ca8c40 80%,transparent);transform:scaleY(var(--intro));transform-origin:50% 50%;opacity:.35;transition:transform 1.2s var(--ease)}.light-pillar:after{content:"";position:absolute;left:-44px;width:90px;height:100%;background:linear-gradient(90deg,transparent,#dcc88b0d,transparent)}.hero-meta{position:relative;z-index:6;padding-top:26px;font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:#aebaac}.hero-meta span:first-child{font-size:10px}.hero-meta i{background:#e5ba61;box-shadow:none}.hero-copy{padding-top:96px;z-index:5;width:52%}.hero-copy .eyebrow{color:#d9c595;font-size:12px;letter-spacing:.15em}.dash{background:#dd6c4d;width:25px}h1{font-family:HatoDisplay,var(--sans);font-weight:400;font-size:clamp(48px,5.5vw,89px);line-height:1.3;letter-spacing:-.055em;text-shadow:none;transform:translate3d(0,calc(var(--scroll)*-35px),0)}h1 .title-line{display:block;font-size:1em;color:inherit;white-space:nowrap;position:relative;overflow:visible}h1 .title-line:after{display:none}h1 b{font-weight:400;color:#ee654d;text-shadow:2px 2px 0 #451f1970}.hero-desc{font-size:14px;line-height:2.15;letter-spacing:.04em;margin:30px 0}.hero .button.dark{background:#bd3b2d;color:#fff9e8;min-height:58px;gap:48px;font-size:13px;font-weight:600}.hero .button.dark:hover{background:#fa7656}.hero-note{font-size:9px;color:#98a79b;margin-top:14px}.hero-community{color:#c6ceb8;font-size:11px;margin-top:20px}.hero-community a{color:#e4be73;border-bottom-color:#ad8649}.hero-art{inset:36px -2% 65px 45%;z-index:0;perspective:1000px}.hero-art .hato{animation:none;filter:none;object-fit:contain;transform:translate3d(calc(var(--scroll)*-28px),calc(var(--scroll)*28px),0) rotate(calc(-7deg + var(--scroll)*5deg)) scale(calc(1 + var(--scroll)*.04));transition:transform .15s linear;z-index:2}.halo{background:#d7b66c;border:1px solid #f4d89670;box-shadow:none;width:72%;left:14%;top:14%;transform:scale(calc(.85 + var(--intro)*.15 + var(--scroll)*.15));transition:transform 1.2s var(--ease),opacity .6s var(--ease);z-index:-1}.halo:before{content:"";position:absolute;inset:8%;border:1px solid #6d552a55;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0deg 19.8deg,#fbe8a435 20deg 20.2deg,transparent 20.4deg 40deg);opacity:.7}.halo:after{content:"";position:absolute;inset:-12%;border:1px solid #d6b66b55;border-radius:50%;transform:rotate(-25deg)}.orbital{border-color:#c1b38940;transition:transform 1.2s var(--ease);z-index:-1}.orbital:after{background:#e96b4c}.orbital-outer{transform:rotate(calc(30deg + var(--scroll)*35deg)) scale(calc(1 + var(--scroll)*.12))}.orbital-inner{transform:rotate(calc(-22deg - var(--scroll)*22deg))}.art-type{color:#bbc3a624;right:3%;font:clamp(100px,13vw,200px)/1.05 HatoDisplay,var(--sans);z-index:-1;letter-spacing:-.04em;transform:translate3d(0,calc(var(--scroll)*-70px),0)}.art-label{color:#d4c99f;font-family:var(--mono);font-size:8px;left:1%;z-index:3}.art-label b{color:#a0ad9b;font-family:var(--mono);font-size:7px}.shide{filter:none;opacity:.7;z-index:1}.star{color:#e3c480;z-index:3}.manifest{width:115px;height:115px;z-index:6;background:#12241fe6;color:#ddd2ae;border-color:#bc9a58;box-shadow:none;bottom:2%;right:8%;pointer-events:auto}.manifest>span:first-child,.manifest b,.manifest-arrow{color:#d7b96e}.manifest b{font-family:HatoDisplay,var(--sans);font-size:22px;letter-spacing:.05em}.hero-bottom{left:5%;right:5%;z-index:7;color:#8d9c8e;font-family:var(--mono);font-size:8px;bottom:22px}.hero-bottom a{color:#e7dec0;font-size:10px}.hero-bottom>span:last-child{color:#a9b69b}.scene-controls{display:flex;align-items:center;gap:14px}.scene-controls>span{color:#d2b771;margin-right:8px;font-size:10px;min-width:45px}.scene-controls button{font-family:var(--mono),var(--sans);font-size:9px;color:#a8b5a0;background:transparent;border:0;border-bottom:1px solid transparent;padding:5px 0;white-space:nowrap}.scene-controls button[aria-pressed=true]:not(#motion-toggle){color:#efdbc0;border-bottom-color:#e16b4c}.scene-controls #motion-toggle{margin-left:12px;color:#a0b19f;border-left:1px solid #83937b50;padding-left:15px;font-family:var(--sans);font-size:9px}.hero[data-scene="1"] .halo{opacity:.78;transform:scale(1.13)}.hero[data-scene="1"] .orbital-inner{transform:rotate(80deg) scale(1.05)}.hero[data-scene="2"] .halo{opacity:.9;transform:scale(1.05)}.hero[data-scene="2"] .orbital-outer{transform:rotate(-10deg) scale(1.13)}.offering-orbit{position:absolute;inset:0;z-index:4;pointer-events:none}.orbit-offering{position:absolute;display:block;width:157px;clip-path:polygon(0 15%,50% 0,100% 15%,100% 100%,0 100%);padding:27px 14px 15px;background:#f2dfb8;color:#4b3a29;font-size:11px;line-height:1.75;pointer-events:auto;opacity:0;transform:translate3d(80px,40px,0) rotate(-12deg) scale(.65);transition:transform 1.2s var(--ease),opacity .6s var(--ease);text-decoration:none;box-shadow:none}.orbit-offering:nth-child(1){left:1%;top:22%;--r:-9deg}.orbit-offering:nth-child(2){right:4%;top:8%;--r:7deg}.orbit-offering:nth-child(3){right:4%;bottom:14%;--r:-4deg}.orbit-offering:nth-child(4){left:3%;bottom:12%;--r:8deg}.orbit-offering small{display:block;font:7px/1.7 var(--mono),var(--sans);margin-top:9px;color:#8e6b3c}.orbit-offering strong{font-weight:500;display:block;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero[data-scene="1"] .orbit-offering,.hero[data-scene="2"] .orbit-offering{opacity:1;transform:translate3d(0,0,0) rotate(var(--r)) scale(1)}.hero .orbit-offering:hover{transform:translate3d(0,-6px,0) rotate(0) scale(1.05)}[data-divine=true] .hero-art .hato{filter:none;transform:translate3d(0,-3%,0) rotate(-3deg) scale(1.045)}[data-divine=true] .hero .halo{box-shadow:none;transform:scale(1.14)}[data-divine=true] .hero .manifest{background:#b13d2b;color:#f7e2b1}.ticker{padding:18px 0;background:#db4d36}.ticker>div{font-family:HatoDisplay,var(--sans);font-size:24px;letter-spacing:.02em;line-height:1.4}.ticker span{margin:0 38px;color:#f7ce87}.section-heading h2,.about h2,.join-copy h2,.oracle-intro h2{font-family:HatoDisplay,var(--sans);font-weight:400;font-size:clamp(36px,4.1vw,60px);line-height:1.4;letter-spacing:-.035em}.section-heading .eyebrow,.section-kicker>span:first-child,.eyebrow,.gallery-tools,.work-byline{font-family:var(--mono),var(--sans);font-weight:500;letter-spacing:.08em}.section-kicker{font-size:10px}.section-kicker span:last-child{font-size:12px}.section-heading>div:last-child{font-size:14px;line-height:2.1}.about-copy p{font-size:14px;line-height:2.05}.about-copy .lead{font-size:24px}.button{font-size:13px}.text-link{font-size:13px}.ema-create{padding-top:60px}.ema-form h3{font:700 25px/1.6 var(--sans);letter-spacing:-.03em}.ema-item{transform:rotate(-2deg);transition:transform .6s var(--ease)}.ema-item:hover{transform:rotate(0) translateY(-8px)}.ema-item.arriving{animation:hang .9s var(--ease) both}.ema-board{padding-top:63px}.ema-board p{font-size:21px;line-height:1.8}.work h3{font-family:var(--sans);font-weight:700;font-size:22px;letter-spacing:-.03em}.work-description{font-size:13px;line-height:1.9}.work-creator{font-size:11px}.work-preview .work-big{font-family:HatoDisplay,var(--sans);font-size:37px;line-height:1.4;letter-spacing:-.04em}.project-steps h3{font-family:var(--sans);font-weight:700}.project-steps p{font-size:12px}.join-copy>p:not(.eyebrow){font-size:14px}.submission-form .form-top h3{font-family:var(--sans);font-weight:700;font-size:22px}.oracle-section{background:#12231e}.oracle-intro>p:last-of-type{font-size:14px}.takeaway h2{font-family:var(--sans);font-weight:700;font-size:29px}.privacy p{font-size:11px}.privacy{grid-template-columns:1fr 3fr}form>label{font-size:13px}.hero[data-motion=paused] .ticker>div{animation-play-state:paused}html[data-motion=paused] .ticker>div,html[data-motion=paused] .star{animation-play-state:paused}.hero[data-motion=paused] .hato{transition:none}.hero[data-motion=paused] .orbit-offering{transition:none}@keyframes hang{from{transform:translateY(-35px) rotate(12deg);opacity:0}65%{transform:translateY(0) rotate(-5deg);opacity:1}to{transform:translateY(0) rotate(-2deg);opacity:1}}
@media(max-width:1100px){.hero{height:calc(100svh - 85px);min-height:770px}.hero-copy{padding-top:110px}.hero-art{left:43%;right:-5%}.hero-desc{font-size:13px}.scene-controls{gap:10px}.scene-controls #motion-toggle{margin-left:0;padding-left:10px}.orbit-offering{width:135px;font-size:10px}.hero-bottom>span:last-child{display:none}}
@media(max-width:760px){.wordmark>span:last-child{font-size:17px}.wordmark small{font-size:6px}.header{margin:0 5%}.header .nav-join{font-size:10px}.hero{min-height:0;height:auto;margin:0;padding:0 5% 90px;max-height:none}.hero:before{background:radial-gradient(ellipse at 67% 43%,#bba15d33,transparent 58%),linear-gradient(#14261f,#111f1e)}.hero-meta{padding-top:20px}.hero-meta span:first-child{font-size:8px}.hero-copy{width:100%;padding-top:35px;pointer-events:none}.hero-copy .eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:21px}.hero h1{font-size:clamp(39px,8.8vw,64px);line-height:1.33;z-index:7;letter-spacing:-.065em}.hero-desc{font-size:12px;max-width:85%;margin-top:365px;line-height:2.05}.hero-copy>.button{font-size:12px;min-height:54px;padding:15px 18px;gap:35px}.hero-art{inset:auto -5% auto 12%;top:155px;height:515px;z-index:2;pointer-events:none}.hero-art .hato{transform:translate3d(calc(8% - var(--scroll)*15px),calc(var(--scroll)*12px),0) rotate(calc(-7deg + var(--scroll)*3deg)) scale(calc(1 + var(--scroll)*.02));width:100%;height:100%;object-fit:contain;object-position:right center}.hero .halo{width:75%;left:19%;top:15%}.hero .orbital{left:11%;top:8%;width:93%}.hero .orbital-outer{left:6%;width:106%;top:4%}.hero .art-type{right:3%;font-size:108px;top:12%;color:#d6d5b51c}.hero .art-label{font-size:6px;left:1%;bottom:15%}.hero .art-label b{font-size:5px}.hero .manifest{width:90px;height:90px;bottom:-61px;right:8%;font-size:9px;background:#14241fe8}.hero .manifest b{font-size:17px}.hero .manifest>span:first-child{font-size:20px}.hero .manifest-arrow{right:12px;top:12px}.hero-community{font-size:9px;line-height:1.9;max-width:90%;margin-top:18px}.hero-community a{margin-left:8px}.hero-note{font-size:8px;margin-top:12px}.hero-bottom{bottom:18px;left:5%;right:5%;display:block}.hero-bottom>a{display:none}.scene-controls{justify-content:space-between;gap:8px}.scene-controls>span{font-size:8px;min-width:36px;margin:0}.scene-controls button{font-size:8px}.scene-controls #motion-toggle{font-size:8px;padding-left:8px}.hero .s1{top:16%;left:18%;font-size:22px}.hero .s2{font-size:31px}.hero .s3{bottom:16%;left:10%}.light-pillar{right:30%;opacity:.2}.offering-orbit{inset:0;z-index:5}.orbit-offering{width:115px;font-size:9px;padding:23px 10px 12px;line-height:1.65}.orbit-offering small{font-size:6px;line-height:1.6}.orbit-offering:nth-child(1){left:-4%;top:43%;--r:-8deg}.orbit-offering:nth-child(2){right:5%;top:5%;--r:7deg}.orbit-offering:nth-child(n+3){display:none}.ticker{padding:16px 0}.ticker>div{font-size:20px}.ticker span{margin:0 26px}.section-heading h2,.about h2,.join-copy h2,.oracle-intro h2{font-size:39px;line-height:1.4}.section-heading>div:last-child{font-size:13px}.section-kicker{font-size:8px}.section-kicker span:last-child{font-size:10px}.eyebrow{font-size:9px}.ema-board p{font-size:17px;line-height:1.8}.ema-form h3{font-size:22px;line-height:1.6}.about-copy .lead{font-size:22px}.about-copy p{font-size:13px;line-height:2.05}.work h3{font-size:20px}.work-description{font-size:12px}.work-preview .work-big{font-size:34px}.join-copy>p:not(.eyebrow){font-size:13px}.oracle-intro>p:last-of-type{font-size:13px}.privacy{grid-template-columns:1fr}.privacy p{font-size:10px}.takeaway h2{font-size:24px}.text-link{font-size:12px}.hero[data-scene="1"] .halo{transform:scale(1.12)}[data-divine=true] .hero-art .hato{transform:translate3d(8%,-2%,0) rotate(-3deg) scale(1.03)}}
@media(max-width:360px){.hero-art{height:475px;top:160px}.hero-desc{margin-top:328px}.orbit-offering{width:105px;font-size:8px}.hero .manifest{bottom:-65px}.hero h1{font-size:39px}.scene-controls{gap:5px}.scene-controls #motion-toggle{font-size:7px;padding-left:5px}}
@media(prefers-reduced-motion:reduce){html:not([data-motion=playing]) .hero .hato,html:not([data-motion=playing]) .halo,html:not([data-motion=playing]) .orbital,html:not([data-motion=playing]) .orbit-offering,html:not([data-motion=playing]) h1,html:not([data-motion=playing]) .art-type{transform:none!important;transition:none!important}html:not([data-motion=playing]) .hero .hato{transform:rotate(-7deg)!important}html:not([data-motion=playing]) .hero .offering-orbit .orbit-offering{opacity:1;transform:rotate(var(--r))!important}html:not([data-motion=playing]) .hero-field,html:not([data-motion=playing]) .light-pillar{display:none}html:not([data-motion=playing]) .ticker>div,html:not([data-motion=playing]) .ema-item.arriving{animation:none!important}html:not([data-motion=playing]) .scene-controls>span{visibility:hidden}}
.wordmark>span:last-child{font-family:var(--sans);font-weight:800;font-size:21px;letter-spacing:.06em}.scene-controls button,.scene-controls>span{font-size:11px}.scene-controls #motion-toggle{font-size:10px}@media(max-width:760px){.wordmark>span:last-child{font-size:17px}.scene-controls button,.scene-controls>span{font-size:9px}.scene-controls #motion-toggle{font-size:9px}}
/* An original sacred-forest environment, not a shrine icon on paper. */
.header{margin:0;padding:0 5%;background:#0f1c17;color:#f2e5c1;border-bottom:1px solid #c6af7429}.header nav{color:#d8d4bd}.header .nav-join{border-color:#9f8a5966}.hero:before{inset:-3%;background:linear-gradient(90deg,#071710dd 0%,#0b1c13a6 35%,#10201415 65%,#0b1b1440 100%),linear-gradient(0deg,#0f211acc,transparent 36%,#09160d20),url('/assets/shrine.webp') 66% center/cover no-repeat;transform:scale(calc(1.015 + var(--scroll)*.05));transition:transform .12s linear}.hero-grid{opacity:.12}.hero .halo{background:radial-gradient(ellipse,#ffde8c25,transparent 72%);border:0;opacity:.7}.hero .halo:before{opacity:.12;background:transparent}.hero .halo:after{opacity:.15}.hero .orbital{opacity:.35}.hero .art-type{color:#d4c2931a}.hero .shide{display:none}.hero .manifest{background:#0d201acc}.hero .star{opacity:.6}.hero-copy{filter:drop-shadow(0 2px 8px #04120c40)}.ema-section{color:#eee4c9;background:linear-gradient(#10261de8,#10241ded),url('/assets/shrine.webp') center center/cover no-repeat}.ema-section .section-kicker{border-color:#abb09140;color:#c8bf9f}.ema-section .eyebrow{color:#d9bd80}.ema-section .text-link{border-color:#c8c6a577}.ema-section .section-heading h2 em{color:#dfa96a}.ema-section .ema-create{border-color:#abb09140}.ema-section .ema-form>label>span,.ema-section .consent>span,.ema-section .form-status,.ema-section .ema-preview-wrap>p:last-of-type{color:#c6cbb9}.ema-section .theme-choices label span{color:#e9dcb9!important}.ema-section .button.dark{background:#bd3b2d;color:#fff2d2}.ema-section .ema-item-actions{color:#c4c8af}.ema-section .ema-local-actions{color:#efddb3}.ema-section .empty-wall p{color:#c4c8af}.ema-section .ema-wall{border-top-color:#8b6940}.ema-section .ema-board{color:#4a3423}.ema-section .ema-board[data-theme=shuiro],.ema-section .ema-board[data-theme=yoru]{color:#f5e4bd}
@media(max-width:760px){.header{margin:0;padding:0 5%}.hero:before{background:linear-gradient(180deg,#071911b8,#10231333 32%,#0b1d1699 67%,#0c2119ed 88%),url('/assets/shrine-mobile.webp') 72% center/cover no-repeat}.hero-copy{filter:none}.scene-controls{font-size:10px}.ema-section{background-position:68% center}}

footer{gap:24px}footer>a:not(.wordmark){font-size:11px;white-space:nowrap}footer>a:hover{color:var(--red)}@media(max-width:760px){footer{gap:18px}footer>a:not(.wordmark){font-size:10px}.ema-local-actions{gap:16px;flex-wrap:wrap}.ema-local-actions .quiet-button{font-size:10px}}
