.leon-opening{--paper:var(--leon-background);--story-ink:#394d60;isolation:isolate;color:var(--story-ink);container-type:inline-size;overflow-anchor:none}:where(.leon-opening) .story-stage{position:relative;height:calc(100svh - 100px);min-height:480px;max-height:1060px;background:transparent;overflow:visible;isolation:isolate}:where(.leon-opening) .painting{position:absolute;inset:0;pointer-events:none}:where(.leon-opening) .painting-definitions{position:absolute;overflow:hidden}:where(.leon-opening) .shot{position:absolute;overflow:visible;mix-blend-mode:multiply;transform-origin:center}:where(.leon-opening) .shot-0{left:-9%;top:17%;width:118%;height:88%}:where(.leon-opening) .shot-1{left:-8%;top:-6%;width:73%;height:104%}:where(.leon-opening) .shot-2{left:42%;top:6%;width:66%;height:84%}:where(.leon-opening) .shot-3{left:29%;top:-1%;width:84%;height:78%}:where(.leon-opening) .shot-4{left:-9%;top:-7%;width:118%;height:107%}:where(.leon-opening) .shot-5{left:42%;top:22%;width:60%;height:74%;mix-blend-mode:normal}:where(.leon-opening) .story-copy{position:absolute;margin:0;left:7%;top:9%;width:62%;font-size:clamp(18px,2.05cqw,26px);line-height:1.65;font-weight:400;letter-spacing:-.015em;text-wrap:pretty;z-index:3;visibility:hidden}:where(.leon-opening) .copy-0{top:50%;left:12%;width:76%;font-size:clamp(25px,3.6cqw,43px);line-height:1.45;letter-spacing:-.035em;transform:translateY(-50%);visibility:visible}:where(.leon-opening) .copy-1{top:50%;left:12%;width:76%;font-size:clamp(25px,3.4cqw,40px);line-height:1.45;text-align:center}:where(.leon-opening) .copy-2{left:40%;top:4%;width:55%;font-size:clamp(18px,1.9cqw,24px)}:where(.leon-opening) .copy-3{--care-left:62%;--care-top:39%;left:var(--care-left);top:var(--care-top);width:34%;font-size:clamp(18px,1.9cqw,24px)}:where(.leon-opening) .copy-4{left:7%;top:73%;width:57%;font-size:clamp(20px,2.25cqw,28px)}:where(.leon-opening) .copy-5{left:6%;top:3%;width:62%;font-size:clamp(18px,1.95cqw,25px)}:where(.leon-opening) .copy-6{left:5%;top:20%;width:33%;font-size:clamp(23px,2.75cqw,33px);line-height:1.5}:where(.leon-opening) .copy-10,:where(.leon-opening) .copy-7,:where(.leon-opening) .copy-8,:where(.leon-opening) .copy-9{left:5%;width:32%;font-size:clamp(18px,1.85cqw,23px);line-height:1.6}:where(.leon-opening) .copy-7{top:15%}:where(.leon-opening) .copy-8{top:5%}:where(.leon-opening) .copy-9{top:22%}:where(.leon-opening) .copy-10{top:35%;font-size:clamp(20px,2.1cqw,27px)}:where(.leon-opening) .reading-control{position:absolute;z-index:4;bottom:8px;left:16px;min-height:44px;padding:8px 4px;font-size:12px;color:#53616c;text-decoration:underline;text-underline-offset:4px;background:transparent}:where(.leon-opening) .story-stage:is([data-beat="0"],[data-beat="1"]) .reading-control{visibility:hidden}:where(.leon-opening) .story-skip{position:fixed;left:50%;top:-100px;z-index:100;background:white;padding:12px}:where(.leon-opening) .story-skip:focus{top:80px}.leon-opening :is(a,button):focus-visible{outline:2px solid #d96d0b;outline-offset:4px}:where(.leon-opening) .static-story{background:var(--paper);padding:60px 7%}:where(.leon-opening) .static-beat{max-width:800px;margin:0 auto 56px}:where(.leon-opening) .static-beat p{font-size:20px;line-height:1.75;text-wrap:pretty;margin:0 0 24px}:where(.leon-opening) .static-0{padding:45px 0 65px}:where(.leon-opening) .static-0 p{font-size:32px;line-height:1.5}:where(.leon-opening) .static-1{min-height:65svh;display:grid;align-items:center;text-align:center}:where(.leon-opening) .static-1 p{font-size:clamp(25px,3.4cqw,36px);line-height:1.5}:where(.leon-opening) .static-art{display:flex;mix-blend-mode:multiply}:where(.leon-opening) .static-art svg{width:100%;height:auto;aspect-ratio:1.5;min-width:0}:where(.leon-opening) .static-photo{width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 10%,#000 98.6%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 10%,#000 98.6%,transparent);-webkit-mask-composite:source-in,xor;mask-composite:intersect}:where(.leon-opening) .static-garden{position:relative;mix-blend-mode:multiply}:where(.leon-opening) .static-garden img{width:100%}:where(.leon-opening) .static-garden svg{position:absolute;width:24%;bottom:12%;left:43%}@media (max-width:1023px){:where(.leon-opening) .story-stage{height:calc(100svh - 156px);min-height:480px}}@container (max-width:650px){:where(.leon-opening) .story-copy{font-size:18px;line-height:1.55}:where(.leon-opening) .copy-0{top:46%;left:8%;width:84%;font-size:clamp(24px,5.7cqw,33px);line-height:1.5}:where(.leon-opening) .copy-1{top:50%;left:8%;width:84%;font-size:27px}:where(.leon-opening) .copy-2{left:8%;top:5%;width:84%}:where(.leon-opening) .copy-3{left:9%;top:59%;width:82%}:where(.leon-opening) .copy-4{left:8%;top:62%;width:84%;font-size:21px}:where(.leon-opening) .copy-5{left:8%;top:5%;width:84%}:where(.leon-opening) .copy-6{left:8%;top:9%;width:78%;font-size:25px;line-height:1.5}:where(.leon-opening) .copy-10,:where(.leon-opening) .copy-7,:where(.leon-opening) .copy-8,:where(.leon-opening) .copy-9{left:8%;width:84%;top:5%;font-size:18px}:where(.leon-opening) .copy-10{top:11%;font-size:21px}:where(.leon-opening) .shot-0{left:-18%;top:30%;width:136%;height:69%}:where(.leon-opening) .shot-1{left:-17%;top:-4%;width:134%;height:64%}:where(.leon-opening) .shot-2{left:-17%;top:-4%;width:134%;height:64%}:where(.leon-opening) .shot-3{left:-13%;top:-8%;width:126%;height:75%}:where(.leon-opening) .shot-4{left:-55%;top:13%;width:195%;height:78%}:where(.leon-opening) .shot-5{left:-4%;top:43%;width:108%;height:52%}:where(.leon-opening) .reading-control{bottom:0;font-size:11px}:where(.leon-opening) .static-beat p{font-size:18px}:where(.leon-opening) .static-0 p{font-size:27px}:where(.leon-opening) .static-art{flex-wrap:wrap}}@container (max-width:400px){:where(.leon-opening) .story-copy{font-size:16px;line-height:1.55}:where(.leon-opening) .copy-0,:where(.leon-opening) .copy-1{font-size:25px}:where(.leon-opening) .copy-10,:where(.leon-opening) .copy-4{font-size:19px}:where(.leon-opening) .copy-6{font-size:24px}}@media (prefers-reduced-motion:reduce){.leon-opening *{scroll-behavior:auto!important;transition:none!important}}:where(.leon-opening) .shared-pigment{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:multiply}:where(.leon-opening) .copy-0,:where(.leon-opening) .copy-1{transform:none}:where(.leon-opening) .copy-0{left:13%;width:74%;text-align:left}:where(.leon-opening) .naming-context,:where(.leon-opening) .naming-description{display:block;font-size:clamp(22px,2.5cqw,30px);letter-spacing:-.02em}:where(.leon-opening) .naming-leon{display:block;font-family:Georgia,serif;font-size:clamp(72px,10cqw,116px);font-weight:400;line-height:1.25;letter-spacing:-.05em;margin:12px 0 17px}:where(.leon-opening) .scene-navigation{position:absolute;z-index:6;bottom:6px;right:12px;display:flex;align-items:center;gap:6px;color:#62717b;font-size:12px}:where(.leon-opening) .scene-navigation button{min-height:44px;min-width:44px;background:transparent;border:0;font-size:19px;cursor:pointer;border-radius:50%}:where(.leon-opening) .scene-navigation .scene-replay{font-size:12px;min-width:50px}:where(.leon-opening) .scene-navigation button:hover{background:#62717b0a}:where(.leon-opening) .scene-navigation button:disabled{opacity:.24;cursor:default}:where(.leon-opening) .scene-cue{min-width:105px;text-align:center}:where(.leon-opening) .story-stage[data-state=released] .reading-control,:where(.leon-opening) .story-stage[data-state=released] .scene-navigation{visibility:hidden}:where(.leon-opening) .story-stage .reading-control{visibility:visible}@container (max-width:650px){:where(.leon-opening) .copy-0{left:8%;width:84%}:where(.leon-opening) .naming-context,:where(.leon-opening) .naming-description{font-size:23px}:where(.leon-opening) .naming-leon{font-size:88px}:where(.leon-opening) .scene-navigation{bottom:0;right:5px;gap:0;font-size:10px}:where(.leon-opening) .scene-navigation .scene-replay{font-size:10px;min-width:38px}:where(.leon-opening) .scene-cue{min-width:88px}:where(.leon-opening) .reading-control{left:8px;font-size:10px}}@container (min-width:651px){:where(.leon-opening) .copy-6,:where(.leon-opening) .copy-7,:where(.leon-opening) .copy-8,:where(.leon-opening) .copy-9{top:59%}}:where(.leon-opening) .portrait-align:has(.registered-portrait[data-loaded=true]) .portrait-fallback{visibility:hidden}:where(.leon-opening) .story-content,:where(.leon-opening) .story-typesetting{position:absolute;inset:0}:where(.leon-opening) .copy-10{left:12%;top:48%;width:76%;max-width:780px;font-size:clamp(24px,3cqw,37px);line-height:1.55;letter-spacing:-.025em}@container (max-width:650px){:where(.leon-opening) .copy-10{left:8%;top:46%;width:84%;font-size:26px;line-height:1.55}}@container (max-width:400px){:where(.leon-opening) .copy-10{font-size:24px}}:where(.leon-opening) .scene-navigation .scene-repeat{min-width:28px;font-size:18px}:where(.leon-opening) .rescue-motion-media{position:relative;width:100%;height:100%}:where(.leon-opening) .rescue-motion-media :is(img,canvas){position:absolute;inset:0;display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}:where(.leon-opening) .rescue-motion-media canvas{visibility:hidden}:where(.leon-opening) .rescue-motion-media[data-status=ready] canvas{visibility:visible}:where(.leon-opening) .rescue-motion-media[data-status=ready] .rescue-motion-fallback{visibility:hidden}:where(.leon-opening) .rescue-motion-ink{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;visibility:hidden}:where(.leon-opening) .rescue-motion-media[data-status=ready] .rescue-motion-ink{visibility:visible}:where(.leon-opening) .rescue-motion-media[data-cursor=true] canvas{pointer-events:auto}:where(.leon-opening) .rescue-ink-lift{stroke:#f4e8da;stroke-width:5.8;stroke-opacity:.27}:where(.leon-opening) .rescue-ink-stroke{stroke:#242b3e;stroke-width:var(--ink-width,3)}:where(.leon-opening) .field-artwork{position:relative;width:100%;height:100%}:where(.leon-opening) .field-artwork :is(.field-canvas,.field-ink,.field-fallback){position:absolute;inset:0;display:block;width:100%;height:100%}:where(.leon-opening) .field-fallback svg{width:100%;height:100%;display:block}:where(.leon-opening) .field-canvas,:where(.leon-opening) .field-ink{visibility:hidden}:where(.leon-opening) .field-artwork[data-loaded=true] :is(.field-canvas,.field-ink){visibility:visible}:where(.leon-opening) .field-artwork[data-loaded=true] .field-fallback{visibility:hidden}:where(.leon-opening) .field-ink{pointer-events:none;opacity:.55}:where(.leon-opening) .field-wind-artwork .field-ink{opacity:.85}:where(.leon-opening) .wind-stem-wash{stroke:#938779;stroke-width:4;stroke-opacity:.28}:where(.leon-opening) .wind-stem-ink{stroke:#3c4755;stroke-width:1.1}.leon-opening.complete-story .story-stage:focus-visible{outline:none}.leon-opening.complete-story .reading-control{font-size:11px;line-height:1.4;color:#62717b;text-decoration:none;min-height:44px;padding:12px 4px}.leon-opening.complete-story .reading-control:is(:hover,:focus-visible){text-decoration:underline}.leon-opening.complete-story .scene-navigation .scene-pause{font-size:11px;font-weight:400;color:#62717b;min-width:44px;min-height:44px}.leon-opening.complete-story .shot-0{left:0;top:0;width:100%;height:100%}.leon-opening.complete-story .shot-4{left:0;top:28%;width:100%;height:66%;mix-blend-mode:normal;overflow:hidden}.leon-opening.complete-story .story-garden-fit{display:flex;align-items:center;width:100%;height:100%}.leon-opening.complete-story .story-garden{position:relative;width:100%;aspect-ratio:2/1}.leon-opening.complete-story .story-garden>svg{display:block;width:100%;height:100%}.leon-opening.complete-story .story-care :is(img,canvas,.rescue-motion-ink){-webkit-mask-image:url(/assets/about-leon/cinematic/rescue-page-edge.svg);mask-image:url(/assets/about-leon/cinematic/rescue-page-edge.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-mode:alpha}.leon-opening.complete-story .story-typesetting{pointer-events:none}.leon-opening.complete-story .story-copy{pointer-events:auto}.leon-opening.complete-story .opening-wash{position:absolute;inset:8% 0;width:100%;height:84%;opacity:0;visibility:hidden;pointer-events:none;transform-origin:55% 52%;mix-blend-mode:multiply}.leon-opening.complete-story .opening-card{left:13%;top:48%;width:74%;max-width:760px;text-align:left;line-height:1.45;letter-spacing:-.025em}.leon-opening.complete-story .opening-fact{font-size:clamp(20px,2.5cqw,30px);color:#62717b}.leon-opening.complete-story .opening-heart{font-size:clamp(25px,3.4cqw,40px)}.leon-opening.complete-story .opening-invitation{font-size:clamp(30px,4.2cqw,51px);line-height:1.3;letter-spacing:-.035em}.leon-opening.complete-story .opening-heart-words{display:inline-block}.leon-opening.complete-story :is(.opening-first-line,.opening-last-line){display:block}.leon-opening.complete-story .story-sentence{display:block}.leon-opening.complete-story .story-sentence+.story-sentence{margin-top:.7em}.leon-opening.complete-story .hunting-detail{display:block;margin-top:.65em}.leon-opening.complete-story .care-continuation{display:block;margin-top:1.1em;visibility:hidden}.leon-opening.complete-story :is(.copy-7,.copy-8){width:35%;font-size:clamp(17px,1.65cqw,21px);line-height:1.55}.leon-opening.complete-story .copy-9{left:13%;top:48%;width:74%;max-width:780px;font-size:clamp(21px,2.45cqw,30px);line-height:1.55;letter-spacing:-.022em}.leon-opening.complete-story :is(.philosophy-context,.philosophy-step,.closing-phrase){display:block}.leon-opening.complete-story .naming-leon{transform-origin:50% 65%}.leon-opening.complete-story .philosophy-step{font-size:1.16em;line-height:1.3;margin-top:.14em;font-weight:500}.leon-opening.complete-story :is(.philosophy-embrace,.philosophy-sharing){color:#536675}.leon-opening.complete-story .closing-lead{font-weight:500;line-height:1.4}.leon-opening.complete-story .closing-bridge{font-size:.78em;line-height:1.6;color:#536675;margin-top:1em}.leon-opening.complete-story .closing-last{font-size:1.12em;line-height:1.3;font-weight:500;margin-top:.65em}.leon-opening.complete-story .static-3 .story-sentence{margin-top:.7em}.leon-opening.complete-story .copy-3 [data-care-copy=operation],.leon-opening.complete-story .copy-3[data-care-scene=operation] [data-care-copy=rescue]{display:none}.leon-opening.complete-story .copy-3[data-care-scene=operation] [data-care-copy=operation]{display:inline}.leon-opening.complete-story .painting :is(canvas,.story-garden){pointer-events:none}.leon-opening.complete-story .story-stage[data-art="1"] .story-care-1 canvas,.leon-opening.complete-story .story-stage[data-art="2"] .story-care-2 canvas,.leon-opening.complete-story .story-stage[data-art="3"] .story-care-3 canvas,.leon-opening.complete-story .story-stage[data-art="4"] .story-garden{pointer-events:auto}.leon-opening.complete-story .complete-static-art{gap:16px;align-items:center}.leon-opening.complete-story .complete-static-art img{display:block;width:100%;min-width:0;flex:1;-webkit-mask-image:url(/assets/about-leon/cinematic/rescue-page-edge.svg);mask-image:url(/assets/about-leon/cinematic/rescue-page-edge.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%}.leon-opening.complete-story .static-3 .complete-static-art img{width:calc(50% - 8px)}.leon-opening.complete-story .static-beat>.story-garden-artwork{display:block;width:100%;height:auto}@container (max-width:650px){.leon-opening.complete-story .opening-card{left:8%;width:84%}.leon-opening.complete-story .opening-fact{font-size:21px}.leon-opening.complete-story .opening-heart{font-size:27px}.leon-opening.complete-story .opening-invitation{font-size:32px}.leon-opening.complete-story :is(.copy-7,.copy-8){width:84%;font-size:clamp(16px,3cqw,18px);line-height:1.5}.leon-opening.complete-story .copy-9{left:8%;width:84%;font-size:clamp(19px,3.6cqw,24px)}.leon-opening.complete-story .story-stage{--operation-art-bottom:min(60%,calc(100% - 226px))}.leon-opening.complete-story .shot-2{height:calc(var(--operation-art-bottom) + 4%)}.leon-opening.complete-story .copy-3[data-care-scene=operation]{top:calc(var(--operation-art-bottom) + 16px)}.leon-opening.complete-story .shot-5{top:var(--story-photo-top,44%);height:var(--story-photo-height,30%)}.leon-opening.complete-story .shot-0{left:-17%;top:32%;width:134%;height:auto;aspect-ratio:1000/660}.leon-opening.complete-story .shot-4{left:0;top:40%;width:100%;height:49%}.leon-opening.complete-story .static-3 .complete-static-art img{width:100%}}@container (max-width:400px){.leon-opening.complete-story :is(.copy-7,.copy-8){font-size:15.5px;line-height:1.45}.leon-opening.complete-story .copy-9{font-size:17px;line-height:1.5}}.leon-opening [data-story-continuation]{min-height:calc(100svh - 80px);scroll-margin-top:150px}.leon-opening .story-return-controls{display:flex;flex-wrap:wrap;gap:8px 20px;padding:16px 0;color:#62717b;font-size:12px}.leon-opening .story-return-controls button{min-height:44px;padding:8px 4px;background:transparent;text-underline-offset:4px}.leon-opening .story-return-controls button:is(:hover,:focus-visible){text-decoration:underline}@container (max-width: 400px){.leon-opening .reading-control{left:4px;padding-inline:0}.leon-opening .scene-cue{position:absolute;width:1px;height:1px;min-width:0;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.leon-opening .story-page-link{padding:32px 0 64px}.leon-opening .about-experience-controls{position:fixed;z-index:81;right:24px;bottom:max(24px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px}.leon-opening .about-experience-button,.leon-opening .about-scene-arrows{background:#fff;color:#24313d;border:0;border-radius:999px;box-shadow:0 3px 14px rgb(36 49 61/12%)}.leon-opening .about-experience-button{min-height:48px;padding:0 20px;font-size:14px;cursor:pointer}.leon-opening .about-scene-arrows{display:flex}.leon-opening .about-scene-arrows button{background:transparent;border:0;min-width:44px;min-height:48px;color:inherit;cursor:pointer}.leon-opening .about-scene-arrows button:disabled{opacity:.35;cursor:default}.leon-opening .about-experience-controls [data-component=go-to-top-button]{position:static;flex-shrink:0}.leon-opening .about-experience-controls button:focus-visible{outline:2px solid var(--leon-orange,#d96d0b);outline-offset:3px}@media (min-width:1024px){.leon-opening .about-experience-controls{right:calc(var(--sidebar-width, 0px) + 24px)}}@media (max-width:699px){.leon-opening .about-experience-controls{right:16px;bottom:max(16px,env(safe-area-inset-bottom));gap:8px}}