:root { --paper:#f5f5f3; --ink:#11110f; --dark:#171611; --line:rgba(255,255,255,.15); --header:58px; --subnav:54px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#fff; font-family:Inter,"Helvetica Neue",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
img { max-width:100%; }
a { color:inherit; }
.container-xl { max-width:1340px; padding-inline:40px; }
.skip-link { position:fixed; left:12px; top:-60px; z-index:2000; padding:10px 15px; color:#111; background:#fff; }
.skip-link:focus { top:12px; }

.product-header { color:#fff; background:rgba(25,24,20,.96); z-index:1030; }
.product-header .navbar { min-height:var(--header); padding:0; border-bottom:1px solid rgba(255,255,255,.08); }
.product-header .navbar-brand img { display:block; width:146px; height:auto; }
.product-header .navbar-nav { gap:22px; }
.product-header .nav-link { position:relative; padding:19px 4px 17px!important; color:rgba(255,255,255,.68); font-size:.76rem; }
.product-header .nav-link:hover,.product-header .nav-link.active { color:#fff; }
.product-header .nav-link::after { content:""; position:absolute; left:4px; right:100%; bottom:12px; height:1px; background:#fff; transition:right .2s; }
.product-header .nav-link:hover::after,.product-header .nav-link.active::after { right:4px; }
.product-actions { display:flex; align-items:center; gap:25px; }
.header-search { border:0; color:#fff; background:transparent; font-size:1.25rem; }
.buy-pill { min-width:80px; height:34px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; color:#111; background:#fff; font-size:.75rem; font-weight:600; text-decoration:none; }
.product-subnav { min-height:var(--subnav); display:flex; align-items:center; background:rgba(39,38,34,.96); }
.product-subnav .buy-pill { min-width:112px; margin-left:20px; }
main section[id] { scroll-margin-top:calc(var(--header) + var(--subnav) + 12px); }
.product-name { color:#fff; text-decoration:none; font-size:1.25rem; }
.subnav-links { display:flex; gap:38px; }
.subnav-links a { padding:17px 0 14px; border-bottom:2px solid transparent; color:rgba(255,255,255,.62); text-decoration:none; font-size:.72rem; }
.subnav-links a:hover,.subnav-links a.active { border-color:#fff; color:#fff; }

.product-hero { position:relative; min-height:690px; overflow:hidden; }
.product-hero-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.product-hero-wash { position:absolute; inset:0; background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 19%,rgba(255,255,255,.42) 34%,rgba(255,255,255,0) 52%),linear-gradient(90deg,rgba(0,0,0,0) 38%,rgba(0,0,0,.16) 60%,rgba(0,0,0,.56) 100%); }
.product-hero-inner { position:relative; min-height:690px; display:flex; align-items:center; }
.product-hero-copy { width:43%; padding-left:10px; }
.product-kicker { margin:0 0 -4px; font-size:4.45rem; line-height:1; letter-spacing:-.06em; }
.product-hero h1 { margin:0 0 18px; font-size:4.85rem; line-height:.98; letter-spacing:-.055em; font-weight:300; }
.product-summary { margin:0 0 28px; font-size:1.06rem; font-weight:600; }
.buy-dark,.buy-light { min-width:142px; min-height:42px; display:inline-flex; align-items:center; justify-content:center; padding:0 22px; border-radius:999px; color:#fff; background:#111; text-decoration:none; font-size:.78rem; font-weight:600; }
.film-button { display:inline-flex; align-items:center; gap:12px; border:0; background:transparent; color:#111; font-size:.82rem; }
.film-button span { width:30px; height:30px; display:grid; place-items:center; border:1px solid #111; border-radius:50%; font-size:.65rem; }
.hero-side-note,.craft-note,.pro-note { position:absolute; right:5%; top:43%; color:rgba(255,255,255,.78); text-transform:uppercase; font-size:.64rem; font-weight:700; letter-spacing:.34em; line-height:1.55; }

.glance-section,.versions-section { padding:65px 0 72px; background:#fff; }
.section-label { margin:0 0 14px; color:#777771; text-transform:uppercase; font-size:.6rem; font-weight:700; letter-spacing:.34em; }
.section-label.light { color:rgba(255,255,255,.55); }
.section-intro h2,.craft-copy h2,.routine-copy h2,.pro-copy h2 { margin:0; font-size:2.72rem; line-height:1.03; letter-spacing:-.045em; font-weight:400; }
.section-note { margin:0; color:#696a66; font-size:.94rem; line-height:1.5; }
.feature-cards {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),280px));
  justify-content:center;
  gap:16px;
  width:100%;
  margin:38px auto 0;
}
.feature-cards>.col { width:auto; max-width:none; padding:0; }
.feature-cards article h3 { margin:15px 0 7px; font-size:.9rem; }
.feature-cards article p { margin:0; color:#747570; font-size:.75rem; line-height:1.35; }
.feature-image { position:relative; height:185px; overflow:hidden; border-radius:11px; background:#ddd; }
.feature-image img { width:100%; height:100%; object-fit:cover; transition:transform .45s; }
.feature-image:hover img { transform:scale(1.04); }
.feature-image span { position:absolute; left:10px; bottom:10px; width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:#fff; box-shadow:0 3px 15px rgba(0,0,0,.18); font-size:1.2rem; }

.craft-section,.pro-section { position:relative; min-height:455px; overflow:hidden; color:#fff; background:#0f0f0d; }
.craft-section>img,.pro-section>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.craft-section::after,.pro-section::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,8,7,.98) 0%,rgba(8,8,7,.84) 33%,rgba(8,8,7,.08) 65%); }
.craft-inner,.pro-inner { position:relative; z-index:1; min-height:455px; display:flex; align-items:center; }
.craft-copy,.pro-copy { width:41%; }
.craft-copy p:last-child,.pro-copy p:not(.section-label) { max-width:430px; margin:20px 0 0; color:rgba(255,255,255,.64); font-size:.88rem; line-height:1.48; }
.craft-note,.pro-note { top:43%; }

.routine-section { min-height:480px; display:grid; grid-template-columns:55% 45%; background:#f7f7f5; }
.routine-image { overflow:hidden; }
.routine-image img { width:100%; height:100%; object-fit:cover; object-position:center; }
.routine-copy { display:flex; align-items:center; padding:60px clamp(45px,7vw,120px); }
.routine-copy p:last-child { max-width:520px; margin:26px 0 0; color:#6f706c; line-height:1.5; }
.pro-section { min-height:490px; }
.pro-section>img { object-position:center; }
.pro-copy p:not(.section-label) { max-width:445px; }
.buy-light { margin-top:25px; color:#111; background:#fff; }

.versions-section { padding-bottom:80px; }
.version-grid { margin-top:38px; }
.version-card { min-height:295px; display:grid; grid-template-columns:48% 52%; align-items:center; overflow:hidden; border-radius:6px; background:#f2f1ef; }
.version-card>img { width:100%; height:100%; min-height:295px; object-fit:cover; }
.version-card>div { padding:30px 28px; }
.version-card h3 { margin:0 0 9px; font-size:1.75rem; }
.version-card p { min-height:61px; margin:0 0 15px; color:#696a66; font-size:.85rem; line-height:1.45; }
.version-card strong { display:block; margin-bottom:18px; font-size:1.55rem; font-weight:500; }
.version-actions { display:flex; align-items:center; gap:22px; }
.version-actions button { min-height:38px; padding:0 20px; border:0; border-radius:999px; color:#fff; background:#111; font-size:.73rem; }
.version-actions button:disabled { cursor:default; opacity:.62; }
.version-actions a { font-size:.73rem; text-decoration:none; }

.tech-specs-section { padding:78px 0 88px; background:#f4f4f1; scroll-margin-top:115px; }
.tech-specs-heading { display:grid; grid-template-columns:1.2fr 1fr; align-items:end; gap:12px 50px; margin-bottom:38px; }
.tech-specs-heading .section-label { grid-column:1/-1; }
.tech-specs-heading h2 { margin:0; font-size:clamp(2.3rem,4vw,4.4rem); font-weight:400; letter-spacing:-.055em; }
.tech-specs-heading>p:last-child { max-width:390px; margin:0 0 7px; color:#6f706c; line-height:1.55; }
.specs-table { overflow:hidden; border:1px solid #dcdcd6; border-radius:14px; background:#fff; }
.specs-row { display:grid; grid-template-columns:minmax(160px,1.1fr) repeat(var(--spec-columns,2),minmax(180px,1fr)); }
.specs-row>* { padding:18px 22px; border-left:1px solid #e6e6e1; transition:background-color .25s ease; }
.specs-row>*:first-child { border-left:0; color:#6d6e69; }
.specs-row+.specs-row { border-top:1px solid #e6e6e1; }
.specs-head { background:#171715; color:#fff; }
.specs-head>* { padding-block:22px; border-color:#383834; }
.specs-head>*:first-child { color:#aeadA7; }
.specs-row .is-selected { background:#eeeae3; }
.specs-head .is-selected { background:#37322c; }
.specs-empty { margin:0; padding:30px; color:#6f706c; }
.product-faq { padding:90px 0; background:#fff; scroll-margin-top:115px; }
.product-faq-grid { display:grid; grid-template-columns:minmax(260px,.8fr) minmax(420px,1.2fr); gap:80px; }
.product-faq h2 { margin:12px 0 0; font-size:clamp(2.4rem,4.5vw,4.9rem); font-weight:400; letter-spacing:-.055em; line-height:.96; }
.product-faq-list { border-top:1px solid #d9d9d3; }
.product-faq details { border-bottom:1px solid #d9d9d3; }
.product-faq summary { position:relative; padding:23px 44px 23px 0; cursor:pointer; list-style:none; font-size:1.06rem; font-weight:500; }
.product-faq summary::-webkit-details-marker { display:none; }
.product-faq summary::after { content:"+"; position:absolute; right:4px; top:20px; font-size:1.5rem; font-weight:300; }
.product-faq details[open] summary::after { content:"−"; }
.product-faq details p { max-width:680px; margin:-4px 0 24px; color:#6f706c; line-height:1.6; }

.film-banner { position:relative; min-height:290px; display:grid; place-items:center; overflow:hidden; }
.film-banner>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:24% 53%; filter:saturate(.72) brightness(1.05); }
.film-banner::after { content:""; position:absolute; inset:0; background:rgba(0,0,0,.65); }
.film-banner-content { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; color:#fff; }
.film-banner-content>img { width:210px; height:auto; }
.film-banner-content p { margin:11px 0 18px; }
.film-banner-content button { display:inline-flex; align-items:center; gap:11px; border:0; color:#fff; background:transparent; }
.film-banner-content button span { width:32px; height:32px; display:grid; place-items:center; border:1px solid #fff; border-radius:50%; }

.product-footer { padding:58px 0 20px; color:rgba(255,255,255,.64); background:#141412; }
.footer-logo img { width:140px; height:auto; }
.footer-columns h2 { margin:0 0 14px; color:#fff; font-size:.68rem; }
.footer-columns a { display:block; margin-bottom:6px; color:inherit; text-decoration:none; font-size:.68rem; }
.footer-columns a:hover { color:#fff; }
.footer-form { display:flex; height:38px; border-radius:999px; background:#242421; overflow:hidden; }
.footer-form input { min-width:0; flex:1; border:0; outline:0; padding:0 16px; color:#fff; background:transparent; font-size:.72rem; }
.footer-form button { width:48px; border:0; border-radius:50%; background:#fff; }
.footer-message { min-height:18px; margin:5px 10px 0; font-size:.65rem; }
.footer-social { display:flex; gap:20px; margin-top:12px; font-size:.65rem; }
.footer-legal { display:flex; justify-content:space-between; margin-top:50px; padding-top:19px; border-top:1px solid rgba(255,255,255,.08); font-size:.6rem; }
.footer-legal div { display:flex; gap:28px; }

.product-toast { position:fixed; right:22px; bottom:22px; z-index:1200; transform:translateY(30px); opacity:0; padding:13px 19px; border-radius:999px; color:#111; background:#fff; box-shadow:0 14px 40px rgba(0,0,0,.25); transition:.25s; }
.product-toast.show { transform:translateY(0); opacity:1; }
.film-modal { position:fixed; inset:0; z-index:1400; display:grid; place-items:center; visibility:hidden; opacity:0; color:#fff; background:rgba(6,6,5,.94); transition:.25s; }
.film-modal.open { visibility:visible; opacity:1; }
.film-modal>button { position:absolute; right:30px; top:20px; border:0; color:#fff; background:transparent; font-size:2.5rem; }
.film-modal>div { text-align:center; }
.film-modal>div>span { width:72px; height:72px; display:grid; place-items:center; margin:0 auto 18px; border:1px solid #fff; border-radius:50%; }
.film-modal p { margin:0 0 6px; font-size:1.4rem; }
.film-modal small { color:rgba(255,255,255,.55); }

/* Scroll motion: lightweight, backend-independent and disabled for reduced motion. */
.motion-ready [data-reveal] { opacity:0; transform:translate3d(0,54px,0) scale(.985); transition:opacity .85s cubic-bezier(.22,1,.36,1),transform 1.05s cubic-bezier(.22,1,.36,1); transition-delay:var(--reveal-delay,0ms); will-change:opacity,transform; }
.motion-ready [data-reveal].is-visible { opacity:1; transform:translate3d(0,0,0) scale(1); }
.motion-ready [data-reveal="soft"] { transform:translate3d(0,34px,0); }
.motion-ready [data-reveal="left"] { transform:translate3d(-52px,0,0); }
.motion-ready [data-reveal="right"] { transform:translate3d(52px,0,0); }
.motion-ready [data-reveal="left"].is-visible,.motion-ready [data-reveal="right"].is-visible { transform:translate3d(0,0,0); }
[data-parallax] { --parallax-y:0px; --parallax-scale:1.06; transform:translate3d(0,var(--parallax-y),0) scale(var(--parallax-scale)); transform-origin:center; will-change:transform; }
.product-hero-image[data-parallax],.craft-section>img[data-parallax],.pro-section>img[data-parallax],.film-banner>img[data-parallax] { inset:-5% 0; width:100%; height:110%; }
.feature-cards .col,.version-card { transform-origin:center bottom; }
.product-hero-copy { will-change:transform,opacity; }
.motion-ready .product-header { transition:background-color .35s ease,box-shadow .35s ease; }
.motion-ready .product-header.is-scrolled { background:rgba(20,19,16,.92); box-shadow:0 8px 30px rgba(0,0,0,.16); backdrop-filter:blur(18px); }

@media (max-width:991.98px) {
  .container-xl { padding-inline:24px; }
  .product-header .navbar-collapse { padding:8px 0 18px; }
  .product-header .nav-link { padding:9px 0!important; }
  .product-header .nav-link::after { bottom:3px; left:0; }
  .product-actions { padding-top:10px; }
  .subnav-links { gap:20px; overflow:auto; margin-left:auto; }
  .subnav-links a { white-space:nowrap; }
  .product-hero-copy { width:58%; }
  .product-kicker { font-size:3.7rem; }
  .product-hero h1 { font-size:4rem; }
  .feature-image { height:165px; }
  .craft-copy,.pro-copy { width:58%; }
  .routine-section { grid-template-columns:1fr; }
  .routine-image { min-height:420px; }
  .routine-copy { min-height:330px; }
}

@media (max-width:767.98px) {
  .container-xl { padding-inline:18px; }
  .product-header .navbar-brand img { width:126px; }
  .product-subnav .container-xl { min-height:50px; }
  .subnav-links { display:none; }
  .product-name { font-size:1rem; }
  .product-hero,.product-hero-inner { min-height:690px; }
  .product-hero-image { object-position:62% center; }
  .product-hero-wash { background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.9) 42%,rgba(255,255,255,.06) 68%),linear-gradient(90deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.44) 100%); }
  .product-hero-inner { align-items:flex-start; padding-top:70px; }
  .product-hero-copy { width:100%; }
  .product-kicker { font-size:3.2rem; }
  .product-hero h1 { font-size:3.55rem; }
  .hero-side-note { display:none; }
  .glance-section,.versions-section { padding:48px 0; }
  .section-intro h2,.craft-copy h2,.routine-copy h2,.pro-copy h2 { font-size:2.25rem; }
  .section-note { margin-top:22px; }
  .feature-image { height:145px; }
  .feature-cards article h3 { font-size:.82rem; }
  .craft-section,.craft-inner,.pro-section,.pro-inner { min-height:520px; }
  .craft-section>img,.pro-section>img { object-position:67% center; }
  .craft-section::after,.pro-section::after { background:linear-gradient(180deg,rgba(8,8,7,.96) 0%,rgba(8,8,7,.66) 53%,rgba(8,8,7,.05) 100%); }
  .craft-inner,.pro-inner { align-items:flex-start; padding-top:66px; }
  .craft-copy,.pro-copy { width:100%; }
  .craft-note,.pro-note { display:none; }
  .routine-image { min-height:310px; }
  .routine-copy { min-height:315px; padding:45px 24px; }
  .version-card { grid-template-columns:42% 58%; }
  .version-card>div { padding:24px 18px; }
  .version-actions { align-items:flex-start; flex-direction:column; gap:12px; }
  .film-banner { min-height:230px; }
  .product-faq { padding:58px 0; }
  .product-faq-grid { grid-template-columns:1fr; gap:32px; }
  .film-banner-content>img { width:165px; }
  .footer-legal { align-items:flex-start; flex-direction:column; gap:16px; }
}

@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto} *,*::before,*::after{transition-duration:.01ms!important} }
@media (prefers-reduced-motion:reduce) { [data-parallax]{transform:none!important} .motion-ready [data-reveal]{opacity:1!important;transform:none!important} }
@media (max-width:767.98px) { .tech-specs-section{padding:52px 0 60px}.tech-specs-heading{grid-template-columns:1fr;margin-bottom:25px}.tech-specs-heading .section-label{grid-column:auto}.specs-table{overflow-x:auto}.specs-row{min-width:660px}.specs-row>*{padding:15px 16px} }