@font-face{font-family:Plex;src:url('./assets/plex-400.ttf');font-weight:400;font-display:swap}@font-face{font-family:Plex;src:url('./assets/plex-500.ttf');font-weight:500;font-display:swap}@font-face{font-family:Plex;src:url('./assets/plex-600.ttf');font-weight:600;font-display:swap}
:root{--ink:#1e3c47;--teal:#42909c;--muted:#526971;--paper:#f9fcfd;--line:#cddde1;--rule:#a6c0c4}
*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font-family:Plex,Arial,sans-serif;font-synthesis:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{background:none;border:0;padding:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:5px}[hidden]{display:none!important}.skip{position:fixed;left:20px;top:-100px;z-index:90;background:white;padding:12px}.skip:focus{top:12px}
.page{height:100svh;min-height:650px;display:grid;grid-template-rows:88px minmax(0,1fr)128px;overflow:hidden}
.masthead{margin:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent}/* Scale Tactics' original 26:15:9 mark / word / product lockup as one unit. */
.sejd-logo{--logo-unit:1.4px;display:flex;align-items:center;gap:calc(9 * var(--logo-unit));width:max-content;white-space:nowrap}.sejd-mark{width:calc(26 * var(--logo-unit));height:calc(26 * var(--logo-unit));flex:none}.sejd-word{display:flex;flex-direction:column;line-height:.95}.sejd-word b{font:600 calc(15 * var(--logo-unit)) Plex,Arial,sans-serif;letter-spacing:.03em}.sejd-word>span{font:500 calc(9 * var(--logo-unit)) Plex,Arial,sans-serif;letter-spacing:.36em;margin-top:var(--logo-unit);color:var(--teal)}
.masthead nav{display:flex;align-items:center;gap:34px;font-size:13px}.open-app{display:flex;gap:38px;align-items:center;background:var(--ink);color:white;padding:15px 20px;border-radius:2px}.open-app span[aria-hidden]{font-size:22px}
.main-scene{display:grid;grid-template-columns:60% 40%;min-height:0}.visual{position:relative;container-type:size;min-width:0;min-height:0}
.plate-label{position:absolute;top:5%;left:6.67%;margin:0;display:flex;align-items:center;gap:14px;font-size:12px;font-weight:500;letter-spacing:.12em}.plate-label>span[aria-hidden]{width:24px;height:1px;background:var(--rule)}
.original-map{position:absolute;display:block;width:100%;height:auto;left:0;top:43%;transform:translateY(-50%)}
.lens-anchor{position:absolute;width:clamp(260px,29vw,470px);width:min(29vw,65cqh);aspect-ratio:1;left:52%;top:51%;transform:translate(-50%,-50%)}
.lens{position:absolute;inset:0;isolation:isolate}.lens-film{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:var(--paper);box-shadow:14px 21px 32px #142f381b}
#depth-film{display:block;width:100%;height:100%;object-fit:cover;background:var(--paper)}
.lens-context{position:absolute;top:12%;left:50%;transform:translateX(-50%);max-width:82%;padding:5px 8px;background:#f9fcfdeb;border:1px solid var(--line);border-radius:2px;font-size:12px;line-height:1.2;white-space:nowrap;pointer-events:none}
.optical-sheen{position:absolute;inset:0;border-radius:inherit;box-shadow:inset -4px 1px 9px #163c4930,inset 3px 1px 5px #fff9;pointer-events:none;background:linear-gradient(134deg,#ffffff0a 18%,transparent 48%,#b0d1da09 78%)}
#optical-frame{position:absolute;width:128%;height:128%;left:-14%;top:-14%;pointer-events:none}
.visual-caption{position:absolute;bottom:8%;left:6.67%;right:7%;display:flex;align-items:center;gap:20px;font-size:13px}.visual-caption>span:first-child{font-size:12px;letter-spacing:.06em;color:var(--muted)}.visual-caption i{height:1px;flex:1;background:var(--line);margin-left:6px}.example-label{position:absolute;left:6.67%;bottom:3%;margin:0;font-size:12px;letter-spacing:.08em;color:var(--muted)}
.copy{padding:3vh 10% 3vh 6%;display:flex;flex-direction:column;justify-content:center;min-width:0}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.12em;margin:0 0 23px}h1{font-size:clamp(42px,4.35vw,83px);font-weight:500;line-height:1.025;letter-spacing:-.055em;margin:0;white-space:nowrap}h1 .headline-emphasis{color:var(--teal)}.promise{font-size:clamp(17px,1.3vw,24px);line-height:1.35;margin:27px 0 0;letter-spacing:-.025em}.promise strong{font-weight:500}.description{font-size:14px;line-height:1.55;margin:15px 0 0;color:var(--muted)}.active-insight{display:flex;gap:20px;border-top:1px solid var(--line);margin-top:35px;padding-top:19px;min-height:67px}.active-insight>span{font-size:12px;letter-spacing:.07em;color:var(--muted);padding-top:2px}.active-insight h2{font-size:16px;font-weight:500;line-height:1.3;margin:0}.active-insight p{font-size:13px;color:var(--muted);margin:7px 0 0;line-height:1.45}
.bottom{background:var(--ink);color:var(--paper);display:grid;grid-template-rows:minmax(0,1fr)27px}.chapters{margin:0 4%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 100px;border-left:1px solid #ffffff1c}.chapter{position:relative;display:flex;align-items:center;gap:21px;text-align:left;border-right:1px solid #ffffff1c;padding:0 25px;overflow:hidden}.chapter-index{align-self:flex-start;margin-top:25px;font-size:11px;color:#a7c2cb}.chapter-text{font-size:24px;letter-spacing:-.04em;line-height:1.1}.chapter-text small{display:block;font-size:13px;letter-spacing:0;color:#bfd1d7;margin-top:9px}.chapter-arrow{margin-left:auto;color:#9fc7d0;font-size:24px;opacity:0}.chapter[aria-selected=true]{background:#ffffff08}.chapter[aria-selected=true] .chapter-arrow{opacity:1}.chapter i{position:absolute;left:0;top:0;height:3px;width:100%;background:#a6d2dc;transform:scaleX(var(--progress,0));transform-origin:left}.chapter:hover{background:#ffffff0c}.playback{display:flex;gap:9px;align-items:center;justify-content:center;font-size:12px;color:#c3d5db}.pause-icon{height:12px;width:10px;border-left:2px solid currentColor;border-right:2px solid currentColor}.playback.is-paused .pause-icon{width:0;height:0;border-left:9px solid currentColor;border-right:0;border-top:6px solid transparent;border-bottom:6px solid transparent}.edition{margin:0 4%;display:flex;align-items:center;gap:28px;font-size:11px;color:#b5ccd3;letter-spacing:.09em}.edition>span:last-child{margin-left:auto}
@media(min-width:1700px) and (min-height:900px){.page{grid-template-rows:105px minmax(0,1fr)145px}.description{font-size:17px}.active-insight{margin-top:43px}.chapter-text{font-size:28px}}
@media(max-height:800px) and (min-width:761px){.page{min-height:580px;grid-template-rows:72px minmax(0,1fr)105px}.eyebrow{margin-bottom:18px}h1{font-size:clamp(40px,4.2vw,68px)}.promise{font-size:19px;margin-top:18px}.description{font-size:12px;margin-top:10px}.active-insight{margin-top:21px;padding-top:13px;min-height:51px}.active-insight h2{font-size:15px}.active-insight p{font-size:12px}.chapter-text{font-size:20px}.chapter-index{margin-top:18px}.chapter-text small{font-size:12px;margin-top:7px}.plate-label{top:5%}.example-label{font-size:12px}}
@media(min-width:761px) and (max-width:1100px){.copy{padding-left:3%;padding-right:8%}h1{font-size:4.5vw}.promise{font-size:17px}.description{font-size:12px}.chapter{gap:14px;padding:0 18px}.chapter-text{font-size:20px}.chapter-text small{font-size:12px}.wide-break{display:none}}
@media(max-width:760px){.page{min-height:800px;grid-template-rows:66px minmax(0,1fr)136px}.masthead{margin:0 5%}.sejd-logo{--logo-unit:1.12px}.masthead nav{font-size:12px;gap:15px}.open-app{padding:10px 13px;gap:17px}.open-app span[aria-hidden]{font-size:18px}.main-scene{display:flex;flex-direction:column}.copy{order:0;display:grid;grid-template-columns:1fr auto;flex:none;justify-content:unset;padding:19px 5% 0}.eyebrow{grid-column:1/-1;font-size:11px;margin-bottom:14px}h1{font-size:clamp(39px,8.8vw,63px);grid-column:1/-1}.promise{font-size:16px;line-height:1.4;margin-top:18px}.description,.active-insight{display:none}.visual{order:1;flex:1;min-height:310px}.plate-label{display:none}.original-map{width:106%;left:-3%;top:40%}.lens-anchor{width:min(53vw,66cqh);left:53%;top:53%}.visual-caption{bottom:10%;left:5%;right:5%;gap:12px;font-size:12px}.visual-caption>span:first-child{font-size:11px;white-space:nowrap}.example-label{left:5%;bottom:3%;font-size:11px;letter-spacing:.05em}.bottom{grid-template-rows:110px 26px}.chapters{margin:0 5%;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,.85fr) 36px}.chapter{display:block;padding:10px 6px}.chapter-index{display:block;margin:0 0 6px;font-size:10px}.chapter-text{display:block;font-size:clamp(14px,3.8vw,16px)}.chapter-text small{font-size:12px;line-height:1.25;margin-top:6px}.chapter-arrow{display:none}.chapter i{height:2px}.playback-text{display:none}.edition{margin:0 5%;font-size:10px;letter-spacing:.02em;gap:12px}.edition>span:last-child{display:none}.wide-break{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* A fixed language menu; translated text keeps the approved page structure. */
.language-select{font:inherit;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:8px 2px;cursor:pointer;max-width:110px}.language-select:focus-visible{outline:2px solid var(--teal);outline-offset:5px}.open-app{white-space:nowrap}
@media(max-width:760px){.masthead nav{gap:12px}.language-select{width:80px;max-width:80px;padding:8px 0}.open-app{gap:10px;padding-inline:10px}}
@media(max-width:360px){.masthead{margin-inline:4%}.sejd-logo{--logo-unit:1px}.masthead nav{gap:8px}.language-select{width:68px;max-width:68px}.open-app{gap:6px;padding-inline:9px}}
/* Fit the longer fixed translations without reducing explanatory text. */
@media(min-width:761px){html[lang=da] h1{font-size:min(4.1vw,79px)}}
@media(min-width:761px) and (max-height:800px){html[lang=da] h1{font-size:min(4vw,64px)}}
@media(max-width:760px){html[lang=nb] .chapters,html[lang=da] .chapters{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) minmax(0,1fr) 36px}html[lang=de] .chapters{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,.95fr) 36px}html[lang=nb] h1{font-size:clamp(36px,10vw,63px)}html[lang=da] h1{font-size:clamp(34px,10vw,63px)}}
@media(max-width:340px){html[lang=de] .chapters{grid-template-columns:minmax(0,.95fr) minmax(0,1.3fr) minmax(0,.95fr) 36px}html:not([lang=sv]) .chapter{padding-inline:5px}html:not([lang=sv]) .chapter-text{font-size:13px}}
@media(max-width:760px){.chapter{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0}.chapter-text{width:100%}}
@media(max-width:340px){.page{grid-template-rows:66px minmax(0,1fr)150px}.bottom{grid-template-rows:124px 26px}}
@media(max-width:760px){.description{display:block;grid-column:1/-1;font-size:13px;margin-top:9px}.description [data-copy=descriptionEnd]{display:none}.lens-context{font-size:10px;padding:3px 5px}}