/* Connected learning: an original glass / copper sculpture, with live UI layers. */
:root{--copper:#e7ad83;--art-night:#03232d;--art-ink:#073440}
.home-page .signature-hero{background:var(--art-night);padding-top:142px}
.home-page .signature-hero::before{display:none}
.home-page .signature-grid{grid-template-columns:.96fr 1.04fr;gap:0!important;min-height:570px;position:relative}
.home-page .signature-copy{position:relative;z-index:3;padding-bottom:18px;pointer-events:none}
.home-page .signature-copy a{pointer-events:auto}
.home-page .signature-copy h1{font-size:clamp(4rem,6.2vw,6.1rem);font-weight:600;letter-spacing:-.067em;line-height:1.02}
.home-page .signature-copy h1 em.headline-line{font-family:Fraunces,Georgia,serif;font-weight:400;font-style:italic;color:var(--copper);font-size:.79em;letter-spacing:-.057em;margin-top:9px;line-height:1.22}
.home-page .signature-copy .eyebrow{color:#b8d8db;font-size:.66rem;letter-spacing:.18em;margin-bottom:25px}
.home-page .signature-description{max-width:405px;font-size:.99rem;line-height:1.8;color:#c0d3d8}
.home-page .signature-copy .button-row{flex-direction:row;align-items:center;gap:17px;max-width:465px}
.home-page .signature-hero .btn-primary{background:var(--copper);color:#122e36;padding:17px 23px}
.home-page .signature-hero .btn-primary:hover{background:#f6c8a6;box-shadow:0 8px 35px #db9a5920}
.home-page .hero-footnote{font-size:.69rem;color:#9ab7be}
.brand-art{position:relative;align-self:stretch;min-width:0;z-index:1}
.art-stage{position:relative;height:100%;min-height:570px;isolation:isolate}
.art-sculpture{position:absolute;top:-10%;left:-17%;width:142%;max-width:none;height:115%;object-fit:cover;object-position:53% center;mask-image:linear-gradient(90deg,transparent,#000 17%,#000 87%,transparent),linear-gradient(0deg,transparent,#000 13%,#000 88%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in;transform-origin:50% 60%;pointer-events:none}
.art-tag{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 16px;color:#dbecee;border:1px solid #c6eff12b;background:#062b35e8;box-shadow:0 8px 24px #0002;border-radius:5px;font-size:.66rem;letter-spacing:.025em;white-space:nowrap}
.art-tag-one{left:0;top:53%}.art-tag-two{right:-8px;top:31%}.art-tag-three{right:12%;top:8%}
.art-node{width:6px;height:6px;flex-shrink:0;border:1px solid var(--copper);border-radius:50%;box-shadow:0 0 0 4px #e7ad8310}
.art-tag-three .art-node{background:var(--copper)}
.art-footer{position:absolute;bottom:5px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#c0d3d8;font-size:.54rem;letter-spacing:.19em;z-index:4}
.art-footer>span{padding:8px 10px;background:#03232de8;border-radius:4px}
.art-replay{display:flex;align-items:center;gap:8px;color:#c1d5da;background:#03232de8;border:1px solid #bdd8dd30;min-height:44px;border-radius:50px;padding:8px 14px;font:inherit;font-size:.65rem;letter-spacing:0;cursor:pointer}
.art-replay[hidden]{display:none}.art-replay span{font-size:1.15rem;color:var(--copper);display:inline-block;transition:transform .45s ease}
.art-replay:hover{border-color:var(--copper);color:#fff}.art-replay:hover span{transform:rotate(-45deg)}.art-replay:focus-visible{outline:2px solid var(--copper);outline-offset:4px}
.home-page .learning-ribbon{margin-top:23px;padding-top:30px;padding-bottom:29px;border-top-color:#d6ebeb25;gap:48px}
.home-page .learning-ribbon::before{display:none}.home-page .learning-ribbon li{padding-left:18px}.home-page .learning-ribbon li::before{top:7px;left:0;background:var(--copper);border:0;width:5px;height:5px;box-shadow:none}
.home-page .learning-ribbon b{color:var(--copper)}.home-page .learning-ribbon strong{font-weight:500;font-size:.93rem}.home-page .learning-ribbon span{font-size:.72rem}
.home-page .section-intro .sec-tag::before{background:#af714a}.home-page .finder-result{background:#0b3944;box-shadow:0 18px 48px #0a374416}
.home-page .finder-result::after{border-color:#e7ad8315}.home-page .finder-result .eyebrow{color:var(--copper)}
.home-page .choice:has(input:checked){background:#eef5f4}.home-page .engagement-proof{background:#0b3944}
.home-page .engagement-proof .case-copy h2 em{color:var(--copper)}
.home-page .closing{background:var(--art-night);isolation:isolate}
.home-page .closing::after{inset:-160px -110px -200px auto;width:65%;height:auto;opacity:.42;transform:none;background:url('/images/brand/connected-learning-960.webp') center/cover no-repeat;mask-image:linear-gradient(90deg,transparent,#000 60%);z-index:0}
.home-page .closing .wrap{z-index:1}.home-page .closing h2{max-width:730px}.home-page .closing p{max-width:560px}.home-page .closing .btn{background:var(--copper)}
.home-page .footer{background:#04212b}
@media(min-width:1440px){.home-page .signature-grid{min-height:620px}.art-stage{min-height:620px}.art-tag-two{right:-35px}}
@media(max-width:1100px) and (min-width:801px){.home-page .signature-copy h1{font-size:4.7rem}.home-page .signature-grid{grid-template-columns:1fr 1fr;min-height:570px}.art-tag{font-size:.58rem;padding:10px}.art-tag-one{left:6%;top:68%}.art-tag-two{right:-15px}.art-tag-three{right:7%;top:10%}.home-page .signature-copy .button-row{flex-direction:column;align-items:flex-start;gap:12px}.home-page .signature-description{max-width:350px}.art-footer>span{display:none}.art-footer{justify-content:flex-end}}
@media(max-width:800px){.home-page .signature-hero{padding-top:118px}.home-page .signature-grid{grid-template-columns:1fr;gap:0!important;min-height:0}.home-page .signature-copy{padding-bottom:0}.home-page .signature-copy h1{font-size:clamp(3.6rem,10vw,5.3rem);max-width:650px}.home-page .signature-copy h1 em.headline-line{font-size:.79em}.home-page .signature-copy .eyebrow{font-size:.6rem;letter-spacing:.13em;margin-bottom:19px}.home-page .signature-description{max-width:500px;margin-top:20px}.home-page .signature-copy .button-row{max-width:600px}.brand-art{width:100%;max-width:650px;margin:auto}.art-stage{height:280px;min-height:0}.art-sculpture{left:-8%;width:116%;top:-12%;height:123%;object-position:center}.art-tag{font-size:.63rem}.art-tag-one{left:0;top:60%}.art-tag-two{right:0;top:36%}.art-tag-three{right:17%;top:10%}.art-footer{bottom:0;left:0;right:0}.home-page .learning-ribbon{margin-top:22px!important;padding-block:24px}.home-page .closing::after{width:80%;opacity:.22}.home-page .closing p{max-width:480px}}
@media(max-width:540px){.home-page .signature-hero{padding-top:108px}.home-page .signature-copy h1{font-size:clamp(3.4rem,14.3vw,4.7rem)}.home-page .signature-copy .eyebrow{font-size:.53rem;letter-spacing:.1em}.home-page .signature-description{font-size:.88rem;line-height:1.75;margin-top:17px}.home-page .signature-copy .button-row{gap:13px 18px;margin-top:22px}.home-page .signature-hero .btn-primary{padding:15px 20px;font-size:.77rem}.home-page .signature-copy .quiet-link{font-size:.74rem}.home-page .hero-footnote{font-size:.61rem;margin-top:14px}.art-stage{height:295px}.art-sculpture{left:-12%;width:124%;height:118%;top:-6%;object-fit:cover}.art-tag{padding:9px 11px;font-size:.52rem;gap:7px}.art-tag-one{top:61%;left:0}.art-tag-two{top:35%;right:-2px}.art-tag-three{top:13%;right:16%}.art-node{width:4px;height:4px;box-shadow:0 0 0 3px #e7ad8310}.art-footer{font-size:.43rem;letter-spacing:.13em}.art-replay{min-height:44px;padding:7px 10px;font-size:.56rem}.home-page .learning-ribbon{gap:12px;padding-block:22px}.home-page .learning-ribbon strong{font-size:.76rem}.home-page .learning-ribbon li{padding-left:12px}.home-page .learning-ribbon li::before{top:6px;width:4px;height:4px}.home-page .closing::after{opacity:.16;width:100%}}
@media(prefers-reduced-motion:reduce){.art-replay{display:none!important}.art-replay span{transition:none}}
@media print{.brand-art{display:none}.home-page .signature-grid{display:block}.home-page .signature-copy{color:#000}.home-page .closing::after{display:none}}

/* A light case-study spread separates the work from the dark studio opening. */
.home-page .engagement-proof {background:#f4f2eb;color:#123d4d;border-bottom:1px solid #dedfd6}
.home-page .engagement-proof .case-copy h2 {color:#123d4d;max-width:16ch}
.home-page .engagement-proof .case-copy h2 em,.home-page .engagement-proof .eyebrow {color:#8b502c}
.home-page .engagement-proof p,.home-page .engagement-proof dt,.home-page .engagement-proof figcaption {color:#435e66}
.home-page .engagement-proof dd {color:#103643}
.home-page .engagement-proof dl {border-color:#b7c7c7}
.home-page .engagement-proof .btn {background:#123d4d;color:white}
@media(max-width:600px) {
  .home-page .signature-grid {display:flex;flex-direction:column;align-items:stretch}
  .home-page .signature-copy {display:contents}
  .home-page .signature-copy .eyebrow {order:0;margin-bottom:12px}
  .home-page .signature-copy h1 {order:1}
  .home-page .brand-art {order:2}
  .home-page .art-stage {height:clamp(120px,35vw,180px)}
  .home-page .art-sculpture {width:110%;height:112%;left:-5%;top:-5%;object-fit:contain}
  .home-page .signature-description {order:3;margin-top:6px}
  .home-page .signature-copy .button-row {order:4;margin-top:16px}
  .home-page .art-tag,.home-page .art-footer,.home-page .signature-copy .quiet-link,.home-page .hero-footnote {display:none}
}
.purchase-exercise {padding:clamp(46px,6vw,88px) 0;background:#f2f6f5;color:#113d49;scroll-margin-top:125px}
.purchase-exercise h2 {font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.08;letter-spacing:-.045em;margin:12px 0}
.exercise-intro,.request-note {line-height:1.65;max-width:65ch}
.request-sheet {margin:26px 0 14px;background:white;border:1px solid #bccdcf;border-radius:12px;overflow:hidden;max-width:920px}
.request-meta,.request-track {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px clamp(16px,4vw,42px)}
.request-meta {background:#0b3944;color:white;flex-wrap:wrap}
.request-meta span,.request-note {font-size:.8rem}
.request-track {margin:0;list-style:none;border-bottom:1px solid #d3dfe0;counter-reset:stage}
.request-track li {font-size:.8rem;color:#415f67;counter-increment:stage}
.request-track li::before {content:'0' counter(stage) ' ';color:#835032}
.request-track li[aria-current] {font-weight:700;text-decoration:underline;text-underline-offset:5px}
.request-sheet article {padding:clamp(19px,4vw,42px)}
.request-sheet article[hidden],.request-sheet button[hidden] {display:none}
.request-role {font-size:.75rem;letter-spacing:.06em;color:#845031}
.request-sheet h3 {font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.15;margin:9px 0 14px}
.request-sheet article p {max-width:65ch;line-height:1.65}
.request-sheet dl {display:flex;gap:16px 30px;flex-wrap:wrap;margin:22px 0;padding:15px 0;border-block:1px solid #d3dfe0}
.request-sheet dt {font-size:.72rem;color:#415f67}
.request-sheet dd {margin:4px 0;font-weight:600}
.request-actions {display:flex;gap:10px;flex-wrap:wrap}
.request-sheet [data-feedback]:not(:empty) {margin-top:15px;color:#804725}
.request-sheet [data-restart] {margin-top:14px}
.request-sheet [data-feedback]:empty {margin:0}
.course-nav .wrap {flex-wrap:wrap}

.programme-opening {padding:clamp(120px,13vw,175px) 0 clamp(42px,6vw,76px);background:#082d38;color:white}
.programme-cover {display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(24px,6vw,90px)}
.programme-cover .eyebrow {color:#aad9da}
.programme-cover h1 {font-size:clamp(3rem,6.2vw,6rem);line-height:1.04;letter-spacing:-.06em;color:white;margin:20px 0 24px}
.programme-cover h1 em {font-family:Fraunces,Georgia,serif;font-weight:400;color:#edb58d}
.programme-cover .sample-entry {background:#edb58d;color:#102e38}
.programme-cover .sample-entry:hover {background:#ffd5b3}
.programme-cover .sample-entry:focus-visible {outline:3px solid white;outline-offset:4px}
.programme-cover .sample-entry+p {margin-top:18px;max-width:42ch;color:#cedfe0}
.sample-brief {padding:clamp(18px,3vw,40px);border:1px solid #60929a;border-radius:12px;background:#103e49;color:#e4eeee}
.brief-label,.brief-numbers {display:flex;justify-content:space-between;gap:16px}
.brief-label {color:#b7d9dc;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}
.sample-brief h2 {color:#fff;font-size:clamp(1.4rem,2.65vw,2.5rem);line-height:1.1;margin:22px 0}
.brief-numbers {border-block:1px solid #54818a;padding:18px 0}
.brief-numbers p {flex:1}
.brief-numbers strong,.brief-numbers span {display:block}
.brief-numbers strong {font-size:clamp(2.4rem,4vw,4rem);font-weight:500;letter-spacing:-.075em;line-height:1.1;color:#edb58d}
.brief-numbers span,.brief-question {font-size:.85rem}
.brief-question {margin-top:18px}
.course-timeline {position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;list-style:none;margin:28px 0;padding:0}
.course-timeline::before {content:"";position:absolute;left:0;right:0;top:15px;height:2px;background:#ae7252}
.course-timeline li {position:relative;min-width:0;color:#294f57}
.day-marker {position:relative;display:inline-block;background:#103b47;color:#fff;border-radius:24px;padding:6px 14px;font-size:.75rem;line-height:20px;font-weight:600}
.course-timeline h3 {font-size:clamp(1.05rem,1.6vw,1.5rem);line-height:1.18;color:#103b47;margin:20px 0 9px}
.course-timeline p {font-size:.93rem;line-height:1.6}
.request-track {position:relative}
.request-track::after {content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#aa6941;transform-origin:left;transform:scaleX(var(--request-progress,0));transition:transform .45s cubic-bezier(.22,1,.36,1)}
@media(max-width:800px){
  .programme-cover {grid-template-columns:1fr}
  .sample-brief {max-width:540px}
  .course-timeline {grid-template-columns:1fr;gap:0}
  .course-timeline::before {top:12px;bottom:24px;right:auto;left:8px;width:2px;height:auto}
  .course-timeline li {padding:0 0 24px 34px}
  .course-timeline li::before {content:"";position:absolute;top:11px;left:3px;width:12px;height:12px;border-radius:50%;background:#aa6941}
  .course-timeline h3 {margin:10px 0 4px}
}
@media(prefers-reduced-motion:reduce){.request-track::after {transition:none}}

/* Allow the broader offer and both enquiry routes to fit the opening. */
.home-page .signature-copy h1 {font-size:clamp(2.8rem,4.75vw,4.8rem)}
.home-page .signature-copy .button-row {max-width:100%;flex-wrap:wrap}
.home-page .signature-copy .quiet-link {display:inline-flex;align-items:center;gap:.5em;min-height:44px}
@media(max-width:800px){.home-page .signature-copy h1{font-size:clamp(2rem,7.85vw,4rem)}}

.session-teaser-copy h2 a, .founder-brief h2 a {color:inherit;text-decoration:none}
#workshop-video, #rotimi-feyisitan {scroll-margin-top:100px}

/* Documentary photographs share the studio palette through framing and restrained contrast.
   These display treatments preserve the original photographs and people. */
:root {--workshop-grade:brightness(1.025) contrast(1.13) saturate(.98)}
.editorial-session {background:#edf3f2}
.editorial-session .editorial-main {border:6px solid #103b45;border-radius:9px;overflow:hidden;box-shadow:0 16px 34px #092e3d18}
.editorial-main::before {display:none}
.editorial-session .editorial-main img {aspect-ratio:4/3;object-fit:cover;object-position:center 50%;border-radius:3px;filter:var(--workshop-grade)}
.editorial-session .session-media-label {left:0;right:0;bottom:0;border-radius:0;border-top:1px solid #e7ad8370;background:#082d38ed;color:#fff;padding:16px 18px}
.editorial-film {border:1px solid #335760;border-radius:9px;background:#082d38;box-shadow:0 12px 30px #092e3d15}
.editorial-film-image img {filter:var(--workshop-grade);object-position:center 65%;aspect-ratio:2/1}
.editorial-play {background:#e7ad83;color:#082d38;box-shadow:0 3px 15px #0003}
.editorial-film-caption {background:#082d38;color:#fff;border-top:1px solid #e7ad8370}
.editorial-film-caption small {color:#c0d3d8}
.session-gallery img,.session-player .video-cover img {filter:var(--workshop-grade)}
.session-gallery img {border:5px solid #103b45;border-radius:7px}
.home-page .engagement-proof figure img {filter:brightness(1.015) contrast(1.08) saturate(.98)}
@media(max-width:600px) {
 .home-page .brand-art {max-width:440px}
 .home-page .signature-description {margin-top:12px;max-width:40ch;line-height:1.7}
 .home-page .art-sculpture {width:100%;height:112%;left:0;top:-6%}
}
@media(max-width:540px) {
 .editorial-session .editorial-film {margin:0}
 .editorial-film-image img {aspect-ratio:3/2;object-position:center 58%}
 .editorial-film-caption {padding:16px 18px}
}

/* Lighten original documentary pixels with a shadow-first curve; retain highlights. */
.editorial-session .editorial-main img,.editorial-film-image img,.session-gallery img,.session-player .video-cover img {
 filter:url('#photo-workshop-light');
}
.home-page .engagement-proof figure img,.case-feature figure img,.group-lead img,.group-alternates img {
 filter:url('#photo-group-light');
}