/* Light editorial experience, adapted from the six original SL-3DTest pages. */
#portalPreview.portal-editorial .portal-content{padding:0 0 0 4px;scrollbar-color:#6a7d89 transparent;scroll-padding-top:70px}
.portal-editorial .portal-page{max-width:1640px}
.art-test{--art-blue:#2167ff;--art-ink:#101114;--art-muted:#6e707d;color-scheme:light;color:var(--art-ink);background:#f7f6f4;border-radius:24px;overflow:clip;font-family:Arial,Helvetica,sans-serif;line-height:1.45}
.art-test *{box-sizing:border-box}
.art-test section{border:0;padding:0}.art-test figure{margin:0;min-width:0}.art-test img{display:block;max-width:100%;height:auto}.art-test a{text-decoration:none;color:inherit}.art-test strong{font-weight:700}.art-test p{margin:0 0 24px;color:var(--art-muted);font-size:clamp(16px,1.18vw,20px);line-height:1.5}.art-test h2{font-size:clamp(34px,3.6vw,62px);line-height:1.07;font-weight:700;letter-spacing:-2.3px;margin:0 0 30px;color:var(--art-ink)}.art-test h2 em{font-style:normal;color:var(--art-blue)}.art-test h3{font-size:clamp(21px,1.7vw,29px);line-height:1.2;letter-spacing:-.9px;font-weight:700;color:var(--art-ink);margin:0 0 14px}
.art-test .art-hero{position:relative;isolation:isolate;aspect-ratio:16/9;min-height:510px;max-height:840px;color:white;background:#284a5d;overflow:hidden}
.art-hero .art-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 49%;z-index:-2}
.art-hero .art-hero-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(35deg,rgba(5,17,28,.86) 0%,rgba(5,17,28,.5) 28%,rgba(5,17,28,.12) 54%,transparent 76%)}
.art-hero-type{position:absolute;left:6%;bottom:10%;max-width:75%}.art-hero-type .art-stories-logo{width:clamp(200px,25vw,360px);margin-bottom:27px}.art-hero-type>p{font-size:13px;letter-spacing:4px;font-weight:700;color:white;margin-bottom:6px}.art-hero-type h1{font-size:clamp(32px,4vw,64px);line-height:1;font-weight:500;letter-spacing:-1.7px;margin:0 0 12px}.art-hero-type>span{font-size:12px;color:#ffffffe0}.art-scroll{position:absolute;right:6%;bottom:8%;font-size:13px;display:flex;align-items:center;gap:18px;color:white!important}.art-scroll span{font-size:26px}
.art-section-nav{display:flex;justify-content:center;gap:clamp(16px,3vw,55px);padding:18px 20px;background:#f7f6f4f5;border-bottom:1px solid #18191d12;position:sticky;top:0;z-index:3;backdrop-filter:blur(12px)}.art-section-nav a{font-size:13px;color:#606572;padding:5px 0}.art-section-nav a:hover,.art-section-nav a:focus-visible{color:var(--art-blue)}
.art-test .art-section{padding:54px 6% 76px;scroll-margin-top:64px}.art-section+.art-section{border-top:1px solid #18191d0b}
.art-section-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:36px;font-size:11px;letter-spacing:2px;color:#737786}.art-section-meta>span:first-child{font-weight:700;color:#111;letter-spacing:2.5px}.art-rule{display:block;width:45px;height:2px;background:#8e8d8d;margin:0 0 30px}
.art-objective-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:24px;margin-bottom:36px}.art-objective-image img{width:100%;mix-blend-mode:multiply}.art-copy p:last-child{margin-bottom:0}
.art-note{display:flex;align-items:center;gap:24px;background:white;border-radius:30px;padding:28px 28px;margin-top:35px;overflow:visible}.art-note .art-icon{width:52px;max-height:58px;object-fit:contain;flex:none}.art-note>div{border-left:1px solid #e5e5e8;padding-left:25px;min-width:0}.art-note strong{display:block;font-size:clamp(17px,1.4vw,22px);line-height:1.3;color:#101114;letter-spacing:-.35px}.art-note p{font-size:14px;color:#92949e;margin:6px 0 0;line-height:1.5}
.art-test .art-material-heading{height:auto;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center;padding:0;background:none;border:0;margin-bottom:32px}.art-material-heading h2{margin-bottom:0}.art-material-heading>div{max-width:410px}.art-material-heading h3{font-size:30px;line-height:1.15;margin-bottom:14px}.art-material-heading p{margin-bottom:0}
.art-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:16px 0 24px}.art-resource-grid figure>img{width:100%;height:clamp(220px,23vw,350px);object-fit:contain;mix-blend-mode:multiply}.art-resource-grid figcaption{padding:20px 4px 0}.art-resource-grid h3{font-size:23px;margin-bottom:10px}.art-resource-grid p{font-size:15px;line-height:1.5;min-height:45px;margin-bottom:20px}
#portalPreview .art-test .art-download{display:inline-flex;gap:12px;align-items:center;justify-content:space-between;background:#e3eafa;color:#6b80ac;opacity:1;border:0;border-radius:24px;padding:11px 16px;font:13px/1.4 Arial,sans-serif;cursor:default;width:auto}.art-download svg{width:16px!important;height:16px!important}.art-download-file{display:block;font-size:11px;line-height:1.5;margin-top:10px;color:#888c96;overflow-wrap:anywhere}.art-download-status{font-size:12px!important;color:#888c96!important;margin:22px 0 34px!important}
.art-features{display:grid;grid-template-columns:1fr 1.12fr 1.08fr;border-top:1px solid #d8d7d7;padding-top:28px;margin-top:34px;gap:25px}.art-feature{display:flex;align-items:flex-start;gap:16px;min-width:0}.art-feature+.art-feature{border-left:1px solid #dedde0;padding-left:24px}.art-feature .art-icon{width:37px;height:43px;object-fit:contain;flex:none;mix-blend-mode:multiply}.art-feature h3{font-size:21px;margin:3px 0 10px;letter-spacing:-.7px}.art-feature p{font-size:15px;line-height:1.5;color:#9396a0;margin-bottom:0}
.art-production-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:center}.art-production-grid .art-copy h3{font-size:28px;letter-spacing:-1px;margin-top:45px}.art-production-images{display:grid;grid-template-columns:1fr 1fr;gap:4px}.art-production-images img{width:100%;height:clamp(200px,22vw,330px);object-fit:contain;mix-blend-mode:multiply}.art-production-grid .art-copy h2{font-size:clamp(32px,3vw,53px)}
.art-time-grid{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:30px}.art-time-grid h2{font-size:clamp(32px,3.1vw,54px)}.art-time-grid>figure img{width:100%;mix-blend-mode:multiply}.art-time-steps{display:grid;grid-template-columns:1fr 1.2fr 1.1fr;gap:35px;list-style:none;padding:24px;background:white;border-radius:30px;margin:35px 0 0}.art-time-steps li{display:flex;align-items:center;gap:15px;position:relative}.art-time-steps li+li:before{content:'→';font-size:25px;font-weight:300;color:var(--art-blue);position:absolute;left:-28px;top:50%;transform:translateY(-50%)}.art-time-steps .art-icon{width:55px;height:55px;flex:none}.art-time-steps h3{font-size:20px;margin:0 0 7px;letter-spacing:-.7px}.art-time-steps p{font-size:14px;line-height:1.5;color:#92949e;margin:0}
.art-delivery-grid{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:30px}.art-delivery-grid>figure img{width:100%;mix-blend-mode:multiply}.art-delivery-grid h2{font-size:clamp(32px,3.1vw,54px)}.art-deliverables{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;background:#fff;padding:30px;border-radius:30px;margin-top:42px}.art-deliverables>div{position:relative;padding-left:51px}.art-deliverables>div+div{border-left:1px solid #e2e1e4;padding-left:62px}.art-deliverables .art-icon{position:absolute;top:0;left:0;width:34px;height:40px;object-fit:contain}.art-deliverables>div+div .art-icon{left:16px}.art-deliverables h3{font-size:20px;letter-spacing:-.6px;margin:0 0 12px}.art-deliverables ul{padding-left:14px;margin:0;color:#91949e;font-size:14px;line-height:1.5}.art-deliverables li{padding-bottom:7px}.art-deliverables li::marker{color:var(--art-blue)}.art-effective-time{text-align:center;font-size:14px!important;margin:24px 0 0!important}
.art-final-cta{text-align:center;padding:65px 10px 54px}.art-final-cta>p{color:#222;font-size:20px;margin-bottom:22px}#portalPreview .art-test .art-viewer-cta{display:inline-flex;align-items:center;gap:25px;border:0;background:var(--art-blue);color:white;font-size:19px;line-height:1.4;font-weight:500;border-radius:40px;padding:19px 32px;box-shadow:none}#portalPreview .art-test .art-viewer-cta:hover{background:#1554dc}.art-viewer-cta svg{width:22px!important;height:22px!important}.art-final-cta small{display:block;font-size:12px;color:#8b8d95;line-height:1.5;margin-top:20px}
.art-test .art-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dad9db;padding:25px 0 0;color:#8c8f99;font-size:12px;background:transparent;position:static}.art-test .art-footer span:first-child{color:#111;font-weight:700}
#candidateDeliveryPreview[hidden]{display:none}#candidateDeliveryPreview{padding:0 0 14px;font-size:12px;color:#aabecb}#candidateDeliveryPreview>strong{display:block;color:#dce6ed;font-size:14px;font-weight:500;margin-bottom:4px}.candidate-context-version{display:block;font-size:12px;color:#8fa7b8;margin-bottom:12px}.candidate-pdf{width:100%;padding:9px 12px;font-size:12px;border-radius:14px;background:#2b414f;border:0}.candidate-work-time{display:flex;align-items:center;gap:7px;margin-top:6px}.candidate-work-time input{min-width:0;width:60px;font-size:13px;padding:5px 7px;border:0;border-radius:8px;background:#263b49;color:#e1ebf3}#candidateDeliveryPreview label{font-size:12px;display:block;margin-top:12px}#candidateDeliveryPreview p{margin:10px 0 0;font-size:12px;color:#8196a4}
@media(min-width:1800px){.art-test .art-section{padding-top:65px;padding-bottom:90px}.art-section-meta{margin-bottom:44px}.art-test .art-hero{min-height:660px}}
@media(max-width:1250px){.art-test h2{letter-spacing:-1.7px}.art-test .art-hero{min-height:440px}.art-resource-grid{gap:18px}.art-production-grid{grid-template-columns:1fr}.art-production-grid .art-copy{max-width:750px}.art-production-images img{height:300px}.art-feature{display:block}.art-feature .art-icon{margin-bottom:12px}.art-time-grid{grid-template-columns:1.2fr 1fr}.art-time-steps{gap:26px;padding:22px}.art-time-steps li{display:block}.art-time-steps .art-icon{width:48px;height:48px;margin-bottom:12px}.art-deliverables{padding:24px;gap:20px}.art-deliverables>div,.art-deliverables>div+div{padding-left:0}.art-deliverables>div+div{padding-left:20px}.art-deliverables .art-icon,.art-deliverables>div+div .art-icon{position:static;margin-bottom:14px}.art-material-heading h3{font-size:24px}}
@media(max-width:1000px){.art-test .art-hero{min-height:420px;aspect-ratio:1.45}.art-test .art-section{padding:38px 6% 50px}.art-objective-grid,.art-time-grid,.art-delivery-grid{grid-template-columns:1fr;gap:26px}.art-objective-image{max-width:510px;margin:auto!important}.art-objective-image img{max-height:430px;object-fit:contain}.art-time-grid>figure{max-width:430px;margin:auto}.art-delivery-grid>figure{max-width:540px;margin:auto}.art-test .art-material-heading{grid-template-columns:1fr;gap:16px}.art-material-heading>div{max-width:550px}.art-material-heading h3{font-size:23px}.art-resource-grid{gap:16px}.art-resource-grid figure>img{height:225px}.art-resource-grid h3{font-size:19px}.art-resource-grid p{font-size:14px;min-height:63px}.art-download-file{font-size:11px}.art-features{grid-template-columns:1fr;gap:22px}.art-feature{display:flex}.art-feature+.art-feature{border-left:0;border-top:1px solid #dedde0;padding-left:0;padding-top:22px}.art-feature .art-icon{margin:0}.art-section-meta{font-size:10px;letter-spacing:1px}.art-note{padding:24px 20px;gap:16px}.art-note>div{padding-left:17px}.art-note .art-icon{width:40px}.art-test h2{font-size:42px}.art-production-grid .art-copy h2,.art-time-grid h2,.art-delivery-grid h2{font-size:40px}.art-production-grid .art-copy h3{margin-top:26px}.art-scroll{display:none}}
@media(max-width:650px){#portalPreview.portal-editorial .portal-content{padding:0}.portal-editorial .portal-sidebar nav{flex-wrap:nowrap}.portal-editorial .portal-sidebar nav button{font-size:12px!important}.art-test{border-radius:20px}.art-test .art-hero{min-height:520px;aspect-ratio:auto}.art-hero .art-hero-image{object-position:57% center}.art-hero-type{bottom:7%;left:7%;max-width:86%}.art-hero-type .art-stories-logo{width:220px;margin-bottom:23px}.art-hero-type h1{font-size:43px}.art-hero-type>p{font-size:12px}.art-section-nav{gap:0;justify-content:space-between;padding:11px 15px;overflow:auto}.art-section-nav a{font-size:12px;padding:5px 3px}.art-test .art-section{padding:32px 7% 45px}.art-section-meta{font-size:9px;gap:12px;margin-bottom:28px}.art-section-meta>span:first-child{font-size:10px}.art-test h2,.art-production-grid .art-copy h2,.art-time-grid h2,.art-delivery-grid h2{font-size:35px;letter-spacing:-1.5px;margin-bottom:25px}.art-test p{font-size:16px;line-height:1.6}.art-rule{margin-bottom:26px}.art-objective-grid{margin-bottom:28px}.art-note{align-items:flex-start;padding:22px 18px;gap:13px;border-radius:22px;margin-top:26px}.art-note .art-icon{width:28px;height:32px}.art-note>div{border-left:0;padding-left:0}.art-note strong{font-size:16px;line-height:1.4}.art-note p{font-size:13px;line-height:1.6;margin-top:10px}.art-resource-grid{grid-template-columns:1fr;gap:34px}.art-resource-grid figure{display:grid;grid-template-columns:1fr;gap:0}.art-resource-grid figure>img{height:320px}.art-resource-grid figcaption{padding:12px 0 0}.art-resource-grid h3{font-size:24px}.art-resource-grid p{font-size:15px;min-height:0;margin-bottom:18px}.art-download-file{font-size:12px}.art-feature h3{font-size:21px}.art-feature p{font-size:15px}.art-feature .art-icon{width:30px;height:36px}.art-production-images img{height:230px}.art-production-grid .art-copy h3{font-size:25px}.art-time-steps{grid-template-columns:1fr;padding:24px;gap:24px;border-radius:22px}.art-time-steps li{display:flex;gap:15px}.art-time-steps .art-icon{margin:0;width:48px;height:48px}.art-time-steps li+li:before{display:none}.art-time-steps h3{font-size:20px}.art-time-steps p{font-size:14px;line-height:1.5}.art-deliverables{grid-template-columns:1fr;padding:24px;gap:24px;border-radius:22px}.art-deliverables>div,.art-deliverables>div+div{border-left:0;padding:0 0 0 46px}.art-deliverables>div+div{border-top:1px solid #e2e1e4;padding-top:24px}.art-deliverables .art-icon,.art-deliverables>div+div .art-icon{position:absolute;left:0;top:0;width:30px;height:36px}.art-deliverables>div+div .art-icon{top:24px}.art-deliverables h3{font-size:20px}.art-deliverables ul{font-size:14px}.art-effective-time{font-size:13px!important}.art-final-cta{padding:45px 0 35px}.art-final-cta>p{font-size:18px}#portalPreview .art-test .art-viewer-cta{width:100%;font-size:17px;padding:18px 22px}.art-final-cta small{font-size:12px;line-height:1.6}.art-test .art-footer{font-size:10px;gap:20px}}
@media(prefers-reduced-motion:reduce){.art-test *{scroll-behavior:auto!important;transition:none!important}}
.art-test .art-hero{width:100%}
.art-test .art-note{flex-direction:row}
.art-hero .art-hero-image{object-position:center 85%}
.art-objective-grid{align-items:start}.art-objective-grid .art-copy{padding-top:16px}
.art-objective-image img,.art-resource-grid figure>img,.art-production-images img,.art-time-grid>figure img,.art-delivery-grid>figure img{mix-blend-mode:normal}
@media(max-width:650px){.art-hero .art-hero-image{object-position:57% center}.art-objective-grid .art-copy{padding-top:0}}
/* Keep the existing viewer out of the portal at every breakpoint. */
body.portal-open>main{display:none!important}
@media(max-width:650px){
 body.portal-open>header{height:96px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:40px 28px;padding:8px 16px;gap:4px 12px}
 body.portal-open>header .brand{grid-column:1;grid-row:1;min-width:0}
 body.portal-open>header .brand-logo{width:150px;max-width:100%}
 body.portal-open>header .header-title{grid-column:1/-1;grid-row:2;justify-self:center;font-size:16px}
 body.portal-open>header .header-actions{grid-column:2;grid-row:1}
 body.portal-open>header #openPortal{font-size:12px;padding:8px 12px;white-space:nowrap}
}
/* Frosted section navigation, keeping the editorial text readable. */
.art-section-nav{background:rgba(247,246,244,.76);backdrop-filter:blur(22px) saturate(1.15);-webkit-backdrop-filter:blur(22px) saturate(1.15);border-bottom-color:#18191d0b}
/* Match SUBARA's live header glass; retain the editorial font with clearer labels. */
.art-section-nav{background:rgba(255,255,255,.8);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:0;box-shadow:none}
.art-section-nav a{font-family:inherit;font-size:15px;font-weight:600;color:#25282e}
@media(max-width:650px){.art-section-nav a{font-size:13px;font-weight:600}}

/* Native anchor offsets follow the sticky menu's measured height, once only. */
#portalPreview.portal-editorial .portal-content{scroll-padding-top:var(--art-nav-height,68px)}
.art-test .art-section{scroll-margin-top:0}
html:has(body.portal-open #portalPreview.portal-editorial:not([hidden])){scroll-padding-top:var(--art-nav-height,68px)}
/* Smooth section navigation; respect the system's reduced-motion preference. */
#portalPreview.portal-editorial .portal-content,
html:has(body.portal-open #portalPreview.portal-editorial:not([hidden])){scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){
 #portalPreview.portal-editorial .portal-content,
 html:has(body.portal-open #portalPreview.portal-editorial:not([hidden])){scroll-behavior:auto}
}
/* Round the reading viewport itself, so the frame stays rounded while scrolling. */
#portalPreview.portal-editorial .portal-content{border-radius:24px;clip-path:inset(0 round 24px);padding:0;width:100%;max-width:1640px;justify-self:center}
.portal-editorial .art-test{border-radius:0}
@media(max-width:650px){#portalPreview.portal-editorial .portal-content{border-radius:20px;clip-path:inset(0 round 20px)}}

/* Scroll position is reflected in both the visual pill and accessible state. */
.art-section-nav a{border-radius:999px;padding:9px 18px;transition:background-color 160ms ease,color 160ms ease}
.art-section-nav a[aria-current="location"]{background:var(--art-blue);color:#fff}
@media(max-width:650px){.art-section-nav a{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.art-section-nav a{transition:none}}