/* ALINE / THE CAMERA ROOM. Existing brand, a new interactive opening only. */
.camera-hero{min-height:max(820px,calc(100svh - 100px));padding-top:45px;padding-bottom:125px;perspective:1200px}
.camera-hero .attention-copy{width:50%;max-width:900px}
.camera-hero .attention-question{font-size:clamp(55px,5.7vw,120px)}
.camera-hero .attention-stop{font-size:clamp(105px,10.7vw,222px)}
.camera-hero .attention-eyebrow{font-size:17px;margin-bottom:26px}
.camera-hero .attention-lead{font-size:clamp(24px,1.85vw,36px);line-height:1.55;margin:26px 0 16px;max-width:700px}
.camera-hero .attention-lead strong{font-weight:700;color:#f3efe9}
.camera-hero .attention-description{font-size:clamp(19px,1.35vw,26px);line-height:1.75;max-width:680px;margin-bottom:27px;color:#c4bcc7}
.camera-hero .attention-description strong{color:#f3efe9;font-weight:500}
.camera-hero .attention-actions{gap:22px}.camera-hero .attention-cta{font-size:18px;min-height:62px;padding:14px 20px;gap:25px}.camera-hero .attention-work{font-size:16px;gap:12px}.camera-hero .attention-quality{font-size:16px;margin-top:23px}
.camera-hero .attention-experiment{bottom:115px;left:5.5%;gap:18px;max-width:40%}.camera-hero #attention-toggle{font-size:16px}.camera-hero .attention-control-icon{width:46px;height:46px;font-size:19px}.camera-hero .attention-response{font-size:14px;max-width:210px;padding-inline-start:15px}
.camera-hero .attention-bottom{min-height:75px;font-size:12px}.camera-hero .attention-bottom>a{font-size:16px}
.camera-scene{position:absolute;left:0;top:12px;bottom:170px;width:49%;isolation:isolate;perspective:1100px;direction:ltr;z-index:2}
.camera-ambient{position:absolute;inset:7% -6% -10%;background:radial-gradient(ellipse at 48% 48%,#d823713d,transparent 62%);filter:blur(10px);animation:camera-aura 9s ease-in-out infinite;pointer-events:none}
.camera-grid{position:absolute;inset:8% 6% 0;background-image:linear-gradient(#f5609c09 1px,transparent 1px),linear-gradient(90deg,#f5609c09 1px,transparent 1px);background-size:55px 55px;mask-image:radial-gradient(ellipse,#000,transparent 68%);transform:perspective(600px) rotateY(12deg);pointer-events:none}
.camera-hud{position:absolute;top:30px;left:14%;right:8%;display:flex;align-items:center;justify-content:space-between;gap:20px;font:9px/1.4 Arial,sans-serif;letter-spacing:1.4px;color:#d5bdcb;z-index:6;pointer-events:none}.camera-hud>span:first-child{display:flex;align-items:center;gap:8px}.camera-hud i{display:block;width:5px;height:5px;background:#f04c83;border-radius:50%;box-shadow:0 0 12px #f04c83}
.camera-rig{position:absolute;inset:25px 3% 0 9%;transform-style:preserve-3d;transform:translate3d(calc(var(--pointer-x)*-18px),calc(var(--pointer-y)*-10px),0) rotateY(calc(var(--pointer-x)*-7deg)) rotateX(calc(var(--pointer-y)*5deg));transition:transform .45s cubic-bezier(.22,1,.36,1)}
.camera-orbit{position:absolute;top:22%;left:-2%;width:105%;aspect-ratio:1;border-radius:50%;pointer-events:none;transform-style:preserve-3d}
.orbit-outer{border:1px solid #f5609c30;box-shadow:0 0 70px #c82c6512,inset 0 0 60px #c82c6510;animation:camera-orbit 24s linear infinite}
.orbit-outer:before{content:'';position:absolute;inset:-10px;border-radius:50%;border:1px dashed #e392b13b}.orbit-outer:after{content:'';position:absolute;width:9px;height:9px;top:16%;left:10%;border-radius:50%;background:#f5609c;box-shadow:0 0 25px #f04c83}
.orbit-inner{inset:29% auto auto 9%;width:81%;border:1px solid #fff2;animation:camera-orbit 30s linear infinite reverse;opacity:.6}
.camera-frame{position:absolute;width:62%;height:82%;left:21%;top:8%;border:1px solid #d998b04f;border-radius:22px;pointer-events:none;transform-style:preserve-3d}
.frame-back{transform:translateZ(-70px) rotate(-13deg);box-shadow:0 0 0 10px #f5609c03;animation:camera-frame-back 11s ease-in-out infinite}
.frame-front{transform:translateZ(-25px) rotate(8deg);border-color:#ffffff28;animation:camera-frame-front 11s ease-in-out infinite}
.aline-float{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;animation:aline-float 8s ease-in-out infinite;transform:translateZ(45px);pointer-events:none}
.aline-portrait{height:95%;aspect-ratio:933/1400;position:relative;flex-shrink:0;max-width:95%;transform-origin:50% 70%;animation:aline-arrive 1.45s cubic-bezier(.2,.7,.2,1) both}
.aline-portrait>img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 0 18px #f04c8327);mask-image:linear-gradient(#000 86%,#000b 94%,transparent 100%)}
.camera-lens-light{position:absolute;left:26.5%;top:37.8%;width:44%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#ffe9f866 0,#f5609c22 20%,transparent 67%);mix-blend-mode:screen;animation:camera-lens 8s ease-in-out infinite;pointer-events:none}
.lens-trigger{pointer-events:auto;position:absolute;left:26.5%;top:37.8%;width:19%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #ffdbe89c;border-radius:50%;background:transparent;cursor:pointer;z-index:5;display:grid;place-items:center;transition:box-shadow .3s,background .3s;min-width:44px;min-height:44px;padding:0}
.lens-trigger>span{position:absolute;inset:-7px;border-radius:50%;border:1px dashed #f3efe982;animation:lens-rotate 15s linear infinite}.lens-trigger:hover{background:#f5609c30;box-shadow:0 0 25px #f04c83b3,0 0 60px #f04c8355}.lens-trigger:focus-visible{outline:3px solid #fff;outline-offset:10px}
.lens-wave{position:absolute;left:26.5%;top:37.8%;width:18%;aspect-ratio:1;transform:translate(-50%,-50%) scale(1);border:1px solid #f5609cb3;border-radius:50%;pointer-events:none;animation:lens-signal 8s ease-out infinite;opacity:0;z-index:4}.wave-two{animation-delay:.6s;border-color:#f3efe98c}
.camera-focus{position:absolute;top:19%;left:32%;width:39%;height:35%;z-index:4;pointer-events:none;animation:camera-focus 10s cubic-bezier(.45,0,.25,1) infinite;color:#fff0f6}
.camera-focus>i{position:absolute;width:25px;height:25px;border-color:currentColor;border-style:solid;border-width:0;filter:drop-shadow(0 0 6px #f04c8390)}.camera-focus>i:nth-child(1){top:0;left:0;border-top-width:2px;border-left-width:2px}.camera-focus>i:nth-child(2){top:0;right:0;border-top-width:2px;border-right-width:2px}.camera-focus>i:nth-child(3){bottom:0;left:0;border-bottom-width:2px;border-left-width:2px}.camera-focus>i:nth-child(4){bottom:0;right:0;border-bottom-width:2px;border-right-width:2px}
.camera-focus>span{position:absolute;top:-25px;left:0;font:8px/1.4 Arial,sans-serif;letter-spacing:1.6px;white-space:nowrap;color:#ffd0e1}
.camera-scan{position:absolute;left:12%;right:6%;top:15%;height:1px;background:linear-gradient(90deg,transparent,#ffd9e8 48%,#f04c83 75%,transparent);box-shadow:0 0 18px #f04c83;z-index:4;pointer-events:none;animation:camera-scan 10s ease-in-out infinite;opacity:.65}
.capture-outline{position:absolute;inset:7% 12% 4%;border:1px solid #f5609c;z-index:5;opacity:0;pointer-events:none;box-shadow:inset 0 0 60px #f04c8314,0 0 45px #f04c8333}
.camera-signature{position:absolute;left:14%;bottom:2%;z-index:6;pointer-events:none;text-shadow:0 3px 16px #000;transform:rotate(-4deg)}.camera-signature>span:first-child{display:block;font:800 clamp(28px,3.6vw,62px)/1 Heebo,Arial;letter-spacing:-3px;color:#f3efe9}.signature-dot{color:#f5609c}.camera-signature>span:last-child{display:block;direction:rtl;text-align:left;font-size:13px;margin-top:8px;color:#e6bdce;letter-spacing:0}
.camera-hint{position:absolute;right:8%;bottom:-7px;font-size:13px!important;color:#c8a5b4;direction:rtl;margin:0;line-height:1.5!important}.camera-hint>span{display:inline-block;color:#f5609c;margin-right:10px;font-size:22px}
.camera-scene.capture-active .capture-outline{animation:capture-outline 1.6s ease-out both}.camera-scene.capture-active .camera-lens-light{animation:capture-light 1.6s ease-out both}.camera-scene.capture-active .lens-wave{animation:capture-wave 1.6s ease-out both}.camera-scene.capture-active .wave-two{animation-delay:.15s}.camera-scene.capture-active .camera-focus{animation:none;transform:translate3d(-8%,-3%,80px) scale(.93);color:#f5609c}
@keyframes aline-arrive{from{transform:translateY(55px) scale(.93);filter:brightness(.65)}to{transform:translateY(0) scale(1);filter:brightness(1)}}
@keyframes aline-float{0%,100%{transform:translate3d(-7px,12px,45px) rotate(-1.2deg)}50%{transform:translate3d(9px,-14px,45px) rotate(1.2deg)}}
@keyframes camera-orbit{from{transform:rotateZ(0) rotateX(12deg)}to{transform:rotateZ(360deg) rotateX(12deg)}}
@keyframes camera-frame-back{0%,100%{transform:translateZ(-70px) rotate(-13deg)}50%{transform:translateZ(-40px) rotate(-4deg)}}
@keyframes camera-frame-front{0%,100%{transform:translateZ(-25px) rotate(8deg)}50%{transform:translateZ(-45px) rotate(15deg)}}
@keyframes camera-aura{0%,100%{opacity:.65;transform:scale(.94)}50%{opacity:1;transform:scale(1.1)}}
@keyframes camera-focus{0%,100%{transform:translate3d(0,0,80px) scale(1);opacity:.4}25%{transform:translate3d(-12%,8%,80px) scale(1.16);opacity:.8}50%,65%{transform:translate3d(5%,-8%,80px) scale(.88);opacity:1}80%{transform:translate3d(-20%,35%,80px) scale(1.05);opacity:.55}}
@keyframes camera-scan{0%,100%{transform:translate3d(0,0,90px);opacity:0}12%{opacity:.5}60%{transform:translate3d(0,330px,90px);opacity:.45}76%{opacity:0;transform:translate3d(0,420px,90px)}}
@keyframes camera-lens{0%,70%,100%{opacity:.15;transform:translate(-50%,-50%) scale(.8)}80%{opacity:.75;transform:translate(-50%,-50%) scale(1.45)}}
@keyframes lens-rotate{to{transform:rotate(360deg)}}
@keyframes lens-signal{0%,70%,100%{opacity:0;transform:translate(-50%,-50%) scale(1)}74%{opacity:.7}94%{opacity:0;transform:translate(-50%,-50%) scale(6)}}
@keyframes capture-outline{0%{opacity:0;transform:translateZ(95px) scale(1.09)}20%,45%{opacity:1;transform:translateZ(95px) scale(1)}100%{opacity:0;transform:translateZ(95px) scale(1.015)}}
@keyframes capture-light{0%,100%{opacity:0;transform:translate(-50%,-50%) scale(.7)}30%{opacity:1;transform:translate(-50%,-50%) scale(2.2)}}
@keyframes capture-wave{0%{opacity:.85;transform:translate(-50%,-50%) scale(.9)}100%{opacity:0;transform:translate(-50%,-50%) scale(7)}}
@media(min-width:1900px){.camera-hero{min-height:max(900px,calc(100svh - 100px));padding-top:55px}.camera-hero .attention-experiment{bottom:120px}.camera-hero .attention-cta{font-size:23px;min-height:75px}.camera-hero .attention-work{font-size:21px}.camera-hero .attention-quality{font-size:19px}.camera-scene{top:5px;bottom:175px}.camera-hud{font-size:11px}.camera-hint{font-size:16px!important;right:10%}.camera-hero .attention-response{font-size:18px}.camera-hero #attention-toggle{font-size:19px}}
@media(min-width:1101px) and (max-height:850px){.camera-hero{min-height:max(710px,calc(100svh - 100px));padding-top:28px;padding-bottom:105px}.camera-hero .attention-eyebrow{margin-bottom:18px}.camera-hero .attention-question{font-size:clamp(52px,5.2vw,83px)}.camera-hero .attention-stop{font-size:clamp(100px,9.4vw,150px)}.camera-hero .attention-lead{font-size:24px;margin-top:18px;margin-bottom:14px}.camera-hero .attention-description{font-size:18px;margin-bottom:20px}.camera-hero .attention-quality{font-size:15px;margin-top:18px}.camera-scene{top:0;bottom:145px}.camera-hero .attention-experiment{bottom:80px}.camera-hero .attention-bottom{min-height:55px}}
@media(max-width:1100px) and (min-width:761px){.camera-hero{min-height:810px;padding-top:38px}.camera-hero .attention-copy{width:54%}.camera-hero .attention-question{font-size:5.8vw}.camera-hero .attention-stop{font-size:11vw}.camera-hero .attention-lead{font-size:23px}.camera-hero .attention-description{font-size:18px}.camera-hero .attention-eyebrow{font-size:15px}.camera-hero .attention-cta{font-size:16px;min-height:55px}.camera-scene{width:45%;top:70px;bottom:180px}.camera-rig{inset:20px -1% 0 4%}.aline-portrait{max-width:100%;height:auto;width:97%}.camera-hud{left:8%;right:4%;font-size:8px;gap:10px}.camera-hud>span:last-child{display:none}.camera-signature{left:8%;bottom:1%}.camera-hint{font-size:11px!important;right:5%;bottom:-7px}.camera-focus{height:30%;top:26%}.camera-hero .attention-experiment{left:5%;max-width:35%}}
@media(max-width:760px){.camera-hero{min-height:0;padding:34px 25px 0;display:grid;grid-template-columns:minmax(0,1fr)}.camera-hero .attention-copy{display:contents}.camera-hero .attention-eyebrow{grid-row:1;font-size:14px;margin-bottom:24px}.camera-hero .attention-copy h1{grid-row:2;position:relative;z-index:5;letter-spacing:-.055em;margin:0}.camera-hero .attention-question{font-size:10.8vw;white-space:nowrap}.camera-hero .attention-stop{font-size:23vw}.camera-scene{grid-row:4;position:relative;left:auto;top:auto;bottom:auto;width:calc(100% + 50px);height:470px;margin:10px -25px 24px;overflow:hidden}.camera-rig{inset:20px 9% 20px;transform:none}.aline-portrait{height:100%;max-width:100%;width:auto}.camera-hud{top:12px;left:12%;right:10%;font-size:8px}.camera-hud>span:last-child{font-size:7px}.camera-signature{left:11%;bottom:25px}.camera-signature>span:first-child{font-size:34px;letter-spacing:-1.5px}.camera-signature>span:last-child{font-size:11px}.camera-hint{bottom:0;right:10%;font-size:11px!important}.camera-focus{left:35%;top:17%;width:40%;height:32%}.camera-focus>span{font-size:6px;letter-spacing:1px}.camera-focus>i{width:18px;height:18px}.camera-frame{left:20%;width:64%;height:80%;top:10%}.camera-orbit{top:17%}.camera-hero .attention-lead{grid-row:3;font-size:23px;margin:18px 0 12px;line-height:1.55}.camera-hero .attention-description{grid-row:5;font-size:18px;line-height:1.8;margin-bottom:23px}.camera-hero .attention-actions{grid-row:6;gap:18px}.camera-hero .attention-cta{width:100%;font-size:17px;min-height:62px;padding:15px 17px}.camera-hero .attention-work{font-size:17px}.camera-hero .attention-quality{grid-row:7;font-size:16px;margin-top:22px}.camera-hero .attention-experiment{grid-row:8;position:relative;left:auto;bottom:auto;max-width:none;width:100%;margin:27px 0;gap:20px;justify-content:flex-start}.camera-hero .attention-response{display:block;font-size:13px}.camera-hero #attention-toggle{font-size:15px}.camera-hero .attention-control-icon{width:44px;height:44px}.camera-hero .attention-bottom{grid-row:9;position:relative;inset:auto;min-height:80px;width:100%;font-size:12px}.camera-hero .attention-bottom>a{font-size:16px}.camera-hero .attention-bottom>span{display:none}.camera-scan{animation-duration:12s}.lens-wave{animation-duration:12s}}
@media(min-width:480px) and (max-width:760px){.camera-scene{height:560px}.camera-hero .attention-copy h1,.camera-hero .attention-eyebrow,.camera-hero .attention-lead,.camera-hero .attention-description,.camera-hero .attention-actions,.camera-hero .attention-quality{max-width:600px;width:100%;margin-inline:auto}.camera-hero .attention-question{font-size:60px}.camera-hero .attention-stop{font-size:125px}}
@media(max-width:360px){.camera-hero{padding-inline:22px}.camera-scene{height:410px;width:calc(100% + 44px);margin-inline:-22px}.camera-hero .attention-lead{font-size:21px}.camera-hero .attention-description{font-size:17px}.camera-hero .attention-cta{font-size:15px}.camera-hero .attention-response{display:none}.camera-hud{font-size:7px}.camera-hud>span:last-child{display:none}}
.camera-hero[data-motion=paused] .camera-rig{transform:none}.camera-hero[data-motion=paused] .camera-scene *,.camera-hero[data-motion=paused] .camera-scene *:before,.camera-hero[data-motion=paused] .camera-scene *:after{animation-play-state:paused!important;transition:none}.camera-hero[data-motion=paused] .aline-portrait{animation:none;filter:none;transform:none}
@media(prefers-reduced-motion:reduce){.camera-scene *,.camera-scene *:before,.camera-scene *:after{animation:none!important;transition:none!important}.camera-rig{transform:none!important}.camera-lens-light{opacity:.25}.camera-scan,.lens-wave,.capture-outline{display:none}.aline-portrait{filter:none!important;transform:none!important}}