/* Decision 0100. Live HTML views projected onto the photographed folding glass. */
.duoModal{padding:0;border:1px solid #494034;border-radius:16px;background:#080808;color:#f7f5ef;width:min(1080px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;margin:auto;box-sizing:border-box;scrollbar-color:#75603c #080808}
.duoModal::backdrop{background:rgb(0 0 0 / .84)}
.duoModal[open]{animation:duo-introduce 360ms cubic-bezier(.16,1,.3,1) both}
.duoModalTools{position:sticky;top:0;z-index:5;display:flex;justify-content:flex-end;padding:10px 14px;background:#080808}
.duoClose{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;min-height:44px;border:1px solid #746344;background:#080808;color:#f7f5ef;font:600 16px/1 'Source Sans 3',sans-serif;cursor:pointer}
.duoClose:hover{background:#282115}.duoClose:focus-visible,.duoAccessPhoto:focus-visible{outline:3px solid var(--premium-accent,#c3a15c);outline-offset:-4px}
html:has(.duoModal){scrollbar-gutter:stable}html.duoModalOpen{overflow:hidden}
.duoAccessPhoto{display:block;width:100%;padding:0;border:0;cursor:pointer;color:#fff;text-align:left}
.duoAccessPhoto .duoDevice{height:100%;min-height:280px;border-radius:0}
.duoDevice{--duo-gold:var(--premium-accent,#c3a15c)}
.duoModal .premiumDuo{border:0;padding:0 32px 24px}
.duoModal .duoIntro{margin-bottom:26px}
.duoModal .duoIntro h2{font-size:clamp(30px,3.5vw,48px);line-height:1.15;letter-spacing:-.02em}
.duoIntro h2 img{display:inline-block;width:3.2em;height:auto;vertical-align:baseline}
.duoModal .duoIntro .duoPromise{font:700 clamp(28px,3.6vw,46px)/1.08 var(--font-roboto-condensed),'Roboto Condensed',sans-serif;color:#f7f5ef;margin:20px 0 0}
.duoPromise span{color:var(--duo-gold)}
.duoModal .duoIntro>p:not(.duoPromise){font-size:18px;line-height:1.4;margin-top:16px}
.duoModal .duoFigure{max-width:850px}
@keyframes duo-introduce{from{opacity:.4;clip-path:inset(5% 0 0 round 16px)}to{opacity:1;clip-path:inset(0 round 16px)}}
.premiumDuo{--duo-gold:var(--premium-accent,#c3a15c);background:#080808;color:#f7f5ef;padding:80px 24px 64px;border-top:1px solid #38332a;text-align:center}
.duoIntro{max-width:800px;margin:0 auto 36px}.duoIntro h2{font:700 clamp(38px,5vw,66px)/1.02 var(--font-roboto-condensed),'Roboto Condensed',sans-serif;letter-spacing:-.025em;margin:0}.duoIntro h2 span{color:var(--duo-gold)}.duoIntro>p{font:400 clamp(18px,2vw,23px)/1.45 'Source Sans 3',sans-serif;color:#dedbd3;margin:24px 0 0}
.duoFigure{max-width:1180px;margin:0 auto}.duoDevice{position:relative;width:100%;aspect-ratio:16/10;isolation:isolate;overflow:hidden;border-radius:16px;background:#b8afa0}.duoHardware{position:absolute;top:0;left:-12.5%;display:block;width:125%;max-width:none;height:auto;pointer-events:none}.duoCanvas{position:absolute;top:0;left:-12.5%;width:1536px;height:1024px;transform:scale(var(--duo-scale,0));transform-origin:0 0;text-align:left}
.duoScreen,.duoFrame{position:absolute;inset:0;pointer-events:none}.duoFrame[hidden]{display:none}.duoPlane{position:absolute;left:0;top:0;width:400px;height:560px;transform-origin:0 0;overflow:hidden;border-radius:20px;container-type:inline-size;backface-visibility:hidden}
.duoProgramme{display:grid;grid-template-rows:9% 43% 33% 15%;min-width:0;background:#111}.duoChannel{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;background:#050505}.duoChannel img{width:115px;height:auto}.duoChannel span{font:700 10px/1.1 'Source Sans 3',sans-serif;letter-spacing:.05em;color:#d1b879}
.duoEvidence{padding:16px 22px;background:#191a1c;overflow:hidden}.duoEvidence>p{font:700 12px/1.2 'Source Sans 3',sans-serif;letter-spacing:.1em;color:#d5bd87;margin:0 0 8px}.duoEvidence>strong{font:700 60px/1 var(--font-roboto-condensed),'Roboto Condensed',sans-serif;display:block;color:#fff}
.duoBars{margin:20px 0 0;display:grid;gap:14px}.duoBars>div{display:grid;grid-template-columns:60px 1fr 60px;gap:10px;align-items:center;font:600 14px/1.2 'Source Sans 3',sans-serif}.duoBars i{width:var(--bar);height:25px;background:#80766a;transform-origin:left;animation:duo-grow 900ms ease-out both}.duoBars>div:last-child i{background:var(--duo-gold)}.duoBars b{text-align:right;font-weight:600}
.duoMargin{margin:24px 0 0}.duoMargin>div{height:30px;background:#464138}.duoMargin i{display:block;width:19%;height:100%;background:var(--duo-gold);transform-origin:left;animation:duo-grow 900ms ease-out both}.duoMargin p{font:400 19px/1.3 'Source Sans 3',sans-serif;margin:14px 0 0}.duoMargin p b{color:#e1c382}
.duoCash{margin:18px 0 0}.duoCash>div{display:flex;justify-content:space-between;font:600 15px/1.2 'Source Sans 3',sans-serif;padding:8px 0}.duoCash>div+div{border-top:1px dashed #c3a15c}.duoCash p{font:600 16px/1.2 'Source Sans 3',sans-serif;color:#e1c382;margin:10px 0 0}
.duoPresenter,.duoTeacher{position:relative;min-height:0;overflow:hidden}.duoPresenter img,.duoTeacher img{display:block;width:100%;height:100%;object-fit:cover}.duoPresenter img{object-position:center 36%}.duoPresenter span,.duoTeacher span{position:absolute;bottom:0;left:0;right:0;padding:16px 16px 9px;background:linear-gradient(transparent,#000e);font:700 11px/1.2 'Source Sans 3',sans-serif;letter-spacing:.04em;color:white}
.duoChyron{display:grid;grid-template-columns:26% 1fr;align-items:stretch;background:#fff;color:#080808;border-top:3px solid var(--duo-gold)}.duoChyron img{width:100%;height:100%;padding:10px;background:#000;object-fit:contain}.duoChyron p{margin:0;align-self:center;padding:8px 10px;font:700 20px/1.1 var(--font-roboto-condensed),'Roboto Condensed',sans-serif}
.duoApprenticeship{display:grid;grid-template-rows:9% 61% 30%;background:#eee8dc;color:#17140f;min-width:0}.duoLessonLabel{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 18px;font:800 14px/1 'Source Sans 3',sans-serif;letter-spacing:.035em;border-bottom:1px solid #c9bea9}.duoLessonLabel span{font-size:10px;letter-spacing:.05em;color:#73613e}
.duoLesson{padding:22px 24px;overflow:hidden}.duoLesson>p:first-child{font:600 15px/1.2 'Source Sans 3',sans-serif;margin:0 0 12px;color:#675733}.duoLesson h3{font:700 37px/1.02 var(--font-roboto-condensed),'Roboto Condensed',sans-serif;margin:0;letter-spacing:-.02em;color:#17140f}.duoEquation{font:400 25px/1.2 'Source Sans 3',sans-serif;margin:22px 0 18px;padding:14px 0;border-block:1px solid #c9bea9}.duoEquation strong{display:block;font:700 32px/1.2 var(--font-roboto-condensed),'Roboto Condensed',sans-serif;margin-top:5px}.duoLesson .duoExplanation{font:400 18px/1.3 'Source Sans 3',sans-serif;margin:0;color:#393227}.duoTeacher img{object-position:center 40%}
.duoFigure figcaption{max-width:640px;margin:24px auto 0;position:relative}.duoDeviceName{font:600 16px/1.4 'Source Sans 3',sans-serif;color:#e1c382;margin:0 0 12px}
@keyframes duo-grow{from{transform:scaleX(.15)}to{transform:scaleX(1)}}
@media(max-width:600px){.premiumDuo{padding:48px 16px 40px}.duoIntro{margin-bottom:28px}.duoIntro h2{font-size:37px}.duoIntro>p{font-size:18px;margin-top:18px}.duoDevice{aspect-ratio:.95;border-radius:12px}.duoHardware{width:160%;left:-30%}.duoCanvas{left:-30%}.duoDeviceName{font-size:14px}}
@media(prefers-reduced-motion:reduce){.duoBars i,.duoMargin i{animation:none}}
@media(max-width:600px){.duoModal{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:12px}.duoModal .premiumDuo{padding:0 12px 18px}.duoModalTools{padding:6px 8px}.duoModal .duoIntro h2{font-size:30px;text-wrap:balance}.duoModal .duoIntro .duoPromise{font-size:29px;margin-top:18px}.duoModal .duoIntro>p:not(.duoPromise){font-size:16px}.duoModal .duoIntro{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.duoModal[open]{animation:none}}