.lb-studio .approach-scene-motion{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.lb-studio .approach-scene-motion image{image-rendering:auto}.lb-studio .approach-mug-steam{fill:none;stroke:#f8f1df;stroke-width:4px;stroke-linecap:square}.lb-studio .approach-camera-framing{transform-box:fill-box;transform-origin:center}.lb-studio .approach-process-page{color:var(--blue);background:var(--cream);overflow:clip}.lb-studio .approach-introduction{position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;max-width:1462px;min-height:580px;margin-inline:auto;padding:54px 3.5% 56px;isolation:isolate}.lb-studio .approach-intro-copy{z-index:1}.lb-studio .approach-intro-copy>.mono{margin-bottom:25px;font-size:12px}.lb-studio .approach-intro-copy h1{max-width:11ch;font-size:clamp(54px,5.8vw,84px);line-height:.95;letter-spacing:-.055em}.lb-studio .approach-intro-copy h1 span{display:block;margin-top:10px;font-size:.88em;line-height:.94;letter-spacing:-.045em}.lb-studio .approach-intro-description{max-width:48ch;margin-top:28px;font-size:18px;line-height:1.55}.lb-studio .approach-scroll-link{display:inline-flex;align-items:center;gap:22px;margin-top:30px;padding-block:10px;font-size:11px}.lb-studio .approach-scroll-link span{font-size:32px;line-height:1;transition:transform .18s ease}.lb-studio .approach-scroll-link:hover span{transform:translateY(5px)}.lb-studio .approach-opening-art{position:relative;aspect-ratio:1.08;width:112%;margin-left:-3%}.lb-studio .approach-opening-island{position:absolute;inset:8% 0 0;width:100%;height:92%;object-fit:contain;overflow:visible}.lb-studio .approach-cloud{position:absolute;pointer-events:none}.lb-studio .approach-cloud img{width:100%;height:auto;image-rendering:pixelated}.lb-studio .approach-cloud-one{left:4%;top:9%;width:90px}.lb-studio .approach-cloud-two{right:0;top:-1%;width:120px}.lb-studio .approach-journey{position:relative}.lb-studio .approach-stage-nav{position:sticky;top:0;z-index:6;display:grid;grid-template-columns:repeat(5,1fr);width:min(700px,93%);margin:0 auto 30px;padding:20px 18px 12px;background:var(--cream);box-shadow:0 1px #164c6218}.lb-studio .approach-stage-track{position:absolute;top:29px;left:calc(10% + 14px);right:calc(10% + 14px);height:2px;background:#164c6240;pointer-events:none}.lb-studio .approach-stage-track span{display:block;width:100%;height:100%;background:var(--blue);transform-origin:left}.lb-studio .approach-stage-nav a{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 4px 6px;font:12px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.lb-studio .approach-stage-number{display:grid;place-items:center;width:24px;height:24px;border:2px solid var(--blue);background:var(--cream);font-size:10px;transition:background-color .16s ease,color .16s ease}.lb-studio .approach-stage-nav a[aria-current=step] .approach-stage-number,.lb-studio .approach-stage-nav a:hover .approach-stage-number{background:var(--yellow)}.lb-studio .approach-stage-nav a[aria-current=step]>span:last-child{font-weight:700}.lb-studio .approach-process{position:relative;isolation:isolate}.lb-studio .approach-coastal-route{position:absolute;z-index:-1;top:0;bottom:0;left:max(0px,calc((100% - 1462px)/2));width:min(59%,850px);height:100%;fill:none;overflow:visible;pointer-events:none}.lb-studio .approach-route-ground{stroke:var(--yellow);stroke-width:12px;stroke-linecap:square}.lb-studio .approach-route-progress{stroke:var(--blue);stroke-width:5px;stroke-linecap:square}.lb-studio .approach-chapter{position:relative;scroll-margin-top:110px}.lb-studio .approach-chapter-inner{display:grid;grid-template-columns:56% 1fr;gap:3%;align-items:center;max-width:1462px;margin-inline:auto;min-height:620px;padding:64px 3.5% 80px 0}.lb-studio .approach-scene{position:relative;width:100%;aspect-ratio:3 / 2}.lb-studio .approach-scene-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.lb-studio .approach-scene-stage,.lb-studio .approach-dock-foreground{position:absolute;inset:0;width:100%;height:100%}.lb-studio .approach-scene-stage{transform-origin:50% 75%}.lb-studio .approach-dock-foreground{pointer-events:none}.lb-studio .approach-scene-cloud{right:5%;top:-2%;width:10%;min-width:40px}.lb-studio .approach-plan-art>img,.lb-studio .approach-plan-art>svg{position:absolute;inset:0;display:block;width:100%;height:100%}.lb-studio .approach-plan-art>svg{pointer-events:none}.lb-studio .approach-equipment{position:absolute;object-fit:contain;pointer-events:none}.lb-studio .approach-equipment-softbox{left:72%;top:12%;width:33%;height:96%;transform-origin:55% 92%}.lb-studio .approach-boat{position:absolute;left:49%;top:34%;width:40%;aspect-ratio:3 / 2;pointer-events:none}.lb-studio .approach-boat-art{display:block;width:100%;height:100%;object-fit:contain;transform-origin:50% 75%;animation:approach-boat-float 6.8s ease-in-out infinite;animation-play-state:paused}.lb-studio .approach-boat[data-floating=true] .approach-boat-art{animation-play-state:running}.lb-studio [data-reduced-motion=true] .approach-boat-art{animation:none}@keyframes approach-boat-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(1px) rotate(.2deg)}60%{transform:translateY(-1.5px) rotate(-.25deg)}80%{transform:translateY(.5px) rotate(.1deg)}}.lb-studio .approach-waypoint{position:absolute;bottom:-7%;right:10%;display:grid;place-items:center;width:46px;height:46px;background:var(--blue);border:4px solid var(--yellow);color:var(--yellow);font:18px/1 ui-monospace,SFMono-Regular,Consolas,monospace;box-shadow:4px 4px #164c6225}.lb-studio .approach-chapter-copy{padding-block:15px;max-width:500px}.lb-studio .approach-chapter-copy>.mono{font-size:12px;margin-bottom:20px}.lb-studio .approach-chapter-copy h2{font-size:clamp(32px,3.5vw,50px);line-height:1.02;letter-spacing:-.045em;font-weight:700;max-width:15ch}.lb-studio .approach-chapter-description{margin-top:23px;font-size:17px;line-height:1.58}.lb-studio .approach-chapter-copy ul{list-style:none;border-left:3px solid var(--yellow);padding:3px 0 3px 19px;margin:25px 0 0;font-size:15px;line-height:1.5}.lb-studio .approach-chapter-copy li+li{margin-top:7px}.lb-studio .approach-chapter-edit{color:var(--cream)}.lb-studio .approach-chapter-edit:before{content:"";position:absolute;z-index:-1;inset:10px 0;background:var(--blue);clip-path:polygon(0 12px,8% 12px,8% 0,24% 0,24% 8px,40% 8px,40% 0,63% 0,63% 12px,83% 12px,83% 4px,100% 4px,100% calc(100% - 12px),88% calc(100% - 12px),88% 100%,72% 100%,72% calc(100% - 8px),55% calc(100% - 8px),55% 100%,30% 100%,30% calc(100% - 8px),13% calc(100% - 8px),13% 100%,0 100%)}.lb-studio .approach-chapter-edit .approach-chapter-copy>.mono{color:var(--sky)}.lb-studio .approach-signoff{color:var(--cream);background:var(--blue)}.lb-studio .approach-signoff-inner{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);grid-template-areas:"copy visual";align-items:center;gap:16px 32px;max-width:1462px;min-height:590px;margin-inline:auto;padding:80px 6%}.lb-studio .approach-signoff-copy{grid-area:copy}.lb-studio .approach-signoff-visual{grid-area:visual;display:flex;flex-direction:column;align-items:center;gap:24px}.lb-studio .approach-signoff-copy>.mono{color:var(--sky);margin-bottom:28px}.lb-studio .approach-signoff h2{font-size:clamp(48px,6vw,88px);font-weight:500;line-height:.99;letter-spacing:-.045em}.lb-studio .approach-signoff h2 span{color:var(--yellow);line-height:1.08}.lb-studio .approach-signoff-description{max-width:39ch;margin-top:28px;font-size:20px;line-height:1.5}.lb-studio .approach-project-button{grid-area:action;justify-self:center;display:inline-flex;align-items:center;justify-content:center;text-align:center;width:260px;max-width:100%;min-height:64px;padding:18px 26px;color:var(--blue);background:var(--yellow);font-size:18px;font-weight:500;transition:transform .18s ease,box-shadow .18s ease}.lb-studio .approach-project-button:hover{transform:translateY(-2px);box-shadow:4px 4px 0 var(--sky)}.lb-studio .approach-project-button:focus-visible{outline-color:var(--cream)}.lb-studio .approach-project-button:active{transform:translateY(0)}.lb-studio .approach-signoff-island{grid-area:art;display:block;width:100%;height:auto;aspect-ratio:1895 / 1600;max-width:420px;justify-self:center;object-fit:contain}@media(min-width:1600px){.lb-studio .approach-chapter-inner{min-height:660px}}@media(max-width:1000px){.lb-studio .approach-introduction{min-height:500px}.lb-studio .approach-intro-description{font-size:16px}.lb-studio .approach-chapter-inner{grid-template-columns:52% 1fr;min-height:560px}.lb-studio .approach-chapter-copy h2{font-size:34px}.lb-studio .approach-chapter-description{font-size:15px}}@media(max-width:760px){.lb-studio .approach-introduction{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:35px 6% 18px}.lb-studio .approach-intro-copy h1{max-width:12ch;font-size:clamp(46px,11vw,74px)}.lb-studio .approach-intro-copy>.mono{font-size:10px;margin-bottom:20px}.lb-studio .approach-intro-description{margin-top:23px;max-width:52ch;font-size:16px}.lb-studio .approach-scroll-link{margin-top:20px;font-size:10px}.lb-studio .approach-opening-art{width:80%;max-width:410px;margin:12px auto 5px;aspect-ratio:1.3}.lb-studio .approach-cloud-one{width:55px;top:8%;left:-4%}.lb-studio .approach-cloud-two{width:70px;top:0}.lb-studio .approach-stage-nav{width:100%;padding-inline:4%;margin-bottom:14px}.lb-studio .approach-stage-nav a{font-size:10px}.lb-studio .approach-stage-track{left:13%;right:13%}.lb-studio .approach-coastal-route{display:none}.lb-studio .approach-chapter-inner{display:flex;flex-direction:column;gap:10px;min-height:0;padding:30px 6% 50px}.lb-studio .approach-scene{width:112%;max-width:650px;margin-bottom:16px}.lb-studio .approach-waypoint{right:13%;bottom:-2%;width:37px;height:37px;font-size:14px;border-width:3px}.lb-studio .approach-chapter-copy{width:100%;max-width:540px;padding-top:16px}.lb-studio .approach-chapter-copy>.mono{font-size:10px;margin-bottom:15px}.lb-studio .approach-chapter-copy h2{font-size:clamp(34px,8.5vw,48px);max-width:18ch}.lb-studio .approach-chapter-description{font-size:16px;line-height:1.6;margin-top:20px}.lb-studio .approach-chapter-copy ul{font-size:14px;margin-top:22px}.lb-studio .approach-chapter-edit .approach-chapter-inner{padding-block:50px 60px}.lb-studio .approach-signoff-inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "action" "art";gap:24px;min-height:0;padding:56px 6% 44px}.lb-studio .approach-signoff h2{font-size:clamp(44px,10vw,68px)}.lb-studio .approach-signoff-description{font-size:18px;margin-top:24px}.lb-studio .approach-project-button{width:100%;margin-top:6px;min-height:60px}.lb-studio .approach-signoff-island{width:76%;max-width:330px}.lb-studio .approach-signoff-visual{display:contents}}@media(prefers-reduced-motion:reduce){.lb-studio .approach-boat-art,.lb-studio.approach .studio-route{animation:none}.lb-studio .approach-process-page *,.lb-studio .approach-process-page *:before{scroll-behavior:auto;transition:none}.lb-studio .approach-project-button:hover{transform:none}}
