/*
  Product page inspired by Apple's visual restraint; native HTML/CSS.
  DESIGN_VARIANCE: 6. Full-bleed hero, open comparison, one shared kit scene.
  MOTION_INTENSITY: 4. Product depth only, no moving reading text.
  VISUAL_DENSITY: 3. One argument per composition, generous image space.
  Existing dark palette is explicitly preserved by the brief.
  Shape system: no card containers; buttons 999px; FAQ controls circular.
  Layers: base 0, hero art 1, hero copy 2, navigation 5, skip link 6.
*/
:root{color-scheme:dark;--bg:#161715;--surface:#1d1e1b;--ink:#f1f0e9;--muted:#b3b4aa;--quiet:#92958a;--line:#373a32;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:auto;scroll-padding-top:78px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.55 var(--font);-webkit-font-smoothing:antialiased;font-optical-sizing:auto}
h1,h2,h3,p,figure,dl,dd{margin:0}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
a:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
::selection{background:var(--ink);color:var(--bg)}
.content-width{width:min(100% - 96px,1120px);margin-inline:auto}
.skip{position:fixed;left:16px;top:8px;z-index:6;padding:12px 18px;background:var(--ink);color:var(--bg);transform:translateY(-150%)}
.skip:focus{transform:translateY(0)}
.nav-shell{position:sticky;top:0;z-index:5;background:rgba(22,23,21,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(241,240,233,.08)}
.site-nav{height:62px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.marca{font-size:23px;font-weight:650;letter-spacing:-1.4px;line-height:1}
.marca span{font-size:16px;vertical-align:top;display:inline-block;margin-left:1px}
nav{display:flex;gap:38px;align-items:center;font-size:12px;line-height:1.2}
nav a{display:inline-flex;min-height:44px;align-items:center;color:#d2d3ca;transition:color .18s ease}
nav a:hover{color:var(--ink)}
.hero{position:relative;isolation:isolate;min-height:710px;overflow:hidden}
.hero-intro{position:relative;z-index:2;padding-block:126px 140px;pointer-events:none}
.hero-intro a{pointer-events:auto}
.hero-model{font-size:22px;font-weight:600;letter-spacing:-.025em;margin-bottom:19px}
h1{font-size:clamp(56px,5.6vw,80px);font-weight:650;line-height:1.02;letter-spacing:-.05em}
.hero-lede{font-size:21px;line-height:1.42;letter-spacing:-.02em;color:#d3d4cb;margin-top:24px}
.hero-actions{display:flex;align-items:center;gap:25px;margin-top:31px}
.button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:11px 23px;border-radius:999px;background:var(--ink);color:var(--bg);font-size:14px;font-weight:500;line-height:1.25;white-space:nowrap;transition:background .18s ease,transform .15s ease}
.button:hover{background:#d9dbd0}
.button:active{transform:scale(.97);transition-duration:.08s}
.inline-link{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:16px;line-height:1.3;letter-spacing:-.015em}
.inline-link span{font-size:24px;line-height:.8;transition:transform .2s ease}
.inline-link:hover{text-decoration:underline;text-underline-offset:5px}
.inline-link:hover span{transform:translateX(2px)}
.hero-visual{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}
.hero-visual picture{display:block;width:100%;height:100%}
.hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,23,21,.94) 0%,rgba(22,23,21,.75) 24%,rgba(22,23,21,.14) 50%,transparent 68%),linear-gradient(0deg,var(--bg) 0%,rgba(22,23,21,.25) 14%,transparent 35%),linear-gradient(180deg,rgba(22,23,21,.6),transparent 23%)}
.hero-scene{width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.story{padding-block:100px 110px}
h2{font-size:clamp(38px,4.25vw,58px);font-weight:600;line-height:1.08;letter-spacing:-.045em;text-wrap:balance}
.story h2 span{color:var(--quiet)}
.story-body{max-width:570px;margin:29px 0 0 auto}
.story-body>p{font-size:21px;line-height:1.5;letter-spacing:-.02em;color:var(--muted)}
.story-body>.inline-link{margin-top:12px}
.product-facts{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:50px;padding-top:70px;margin-top:50px;border-top:1px solid var(--line)}
.product-facts>p{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.product-facts strong{font-size:64px;letter-spacing:-.055em;font-weight:600;line-height:1.1}
.product-facts>p:last-child strong{font-size:35px;letter-spacing:-.035em;line-height:1.1}
.product-facts span{font-size:16px;color:var(--muted);letter-spacing:-.01em}
.lens-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;margin-top:100px}
.lens-visual{min-width:0;display:grid;place-items:center}
.lens-visual img{width:min(100%,435px);height:auto}
.lens-copy h3{font-size:38px;letter-spacing:-.04em;line-height:1.12;font-weight:600}
.lens-copy>p{font-size:19px;line-height:1.5;color:var(--muted);max-width:360px;margin-top:23px}
.lens-copy>.inline-link{margin-top:16px}
.equipment-section{background:var(--surface);padding-block:105px 110px}
.section-intro>p{font-size:20px;line-height:1.5;letter-spacing:-.02em;color:var(--muted);margin-top:25px}
.featured-accessory{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px;min-height:570px;margin-top:50px;overflow:hidden}
.featured-accessory-copy{padding-left:40px}
.featured-accessory h3{font-size:43px;line-height:1.08;letter-spacing:-.04em;font-weight:600}
.featured-accessory-copy>p:not(.product-name){color:var(--muted);font-size:19px;line-height:1.5;max-width:350px;margin-top:25px}
.featured-accessory .product-name{font-size:14px;color:var(--muted);margin-top:26px}
.featured-accessory .inline-link{margin-top:1px}
.stick-composition{height:560px;position:relative;overflow:hidden;transform:rotate(17deg)}
.stick-image{position:absolute;top:168px;left:50%;transform:translateX(-50%);width:440px;height:440px;max-width:none;object-fit:contain}
.stick-camera{position:absolute;top:-13px;left:50%;transform:translateX(-50%);width:345px;height:345px;max-width:none;object-fit:contain}
.accessory-collection{display:grid;grid-template-columns:1fr 1fr 1fr;gap:53px;padding-top:56px;margin-top:15px;border-top:1px solid var(--line)}
.accessory{min-width:0}
.accessory-image{height:230px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}
.accessory-image img{width:230px;height:230px;object-fit:contain;transition:transform .3s cubic-bezier(.2,.75,.3,1)}
.accessory-image:hover img{transform:translateY(-5px)}
.accessory-image-lens{position:relative;isolation:isolate;width:190px;height:190px;margin:20px auto 50px;background:#e9e9e4;border-radius:50%;overflow:hidden}
.accessory-image-lens img{mix-blend-mode:multiply}
.accessory-info h3{font-size:28px;font-weight:600;letter-spacing:-.035em;line-height:1.14;min-height:64px}
.accessory-info>p{font-size:16px;line-height:1.55;color:var(--muted);margin-top:18px;min-height:100px}
.accessory-info>.inline-link{font-size:15px;margin-top:7px}
.comparison{padding-block:114px 100px}
.camera-lineup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:54px;margin-top:48px}
.camera-option{min-width:0;scroll-margin-top:95px}
.camera-image{height:320px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.camera-image img{width:340px;height:340px;max-width:none;object-fit:contain;transition:transform .35s cubic-bezier(.2,.75,.3,1)}
.camera-image:hover img{transform:translateY(-5px)}
.camera-image-pocket img{height:340px;width:340px}
.camera-image-akaso img{width:100%;height:auto;mix-blend-mode:lighten}
.camera-summary{margin-top:20px;min-height:230px}
.camera-purpose{font-size:12px;color:var(--muted);margin-bottom:9px}
.camera-summary h3{font-size:25px;font-weight:600;letter-spacing:-.035em;line-height:1.2;min-height:32px}
.camera-summary>p:not(.camera-purpose){font-size:16px;line-height:1.5;color:var(--muted);margin-top:14px}
.button-small{font-size:13px;min-height:38px;padding:10px 19px;margin-top:24px}
.camera-details{border-top:1px solid var(--line);padding-top:27px}
.camera-details>div{margin-bottom:25px;min-height:57px}
.camera-details>div:last-child{margin-bottom:0;min-height:85px}
.camera-details dt{font-size:12px;color:var(--muted);margin-bottom:7px}
.camera-details dd{font-size:16px;line-height:1.45;letter-spacing:-.01em}
.camera-details>div:last-child dd{font-size:14px;color:var(--muted);max-width:260px}
.comparison-note{font-size:12px;color:var(--muted);line-height:1.6;margin-top:39px;max-width:720px}
.choose-section{background:var(--surface);padding-block:95px}
.choose-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:94px;align-items:start}
.choose-intro h2{font-size:43px}
.choose-intro p{font-size:19px;line-height:1.5;letter-spacing:-.015em;color:var(--muted);max-width:370px;margin-top:25px}
.questions details{border-bottom:1px solid var(--line);padding-block:24px}
.questions details:first-child{padding-top:5px}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:17px;font-weight:500;line-height:1.4;min-height:40px}
summary::-webkit-details-marker{display:none}
summary>span{font-size:24px;font-weight:300;line-height:1;width:27px;height:27px;display:grid;place-items:center;flex-shrink:0;transition:transform .2s ease}
details[open] summary>span{transform:rotate(45deg)}
.questions details>p{color:var(--muted);font-size:16px;line-height:1.6;margin-top:17px;padding-right:28px}
.questions .inline-link{font-size:14px;margin-top:10px}
.footer{padding-block:38px 35px}
.footer-top{display:flex;align-items:center;gap:28px}
.footer-top>p{color:var(--muted);font-size:12px}
.footer-back{margin-left:auto;display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:12px}
.footer-back:hover{text-decoration:underline;text-underline-offset:4px}
.footer-note{max-width:730px;border-top:1px solid var(--line);margin-top:24px;padding-top:22px;color:var(--quiet);font-size:12px;line-height:1.6}
@media(min-width:1600px){.hero{min-height:800px}.hero-intro{padding-top:166px}.hero-scene{object-position:50% 50%}}
@media(max-width:1024px){.content-width{width:calc(100% - 64px)}.hero{min-height:670px}.hero-intro{padding-block:120px 120px}h1{font-size:64px}.hero-visual::after{background:linear-gradient(90deg,rgba(22,23,21,.94),rgba(22,23,21,.65) 30%,transparent 73%),linear-gradient(0deg,var(--bg),transparent 25%)}.hero-scene{object-position:56% 50%}.hero-actions{gap:18px}.hero-actions .inline-link{font-size:14px}.hero-lede{font-size:19px}.story{padding-block:80px}.lens-story{gap:40px;margin-top:75px}.lens-copy h3{font-size:33px}.lens-copy>p{font-size:17px}.equipment-section{padding-block:80px}.featured-accessory-copy{padding-left:0}.featured-accessory h3{font-size:38px}.featured-accessory-copy>p:not(.product-name){font-size:17px;max-width:320px}.accessory-collection{gap:32px}.accessory-info>p{min-height:125px}.camera-lineup{gap:32px}.camera-summary h3{font-size:22px}.camera-summary>p:not(.camera-purpose){font-size:15px}.camera-summary{min-height:230px}.camera-image{height:270px}.camera-image img{width:300px;height:300px}.camera-image-pocket img{width:300px;height:300px}.camera-image-akaso img{width:100%;height:auto}.choose-layout{gap:45px}.choose-intro h2{font-size:37px}.choose-intro p{font-size:17px}}
@media(max-width:767px){.content-width{width:calc(100% - 44px)}.site-nav{height:58px;gap:14px}.marca{font-size:22px}nav{gap:21px;font-size:11px}.hero{min-height:850px}.hero-intro{text-align:center;padding-block:48px 0}.hero-model{font-size:19px;margin-bottom:15px}h1{font-size:clamp(44px,13vw,60px);line-height:1.01;letter-spacing:-.055em}.hero-lede{font-size:18px;line-height:1.45;margin-top:21px}.hero-actions{justify-content:center;gap:21px;margin-top:24px}.button{font-size:13px;padding-inline:20px}.hero-actions>.inline-link{font-size:13px;gap:6px}.hero-visual{top:340px;height:510px;bottom:auto}.hero-scene{object-fit:cover;object-position:72% center}.hero-visual::after{background:linear-gradient(180deg,var(--bg),rgba(22,23,21,.18) 20%,transparent 45%),linear-gradient(0deg,var(--bg),transparent 28%)}.story{padding-block:48px 65px}h2{font-size:38px;line-height:1.1;letter-spacing:-.045em}.story-body{margin-top:25px;max-width:none}.story-body>p{font-size:18px;line-height:1.55}.inline-link{font-size:15px}.product-facts{grid-template-columns:1fr 1fr;gap:35px 24px;padding-top:31px;margin-top:35px}.product-facts strong{font-size:52px}.product-facts span{font-size:14px}.product-facts>p:last-child{grid-column:1/-1;flex-direction:row;align-items:center;gap:30px}.product-facts>p:last-child strong{font-size:28px}.product-facts>p:last-child span{max-width:130px}.lens-story{grid-template-columns:1fr;gap:30px;margin-top:56px}.lens-visual{order:1}.lens-copy{order:0}.lens-copy h3{font-size:32px}.lens-copy>p{font-size:17px;max-width:380px;margin-top:18px}.lens-visual img{width:min(100%,350px)}.equipment-section{padding-block:64px 60px}.section-intro>p{font-size:18px;line-height:1.5;margin-top:22px}.section-intro>p br{display:none}.featured-accessory{grid-template-columns:1fr;gap:0;min-height:0;margin-top:47px}.featured-accessory h3{font-size:34px}.featured-accessory-copy>p:not(.product-name){font-size:17px;max-width:360px;margin-top:21px}.featured-accessory .product-name{margin-top:23px}.stick-composition{height:380px;width:100%;max-width:460px;margin-inline:auto;margin-top:8px;transform:rotate(15deg)}.stick-image{width:340px;height:340px;top:129px}.stick-camera{width:260px;height:260px;top:-7px}.accessory-collection{grid-template-columns:1fr;gap:0;padding-top:10px;margin-top:0}.accessory{display:grid;grid-template-columns:118px minmax(0,1fr);gap:20px;align-items:start;padding-block:28px}.accessory-image{width:118px;height:150px;margin:0}.accessory-image img{width:145px;height:145px;max-width:none}.accessory-info h3{font-size:23px;min-height:0;line-height:1.15}.accessory-info>p{font-size:15px;line-height:1.5;min-height:0;margin-top:14px}.accessory-info>.inline-link{font-size:14px;margin-top:10px}.comparison{padding-block:65px 60px}.camera-lineup{grid-template-columns:1fr;gap:38px;margin-top:28px}.camera-option{display:grid;grid-template-columns:125px minmax(0,1fr);gap:0 22px;align-items:center}.camera-image{height:230px;grid-column:1;align-self:stretch;overflow:visible}.camera-image img{width:205px;height:205px}.camera-image-pocket img{width:205px;height:205px}.camera-image-akaso img{width:170px;height:auto}.camera-summary{grid-column:2;min-height:0;margin-top:0;padding-block:15px}.camera-purpose{font-size:11px;line-height:1.45;margin-bottom:9px}.camera-summary h3{font-size:24px;min-height:0;line-height:1.15}.camera-summary>p:not(.camera-purpose){font-size:15px;margin-top:12px}.camera-summary>p br{display:none}.camera-summary .button-small{font-size:12px;min-height:38px;margin-top:18px;padding-inline:17px}.camera-details{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px 25px;padding-top:22px;margin-top:8px}.camera-details>div{min-height:0;margin-bottom:0}.camera-details>div:last-child{grid-column:1/-1;min-height:0}.camera-details dt{font-size:11px}.camera-details dd{font-size:15px}.camera-details>div:last-child dd{font-size:13px;max-width:none}.comparison-note{font-size:12px;margin-top:32px}.choose-section{padding-block:61px}.choose-layout{grid-template-columns:1fr;gap:34px}.choose-intro h2{font-size:37px}.choose-intro p{font-size:17px;max-width:360px;margin-top:20px}.questions details{padding-block:19px}summary{font-size:16px;gap:12px}.questions details>p{font-size:15px;padding-right:12px}.footer{padding-block:27px 30px}.footer-top{flex-wrap:wrap;gap:15px 20px}.footer-top>p{font-size:11px;max-width:160px}.footer-back{width:100%;margin-left:0;min-height:36px;font-size:12px}.footer-note{font-size:11px;margin-top:15px;padding-top:18px}}
@media(max-width:360px){.content-width{width:calc(100% - 36px)}nav{gap:15px;font-size:10px}.marca{font-size:20px}.hero{min-height:800px}h1{font-size:clamp(43px,13vw,48px)}.hero-lede{font-size:16px}.hero-actions{gap:17px}.hero-actions .button{font-size:12px;padding-inline:17px}.hero-actions>.inline-link{font-size:12px}.hero-visual{top:325px;height:475px}.accessory{grid-template-columns:95px minmax(0,1fr);gap:18px}.accessory-image{width:95px;height:140px}.accessory-image img{width:125px;height:125px}.accessory-info h3{font-size:21px}.camera-option{grid-template-columns:105px minmax(0,1fr);column-gap:18px}.camera-summary h3{font-size:21px}.camera-image img{width:185px;height:185px}.camera-image-pocket img{width:185px;height:185px}.camera-image-akaso img{width:145px;height:auto}.camera-purpose{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(prefers-reduced-transparency:reduce){.nav-shell{background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none}}

@media(max-width:767px){.accessory-image-lens{width:118px;height:118px;margin:10px 0 22px}.accessory-image-lens img{width:145px;height:145px}}
@media(max-width:360px){.accessory-image-lens{width:95px;height:95px;margin-top:12px}.accessory-image-lens img{width:125px;height:125px}}
@media(min-width:768px) and (max-width:1024px){.hero{min-height:1030px}.hero-intro{text-align:center;padding-top:48px;padding-bottom:0}.hero-actions{justify-content:center}.hero-visual{top:365px;bottom:0;height:auto}.hero-scene{object-fit:contain;object-position:center bottom;padding:40px 0 25px}.hero-visual::after{background:none}}

/* The scroll scene explains capture, reframing and the replaceable lens.
   Native sticky controls layout; GSAP only changes transform and opacity.
   The default layout is also the reduced-motion and no-JavaScript version. */
.camera-journey{--journey-nav:62px;padding-block:90px 100px;background:var(--bg)}
.journey-stage{width:min(100% - 96px,1120px);margin-inline:auto;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}
.journey-art{min-width:0;display:grid;gap:30px;pointer-events:none}
.journey-object{display:block;width:100%;height:390px;object-fit:contain;object-position:center}
.journey-lens{height:340px}
.journey-copy{min-width:0}
.journey-step{margin-bottom:48px}
.journey-step h2{font-size:clamp(35px,4.1vw,54px);line-height:1.08;letter-spacing:-.04em;font-weight:600}
.journey-step>p{font-size:19px;line-height:1.5;letter-spacing:-.015em;color:var(--muted);max-width:440px;margin-top:22px}
.journey-step .journey-fact{font-size:14px;color:var(--ink);margin-top:20px}
.journey-help{font-size:15px}
.camera-journey.is-scroll{height:280svh;padding:0}
.is-scroll .journey-stage{position:sticky;top:var(--journey-nav);height:calc(100svh - var(--journey-nav));width:100%;display:block;overflow:hidden}
.is-scroll .journey-art{position:absolute;inset:0;display:block;overflow:hidden}
.is-scroll .journey-object{position:absolute;width:min(50vw,650px);height:86%;top:7%;left:calc(50% - min(25vw,325px));max-width:none;transform-origin:50% 45%;will-change:transform,opacity}
.is-scroll .journey-lens{display:none}
.is-scroll .journey-copy{position:absolute;inset:0;width:min(100% - 96px,1120px);margin-inline:auto;pointer-events:none}
.is-scroll .journey-step{position:absolute;top:50%;transform:translateY(-50%);width:43%;margin:0}
.is-scroll .journey-step-first{left:0}
.is-scroll .journey-step-second,.is-scroll .journey-step-third{right:0}
.is-scroll .journey-help{position:absolute;bottom:22px;right:0;pointer-events:auto}
@media(max-width:1024px) and (min-width:768px){.journey-stage{width:calc(100% - 64px);gap:40px}.is-scroll .journey-copy{width:calc(100% - 64px)}.journey-step h2{font-size:38px}.journey-step>p{font-size:17px}}
@media(max-width:767px){.camera-journey{--journey-nav:58px;padding-block:45px 64px}.journey-stage{width:calc(100% - 44px);grid-template-columns:1fr;gap:32px}.journey-art{grid-template-columns:1fr 1fr;gap:16px}.journey-object,.journey-lens{height:230px}.journey-step{margin-bottom:34px}.journey-step h2{font-size:32px}.journey-step>p{font-size:17px;margin-top:17px}.camera-journey.is-scroll{height:235svh}.is-scroll .journey-stage{width:100%;height:calc(100svh - var(--journey-nav))}.is-scroll .journey-art{top:0;bottom:auto;height:55%;width:100%}.is-scroll .journey-object{width:92%;height:100%;left:4%;top:0;transform-origin:50% 45%}.is-scroll .journey-copy{width:calc(100% - 44px);height:43%;top:auto;bottom:0}.is-scroll .journey-step{width:100%;top:0;left:0;right:auto;transform:none}.is-scroll .journey-step>p{font-size:16px;line-height:1.5;margin-top:15px;max-width:450px}.is-scroll .journey-step .journey-fact{font-size:13px;margin-top:15px}.is-scroll .journey-help{bottom:12px;left:0;right:auto;font-size:14px}}
@media(max-width:767px) and (max-height:680px){.is-scroll .journey-art{height:51%}.is-scroll .journey-copy{height:47%}.is-scroll .journey-step h2{font-size:30px}.is-scroll .journey-step>p{font-size:15px;line-height:1.45;margin-top:12px}.is-scroll .journey-step .journey-fact{margin-top:12px}.is-scroll .journey-help{bottom:6px}}
@media(max-width:360px){.journey-stage{width:calc(100% - 36px)}.is-scroll .journey-copy{width:calc(100% - 36px)}.journey-step h2{font-size:29px}}
@media(hover:hover) and (pointer:fine){.journey-help:hover span{transform:translateX(2px)}}