/* Purchase, clinical reading and media continue the completed scroll story. */
.hero-marketplace{display:inline-flex;align-items:center;gap:14px;min-height:44px;margin-top:12px;color:#273c78;font-size:14px;font-weight:600;text-decoration:none;border-bottom:1px solid #a8b6d4}
.hero-marketplace:hover{color:#406d26;border-color:currentColor}
.purchase-band{display:grid;grid-template-columns:1fr auto;align-items:center;gap:36px;padding:38px var(--story-gutter);background:#111d32;color:white;scroll-margin-top:82px}
.purchase-band h2,.closing-purchase h2{font-size:clamp(28px,2.8vw,46px);line-height:1.1;letter-spacing:-.04em;font-weight:400;margin:10px 0 14px}
.purchase-band p:not(.eyebrow){max-width:54ch;font-size:15px;line-height:1.55;color:#d5deea}
.purchase-options{display:grid;gap:12px;justify-items:start}
.purchase-price{font-size:26px;font-weight:600;line-height:1.2}.purchase-price span{margin-left:8px;font-size:12px;font-weight:400;color:#bac9dc}
.purchase-band .product-actions,.closing-purchase .product-actions{margin:0;gap:10px}
.purchase-band .button,.closing-purchase .button{font-size:13px;min-height:48px;padding:15px 20px;white-space:nowrap}
.purchase-details{font-size:12px;color:#c4d5ed;text-decoration:underline;text-underline-offset:4px;min-height:32px;display:flex;align-items:center;gap:10px}
.clinical-materials{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:5vw;padding:70px var(--story-gutter);color:#fff;background:linear-gradient(120deg,#26375d,#172238)}
.materials-copy{min-width:0}.materials-copy h2{font-size:clamp(36px,4vw,66px);line-height:1.05;letter-spacing:-.045em;font-weight:400;margin:18px 0 24px}
.materials-intro{font-size:clamp(15px,1.2vw,19px);line-height:1.6;max-width:58ch;color:#e0e7f2}
.study-numbers{display:grid;grid-template-columns:repeat(3,1fr);margin:26px 0 20px;border-block:1px solid #ffffff30}
.study-numbers div{padding:18px 10px 18px 0}.study-numbers dt{font-size:34px;line-height:1.2;color:#9bd8c5}.study-numbers dd{font-size:12px;line-height:1.45;color:#d1dcef;margin-top:6px}
.materials-accordion details{border-bottom:1px solid #ffffff35}
.materials-accordion summary{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:64px;padding:16px 0;font-size:16px;line-height:1.4;font-weight:500;cursor:pointer;list-style:none}
.materials-accordion summary::-webkit-details-marker{display:none}.materials-accordion summary>span{font-size:25px;font-weight:300;flex:none}.materials-accordion details[open] summary>span{transform:rotate(45deg)}
.material-body{padding:0 0 24px;font-size:15px;line-height:1.65;color:#dfe7f5;max-width:62ch}.material-body h3{font-size:17px;color:white;font-weight:600;margin:18px 0 8px}.material-body p{margin:0 0 14px}.material-body ol{padding-left:22px}.material-body li{padding-left:4px;margin-bottom:14px}
.material-body .material-note,.material-body .material-source{font-size:12px;color:#b9c9df}.material-body a{color:#a6e5d0;text-underline-offset:4px}
.materials-visual{margin:0;align-self:start;text-align:center;min-width:0}.materials-visual img{display:block;width:100%;height:auto;max-height:600px;object-fit:contain}.materials-visual figcaption{margin-top:14px;font-size:11px;line-height:1.5;color:#c7d4e7}
.story-home .video-proof{min-height:0;padding:54px var(--story-gutter) 60px;display:block;background:#111d32;overflow:visible}
.story-home .video-proof::before,.story-home .video-frame::after{display:none}
.video-heading{width:min(100%,1120px);margin:0 auto 24px;color:white}.video-heading h2{font-size:clamp(28px,3vw,44px);font-weight:400;line-height:1.1;letter-spacing:-.035em;margin-top:12px}
.story-home .video-frame{width:min(100%,1120px);max-height:none;aspect-ratio:auto;overflow:visible;margin:auto;box-shadow:none}
.story-home .video-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;filter:none}
.story-home .video-controls{position:relative;inset:auto;grid-template-columns:auto minmax(0,1fr) auto;min-height:58px;gap:16px;padding:10px 14px;backdrop-filter:none;background:#16263c}
.story-home .video-time{grid-column:auto;grid-row:auto;font-size:11px;min-width:80px}.story-home .video-toggle{min-width:100px;min-height:40px}
.story-home .clinical{padding:66px var(--story-gutter)}
.story-home .clinical .section-head{grid-template-columns:1fr 1fr;gap:6vw;padding-bottom:28px;align-items:end}
.story-home .clinical .section-head h2{font-size:clamp(34px,3.6vw,60px);line-height:1.05;letter-spacing:-.045em;margin-top:14px}
.story-home .case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border:0}
.story-home .case,.story-home .case-large{grid-column:auto;grid-row:auto;grid-template-rows:auto 1fr;min-height:0;border:1px solid #dce0e7;border-radius:2px;overflow:visible}
.story-home .case figure{aspect-ratio:3/2;overflow:visible;min-height:0}
.story-home .case img{display:block;width:100%;height:100%;object-fit:contain;filter:none;transform:none}
.story-home .case figure::after{display:none}.story-home .case>div{padding:22px;gap:16px;min-height:0}.story-home .case h3{font-size:clamp(23px,2vw,31px);line-height:1.1}.story-home .case:hover img{transform:none;filter:none}
.story-home .clinical .section-link{font-size:15px;margin-top:20px;padding:16px 0}
.closing-purchase{padding:38px var(--story-gutter);display:flex;align-items:center;justify-content:space-between;gap:30px;background:#f2f5f0}.closing-purchase h2{margin-bottom:0}.closing-purchase .button.primary{background:#18263a;color:white}
.hero-marketplace:focus-visible,.materials-accordion summary:focus-visible,.purchase-details:focus-visible,.material-body a:focus-visible{outline:2px solid #8caf63;outline-offset:4px}
@media(max-width:900px){
 .purchase-band{grid-template-columns:1fr;gap:22px}.purchase-options{width:100%}
 .clinical-materials{gap:28px;padding-block:46px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
 .story-home .case-grid{gap:14px}.story-home .case>div{padding:16px}
 .closing-purchase{align-items:flex-start;flex-direction:column}
}

/* Anchor desktop images to the visible tooth rather than the transparent canvas. */
@media(min-width:761px){
 .story-home .journey-image>img{right:auto;left:32%;transform:translateX(var(--desktop-tooth-offset,-66.3%))}
 .story-home .journey-image>img[src*="scene-01"]{--desktop-tooth-offset:-67.5%}
 .story-home .journey-image>img[src*="scene-02"],.story-home .journey-image>img[src*="scene-05"],.story-home .journey-image>img[src*="scene-06"]{--desktop-tooth-offset:-68.8%}
}
@media(min-width:1600px){.story-home .journey-image>img{left:22%}}
.materials-link{display:inline-flex;align-items:center;gap:28px;min-height:48px;margin-top:20px;padding:12px 18px;border:1px solid #a7c9d1;border-radius:4px;color:#fff;font-size:15px;font-weight:600;text-decoration:none}
.materials-link:hover{background:#ffffff12}.materials-link:focus-visible{outline:2px solid #a6e5d0;outline-offset:4px}
.materials-visual{width:100%;max-width:600px;justify-self:center;background:#e9eaf0;border:1px solid #ffffff30;border-radius:3px;overflow:hidden}
.materials-visual img{max-height:none}
.materials-visual figcaption{margin:0;padding:16px;color:#4d5870;font-size:11px}
@media(max-width:760px){
 .story-home .site-header{grid-template-columns:minmax(0,1fr) auto auto;gap:8px}
 .story-home .header-order{min-height:44px}
 .story-home .header-order svg{display:none}
 .story-home .site-header .menu-toggle{width:auto;min-width:78px;height:44px;padding:0 10px;gap:8px;border:1px solid #859bb3;border-radius:8px;background:#e7edf4;color:#17263d;font-size:12px;font-weight:600}
 .story-home .site-header .menu-toggle>span:first-child{font-size:12px;letter-spacing:0;text-transform:none}
 .story-home .site-header .menu-icon{width:16px;height:10px}
 .story-home .site-header .menu-toggle[aria-expanded="true"]{background:#cfdce9;border-color:#263e60}
 .story-home .site-header .menu-toggle:focus-visible{outline:2px solid #609b35;outline-offset:3px}
 .materials-visual{max-width:380px}
 .materials-link{width:100%;justify-content:space-between;margin-top:18px;font-size:14px}
}
@media(max-width:760px){
 .hero-marketplace{font-size:13px;min-height:36px;margin-top:8px}
 .purchase-band{padding:30px 20px;scroll-margin-top:64px}.purchase-band h2{font-size:30px}.purchase-band p:not(.eyebrow){font-size:14px}
 .purchase-band .product-actions,.closing-purchase .product-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
 .purchase-band .button,.closing-purchase .button{padding:14px 10px;font-size:12px;justify-content:center;min-width:0;white-space:normal;text-align:center}
 .clinical-materials{grid-template-columns:1fr;padding:40px 20px;gap:26px}.materials-copy h2{font-size:36px;margin:14px 0 20px}.materials-intro{font-size:14px}
 .study-numbers{margin:22px 0 12px}.study-numbers dt{font-size:31px}.study-numbers dd{font-size:11px}
 .materials-accordion summary{font-size:15px;min-height:64px}.material-body{font-size:14px}
 .materials-visual img{max-height:380px}.materials-visual{width:100%;max-width:400px;justify-self:center}
 .story-home .video-proof{padding:34px 20px 40px}.video-heading{margin-bottom:20px}
 .story-home .video-controls{gap:10px;padding:10px;grid-template-columns:auto minmax(0,1fr)}
 .story-home .video-time{grid-column:2;grid-row:2;text-align:right;min-width:0}.story-home .video-toggle{grid-row:span 2;min-height:44px;min-width:94px}
 .story-home .clinical{padding:42px 20px}.story-home .clinical .section-head{grid-template-columns:1fr;gap:18px;padding-bottom:24px}.story-home .clinical .section-head h2{font-size:36px}.story-home .clinical .section-head>p{font-size:14px}
 .story-home .case-grid{display:grid;grid-template-columns:1fr;gap:20px}.story-home .case figure{height:auto;aspect-ratio:3/2}.story-home .case h3{font-size:26px}.story-home .case>div{padding:20px}
 .story-home .doctor{grid-template-columns:110px minmax(0,1fr);grid-template-rows:auto;min-height:0;padding-block:20px}.story-home .doctor figure{height:auto;min-height:0;aspect-ratio:3/4;align-self:start}.story-home .doctor img{object-fit:contain;object-position:center;transform:none}.story-home .doctor:hover img{transform:none}
 .story-home .review-rail{display:grid;grid-template-columns:1fr;overflow:visible;padding:24px 20px 0;gap:18px}.story-home .reviews{padding-left:0;padding-block:40px}.story-home .reviews-head{padding-inline:20px}.story-home .review-rail figure{width:100%;min-width:0;min-height:0;flex:auto;transform:none}.story-home .review-rail img{width:100%;height:auto;object-fit:contain}
 .closing-purchase{padding:30px 20px}.closing-purchase h2{font-size:30px}
 /* Fit the full non-transparent instrument, including the handpiece. */
 .story-home .journey-image>img,.story-home .journey.is-enhanced .journey-image>img{top:50%;transform:translate(var(--tooth-offset,-66.3%),-50%);height:min(100%,calc((100vw - 40px)*.98));max-height:100%}
 .story-home .journey-image>img[src*="scene-01"]{--tooth-offset:-67.5%;transform:translate(var(--tooth-offset),-50%)}
 .story-home .journey-image>img[src*="scene-02"],.story-home .journey-image>img[src*="scene-05"],.story-home .journey-image>img[src*="scene-06"]{--tooth-offset:-68.8%;transform:translate(var(--tooth-offset),-50%)}
}

/* Keep anatomy examples close to the explanation on wide layouts. */
@media(min-width:761px){
 .story-home .journey-image.journey-morphology{transform:translateX(-60px)}
}
@media(min-width:1600px){
 .story-home .journey-image.journey-morphology{transform:translateX(-140px)}
}
/* Fade only the cut outer end of the handpiece; the tooth stays opaque. */
.story-home .journey-image>img:is([src*="scene-01"],[src*="scene-03"],[src*="scene-04"]){
 -webkit-mask-image:linear-gradient(to right,#000 90%,transparent 100%);
 mask-image:linear-gradient(to right,#000 90%,transparent 100%);
}

/* Reuse the approved transparent silhouette with the enhanced flow artwork. */
.story-home .journey-image>img[src*="scene-04-flow"]{
 -webkit-mask-image:url('/assets/story/scene-04.webp?v=40'),linear-gradient(to right,#000 90%,transparent 100%);
 mask-image:url('/assets/story/scene-04.webp?v=40'),linear-gradient(to right,#000 90%,transparent 100%);
 -webkit-mask-composite:source-in;
 mask-composite:intersect;
 mask-mode:alpha;
 -webkit-mask-size:100% 100%;mask-size:100% 100%;
 -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}

/* Text-only actions do not reserve a decorative arrow column. */
.story-home .journey-actions .text-link,.story-home .hero-marketplace,.story-home .purchase-details,.story-home .materials-link{gap:0;justify-content:flex-start}

/* Video colour key matches the manufacturer's current demonstration. */
.video-legend{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:20px;color:#fff;font-size:14px;line-height:1.5}
.video-legend>span{display:inline-flex;align-items:center;gap:9px}
.video-legend i{width:12px;height:12px;border-radius:50%;flex:0 0 12px}
.video-legend-red{background:#cf2636}.video-legend-green{background:#38d729}
@media(max-width:760px){.video-legend{font-size:12px;gap:8px 18px}.journey-brand{font-size:9px;letter-spacing:.12em}}