/* Stories left untold / research storytelling laboratory */
.stu-hero{background:radial-gradient(ellipse at 78% 45%,#2c4a41 0,#112621 62%,#0c1b19 100%);color:#f6f0e6;padding:70px 0 72px;overflow:hidden}.stu-hero .section-label{color:#e8c080}.stu-hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:4vw;align-items:center}.stu-hero h1{font:normal clamp(64px,9.6vw,132px)/.94 Georgia,serif;letter-spacing:-.07em;margin:20px 0 28px}.stu-hero h1 em{color:#ddbd80}.stu-lead{font:22px/1.45 Georgia,serif;max-width:600px;color:#e2e7db}.stu-hint{font:11px/1.7 ui-monospace,monospace;color:#afc5b8;margin-top:34px;text-transform:uppercase;letter-spacing:.1em}.stu-heroart svg{width:100%;height:auto;max-height:470px}.stu-pledge{background:#e0cba6;padding:26px 0}.stu-pledge p{font:clamp(22px,3vw,34px)/1.35 Georgia,serif;margin:0;max-width:1030px;color:#24433d}.stu-main{padding:95px 0 115px;background:#f3efe5}.stu-opening{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:end;margin-bottom:37px}.stu-opening p{max-width:560px;line-height:1.7;color:#4e625a}.stu-opening h2{margin-bottom:0}.stu-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:34px}.stu-choice{background:#ece7da;border:1px solid #c6c8b8;padding:25px 24px;text-align:left;min-height:180px;color:#203f38;display:flex;flex-direction:column;gap:9px;position:relative}.stu-choice span{font-size:10px;letter-spacing:.14em;color:#7a5c43}.stu-choice strong{font:30px Georgia,serif}.stu-choice small{font-size:13px;color:#5c7066}.stu-choice.active{background:#203b33;color:#f1e6cf;border-color:#203b33}.stu-choice.active span,.stu-choice.active small{color:#d7cda8}.stu-choice:hover{border-color:#937550}.stu-stage{background:#fffdf8;border:1px solid #d2d5c8}.stu-stage-top{padding:38px 38px 29px;display:flex;justify-content:space-between;gap:20px;align-items:end}.stu-kicker,.stu-number{font:11px ui-monospace,monospace;letter-spacing:.14em;color:#946947}.stu-stage-top h2{font-size:clamp(42px,5vw,67px);margin:12px 0 5px}.stu-subtitle{font:21px Georgia,serif;color:#567369;margin:0}.stu-to-library{font-size:12px;color:#32675c;text-underline-offset:4px}.stu-stage-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #d8dcd0;border-bottom:1px solid #d8dcd0}.stu-scene{min-height:445px;background:#1d3533;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.stu-scene svg{width:100%;height:100%;min-height:430px}.stu-scene.helmand{background:linear-gradient(0deg,rgba(12,31,28,.6),rgba(12,31,28,.03)),url('./assets/helmand-2.webp') center/cover}.stu-scene-caption{position:absolute;bottom:22px;left:26px;right:26px;color:#fff0d8;font:12px/1.6 ui-monospace,monospace;letter-spacing:.06em;background:rgba(12,31,28,.72);padding:13px;max-width:440px}.stu-interpretation{padding:33px 35px;display:flex;flex-direction:column}.stu-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:19px 0 24px}.stu-tabs button{padding:10px 13px;border:1px solid #b8c7bd;background:transparent;font-size:12px;color:#2b5249}.stu-tabs button.active{background:#234b42;color:white;border-color:#234b42}.stu-frame-output{min-height:208px}.stu-frame-output small{color:#927250;text-transform:uppercase;letter-spacing:.11em;font-size:11px}.stu-frame-output h3{margin:9px 0 12px;font-size:32px}.stu-frame-output p{color:#4a5f55;line-height:1.65}.stu-focus{margin-top:auto;border-left:3px solid #ad925e;background:#f2eee4;padding:14px 19px}.stu-focus small{font-size:10px;letter-spacing:.14em;color:#866647}.stu-focus p{font:20px/1.4 Georgia,serif;margin:6px 0;color:#2c5447}.stu-timeline{padding:38px;border-bottom:1px solid #d8dcd0}.stu-timeline-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.stu-timeline h3{font-size:30px;margin:10px 0 0}.stu-controls{display:flex;gap:11px;align-items:center}.stu-controls button{height:38px;width:42px;border:1px solid #889f91;background:#f0eee4;color:#244738}.stu-controls span{font:12px ui-monospace,monospace;white-space:nowrap}.stu-step-track{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.stu-step-track button{border:0;border-top:2px solid #c9cdbf;background:#f2f0e8;padding:12px;text-align:left;font-size:12px;color:#567164}.stu-step-track button.active{border-color:#a88651;background:#e6dcc7;color:#293e35;font-weight:700}.stu-step-detail{padding:20px 25px;background:#e8e5d9;margin-top:13px}.stu-step-detail b{font:28px Georgia,serif;display:block}.stu-step-detail p{margin:9px 0 0;max-width:760px}.stu-source-area{display:grid;grid-template-columns:.65fr 1fr;gap:50px;padding:40px}.stu-source-area h3{font-size:28px;margin:12px 0}.stu-source-area p{font-size:13px;color:#526a5e}.stu-source-list{display:grid;gap:11px}.stu-source-list a{display:block;padding:14px 16px;background:#f1eee4;border:1px solid #d0d1c4;color:#2b6356;text-decoration:none;font-size:13px}.stu-source-list a:hover{background:#e7e1d2}.stu-film{background:#162923;color:#e9eadd;padding:85px 0}.stu-film-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:5vw;align-items:center}.stu-film h2{font-size:clamp(40px,5vw,65px)}.stu-film h2 em{color:#e1bd80}.stu-film p{color:#b7cabb}.stu-film a{color:#ebcd91}.stu-film .section-label{color:#e1bd80}.stu-video-wrap video{display:block;width:100%;background:#071a18;border:1px solid #718576}.stu-caption{font-size:11px!important;letter-spacing:.04em;margin-top:12px}.stu-editorial{padding:82px 0;background:#e7dfcf}.stu-editorial h2{max-width:890px}.stu-editorial h2 em{color:#7f603e}.stu-promises{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.stu-promises p{border-top:2px solid #9e9c84;padding-top:19px;font-size:14px;color:#4d5c53}.stu-promises strong{display:block;color:#2e473b;margin-bottom:8px}
@media(max-width:900px){.stu-hero-grid,.stu-opening,.stu-stage-grid,.stu-film-grid,.stu-source-area{grid-template-columns:1fr}.stu-heroart{display:none}.stu-choices{grid-template-columns:1fr}.stu-choice{min-height:115px}.stu-stage-top{align-items:start}.stu-scene{min-height:325px}.stu-scene svg{min-height:325px}.stu-promises{grid-template-columns:1fr}}
@media(max-width:600px){.stu-hero{padding:55px 0}.stu-hero h1{font-size:clamp(60px,15vw,88px)}.stu-stage-top{padding:24px;display:block}.stu-to-library{display:inline-block;margin-top:19px}.stu-interpretation,.stu-timeline,.stu-source-area{padding:23px}.stu-step-track{grid-template-columns:repeat(2,1fr)}.stu-timeline-head{display:block}.stu-controls{margin:16px 0}.stu-film{padding:60px 0}.stu-focus p{font-size:18px}}
@media(prefers-reduced-motion:reduce){.stu-hero *, .stu-scene *{animation:none!important;transition:none!important}}