@font-face{font-family:Rubik;src:url('assets/rubik.ttf') format('truetype');font-weight:400;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#d9effb;font-family:Rubik,sans-serif;color:#405232;overflow:hidden}#stage{position:absolute;width:1440px;height:1024px;overflow:hidden;transform-origin:top left}.scene{position:absolute;inset:0;overflow:hidden}.scene>img,.scene>video{position:absolute;width:1827.286245px;height:1024px;left:-386.8606px;top:.417375px;max-width:none;object-fit:fill}.logo{position:absolute;left:60px;top:17px;width:32px;height:42px;object-fit:fill}nav{position:absolute;left:315px;top:32px;display:flex;gap:206px;font-size:12px;line-height:.9;letter-spacing:.24px;white-space:nowrap}.copy{position:absolute;left:60px;top:288px;width:541px;display:flex;flex-direction:column;gap:24px}h1{margin:0;width:541px;font-size:80px;line-height:95px;font-weight:400;text-transform:uppercase;color:#ff5b67;mix-blend-mode:hard-light;font-feature-settings:'dlig' 1;overflow-wrap:normal}p{margin:0}.copy p{width:302px;font-size:14px;line-height:19.6px}.camera{position:absolute;left:1160px;top:116px;width:220px;height:300px;border-radius:20px;overflow:hidden;background:#d9d9d9}.camera>video,.camera>canvas{position:absolute;inset:0;width:220px;height:300px;transform:scaleX(-1)}.camera>video{object-fit:cover}.camera-controls{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px;text-align:center}.camera-controls p{font-size:12px;line-height:1.4}.camera button,.upload{font:inherit;font-size:12px;color:#405232;background:rgba(255,255,255,.9);border:1px solid #ffffff;border-radius:20px;padding:10px 14px;cursor:pointer}.upload{position:relative}.upload input{position:absolute;width:1px;height:1px;opacity:0}.upload:focus-within,button:focus-visible{outline:2px solid #405232;outline-offset:3px}.camera.live .camera-controls{justify-content:flex-end;background:linear-gradient(transparent 55%,#ffffffaa);gap:8px}.camera.live #start{display:none}.camera.live .upload,.camera.live #stop{font-size:10px;padding:5px 9px}.camera.live #status{font-size:11px}.socials{position:absolute;left:60px;bottom:32px;display:flex;gap:29.2px}.social{position:relative;width:34.786px;height:34.786px}.ring{position:absolute;left:-7.7573px;top:-7.7573px}.instagram{position:absolute;left:12.26px;top:12.44px;width:10.026px;height:10.026px}.linkedin{position:absolute;left:12.586px;top:12.589px}[hidden]{display:none!important}
/* Fluid desktop composition; original coordinates are retained at 1440 × 1024. */
body{overflow:auto;overflow-x:hidden}#stage{position:relative;width:100%;min-height:760px;height:100svh;transform:none}.scene>img,.scene>video{width:178.571429%;height:100%;left:-26.86532%;top:.04076%;object-fit:fill}.logo{left:4.166667%}nav:not(.socials){left:21.875%;right:21.875%;gap:0;justify-content:space-between}.copy{left:4.166667%;top:28.125%;width:37.569444%}h1{width:100%;font-size:clamp(46px,5.555556vw,88px);line-height:1.1875}.camera{left:auto;right:4.166667%;top:11.328125%;width:clamp(176px,15.277778vw,250px);height:auto;aspect-ratio:11/15}.camera>video,.camera>canvas{width:100%;height:100%}.socials{left:auto;right:4.166667%;top:auto;bottom:32px;gap:20px;line-height:normal;letter-spacing:normal}.social{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid white;border-radius:50%;color:white;text-decoration:none;background:#40523215;transition:background .18s,transform .18s}.social svg{width:19px;height:19px}.social:hover{background:#40523255;transform:translateY(-3px)}.social:focus-visible{outline:2px solid #405232;outline-offset:4px}
@media(max-width:1100px) and (min-width:761px){.copy{width:42%;top:30%}h1{font-size:clamp(46px,5.7vw,64px)}.copy p{max-width:100%}.camera{right:24px;top:90px;width:176px}.logo{left:32px}.copy{left:32px}.socials{right:24px}}
@media(max-width:1100px){
#stage{height:auto;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:86px clamp(320px,90vw,520px) auto auto auto;gap:24px;padding:0 24px 24px;background:#d9effb}.logo{left:24px;top:16px;width:25px;height:33px}nav:not(.socials){left:80px;right:24px;top:28px;font-size:11px;gap:12px}.scene{position:relative;grid-row:2;margin:-24px -24px 0;overflow:hidden}.scene>img,.scene>video{left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:78% center}.copy{position:relative;left:auto;top:auto;grid-row:3;width:100%;gap:18px}h1{font-size:clamp(36px,8.4vw,60px);line-height:1.16}.copy p{width:100%;max-width:430px;font-size:14px;line-height:1.5}.camera{position:relative;left:auto;right:auto;top:auto;grid-row:4;justify-self:end;width:220px;max-width:100%;border-radius:20px}.socials{position:relative;left:auto;right:auto;top:auto;bottom:auto;grid-row:5;justify-self:end;gap:16px}.social{background:#40523225}.camera-controls{padding:14px}
}
@media(max-width:360px){#stage{padding-left:16px;padding-right:16px}.logo{left:16px}nav:not(.socials){left:65px;right:16px;font-size:10px;gap:8px}.scene{margin-left:-16px;margin-right:-16px}h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){.social{transition:none}}
@media(min-width:1101px){.scene>img,.scene>video{width:100%;height:100%;left:0;top:0;object-fit:cover;object-position:right center}}