.artist-track{height:440svh;background:#f7f4ed;position:relative}.artist-stage{height:100svh;position:sticky;top:0;overflow:hidden;background:#f7f4ed;color:#30352d}.artist-paper{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%238a7c61' opacity='.09' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.45;pointer-events:none;z-index:3}.artist-art{position:absolute;right:-5%;top:3%;width:82%;height:88%;transform:translateY(var(--art-y,12px)) scale(var(--art-scale,.98));transform-origin:70% 50%}.artist-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.artist-pencil{clip-path:inset(0 calc(100% - var(--pencil-reveal,20%)) 0 0);opacity:var(--pencil-opacity,1)}.artist-painting{clip-path:inset(0 calc(100% - var(--paint-reveal,0%)) 0 0);opacity:var(--paint-opacity,0)}.artist-copy{position:absolute;z-index:4;left:var(--gutter);top:15%;max-width:45%}.artist-kicker{font-size:9px;letter-spacing:.09em;color:#616c59;display:block;margin-bottom:34px}.artist-copy h1{font-size:clamp(57px,6.3vw,100px);letter-spacing:-.065em;line-height:.99;font-weight:500;max-width:9ch}.artist-copy h1 em{font-style:normal;color:#b83d27}.artist-copy p{font-size:14px;line-height:1.8;color:#5d6753;margin-top:28px;max-width:35ch}.artist-cta{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid #536348;padding:13px 0;font-size:11px;margin-top:22px;color:#304226}.artist-cta span{font-size:23px}.artist-navigation{position:absolute;bottom:0;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #b7bcaa;padding:20px 0 25px;z-index:5;background:#f7f4edc9}.artist-label{font-size:7px;letter-spacing:.08em;color:#617052}.artist-navigation>div{display:flex;gap:27px}.artist-navigation button{font-size:10px;background:none;border:0;color:#7d8671;padding:8px 0;min-width:70px;display:flex;flex-direction:column;gap:13px;cursor:pointer;text-align:left}.artist-navigation i{height:2px;width:100%;background:#cdd0c1;transform-origin:left}.artist-navigation button[aria-pressed=true]{color:#a53523}.artist-navigation button[aria-pressed=true] i{background:#bd412d}.artist-navigation>a{font-size:9px}.artist-note{position:absolute;right:24px;top:20%;font-size:6px;letter-spacing:.12em;writing-mode:vertical-rl;color:#7b826e;z-index:4}.artist-pencil-tip{position:absolute;top:var(--tip-y,45%);left:var(--pencil-reveal,20%);width:130px;height:9px;transform:rotate(-48deg);transform-origin:left;background:linear-gradient(0deg,#b69662,#e8d0a6 45%,#c1a16c);border-radius:0 2px 2px 0;opacity:var(--tip-opacity,.8);box-shadow:0 8px 12px #7d6f4724}.artist-pencil-tip:before{content:'';position:absolute;left:-22px;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent;border-right:22px solid #bea47d}.artist-pencil-tip:after{content:'';position:absolute;left:-22px;border-top:2px solid transparent;border-bottom:2px solid transparent;border-right:8px solid #4c4e43;top:2.5px}.artist-navigation button:focus-visible,.artist-copy a:focus-visible{outline:2px solid #a53523;outline-offset:5px}
@media(max-width:849px){.artist-track{height:400svh}.artist-copy{top:10%;max-width:65%}.artist-copy h1{font-size:clamp(52px,9vw,78px)}.artist-copy p{font-size:12px;margin-top:22px;max-width:28ch}.artist-art{width:110%;height:70%;right:-15%;top:23%}.artist-copy{background:linear-gradient(90deg,#f7f4edc9,transparent)}.artist-kicker{font-size:8px;margin-bottom:25px}.artist-navigation{flex-wrap:wrap;padding:15px 0;gap:10px}.artist-navigation>div{order:3;width:100%;justify-content:space-between;gap:16px}.artist-navigation button{flex:1;min-width:0;font-size:9px}.artist-label{font-size:6px}.artist-note{display:none}}
@media(max-width:480px){.artist-copy{top:7%;max-width:100%;right:24px;background:none}.artist-copy h1{font-size:clamp(44px,12vw,58px);max-width:12ch;line-height:1.02}.artist-copy h1 br{display:none}.artist-copy p{font-size:11px;line-height:1.7;margin-top:17px;max-width:31ch;background:#f7f4ed99}.artist-kicker{font-size:7px;margin-bottom:24px}.artist-cta{font-size:10px;margin-top:10px;padding:8px 0;gap:25px}.artist-art{top:35%;height:48%;right:-20%;width:140%;transform-origin:60% 50%}.artist-navigation button{font-size:8px;gap:9px}.artist-navigation>a{font-size:8px}.artist-pencil-tip{width:75px;height:6px}.artist-pencil-tip:before{border-top-width:3px;border-bottom-width:3px}.artist-pencil-tip:after{top:1px}.artist-label{font-size:5px}}
@media(prefers-reduced-motion:reduce){.artist-track{height:100svh}.artist-stage{position:relative}.artist-art{transform:none!important}.artist-pencil{opacity:0!important}.artist-painting{clip-path:none!important;opacity:1!important}.artist-pencil-tip{display:none}.artist-navigation>div{display:none}}
.artist-stage{perspective:1300px}.artist-art{transform:translate3d(var(--camera-x,0px),var(--camera-y,0px),0) rotateX(var(--camera-rx,0deg)) rotateY(var(--camera-ry,0deg)) rotateZ(var(--camera-rz,0deg)) scale(var(--camera-scale,1));transform-origin:65% 50%;will-change:transform}.artist-living-line{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:var(--line-opacity,1)}.artist-living-line path{fill:none;stroke-linecap:round;stroke-linejoin:round}.idea-line{stroke:#5b5e50;stroke-width:1.8;stroke-dasharray:1;stroke-dashoffset:var(--line-draw,1)}.idea-line-echo{stroke:#bd422c;stroke-width:2.4;stroke-dasharray:.065 .935;stroke-dashoffset:var(--line-travel,0);opacity:.75}.artist-pencil-tip{display:none!important}@media(prefers-reduced-motion:reduce){.artist-art{transform:none!important}.artist-living-line{display:none}}
.dream-world{position:absolute;inset:0;opacity:0;pointer-events:none;background:#f7f4ed;mask-image:linear-gradient(90deg,transparent 0%,#000 18%)}.dream-world canvas{width:100%;height:100%;display:block}.has-living-world .artist-art{transform:none!important}.has-living-world .artist-art>img{opacity:calc(1 - var(--world-reveal,0))!important}.has-living-world .artist-living-line{opacity:calc(1 - var(--world-reveal,0))}.has-living-world .artist-note{opacity:0}@media(max-width:480px){.dream-world{mask-image:none}.has-living-world .artist-art{width:120%;right:-10%;top:37%;height:47%}}
