:root{--paper:#efeee8;--ink:#242822;--accent:#c6593c}body{background:#efeee8;color:#242822}.platform-nav{height:105px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #24282224;gap:25px;position:relative;z-index:10}.platform-logo{display:flex;align-items:center;gap:12px;font-family:Space;font-size:14px;letter-spacing:-.04em;line-height:1.02;font-weight:600}.observed-mark{font-size:49px;line-height:1;transform:rotate(-35deg)}.platform-logo sup{font:8px DM;letter-spacing:.08em;margin-left:18px;align-self:flex-start;margin-top:7px;opacity:.5}.platform-nav nav{display:flex;align-items:center;gap:34px;font-size:12px}.platform-nav nav a{padding:10px 0;position:relative}.platform-nav nav a.active:after{content:'';height:4px;width:4px;background:#c6593c;border-radius:50%;position:absolute;bottom:0;left:50%}.platform-nav sup{font-size:8px;margin-left:3px}.nav-download{font-size:11px;border-bottom:1px solid #333;padding-bottom:5px}#mobile-menu{display:none}.home-hero{padding:55px 4% 30px}.hero-kicker{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.1em}.hero-kicker span:first-child:before{content:'';display:inline-block;background:#c6593c;width:7px;height:7px;border-radius:50%;margin-right:10px}.home-title{font-size:clamp(90px,12.1vw,205px);font-weight:400;letter-spacing:-.075em;line-height:.87;margin:45px 0 35px;position:relative}.home-title i{font-family:Editorial;font-weight:400;letter-spacing:-.06em}.home-intro{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:start;margin:30px 0 45px}.home-intro .intro-index{font:70px/1 Editorial;color:#c6593c}.home-intro p{max-width:340px;font-size:15px;line-height:1.65}.home-intro .intro-links{display:flex;flex-direction:column;align-items:flex-start;gap:16px;justify-self:end}.text-link{font-size:12px;border-bottom:1px solid currentColor;padding-bottom:5px;display:inline-flex;gap:45px}.feature-stage{height:670px;position:relative;overflow:hidden;background:#ccc3b5}.feature-stage .main-photo{position:absolute;width:72%;height:100%;right:0;object-fit:cover;object-position:center}.feature-stage .stage-type{position:absolute;left:5%;top:12%;font:clamp(55px,6vw,100px)/.95 Editorial;max-width:400px;z-index:2;color:#363c2c;letter-spacing:-.04em}.feature-stage .stage-type small{display:block;font:9px DM;letter-spacing:.15em;margin-bottom:35px}.feature-stage .floating-preview{position:absolute;width:34%;left:5%;bottom:7%;box-shadow:20px 25px 65px #2225;transform:rotate(-5deg);transition:transform .7s}.feature-stage:hover .floating-preview{transform:rotate(-2deg) translateY(-8px)}.feature-stage .feature-label{position:absolute;right:25px;bottom:25px;background:#efeee8e8;padding:13px 20px;font-size:10px;display:flex;gap:35px}.platform-section{padding:85px 4%}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:42px}.section-top h2{font:70px/.98 Editorial;letter-spacing:-.045em}.section-top .eyebrow{margin-bottom:20px}.section-top p{max-width:330px;opacity:.65}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px 25px}.work-card{display:block;min-width:0}.work-image{aspect-ratio:1.52;overflow:hidden;position:relative;background:var(--card-paper,#ddd)}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.work-card:hover .work-image img{transform:scale(1.035)}.work-image .work-type{position:absolute;top:18px;left:18px;background:#efeee8e8;color:#242822;padding:6px 10px;font-size:9px;letter-spacing:.08em}.work-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-top:18px}.work-meta h3{font-size:25px;letter-spacing:-.04em}.work-meta p{font-size:11px;opacity:.5;margin-top:6px}.work-meta .work-arrow{font-size:24px}.work-card.featured{grid-column:1/-1}.work-card.featured .work-image{aspect-ratio:2.2}.work-grid.compact{grid-template-columns:repeat(3,1fr);gap:38px 22px}.work-grid.compact .work-meta h3{font-size:21px}.method-block{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;background:#27372d;color:#e6e9d9;padding:85px 6%;align-items:center}.method-block h2{font:85px/.93 Editorial;letter-spacing:-.04em;margin:30px 0}.method-block p{max-width:400px;opacity:.65}.method-block .btn{margin-top:30px}.method-steps{display:grid}.method-step{display:grid;grid-template-columns:50px 1fr auto;gap:20px;align-items:center;border-top:1px solid #ffffff30;padding:23px 0}.method-step>span{font:30px Editorial;opacity:.6}.method-step h3{font-size:22px;margin-bottom:7px}.method-step p{font-size:12px}.quote-block{padding:110px 12%;text-align:center}.quote-block blockquote{font:67px/1.06 Editorial;letter-spacing:-.035em;margin:0 0 30px}.quote-block p{font-size:12px;opacity:.6;max-width:650px;margin:auto}.platform-footer{padding:65px 4% 25px;background:#dedfd4;display:grid;grid-template-columns:1fr 1fr;gap:60px}.footer-title{font:80px/.95 Editorial;letter-spacing:-.04em}.platform-footer>div>p{font-size:14px;opacity:.6;max-width:470px}.footer-nav{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:25px;font-size:12px}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.06em;border-top:1px solid #3333;padding-top:20px}.page-intro{padding:70px 4% 50px}.page-intro h1{font:clamp(65px,8vw,130px)/.94 Editorial;letter-spacing:-.05em;margin:25px 0}.page-intro .intro-row{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.page-intro p{max-width:560px;font-size:17px;opacity:.65}.filter-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 4% 35px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid #3334;padding:9px 18px;border-radius:25px;font-size:11px}.filters button.active{background:#27372d;color:#f1f1e7;border-color:#27372d}.filter-bar input{max-width:300px;border:0;border-bottom:1px solid #3334;padding:10px 0;font-size:12px}.catalog{padding:0 4% 85px}.case-intro{padding:45px 4%}.case-breadcrumb{font-size:10px;opacity:.5;margin-bottom:45px}.case-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.case-heading h1{font-size:clamp(70px,10vw,160px);font-weight:400;letter-spacing:-.07em}.case-heading p{font:32px Editorial;margin-top:20px}.case-heading .btn{white-space:nowrap}.case-hero{margin:10px 4% 0;aspect-ratio:1.85;overflow:hidden;background:var(--case-paper,#ddd)}.case-hero img{width:100%;height:100%;object-fit:cover}.case-body{padding:75px 8%;display:grid;grid-template-columns:230px 1fr;gap:10%}.case-facts{font-size:11px}.case-facts>div{padding:20px 0;border-top:1px solid #3333}.case-facts small{display:block;opacity:.5;margin-bottom:8px}.case-prose h2{font:60px/1 Editorial;letter-spacing:-.03em;margin-bottom:25px}.case-prose p{font-size:17px;opacity:.7;max-width:700px}.case-prose .detail-list{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:45px}.detail-list h3{font-size:20px;margin-bottom:12px}.detail-list p{font-size:13px}.case-identity{margin:0 4% 75px;background:var(--case-paper);color:var(--case-ink);padding:60px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.case-identity>.brand-mark{width:220px;height:220px;margin:auto}.case-identity h2{font:55px Editorial;line-height:1;margin-bottom:20px}.case-identity p{opacity:.7}.case-identity .btn{margin-top:25px}.case-before{padding:0 4% 80px}.case-before .compare{display:grid;grid-template-columns:1fr 1fr;gap:25px}.compare figure{margin:0}.compare img{aspect-ratio:16/9;width:100%;object-fit:cover}.compare figcaption{font-size:11px;margin-top:15px;opacity:.6}.course-overview{display:grid;grid-template-columns:1fr 1.5fr;gap:8%;padding:0 4% 85px}.course-aside{position:sticky;top:40px;align-self:start;padding:35px;background:#e0e2d5}.course-aside h2{font:43px/1 Editorial;margin:25px 0}.course-aside p{font-size:13px;opacity:.65}.course-progress{height:4px;background:#3332;margin:25px 0 10px}.course-progress span{height:100%;display:block;background:#c6593c}.lesson-row{display:grid;grid-template-columns:45px 1fr auto;gap:25px;padding:28px 0;border-top:1px solid #3333;align-items:center}.lesson-row>span{font:35px Editorial;opacity:.5}.lesson-row h3{font-size:25px;margin-bottom:8px}.lesson-row p{font-size:12px;opacity:.6}.lesson-row small{font-size:9px;white-space:nowrap}.lesson-layout{display:grid;grid-template-columns:235px minmax(0,790px);gap:7%;max-width:1300px;margin:auto;padding:55px 4% 90px}.lesson-sidebar{position:sticky;top:30px;align-self:start;display:grid;gap:4px}.lesson-sidebar a{font-size:11px;padding:10px 12px;opacity:.6;border-left:1px solid #3333}.lesson-sidebar a.active{opacity:1;border-color:#c6593c;background:#e2e4da}.lesson-article .eyebrow{color:#a44932}.lesson-article>h1{font:76px/.98 Editorial;letter-spacing:-.04em;margin:25px 0}.lesson-article .lede{font-size:20px;opacity:.6;margin:25px 0 45px}.lesson-content p{font-size:16px;line-height:1.85;margin:20px 0;color:#42473f}.lesson-content h2{font-size:30px;margin:42px 0 20px;letter-spacing:-.04em}.lesson-content a{border-bottom:1px solid #aaa}.lesson-content code{font-size:13px;background:#dedfd6;padding:2px 5px;overflow-wrap:anywhere}.lesson-content pre{background:#25352c;color:#e4e8d6;padding:25px;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 monospace;margin:25px 0}.lesson-content pre code{background:none;color:inherit;padding:0}.exercise{margin-top:45px;padding:30px;background:#e3e3d7;border-top:3px solid #c6593c}.exercise h2{font:40px Editorial;margin:20px 0}.exercise p{font-size:14px;margin:15px 0}.exercise textarea{background:#efeee8;min-height:130px;font-size:14px}.exercise .row{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:20px}.lesson-pager{display:flex;justify-content:space-between;gap:25px;margin-top:40px;font-size:12px}.prompt-lab{padding:30px;border:1px solid #3333;margin:40px 0}.prompt-lab h2{font:42px Editorial}.prompt-form{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.prompt-lab pre{white-space:pre-wrap;background:#fff5;padding:22px;font:12px/1.8 monospace}.skill-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:10px 4% 90px}.skill-card{background:#26392e;color:#e4e9d8;padding:45px;position:relative;min-height:470px}.skill-card .observed-mark{font-size:85px;display:block;margin-bottom:50px}.skill-card h2{font:64px/.98 Editorial;letter-spacing:-.03em;margin:25px 0}.skill-card .btn{margin-top:30px}.skill-details h2{font-size:28px;margin:25px 0}.skill-details p{font-size:15px;opacity:.7;margin:18px 0}.skill-details pre{font:12px/1.8 monospace;padding:25px;background:#e1e2d8;white-space:pre-wrap}.timeline{max-width:900px;margin:auto;padding:0 4% 90px}.timeline-item{display:grid;grid-template-columns:90px 1fr;gap:35px;padding:40px 0;border-top:1px solid #3333}.timeline-item>span{font:45px Editorial;color:#b25237}.timeline-item h2{font-size:32px;margin-bottom:20px}.timeline-item p{font-size:16px;opacity:.7}.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 25px;padding:0 4% 70px}.film-card video{width:100%;background:#111;aspect-ratio:16/9;object-fit:contain}.film-card.portrait video{aspect-ratio:9/16;max-height:650px}.film-card h2{font-size:26px;margin:20px 0 10px}.film-card .film-links{display:flex;gap:22px;font-size:11px}.film-notes{margin:0 4% 70px;padding:30px;border:1px solid #3333;font-size:14px}.credits{max-width:1000px;margin:auto;padding:0 4% 80px}.credits h2{font:40px Editorial;margin:35px 0 20px}.credits p,.credits li{font-size:15px;line-height:1.8;margin:15px 0}.credits a{border-bottom:1px solid #3335}.empty-catalog{padding:60px;border:1px dashed #3334;text-align:center}.source-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;font-size:12px}.source-links a{border-bottom:1px solid #3335}.mono{font-family:monospace}@media(max-width:1050px){.platform-logo sup{display:none}.platform-nav nav{gap:20px}.home-intro{grid-template-columns:.5fr 1fr 1fr}.feature-stage{height:500px}.work-grid.compact{grid-template-columns:repeat(2,1fr)}.lesson-layout{grid-template-columns:190px 1fr;gap:5%}.lesson-article>h1{font-size:62px}.case-body{gap:6%;grid-template-columns:180px 1fr}.method-block h2{font-size:68px}}@media(max-width:760px){.platform-nav{height:85px;padding:0 22px}.platform-nav nav{display:none;position:absolute;left:0;right:0;top:85px;background:#efeee8;padding:25px;border-bottom:1px solid #3333;flex-direction:column;align-items:flex-start}.platform-nav.menu-open nav{display:flex}.nav-download{display:none}#mobile-menu{display:block;font-size:11px}.platform-logo{font-size:12px}.observed-mark{font-size:40px}.home-hero{padding:35px 22px 20px}.hero-kicker{font-size:8px;gap:25px}.hero-kicker span:last-child{max-width:100px;text-align:right}.home-title{font-size:22vw;margin:35px 0;line-height:.9}.home-intro{grid-template-columns:1fr;gap:25px;margin:25px 0 35px}.home-intro .intro-index{display:none}.home-intro p{font-size:14px}.home-intro .intro-links{justify-self:start;flex-direction:row;gap:20px}.text-link{gap:15px;font-size:11px}.feature-stage{height:530px}.feature-stage .main-photo{width:100%;height:100%;object-position:62%}.feature-stage .stage-type{top:30px;left:25px;color:#f8f4e6;font-size:55px;text-shadow:0 3px 35px #0004}.feature-stage .stage-type small{margin-bottom:20px}.feature-stage .floating-preview{width:65%;bottom:75px;left:20px}.feature-stage .feature-label{right:15px;bottom:18px;padding:10px;font-size:8px}.platform-section{padding:55px 22px}.section-top{display:block;margin-bottom:30px}.section-top h2{font-size:53px}.section-top p,.section-top .text-link{margin-top:25px}.work-grid,.work-grid.compact{grid-template-columns:1fr;gap:35px}.work-image,.work-card.featured .work-image{aspect-ratio:1.4}.work-meta h3{font-size:24px}.method-block{grid-template-columns:1fr;padding:55px 25px;gap:45px}.method-block h2{font-size:65px}.method-step{grid-template-columns:35px 1fr auto;gap:15px}.method-step h3{font-size:20px}.quote-block{padding:70px 25px}.quote-block blockquote{font-size:45px}.platform-footer{padding:50px 22px 25px;grid-template-columns:1fr;gap:30px}.footer-title{font-size:66px}.footer-bottom{display:grid;gap:15px}.page-intro{padding:45px 22px 35px}.page-intro h1{font-size:67px}.page-intro .intro-row{display:block}.page-intro p{font-size:15px}.filter-bar{padding:0 22px 30px;display:block}.filter-bar input{margin-top:20px;max-width:none}.filters button{padding:8px 13px;font-size:10px}.catalog{padding:0 22px 55px}.case-intro{padding:30px 22px}.case-breadcrumb{margin-bottom:30px}.case-heading{display:block}.case-heading h1{font-size:18vw;overflow-wrap:anywhere}.case-heading p{font-size:27px}.case-heading .btn{margin-top:25px}.case-hero{margin:0 22px;aspect-ratio:1.25}.case-body{padding:40px 22px;grid-template-columns:1fr;gap:35px}.case-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.case-prose h2{font-size:48px}.case-prose p{font-size:15px}.case-prose .detail-list{grid-template-columns:1fr;gap:25px}.case-identity{margin:0 22px 45px;padding:35px 25px;grid-template-columns:1fr;gap:35px}.case-identity>.brand-mark{width:160px;height:160px}.case-identity h2{font-size:45px}.case-before{padding:0 22px 50px}.case-before .compare{grid-template-columns:1fr}.course-overview{grid-template-columns:1fr;padding:0 22px 55px;gap:35px}.course-aside{position:static;padding:25px}.lesson-row{grid-template-columns:30px 1fr auto;gap:15px;padding:22px 0}.lesson-row h3{font-size:22px}.lesson-row p{font-size:11px}.lesson-row small{font-size:8px}.lesson-layout{display:block;padding:35px 22px 60px}.lesson-sidebar{position:static;display:flex;overflow:auto;margin-bottom:35px}.lesson-sidebar a{white-space:nowrap;font-size:10px}.lesson-article>h1{font-size:57px}.lesson-article .lede{font-size:18px;margin-bottom:35px}.lesson-content p{font-size:15px}.lesson-content pre{padding:20px;font-size:11px}.exercise,.prompt-lab{padding:22px}.exercise .row{align-items:flex-start;flex-direction:column}.prompt-form{grid-template-columns:1fr}.skill-layout{grid-template-columns:1fr;padding:0 22px 55px;gap:30px}.skill-card{padding:30px;min-height:400px}.skill-card h2{font-size:53px}.timeline{padding:0 22px 55px}.timeline-item{grid-template-columns:40px 1fr;gap:20px;padding:30px 0}.timeline-item>span{font-size:32px}.timeline-item h2{font-size:27px}.timeline-item p{font-size:14px}.film-grid{grid-template-columns:1fr;padding:0 22px 45px}.film-notes{margin:0 22px 45px;padding:22px}.credits{padding:0 22px 55px}}
.case-decisions{margin-top:45px;padding-top:10px;border-top:1px solid #3333}.case-decisions h3{font-size:24px;margin:30px 0 15px}.case-decisions p{font-size:15px;line-height:1.8}.case-decisions .text-link{margin-top:25px}.prompt-case{margin-top:30px;border:1px solid #3333;padding:20px}.prompt-case summary{cursor:pointer;font-size:12px}.prompt-case pre{white-space:pre-wrap;font:12px/1.8 monospace;max-height:400px;overflow:auto;margin-top:20px}

.film-direction-detail{align-items:center;gap:24px}.film-direction-detail p{max-width:650px;font-size:14px;line-height:1.6}.film-direction-detail .text-link{flex-shrink:0}@media(max-width:700px){.film-direction-detail .text-link{margin-top:18px}.filter-bar>.text-link{margin-top:18px}.filters{flex-wrap:wrap}}