/* Interaction layer: all scroll poses are deterministic, with no opacity animation. */
body{padding-top:112px}html{scroll-padding-top:110px}.ui-icon{width:20px;height:20px;flex:0 0 20px;stroke-width:1.75;vertical-align:middle}.cta-icon{transition:transform .24s var(--ease)}
.button{min-height:54px;gap:16px;padding:14px 22px;border-radius:11px;transition:background .2s,border-color .2s,box-shadow .2s;font-weight:600}.button:hover{transform:none;box-shadow:0 5px 18px #780d2714}.button:hover .cta-icon,.text-link:hover .cta-icon{transform:translateX(4px)}.text-link{min-height:44px;gap:11px}.button-small{min-height:44px;padding:11px 16px;font-size:12px}.button .cta-label{font-size:inherit;line-height:inherit;transform:none}.label-mobile{display:none}.text-link svg{color:var(--wine)}.hero-scroll{min-height:44px}.hero-scroll>span{width:30px;height:30px}.hero-scroll .ui-icon{width:15px;height:15px}.footer-bottom>a{display:flex;gap:9px;align-items:center;min-height:44px}.footer-bottom>a svg{width:16px;height:16px}.art-start b .ui-icon{width:24px;height:24px}.art-perspective b{top:28px;left:49px}.values article>span svg{width:21px;height:21px}.experience-footnote>span svg{width:16px;height:16px}.poster-corner svg{width:25px;height:25px}
.header{--nav-height:76px;position:fixed;top:16px;left:50%;transform:translateX(-50%);width:min(1160px,calc(100% - 48px));height:var(--nav-height);z-index:50;background:#fffffff5;border:1px solid #ece3e7;border-radius:17px;box-shadow:0 6px 28px #3d152108;backdrop-filter:blur(18px)}.header:after{left:18px;right:18px;bottom:0;height:2px;border-radius:2px;background:#96354d}.header .nav-wrap{width:100%;padding-inline:24px;gap:28px}.header .brand img{width:119px;height:auto}.desktop-nav{margin-inline:auto;gap:27px}.desktop-nav a{min-height:44px;display:flex;align-items:center;font-size:12px;color:#66535d}.nav-actions{gap:12px}.mobile-menu summary span{display:none}.mobile-menu summary .menu-close-icon{display:none}.mobile-menu[open] summary .menu-open-icon{display:none}.mobile-menu[open] summary .menu-close-icon{display:block}.mobile-menu nav{border-radius:0 0 16px 16px;border:1px solid var(--line);border-top:0;box-shadow:0 15px 25px #3d0c1508;overflow:hidden}.mobile-menu summary{list-style:none}
.hero-scroll-shell{position:relative}.hero.is-cinematic{height:calc(100svh - 112px);min-height:530px;max-height:900px;display:block;padding:0;overflow:clip;isolation:isolate}.hero.is-cinematic .hero-copy{position:absolute;left:0;top:50%;transform:translateY(-50%);width:52%;padding-bottom:40px;z-index:3}.hero.is-cinematic .hero-art{position:absolute;left:52%;top:0;width:48%;height:100%;min-height:0;max-width:none;margin:0;z-index:1;overflow:clip}.hero.is-cinematic .portal-stage{inset:0}.hero.is-cinematic .hero-scroll{position:absolute;left:0;bottom:15px;z-index:4}.hero.is-cinematic .art-caption{bottom:32px}.hero.is-cinematic .art-label{white-space:nowrap}.hero.is-cinematic .label-idea{left:2%;top:14%}.hero.is-cinematic .label-together{right:2%;bottom:22%}.hero.is-cinematic .orbit-one{inset:54% 0 16% 0}.hero.is-cinematic .orbit-two{inset:23% 5% 9% 12%}.hero.is-cinematic .art-grid{inset:0}
.portal-canvas{opacity:1;visibility:hidden;transition:none}.portal-fallback{opacity:1;visibility:visible;transition:none}.portal-stage.is-ready .portal-canvas{visibility:visible;opacity:1}.portal-stage.is-ready .portal-fallback{visibility:hidden;opacity:1}.art-links:before,.art-links:after{scale:var(--link-scale,1) 1;transform-origin:center}.network-node{transform-box:fill-box}.experience-panel{overflow:clip}.culture{overflow:clip;overflow-clip-margin:35px}.closing-arch{width:500px;height:540px;top:30px;border:0;border-radius:0;transform:translateX(-50%)}.closing-arch:before,.closing-arch:after{display:none}.closing-arch svg{width:100%;height:100%;overflow:visible}.closing-outline{fill:none;stroke:#e9d9df;stroke-width:1;vector-effect:non-scaling-stroke}.closing-outline.inner{stroke:#f1e7eb}.step-marker{transition:none}.questions summary{min-height:72px;padding:23px 0;align-items:center}.faq-icon{flex:0 0 20px;color:#8d5265;transform-origin:center}.questions details[open] .faq-icon{transform:rotate(45deg)}.faq-answer{display:flow-root}.questions details .faq-answer p{padding:0 35px 25px 0;margin:0}.motion-toggle{min-height:44px}
@media(max-width:1100px){.header .nav-wrap{gap:18px;padding-inline:20px}.desktop-nav{gap:20px}.hero.is-cinematic .hero-copy{width:55%}.hero.is-cinematic .hero-art{left:51%;width:49%}.hero.is-cinematic .actions{gap:16px}.hero.is-cinematic .hero-intro{max-width:365px}}
@media(max-width:820px){body{padding-top:96px}.header{top:12px;width:calc(100% - 32px);height:64px;border-radius:14px}.header .nav-wrap{padding-inline:15px;gap:14px}.header .brand img{width:112px}.mobile-menu summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:var(--wine)}.mobile-menu summary svg{width:22px;height:22px}.mobile-menu nav{top:62px;left:-1px;right:-1px;padding:0 20px}.mobile-menu nav a{padding:14px 0;min-height:49px}.mobile-menu nav a:first-child{padding-top:20px}.mobile-menu nav a:last-child{padding-bottom:20px}.hero{padding-top:34px}.hero-art{min-height:430px}.portal-stage{inset:0}.hero .label-together{bottom:17%}.culture{overflow-clip-margin:20px}}
@media(max-width:560px){.header{width:calc(100% - 24px)}.header .nav-wrap{padding-inline:11px;gap:10px}.header .brand img{width:101px}.nav-actions{gap:8px}.header .button-small{font-size:11px;min-height:44px;padding:10px 12px;gap:10px}.header .button-small .ui-icon{display:block;width:17px;height:17px;flex-basis:17px}.header .label-desktop{display:none}.header .label-mobile{display:inline}.hero{padding-top:20px}.hero-art{min-height:350px}.portal-stage{inset:-10px 0}.closing-arch{width:330px;height:405px;top:40px}.questions summary{font-size:13px;gap:16px}.questions details .faq-answer p{font-size:12px;padding-right:12px}.hero-note{font-size:10px}.button .discord-icon{width:18px;flex-basis:18px}.actions .button{min-height:52px;gap:12px}.art-caption{bottom:10px}.culture{overflow-clip-margin:14px}}
@media(max-width:360px){.header .brand img{width:89px}.header .nav-wrap{padding-inline:8px;gap:8px}.nav-actions{gap:4px}.header .button-small{font-size:10px;padding-inline:10px;gap:7px}.mobile-menu summary{width:44px}.hero-art{min-height:310px}.closing-arch{width:285px}}
@media(prefers-reduced-motion:reduce){.cta-icon{transition:none}}
.experience{background:#fff}.experience-story{border-top:1px solid var(--line)}.experience-story-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;min-height:395px;padding:48px 55px;border-bottom:1px solid var(--line)}.experience-story-row:nth-child(2) .experience-panel-copy{order:2}.experience-story-row:nth-child(2) .experience-visual{order:1}.experience-story-row .experience-panel-copy{max-width:385px}.experience-story-row h3{font-size:36px;line-height:1.2;letter-spacing:-.045em;margin-top:20px}.experience-story-row .eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:10px}.story-number{color:#9b7885;margin-right:10px}.experience-story-row .experience-panel-copy>p:not(.eyebrow){font-size:15px;color:#675860;line-height:1.85}.experience-story-row .experience-visual{height:300px}.experience-story-row .text-link{font-size:13px}.closing{background:#fff}.closing-arch,.closing-arch svg{background:transparent!important;fill:none!important}.closing-outline{fill:none!important;stroke:#d7b9c4}.closing-outline.inner{fill:none!important;stroke:#ead9e0}.closing p:not(.eyebrow){color:#65565f}.closing small{color:#75616b}.orbit{border:0!important;border-radius:0;transform:none!important}.orbit:after{display:none!important}.orbit-one{inset:10% 4% 10% 4%!important;background:radial-gradient(circle at 8% 42%,#96334d 0 3px,transparent 3.5px),radial-gradient(circle at 84% 20%,#b3788b 0 2px,transparent 2.5px),radial-gradient(circle at 92% 67%,#96334d 0 3px,transparent 3.5px),radial-gradient(circle at 30% 86%,#cfb09e 0 2.5px,transparent 3px),radial-gradient(circle at 38% 11%,#d4b7c1 0 2px,transparent 2.5px)}.orbit-two{display:none}.hero.is-cinematic .hero-art{overflow:visible}.hero.is-cinematic .portal-stage{overflow:visible}.hero.is-cinematic .art-caption{bottom:20px}
@media(max-width:1100px){.experience-story-row{gap:35px;padding:40px 25px}.experience-story-row h3{font-size:31px}}
@media(max-width:820px){.hero-art{display:none!important}.hero{display:block;padding-top:35px;min-height:0;padding-bottom:40px}.hero-copy{padding-bottom:0;max-width:640px}.hero-scroll{margin-top:30px}.experience-story-row{gap:25px;padding:35px 0}.experience-story-row h3{font-size:28px}.experience-story-row .experience-panel-copy>p:not(.eyebrow){font-size:14px}.experience-story-row .experience-visual{height:285px}}
@media(max-width:560px){.hero{padding-top:24px;padding-bottom:25px}.hero-scroll{margin-top:22px}.experience-story-row{grid-template-columns:1fr;gap:15px;min-height:0;padding:32px 0}.experience-story-row:nth-child(2) .experience-panel-copy,.experience-story-row:nth-child(2) .experience-visual{order:initial}.experience-story-row h3{font-size:29px;max-width:300px;margin-top:14px}.experience-story-row .experience-panel-copy>p:not(.eyebrow){font-size:13px;margin-top:16px}.experience-story-row .experience-visual{height:245px;max-width:310px}.experience-story-row .eyebrow{font-size:9px}.experience-story-row .text-link{font-size:12px;margin-top:16px}.experience-story-row .project-sheet{width:190px}.experience-story-row .project-sheet h4{font-size:24px;margin-block:20px 15px}.experience-story-row .sheet-footer{margin-top:20px}.experience-story-row .network-art{height:240px}.experience-story-row .project-chip{bottom:0}.experience-story-row .perspective-tile{height:110px}.experience-footnote{font-size:11px;color:#675860}.closing p:not(.eyebrow){font-size:13px}.closing small{font-size:11px}}
.hero.is-cinematic .hero-art{left:0;width:100%;pointer-events:none}.hero.is-cinematic .portal-fallback{width:48%;margin-left:52%}.hero.is-cinematic .label-idea{left:53%}.hero.is-cinematic .art-caption{left:61%;right:4%}.hero.is-cinematic .orbit-one{inset:10% 4% 10% 52%!important}.has-disclosures .questions details[open] .faq-icon{transform:none}
@media(max-width:820px){.mobile-menu{position:static}.mobile-menu nav{width:auto}.experience-story-row .experience-visual{overflow:clip;min-width:0;width:100%}.closing-arch{display:none}}
.hero.is-cinematic .portal-collective{position:absolute;z-index:5;left:4%;top:50%;width:92%;margin:0;padding:0;transform:translateY(-50%);transform-origin:center;background:#fff;visibility:hidden}.portal-collective .section-heading{gap:35px;margin-bottom:30px}.portal-collective h2{font-size:clamp(30px,3.5vw,48px)}.portal-collective .section-intro{font-size:13px;line-height:1.75}.portal-collective .principles{gap:28px}.portal-collective .principle{padding-top:22px}.portal-collective .principle-art{height:65px;transform:scale(.8);transform-origin:left top}.portal-collective .principle h3{font-size:22px;margin-top:15px}.portal-collective .principle p{font-size:12px;line-height:1.8}.portal-collective .eyebrow{margin-bottom:16px}
@media(min-width:821px) and (max-height:720px){.portal-collective .section-heading{margin-bottom:18px}.portal-collective .principle-art{height:48px;transform:scale(.65)}.portal-collective .principle h3{font-size:20px;margin-top:10px}.portal-collective h2{font-size:32px}}
.hero.is-cinematic .portal-collective{z-index:0;background:transparent}
.steps li:last-child:before,.steps li:last-child:after{display:none}.steps li:after{height:2px;background:var(--wine)}.faq-answer{overflow:hidden}.questions details{overflow-anchor:none}.getting-started{background:#fff}
.hero .label-idea{display:none}
@media(min-width:821px) and (max-height:699px), (min-width:821px) and (max-width:999px){.hero:not(.is-cinematic){min-height:0;padding-top:30px;padding-bottom:40px;align-items:center;gap:30px}.hero:not(.is-cinematic) .hero-copy{padding-bottom:0}.hero:not(.is-cinematic) .hero-art{min-height:0;height:390px;max-width:none;margin:0}.hero:not(.is-cinematic) .portal-stage{inset:0}.hero:not(.is-cinematic) h1{font-size:clamp(35px,4.3vw,56px)}.hero:not(.is-cinematic) .hero-intro{font-size:14px}.hero:not(.is-cinematic) .hero-scroll{margin-top:20px}.hero:not(.is-cinematic) .actions{flex-wrap:wrap}}
@media(max-width:560px){.steps li:after{height:auto;width:2px}}

/* Keep small illustration labels legible on white and cream backgrounds. */
.story-number,.sheet-meta,.sheet-footer,.network-label{color:#715460}