/* A native-scroll exhibition with direct chapter access on every screen. */
#baba-stage{grid-template-columns:1fr 1fr;gap:5vw;padding:70px max(6vw,24px);max-width:1440px;margin:auto}
.baba-intro{max-width:510px}.baba-intro .lbl{color:#d9b975;font-size:11px;letter-spacing:.16em}.baba-intro h2{font:400 clamp(40px,5vw,70px)/1.06 var(--serif);margin:24px 0}.baba-intro h2 em{color:#d9b975;font-weight:400}.baba-intro p{color:#c2c5bc;font:17px/1.7 var(--sans);max-width:42ch;margin:0 0 26px}
.lens-journey{position:relative;margin:32px auto 50px;max-width:1240px;color:#27271f}.lens-exhibit{display:grid;grid-template-columns:.8fr 1.2fr;background:#e9e3d5;border:1px solid #c7b99b;border-radius:8px;overflow:hidden;min-height:650px}.lens-story{padding:48px 38px;z-index:2}.lens-story>.lbl{font:10px/1.6 var(--mono);letter-spacing:.13em;color:#6b5737}.lens-story h3{font:400 clamp(40px,4.4vw,66px)/1.04 var(--serif);letter-spacing:-.04em;margin:35px 0 24px}.lens-story h3 em{color:#80622d;font-weight:400}.lens-description{font:16px/1.6 var(--sans);color:#555448;min-height:78px;max-width:28ch}.lens-chapters{display:grid;margin-top:24px}.lens-chapters button{display:flex;align-items:center;gap:18px;min-height:54px;text-align:left;background:transparent;border:0;border-top:1px solid #27271f25;font:15px var(--sans);color:#615f54;cursor:pointer}.lens-chapters button span{font:11px var(--mono);color:#766744}.lens-chapters button i{margin-left:auto;font-style:normal;opacity:0}.lens-chapters button[aria-pressed=true]{color:#24271d;font-weight:600}.lens-chapters button[aria-pressed=true] i{opacity:1}.lens-chapters button:focus-visible,.lens-start:focus-visible{outline:2px solid #76551b;outline-offset:3px}.lens-start{display:flex;gap:18px;align-items:center;min-height:48px;margin-top:20px;color:#36382b;font:13px var(--sans);text-decoration:underline;text-underline-offset:5px}
.lens-art{position:relative;min-width:0;overflow:hidden;perspective:1100px;background:radial-gradient(ellipse at 50% 40%,#fff9e9 0%,#d7ccb4 70%,#b8ac91 100%)}.lens-edition{position:absolute;top:30px;left:30px;font:10px/1.6 var(--mono);letter-spacing:.12em;color:#6a614e}.lens-orbit{position:absolute;width:560px;height:560px;left:15%;top:10%;border:1px solid #8e7b4933;border-radius:50%}.lens-orbit:after{content:'';position:absolute;inset:35px;border:1px solid #8e7b4922;border-radius:50%}.lens-layer{position:absolute;left:13%;top:18%;width:70%;margin:0;border:1px solid #8c7f6644;box-shadow:10px 24px 46px #57462a35;transition:transform .9s cubic-bezier(.22,.7,.2,1),opacity .7s;transform-origin:50% 70%;border-radius:3px;overflow:hidden;background:#f3edde}.lens-layer img{display:block;width:100%;height:100%;object-fit:cover}.lens-layer figcaption{position:absolute;bottom:0;left:0;right:0;padding:15px 18px;background:#efe9dded;color:#34382b;font:11px var(--mono)}.lens-sheet{padding:32px;aspect-ratio:.8;transform:rotate(-7deg);z-index:4}.lens-sheet>span{font:10px var(--mono);letter-spacing:.12em;color:#746243}.lens-sheet p{font:400 clamp(22px,2.6vw,36px)/1.25 var(--serif);margin:52px 0 26px}.lens-sheet p em{color:#8b6a35}.lens-sheet small{font:11px var(--sans);color:#655f52}.lens-swatches{display:flex;gap:8px;margin:25px 0}.lens-swatches i{width:28px;height:28px;border-radius:50%;background:#a47836}.lens-swatches i:nth-child(2){background:#34443d}.lens-swatches i:nth-child(3){background:#d9d1bc}.lens-image{aspect-ratio:.9;transform:translate(28px,20px) rotate(5deg) scale(.94);z-index:3}.lens-film{aspect-ratio:1.15;top:25%;transform:translate(42px,35px) rotate(10deg) scale(.9);z-index:2}.lens-web{aspect-ratio:1.12;top:25%;transform:translate(55px,48px) rotate(14deg) scale(.85);z-index:1}.lens-browser{display:flex;gap:8px;padding:12px;background:#f5f0e6;font:9px var(--mono);color:#8b7856}.lens-browser span{margin:auto}.lens-web img{height:calc(100% - 34px)}.lens-play{position:absolute;top:40%;left:43%;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#f4eedce6;color:#37392b;font-size:30px}.lens-art-footer{position:absolute;bottom:26px;left:30px;right:30px;display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:.12em;color:#605742}
[data-chapter="1"] .lens-sheet,[data-chapter="2"] .lens-sheet,[data-chapter="3"] .lens-sheet{transform:translate(-105px,-30px) rotate(-18deg) scale(.78);opacity:.35;z-index:1}
[data-chapter="1"] .lens-image{transform:rotate(-3deg) scale(1.04);z-index:5}
[data-chapter="2"] .lens-image,[data-chapter="3"] .lens-image{transform:translate(-50px,-75px) rotate(-12deg) scale(.75);opacity:.4;z-index:2}
[data-chapter="2"] .lens-film{transform:rotate(2deg) scale(1.12);z-index:5}
[data-chapter="3"] .lens-film{transform:translate(70px,-100px) rotate(14deg) scale(.72);opacity:.45;z-index:3}
[data-chapter="3"] .lens-web{transform:rotate(-2deg) scale(1.13);z-index:5}
.lens-original{max-width:1040px;margin:30px auto}.lens-original>summary{display:flex;justify-content:space-between;align-items:center;min-height:60px;border-block:1px solid #c9a25744;color:#d6c5a2;font:14px var(--sans);cursor:pointer}.lens-original[open]>.work-film-travel{margin-top:30px}.lens-original .work-film-travel.is-pinned{height:auto!important}.lens-original .work-film{position:relative!important;top:auto!important}
@media(min-width:901px) and (min-height:740px){.lens-journey.is-scroll{height:1400px}.lens-journey.is-scroll .lens-exhibit{position:sticky;top:90px;min-height:620px;height:calc(100vh - 140px);max-height:740px}}
@media(max-width:900px){#baba-stage{grid-template-columns:1fr;gap:24px;padding:48px 24px}.baba-intro{margin:auto;text-align:center}.baba-intro p{font-size:16px}.lens-exhibit{grid-template-columns:1fr}.lens-story{padding:28px}.lens-story h3{margin:22px 0 18px}.lens-description{min-height:52px;max-width:36ch}.lens-chapters{grid-template-columns:repeat(4,1fr);gap:6px}.lens-chapters button{display:block;font-size:12px;min-height:62px}.lens-chapters button span{display:block;margin-bottom:7px}.lens-chapters button i{display:none}.lens-start{margin-top:12px}.lens-art{height:480px}.lens-layer{width:58%;left:21%;top:16%}.lens-sheet p{margin-top:30px;font-size:27px}.lens-film,.lens-web{top:24%}.lens-edition{top:20px;left:22px}.lens-art-footer{left:22px;right:22px}}
@media(max-width:480px){.lens-art{height:400px}.lens-layer{width:68%;left:16%}.lens-sheet{padding:24px}.lens-sheet p{font-size:25px;margin:30px 0 18px}.lens-story{padding:24px}.lens-story>.lbl{font-size:9px}.lens-art-footer{font-size:9px}.lens-sheet small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.lens-layer{transition:none}.lens-journey.is-scroll{height:auto!important}.lens-journey.is-scroll .lens-exhibit{position:relative!important;top:auto!important}}
#work .lens-story h3{color:#27271f}
#baba-stage .baba-intro h2{color:#f3efe4}
.lens-film-title{position:absolute;top:24px;left:24px;color:#fff7e3;font:400 clamp(25px,3vw,42px)/1.05 var(--serif);text-shadow:0 2px 18px #32230fcc;z-index:2}.lens-film-title em{font-weight:400}.lens-film:after{content:'';position:absolute;inset:0 0 40%;background:linear-gradient(#29291d88,transparent);pointer-events:none}.lens-film img{transition:transform 1.4s ease}.lens-film .lens-play{z-index:2;top:54%;width:44px;height:44px;font-size:24px}.lens-film figcaption{z-index:3}[data-chapter="2"] .lens-film img{transform:scale(1.14) translateY(-2%)}
.lens-mini-site{display:grid;grid-template-columns:1fr 1fr;height:calc(100% - 34px);background:#f2eddf;align-items:center;padding:16px 0 38px 22px}.lens-mini-copy{position:relative;z-index:2}.lens-mini-copy>span:first-child{font:8px var(--mono);letter-spacing:.1em;color:#6c5b3b}.lens-mini-copy strong{display:block;font:400 clamp(20px,2.5vw,36px)/1.05 var(--serif);letter-spacing:-.04em;color:#343a2d;margin:25px 0 16px}.lens-mini-copy strong em{color:#977033}.lens-mini-copy p{font:10px/1.5 var(--sans);color:#646557;margin-bottom:22px}.lens-mini-cta{font:8px var(--sans);color:#39412f;border-bottom:1px solid #65714e;padding-bottom:6px}.lens-web .lens-mini-site img{height:100%;object-fit:cover;object-position:50%}
@media(max-width:480px){.lens-mini-site{padding-left:14px}.lens-mini-copy strong{font-size:23px;margin:18px 0 12px}.lens-mini-copy p{font-size:8px;margin-bottom:14px}.lens-mini-cta,.lens-mini-copy>span:first-child{font-size:6px}.lens-film-title{font-size:28px;top:18px;left:18px}}
@media(prefers-reduced-motion:reduce){.lens-film img{transition:none}}
@media(max-width:480px){
 .lens-web{aspect-ratio:.95}
 .lens-mini-site{height:calc(100% - 60px);padding:8px 0 8px 12px}
 .lens-mini-copy strong{font-size:18px;line-height:1.05;margin:12px 0}
 .lens-mini-copy p,.lens-mini-cta{display:none}
 .lens-layer figcaption{font-size:8px;padding:12px}
 .lens-mini-copy>span:first-child{font-size:6px;letter-spacing:0}
 .lens-web .lens-mini-site img{min-height:120px}
}
html.ml-motion-off .lens-layer,html.ml-motion-off .lens-film img{transition:none}
.lens-image img{object-position:center;transform:scale(1.06)}
.lens-film img{object-position:center}