/* Selected S7: readable working documents, a cobalt dossier cover and two metal
   fasteners. Native scroll brings the sheets onto their common binding axis. */
.cr-section{--cr-p:1;--cr-scale:.76;background:#172641;color:#f4f7ff;isolation:isolate;overflow:clip}
.cr-section>.scene-sticky,.motion-ready:not(.motion-reduced) .cr-section>.scene-sticky{display:flex;align-items:center;padding-block:36px;min-height:0;isolation:isolate}
.motion-ready:not(.motion-reduced) .cr-section{--cr-p:var(--p,0)}
.motion-ready:not(.motion-reduced) .cr-section:not(.scene-flow)>.scene-sticky{min-height:0;padding-block:28px}
.cr-room-light{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 53%,#5e83be28,transparent 58%),linear-gradient(110deg,#14223b,#20324e)}
.cr-section .cinema-content{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr);gap:0;text-align:left;width:100%;min-width:0}
.cr-heading{text-align:center;position:relative;z-index:3}
.cr-kicker{display:block;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:450;color:#b7c9e7;margin-bottom:18px}
.cr-section .cinema-content h2,.motion-ready:not(.motion-reduced) .cr-section .cinema-content h2{font-size:clamp(44px,4.5vw,62px);line-height:1.035;letter-spacing:-.055em;font-weight:470;margin:0;text-wrap:balance}
.cr-art{height:420px;min-width:0;position:relative;margin:28px 0 24px;isolation:isolate}
.cr-object-frame{width:680px;height:460px;position:absolute;left:50%;top:47%;transform:translate(-50%,-50%) scale(var(--cr-scale));transform-origin:center;perspective:1250px}
.cr-model-shadow{position:absolute;left:56px;right:30px;bottom:0;height:76px;border-radius:50%;background:#060e2088;filter:blur(29px);transform:rotate(-5deg) scaleX(calc(.97 + (1 - var(--cr-p))*.08))}
/* Keep the moving assembly and its blurred shadow on stable surfaces while visible.
   The inner 3D sheets already compose as a group; promoting every sheet adds layers. */
.motion-ready:not(.motion-reduced) .cr-section.scene-active .cr-dossier-model,
.motion-ready:not(.motion-reduced) .cr-section.scene-active .cr-model-shadow{will-change:transform}
.cr-dossier-model{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(calc(22deg - var(--cr-p)*6deg)) rotateY(calc(-10deg + var(--cr-p)*5deg)) rotateZ(calc(-8deg + var(--cr-p)*3deg)) scale(calc(1.03 + (1 - var(--cr-p))*.025));transform-origin:50% 60%}
.cr-cover{position:absolute;left:15px;top:62px;width:608px;height:371px;border:1px solid #6687e1;border-radius:11px 13px 17px 11px;background:linear-gradient(115deg,#385bd2,#2243ad 66%,#294bbd);box-shadow:inset 1px 1px 0 #a6bcff66,0 5px 0 #142e83,0 7px 0 #6683d355,0 24px 43px #09152c7a;transform:translateZ(-47px)}
.cr-cover::before{content:"";position:absolute;left:38px;top:0;bottom:0;width:1px;background:#193888;box-shadow:2px 0 0 #6b8ce34d}
.cr-cover-brand{position:absolute;right:24px;bottom:14px;color:#eef3ff;font-size:24px;letter-spacing:-1.2px}
.cr-cover-caption{position:absolute;left:64px;bottom:18px;color:#c3d3ff;font-size:11px;letter-spacing:.15px}
.cr-metal-spine{position:absolute;left:24px;top:78px;width:25px;height:313px;border:1px solid #8d9aad;border-radius:7px;background:linear-gradient(90deg,#394a64,#8394ac 15%,#d6deeb 28%,#8396b1 39%,#465e80 64%,#a7b5c9 85%,#51617b);box-shadow:inset 0 1px 0 #fff8,4px 2px 8px #07112444;transform:translateZ(31px);opacity:clamp(0,calc((var(--cr-p) - .55)*2.2223),1)}
.cr-metal-spine::before,.cr-metal-spine::after{content:"";position:absolute;left:8px;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#b6c2d3,#4b5c73);box-shadow:inset 0 0 0 1px #344964,0 1px 0 #e4ebf855}
.cr-metal-spine::before{top:13px}.cr-metal-spine::after{bottom:13px}
.cr-sheet{position:absolute;left:58px;width:543px;height:224px;padding:18px 26px 18px 39px;color:#273b5e;border:1px solid #cfdaeb;border-radius:3px 7px 7px 3px;background:linear-gradient(112deg,#f4f7fd,#e4ebf6 83%,#d8e2f1);box-shadow:inset 0 1px 0 #fff,0 2px 0 #acbbd0,0 4px 0 #dae3f1,0 11px 20px #06132c27;transform-style:preserve-3d;transform-origin:8% 45%}
.cr-sheet::before{content:"";position:absolute;left:28px;top:0;bottom:0;border-left:1px solid #ccd7e7}
.cr-sheet-customer{top:16px;transform:translate3d(calc((1 - var(--cr-p))*-230px),calc((1 - var(--cr-p))*-72px),calc(-7px - (1 - var(--cr-p))*165px)) rotateZ(calc((1 - var(--cr-p))*-8deg)) rotateY(calc((1 - var(--cr-p))*-5deg)) scale(calc(1 - (1 - var(--cr-p))*.06));background:linear-gradient(115deg,#d6e1f2,#c3d2e8);z-index:1}
.cr-sheet-company{top:96px;transform:translate3d(calc((1 - var(--cr-p))*250px),calc((1 - var(--cr-p))*-48px),calc(15px + (1 - var(--cr-p))*105px)) rotateZ(calc((1 - var(--cr-p))*7deg)) rotateY(calc((1 - var(--cr-p))*4deg)) scale(calc(1 + (1 - var(--cr-p))*.035));background:linear-gradient(112deg,#e6edf8,#d3def0);z-index:2}
.cr-sheet-bank{top:176px;transform:translate3d(calc((1 - var(--cr-p))*-96px),calc((1 - var(--cr-p))*70px),calc(37px + (1 - var(--cr-p))*200px)) rotateZ(calc((1 - var(--cr-p))*-3deg)) scale(calc(1 + (1 - var(--cr-p))*.10));z-index:3}
.cr-sheet-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #b3c3da;padding-bottom:12px}
.cr-sheet-heading>div{min-width:0}
.cr-sheet-caption{display:block;color:#617898;font-size:9px;line-height:1.25;letter-spacing:.2px;margin-bottom:4px}
.cr-sheet-heading strong{display:block;font-size:24px;line-height:1.15;letter-spacing:-.45px;font-weight:550}
.cr-paper-symbol{width:30px;height:30px;border:1px solid #a7bbd9;border-radius:4px;display:grid;place-items:center;color:#57729c;background:#f3f7ff60}
.cr-paper-symbol .icon{width:16px;height:16px;stroke-width:1.2}
.cr-document-details{padding-top:10px;display:grid;gap:0}
.cr-field{display:grid;grid-template-columns:140px 1fr;gap:14px;border-bottom:1px solid #bccbdf8f;padding:8px 0;font-size:10px;line-height:1.25;color:#6a7d9a}
.cr-field strong{font-weight:450;color:#314d77}
.cr-paper-footer{display:block;margin-top:11px;font-size:8px;line-height:1.4;color:#8193ac}
.cr-punch-hole{position:absolute;left:9px;top:29px;width:9px;height:9px;border:1px solid #a1b0c4;border-radius:50%;background:#647693;box-shadow:inset 1px 2px 2px #25385755,0 1px 0 #fff9}
.cr-index-tab{position:absolute;right:-39px;top:15px;display:grid;place-items:center;width:38px;height:61px;border-radius:0 6px 6px 0;border:1px solid #8aaddd;writing-mode:vertical-rl;font-size:10px;line-height:1;letter-spacing:.3px;font-weight:500;box-shadow:2px 2px 3px #001b471f;background:#becfe8;color:#314e7b}
.cr-sheet-company .cr-index-tab{background:#9eb9e2;color:#253f6b;border-color:#82a4d5}
.cr-sheet-bank .cr-index-tab{background:#3258c3;color:#e6edff;border-color:#7691e2}
.cr-binding{position:absolute;left:32px;z-index:5;width:53px;height:20px;border:5px solid #a9b9cc;border-right-color:#eff5ff;border-bottom-color:#596f8e;border-left-color:#647d9e;border-radius:50%;box-shadow:0 2px 1px #071a3e55,inset 0 1px 2px #0b284477;transform:translateZ(64px) rotateY(calc(23deg - var(--cr-p)*19deg));opacity:clamp(0,calc((var(--cr-p) - .55)*2.2223),1)}
.cr-binding-top{top:124px}.cr-binding-bottom{top:310px}
.cr-small-object{position:absolute;transform-style:preserve-3d;color:#dbe6ff;border:1px solid #7898ce7a;box-shadow:0 13px 25px #06112635,inset 0 1px 0 #d7e4ff2b;background:linear-gradient(125deg,#33548d,#243b67);z-index:4}
.cr-deadline{left:597px;top:310px;width:153px;padding:15px 17px;border-radius:9px;transform:translate3d(calc((1 - var(--cr-p))*140px),calc((1 - var(--cr-p))*56px),calc(76px + (1 - var(--cr-p))*95px)) rotateZ(calc(4deg + (1 - var(--cr-p))*9deg)) scale(calc(.82 + (1 - var(--cr-p))*.18))}
.cr-deadline>span{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:550}.cr-deadline .icon{width:21px;height:21px}.cr-deadline>i{display:block;margin:11px 0 9px;height:1px;background:#a2bce355}.cr-deadline small{font-size:10px;line-height:1.6;color:#b8cceb;display:block}
.cr-conditions{left:32px;top:405px;width:228px;height:53px;padding:12px 16px;border-radius:7px;display:flex;align-items:center;gap:11px;transform:translate3d(calc((1 - var(--cr-p))*-165px),calc((1 - var(--cr-p))*-30px),calc(-20px - (1 - var(--cr-p))*92px)) rotateZ(calc(-3deg - (1 - var(--cr-p))*6deg)) scale(calc(.88 + (1 - var(--cr-p))*.05))}.cr-conditions>.icon{width:21px;height:21px}.cr-conditions>span{font-size:17px;font-weight:500}.cr-conditions>i{width:23px;height:3px;background:#9db8e27d;border-radius:3px}.cr-conditions>i:last-child{width:12px}
.cr-footer{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:850px;width:100%;margin:0 auto;min-width:0}
.cr-footer p{max-width:454px;font-size:15px;line-height:1.65;color:#bfcee5;margin:0}
.cr-section .cr-cta{flex-shrink:0;background:#edf3ff;border:1px solid #d8e3ff;color:#1d3d84;min-height:55px;font-size:13px;gap:23px;padding-inline:23px;box-shadow:0 9px 26px #07132830}
.cr-section .cr-cta:hover{background:#fff;color:#244fc2;transform:translateY(-2px)}
.cr-section .cr-cta:focus-visible{outline:3px solid #a4c6ff;outline-offset:6px}

@media(max-width:1199px){
 .cr-section{--cr-scale:.70}
 .cr-section>.scene-sticky{min-height:0}
 .cr-section .cinema-content h2,.motion-ready:not(.motion-reduced) .cr-section .cinema-content h2{font-size:54px}
 .cr-art{height:370px;margin-bottom:24px}
 .cr-footer{max-width:780px;gap:30px}
 .cr-footer p{font-size:14px;max-width:420px}
}
@media(max-width:767px){
 .cr-section{--cr-scale:calc(.425 + var(--cr-p)*.035)}
 .cr-section>.scene-sticky,.motion-ready:not(.motion-reduced) .cr-section>.scene-sticky{padding-block:24px;min-height:0}
 .cr-heading{text-align:left}
 .cr-kicker{font-size:11px;margin-bottom:12px}
 .cr-section .cinema-content h2,.motion-ready:not(.motion-reduced) .cr-section .cinema-content h2{font-size:clamp(32px,8.9vw,43px);line-height:1.08;letter-spacing:-.048em}
 .cr-art{height:285px;margin:16px -15px 18px}
 .cr-object-frame{top:48%}
 .cr-dossier-model{transform:rotateX(calc(18deg - var(--cr-p)*6deg)) rotateY(calc(-5deg + var(--cr-p)*2deg)) rotateZ(calc(-5deg + var(--cr-p)*2deg))}
 .cr-sheet-customer{transform:translate3d(calc((1 - var(--cr-p))*-108px),calc((1 - var(--cr-p))*-94px),calc(-7px - (1 - var(--cr-p))*120px)) rotateZ(calc((1 - var(--cr-p))*-5deg)) scale(calc(1 - (1 - var(--cr-p))*.04))}
 .cr-sheet-company{transform:translate3d(calc((1 - var(--cr-p))*104px),calc((1 - var(--cr-p))*-16px),calc(15px + (1 - var(--cr-p))*50px)) rotateZ(calc((1 - var(--cr-p))*4deg)) scale(calc(1 + (1 - var(--cr-p))*.02))}
 .cr-sheet-bank{transform:translate3d(calc((1 - var(--cr-p))*-30px),calc((1 - var(--cr-p))*139px),calc(37px + (1 - var(--cr-p))*145px)) rotateZ(calc((1 - var(--cr-p))*-2deg)) scale(calc(1 + (1 - var(--cr-p))*.06))}
 .cr-sheet-heading strong{font-size:32px;letter-spacing:-.55px}
 .cr-sheet-caption{font-size:11px}
 .cr-index-tab{font-size:14px;width:43px;right:-44px}
 .cr-sheet-heading{padding-bottom:9px}
 .cr-document-details{padding-top:9px}
 .cr-field{font-size:15px;grid-template-columns:160px 1fr;gap:14px;padding:6px 0}
 .cr-field:last-child{display:none}
 .cr-paper-footer{font-size:11px;margin-top:10px}
 .cr-cover-caption{font-size:15px}
 .cr-deadline{left:515px;top:380px;width:134px;padding:13px;transform:translate3d(calc((1 - var(--cr-p))*-16px),calc((1 - var(--cr-p))*53px),calc(185px + (1 - var(--cr-p))*75px)) rotateZ(calc(3deg + (1 - var(--cr-p))*5deg)) scale(.8)}
 .cr-deadline>span{font-size:22px}.cr-deadline small{font-size:12px}.cr-conditions{left:68px;top:447px;transform:translate3d(calc((1 - var(--cr-p))*-70px),calc((1 - var(--cr-p))*55px),calc(-20px - (1 - var(--cr-p))*45px)) rotateZ(calc(-3deg - (1 - var(--cr-p))*4deg)) scale(.85)}
 .cr-footer{display:flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:480px}
 .cr-footer p{font-size:14px;line-height:1.65;max-width:none}
 .cr-section .cr-cta{font-size:12px;min-height:53px;padding-inline:19px;max-width:100%;gap:20px}
}
@media(max-width:360px){.cr-section{--cr-scale:calc(.365 + var(--cr-p)*.035)}.cr-art{height:248px;margin:14px -14px 16px}.cr-section .cinema-content h2,.motion-ready:not(.motion-reduced) .cr-section .cinema-content h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.cr-section{--cr-p:1!important}.cr-section .cr-cta:hover{transform:none}}
.motion-reduced .cr-section{--cr-p:1!important}
.motion-ready:not(.motion-reduced) .cr-section.scene-flow>.scene-sticky{height:auto;min-height:0;overflow:clip;padding-block:36px!important}
/* The complete composition, including its final pose, fits the available stage.
   Short landscape screens keep the artwork itself within one reading window. */
@media(min-width:768px) and (max-height:900px){
 .cr-section{--cr-scale:.70}
 .cr-section>.scene-sticky,.motion-ready:not(.motion-reduced) .cr-section:not(.scene-flow)>.scene-sticky{padding-block:24px}
 .cr-section .cinema-content h2,.motion-ready:not(.motion-reduced) .cr-section .cinema-content h2{font-size:58px}
 .cr-kicker{margin-bottom:12px}
 .cr-art{height:420px;margin:22px 0}
}
@media(min-width:768px) and (max-height:800px){
 .cr-section{--cr-scale:.61}
 .cr-section>.scene-sticky,.motion-ready:not(.motion-reduced) .cr-section:not(.scene-flow)>.scene-sticky{padding-block:20px}
 .cr-section .cinema-content h2,.motion-ready:not(.motion-reduced) .cr-section .cinema-content h2{font-size:50px}
 .cr-kicker{font-size:11px;margin-bottom:10px}
 .cr-art{height:365px;margin:18px 0}
 .cr-footer p{font-size:14px;line-height:1.55;max-width:470px}
}
@media(min-width:768px) and (max-height:600px){
 .cr-section{--cr-scale:.38}
 .cr-section .cinema-content h2,.motion-ready:not(.motion-reduced) .cr-section .cinema-content h2{font-size:42px}
 .cr-art{height:230px;margin:24px 0;--cr-scale:.38}
 .cr-object-frame{top:44%}
 .cr-footer{gap:26px}
 .cr-footer p{font-size:13px;max-width:440px}
 .cr-section .cr-cta{font-size:12px;padding-inline:18px;gap:15px}
}
@media(max-width:767px) and (max-height:740px){
 .cr-section>.scene-sticky,.motion-ready:not(.motion-reduced) .cr-section:not(.scene-flow)>.scene-sticky{padding-block:18px}
 .cr-footer p{font-size:13px;line-height:1.55}
}