/* Movement belongs to the story, with a static equivalent for reduced motion. */
.b-opening{overflow:clip;padding-bottom:50px}.b-intro,.b-meaning{z-index:3;position:relative}.b-artstage{z-index:1}.b-artstage .b-sun{background:#e57243;transform:translateY(calc(var(--journey)*35px)) scale(calc(1 + var(--journey)*6));transition:none;will-change:transform}.b-artstage .b-hero-image{transform:translate(calc(var(--mx) - var(--journey)*35px),calc(var(--my) - var(--journey)*55px)) rotate(calc(var(--journey)*-7deg)) scale(calc(1 - var(--journey)*.3));transition:transform .25s ease-out;will-change:transform}.b-portal-light{display:none}.b-art-note,.b-art-index{opacity:calc(1 - var(--journey)*.85)}.b-intro h1{transform:translateY(calc(var(--journey)*-45px));will-change:transform}.b-meaning h2 em{color:#181b18}.b-meaning{padding-bottom:160px}.b-art-picker{max-width:440px;margin-top:35px;padding-top:17px;border-top:1px solid #181b1840}.b-art-picker>span:first-child{font-size:10px;letter-spacing:.1em}.b-art-picker>div{display:grid;grid-template-columns:1fr 1fr;gap:5px 13px;margin-top:10px}.b-art-picker button{display:flex;align-items:center;gap:10px;text-align:left;font-size:12px;padding:10px 8px;border-bottom:1px solid transparent;transition:background .2s}.b-art-picker button small{font-size:9px;opacity:.6}.b-art-picker button[aria-pressed=true]{background:#1b211c;color:#f0e8d8}.b-art-picker button:hover{border-bottom-color:currentColor}.b-method{background:#e57243;padding-top:0;padding-bottom:160px}.b-crossing{--cross:0;overflow:clip;padding:55px 0 100px;margin:0 -8%;isolation:isolate}.b-crossing>span{transform:translateX(calc((1 - var(--cross))*-24vw)) scale(calc(.88 + var(--cross)*.12));will-change:transform}.b-crossing em{transform:translateX(calc((1 - var(--cross))*28vw)) rotate(calc(-14deg + var(--cross)*9deg));will-change:transform}.b-method-head{margin-top:0}.b-steps article{transition:padding .45s,background .45s}.b-steps article:hover{padding-left:22px;background:#f0e8d824}.b-step-arrow{transition:transform .45s}.b-steps article:hover .b-step-arrow{transform:translate(8px,-8px)}.b-work{--work-open:0;position:relative;padding-top:90px;isolation:isolate}.b-work:before{content:'';position:absolute;left:0;right:0;top:-95px;height:100px;background:#f0e8d8;clip-path:polygon(0 calc((1 - var(--work-open))*100%),100% 0,100% 100%,0 100%);z-index:-1}.b-work-heading h2 em{background:linear-gradient(to right,#e5724380 calc(var(--work-open)*100%),transparent 0);padding:0 .05em}.b-story{--sheet:0;transform:translateX(calc((1 - var(--sheet))*14vw)) rotate(calc((1 - var(--sheet))*4deg));transform-origin:0 50%;padding:45px 25px;min-height:255px;background:#f5efdf;border:1px solid #191c1833;box-shadow:5px 8px 0 #181b180b;margin-bottom:35px;will-change:transform}.b-story[data-story-index="1"]{transform:translateX(calc((1 - var(--sheet))*-14vw)) rotate(calc((1 - var(--sheet))*-4deg));transform-origin:100% 50%}.b-story-arrow{left:25px;bottom:35px}.b-team{padding-top:110px}.b-footer{--curtain:0;position:relative;background:#181f1a;padding-top:150px;margin-top:90px}.b-footer:before{content:'';position:absolute;left:0;right:0;height:100px;top:-99px;background:#181f1a;clip-path:polygon(0 100%,0 calc((1 - var(--curtain))*100%),100% 0,100% 100%)}.b-footer h2 em{display:inline-block;transform:translateX(calc((1 - var(--curtain))*12vw));transition:none}.beyond .b-page{overflow-x:clip}.beyond.paused .b-hero-image,.beyond.paused .b-intro h1{transform:none;will-change:auto}.beyond.paused .b-sun{transform:none}.beyond.paused .b-story,.beyond.paused .b-crossing>span,.beyond.paused .b-crossing em,.beyond.paused .b-footer h2 em{will-change:auto}.beyond.paused .b-steps article{transition:none}
@media(max-width:700px){.b-opening{padding-bottom:30px}.b-intro{padding-top:25px}.b-kicker{margin-bottom:28px}.b-art-picker{margin-top:28px}.b-art-picker button{font-size:12px;padding:10px 8px}.b-artstage{height:490px;margin-top:40px}.b-artstage .b-hero-image{transform:translate(var(--mx),var(--my)) rotate(calc(var(--journey)*-4deg)) scale(calc(1 - var(--journey)*.12))}.b-artstage .b-sun{transform:scale(calc(1 + var(--journey)*5))}.b-meaning{padding-bottom:65px}.b-method{padding-bottom:120px}.b-crossing{padding:35px 0 70px;margin:0 -6%}.b-work{padding-top:55px}.b-work:before{height:65px;top:-64px}.b-story{min-height:280px;padding:26px 20px 60px;margin-bottom:25px}.b-story-arrow{left:auto;right:20px;bottom:25px}.b-team{padding-top:65px}.b-footer{padding-top:90px;margin-top:80px}.b-footer:before{height:81px;top:-80px}}
@media(prefers-reduced-motion:reduce){.b-artstage .b-sun,.b-artstage .b-hero-image,.b-intro h1,.b-story,.b-story[data-story-index="1"],.b-footer h2 em{transform:none!important;transition:none!important;will-change:auto!important}.b-crossing>span{transform:none!important}.b-crossing em{transform:rotate(-5deg)!important}.b-steps article,.b-step-arrow{transition:none}.b-art-note,.b-art-index{opacity:1}}

.b-art-picker{max-width:none;width:100%;margin:0;padding:10px 5%;border-top:1px solid #181b1825;border-bottom:1px solid #181b1825;display:flex;align-items:center;gap:24px;background:#f0e8d8}.b-art-picker>span:first-child{flex-shrink:0}.b-art-picker>div{display:flex;gap:10px;margin:0;overflow-x:auto;min-width:0}.b-art-picker button{flex-shrink:0;padding:9px 13px}.b-intro{padding-top:30px}.b-artstage{margin-top:30px}.b-artstage .b-sun:after{opacity:calc(1 - var(--journey))}.b-intro h1 em{color:rgb(calc(215 - var(--journey)*191),calc(74 - var(--journey)*47),calc(36 - var(--journey)*12))}@media(max-width:700px){.b-art-picker{padding:10px 6%;display:block}.b-art-picker>div{margin-top:8px}.b-art-picker button{padding:9px 10px}.b-art-picker>span:first-child{font-size:9px}.b-intro{padding-top:30px}.b-artstage{margin-top:40px}}

/* The user's next-chapter message retains the crossing typography. */
.b-crossing{margin-top:0;margin-bottom:0;font-weight:400}.b-crossing>span{font-size:clamp(55px,11.8vw,185px);line-height:1;text-transform:uppercase;letter-spacing:-.035em}.b-crossing>small{display:block;font:400 14px/1 'DM Sans';letter-spacing:.1em;text-transform:uppercase;margin:18px 0 12px}.b-crossing em{font-size:clamp(65px,13.5vw,205px);line-height:.95;margin-top:0;transform:translateX(calc((1 - var(--cross))*28vw)) rotate(calc(-10deg + var(--cross)*7deg));padding-bottom:.12em}.b-artstage .b-hero-image{filter:none}@media(max-width:700px){.b-crossing>span{font-size:11.8vw}.b-crossing>small{font-size:11px;margin:16px 0 10px}.b-crossing em{font-size:17vw}.b-crossing{padding-bottom:50px}}
