/* Authored portfolio and production experiences. Scope: .hum-showcase. */
body .h26.hum-showcase{--ink:#131a2c;--pink:#cf087c;--cyan:#75e9e9;--paper:#f8f7f5;background:var(--paper);color:var(--ink);overflow:clip;font-family:Arial,Helvetica,sans-serif}
body .hum-showcase *{box-sizing:border-box}body .hum-showcase h1,body .hum-showcase h2,body .hum-showcase h3,body .hum-showcase p,body .hum-showcase figure{margin:0}body .hum-showcase h1,body .hum-showcase h2,body .hum-showcase h3{color:inherit}body .hum-showcase a{color:inherit;text-decoration:none}body .hum-showcase button{font:inherit;cursor:pointer}body .hum-showcase :focus-visible{outline:3px solid #bd0477;outline-offset:5px}body .hum-showcase [hidden]{display:none!important}body .hum-showcase [id]{scroll-margin-top:140px}
body .hum-showcase .sc-shell{width:min(1480px,calc(100% - 96px));margin:auto}body .hum-showcase .sc-section{padding:110px 0}body .hum-showcase .sc-eyebrow{display:block;text-transform:uppercase;letter-spacing:.16em;font-size:12px;line-height:1.7;font-weight:700;color:var(--pink);margin-bottom:22px}body .hum-showcase h1{font-size:clamp(54px,6.5vw,112px);line-height:.98;letter-spacing:-.062em;font-weight:700}body .hum-showcase h1 em,body .hum-showcase h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.05em}body .hum-showcase h2{font-size:clamp(40px,4.5vw,74px);line-height:1.03;letter-spacing:-.055em;font-weight:700}body .hum-showcase h3{font-size:28px;line-height:1.12;letter-spacing:-.025em}body .hum-showcase p{font-size:18px;line-height:1.7;color:#535d70}body .hum-showcase .sc-intro{font-size:clamp(18px,1.65vw,24px);line-height:1.6;max-width:45ch}body .hum-showcase .sc-small{font-size:13px;line-height:1.65;color:#647086}body .hum-showcase .sc-button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:15px 24px;border:1px solid #17233a;background:#17233a;color:#fff;font-weight:700;font-size:15px;border-radius:2px;transition:background .2s}body .hum-showcase .sc-button:hover{background:#b3066c;border-color:#b3066c}body .hum-showcase .sc-button.line{background:transparent;color:inherit;border-color:#9fa6b0}body .hum-showcase .sc-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}body .hum-showcase .sc-heading{display:grid;grid-template-columns:1.1fr .8fr;gap:80px;align-items:end;margin-bottom:45px}body .hum-showcase .sc-heading p{max-width:48ch}body .hum-showcase .sc-dark{background:#111828;color:#f7f7f4}body .hum-showcase .sc-dark p{color:#c6cfdd}body .hum-showcase .sc-dark .sc-eyebrow{color:var(--cyan)}body .hum-showcase .sc-dark .sc-button{background:var(--cyan);border-color:var(--cyan);color:#122534}body .hum-showcase .sc-dark .sc-button.line{background:transparent;border-color:#7c889c;color:#fff}
body .hum-showcase .sc-opening{padding:75px 0 0;background:#f8f7f5}body .hum-showcase .sc-opening h1{max-width:13ch}body .hum-showcase .sc-opening .sc-heading{margin-bottom:52px;align-items:center}body .hum-showcase .sc-opening em{color:#c40877}body .hum-showcase .sc-chapters{display:flex;flex-wrap:wrap;gap:12px 34px;padding:25px 0;border-bottom:1px solid #d3d6df;font-size:15px;font-weight:700}body .hum-showcase .sc-chapters a{padding:6px 0}body .hum-showcase .sc-chapters a:hover{color:var(--pink)}
body .hum-showcase .sc-cinema{position:relative;overflow:hidden;margin:0;background:#101625;aspect-ratio:2.05/1}body .hum-showcase .sc-cinema video{width:100%;height:100%;display:block;object-fit:cover}body .hum-showcase .sc-cinema .sc-film-label{position:absolute;left:26px;bottom:24px;display:flex;align-items:center;gap:16px;max-width:calc(100% - 170px);padding:11px 15px;background:#101625d9;color:#fff;font-size:12px;line-height:1.5;border:1px solid #ffffff35;backdrop-filter:blur(12px)}body .hum-showcase .sc-film-toggle{position:absolute;bottom:24px;right:26px;background:#101625d9;border:1px solid #ffffff75;color:#fff;padding:11px 17px;font-size:13px;min-height:44px}body .hum-showcase .sc-caption{display:flex;justify-content:space-between;gap:16px;padding:18px 0;font-size:13px;line-height:1.55;color:#5e697a;border-bottom:1px solid #cbd0db}body .hum-showcase .sc-dark .sc-caption{color:#c4cfdb;border-color:#3f4b5d}
body .hum-showcase .sc-website-project{margin-top:62px}body .hum-showcase .sc-project-line{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:22px}body .hum-showcase .sc-project-line p{font-size:14px}body .hum-showcase .sc-browser{border:1px solid #c5c9ce;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 28px 60px #17243d17}body .hum-showcase .sc-browser-bar{height:38px;background:#e8e9e9;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 18px;color:#57616e;font-size:10px;letter-spacing:.05em}body .hum-showcase .sc-dots{display:flex;gap:5px}body .hum-showcase .sc-dots i{width:6px;height:6px;display:block;border-radius:100%;background:#a7afb9}body .hum-showcase .sc-website{min-height:590px;position:relative;overflow:hidden;background:#ebe4d9}body .hum-showcase .sc-website img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}body .hum-showcase .sc-website:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#131d2982,transparent 72%)}body .hum-showcase .sc-site-nav{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:30px 42px;border-bottom:1px solid #ffffff52;color:#fff;font-size:11px;letter-spacing:.13em;text-transform:uppercase}body .hum-showcase .sc-site-nav strong{font-family:Georgia,serif;font-size:23px;font-weight:400;letter-spacing:.06em}body .hum-showcase .sc-site-copy{position:relative;z-index:1;padding:95px 42px 85px;color:#fff;width:60%}body .hum-showcase .sc-site-copy small{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#fff;display:block;margin-bottom:24px}body .hum-showcase .sc-site-copy h3{font-family:Georgia,serif;font-size:clamp(40px,5vw,76px);font-weight:400;line-height:1.02;letter-spacing:-.045em;margin-bottom:27px;max-width:12ch}body .hum-showcase .sc-site-copy p{font-size:15px;line-height:1.6;max-width:30ch;color:#fff}body .hum-showcase .sc-faux-button{display:inline-flex;font-size:11px;letter-spacing:.09em;text-transform:uppercase;background:#f5eee3;color:#28362f;padding:14px 19px;margin-top:24px}body .hum-showcase .sc-site-foot{position:absolute;bottom:0;left:0;right:0;z-index:1;display:flex;justify-content:space-between;padding:20px 42px;color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.11em;background:#12283366}
body .hum-showcase .sc-movement .sc-website{background:#dfd5c2}body .hum-showcase .sc-movement .sc-website:after{background:linear-gradient(90deg,#f7f3eab8,transparent 64%)}body .hum-showcase .sc-movement .sc-site-nav{color:#272c24;border-color:#383d3040}body .hum-showcase .sc-movement .sc-site-nav strong{font-family:Arial,sans-serif;font-size:24px;font-weight:800;letter-spacing:-.05em}body .hum-showcase .sc-movement .sc-site-copy{color:#263225}body .hum-showcase .sc-movement .sc-site-copy small,body .hum-showcase .sc-movement .sc-site-copy p{color:#344131}body .hum-showcase .sc-movement .sc-site-copy h3{font-family:Arial,sans-serif;font-weight:750;max-width:10ch;letter-spacing:-.075em}body .hum-showcase .sc-movement .sc-faux-button{background:#223ccc;color:#fff}body .hum-showcase .sc-movement .sc-site-foot{background:#f3efe6d9;color:#344131}
body .hum-showcase .sc-project-detail{display:grid;grid-template-columns:.9fr 1.4fr;gap:50px;margin-top:25px}body .hum-showcase .sc-project-detail p{font-size:16px}body .hum-showcase .sc-project-detail strong{display:block;font-size:16px;margin-bottom:8px}body .hum-showcase .sc-project-detail .sc-small{font-size:12px;margin-top:12px}body .hum-showcase .sc-pill-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}body .hum-showcase .sc-pill-list span{border:1px solid #bcc5d0;padding:5px 12px;border-radius:30px;font-size:12px}
body .hum-showcase .sc-workbench{display:grid;grid-template-columns:.75fr 1.35fr;gap:60px;align-items:center}body .hum-showcase .sc-workbench h2{margin-bottom:24px}body .hum-showcase .sc-console{border:1px solid #65748c;border-radius:16px;box-shadow:0 24px 75px #01091566;background:#182439;overflow:hidden}body .hum-showcase .sc-console-head{padding:19px 25px;border-bottom:1px solid #4d6078;display:flex;gap:15px;justify-content:space-between;color:#e5eef5;font-size:12px}body .hum-showcase .sc-console-head span{color:#a9c1d5}body .hum-showcase .sc-console-body{padding:28px}body .hum-showcase .sc-demo-nav{display:flex;gap:6px;margin-bottom:27px}body .hum-showcase .sc-demo-nav button{flex:1;background:transparent;border:1px solid #63728a;color:#d5dfe9;padding:11px 8px;font-size:12px;border-radius:4px}body .hum-showcase .sc-demo-nav button[aria-pressed=true]{color:#152536;background:#9ce9ec;border-color:#9ce9ec}body .hum-showcase .sc-record{display:grid;grid-template-columns:1fr .65fr;gap:24px;align-items:start}body .hum-showcase .sc-record h3{font-size:25px;color:#fff;margin-bottom:8px}body .hum-showcase .sc-record p{font-size:14px;margin-top:9px}body .hum-showcase .sc-record dl{display:grid;grid-template-columns:80px 1fr;gap:12px;margin:24px 0 0;font-size:13px;line-height:1.6;color:#eef2fa}body .hum-showcase .sc-record dt{color:#a9bfd1;font-weight:400}body .hum-showcase .sc-record dd{margin:0}body .hum-showcase .sc-record-aside{background:#223950;border:1px solid #60809d;border-radius:8px;padding:20px}body .hum-showcase .sc-record-aside small{color:#a1eef1;font-size:11px;text-transform:uppercase;letter-spacing:.1em}body .hum-showcase .sc-record-aside strong{display:block;color:#fff;font-size:18px;line-height:1.35;margin-top:14px}body .hum-showcase .sc-demo-note{padding:15px 25px;background:#101c2d;color:#adbdd2;font-size:12px;line-height:1.6}
body .hum-showcase .sc-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:45px}body .hum-showcase .sc-story-grid .sc-cinema{aspect-ratio:16/10}body .hum-showcase .sc-story-grid h3{margin:24px 0 14px}body .hum-showcase .sc-story-grid p{font-size:16px}body .hum-showcase .sc-portrait-stage{background:#131b29;overflow:hidden;position:relative;aspect-ratio:16/10}body .hum-showcase .sc-portrait-stage img{width:100%;height:100%;object-fit:cover;object-position:50% 32%}body .hum-showcase .sc-archive{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}body .hum-showcase .sc-archive button{width:100%;position:relative;border:0;padding:0;background:#142238;aspect-ratio:4/3;display:block;overflow:hidden}body .hum-showcase .sc-archive img{width:100%;height:100%;object-fit:cover}body .hum-showcase .sc-archive button span{position:absolute;bottom:15px;left:15px;background:#111a2bea;color:#fff;font-size:13px;padding:10px 15px;border:1px solid #ffffff65}body .hum-showcase .sc-archive h3{font-size:21px;margin:20px 0 9px}body .hum-showcase .sc-archive p{font-size:14px}body .hum-showcase .sc-outro{padding:90px 0;background:#d2f6f3}body .hum-showcase .sc-outro h2{max-width:17ch}body .hum-showcase .sc-local{border-top:1px solid #c9cfd8;padding-top:30px;margin-top:52px;display:grid;grid-template-columns:.6fr 1fr;gap:45px}body .hum-showcase .sc-local h3{font-size:24px}body .hum-showcase .sc-local p{font-size:16px}
body .hum-showcase .sc-film-hero{position:relative;min-height:740px;background:#0c1520;color:white;display:grid;align-items:end;padding:70px 0}body .hum-showcase .sc-film-hero .sc-cinema{position:absolute;inset:0;aspect-ratio:auto;width:100%;height:100%}body .hum-showcase .sc-film-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d1429dd,transparent 82%),linear-gradient(0deg,#0e1428b0,transparent 60%);pointer-events:none}body .hum-showcase .sc-film-hero .sc-shell{position:relative;z-index:1;pointer-events:none}body .hum-showcase .sc-film-hero .sc-shell a{pointer-events:auto}body .hum-showcase .sc-film-hero h1{max-width:10ch;font-size:clamp(58px,7vw,115px)}body .hum-showcase .sc-film-hero .sc-intro{color:#fff;margin-top:28px;max-width:38ch;font-size:19px}body .hum-showcase .sc-film-hero .sc-eyebrow{color:#9ff4f2}body .hum-showcase .sc-film-hero .sc-button{background:#a8f1f1;color:#102133;border-color:#a8f1f1}body .hum-showcase .sc-film-hero .sc-film-toggle{z-index:3;bottom:22px}body .hum-showcase .sc-film-hero .sc-film-label{z-index:3;bottom:22px;left:auto;right:145px;font-size:10px;padding:7px 12px;max-width:40%}body .hum-showcase .sc-services{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}body .hum-showcase .sc-services article{padding-top:25px;border-top:2px solid #ce0c81}body .hum-showcase .sc-services h3{font-size:25px;margin-bottom:20px}body .hum-showcase .sc-services p{font-size:16px}body .hum-showcase .sc-services ul{font-size:14px;line-height:1.8;margin-top:20px;padding-left:19px;color:#526174}body .hum-showcase .sc-shot-board{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center}body .hum-showcase .sc-shot-board h2{margin-bottom:25px}body .hum-showcase .sc-timeline{margin-top:35px;border-left:1px solid #668394;padding-left:25px}body .hum-showcase .sc-timeline article{padding:0 0 25px}body .hum-showcase .sc-timeline h3{font-size:22px;margin-bottom:12px}body .hum-showcase .sc-timeline p{font-size:16px}body .hum-showcase .sc-series-title{font-family:Georgia,serif;font-weight:400;font-size:clamp(66px,9vw,150px);line-height:.95;letter-spacing:-.055em}body .hum-showcase .sc-series-hero{padding:65px 0 0;background:#102431;color:#fff}body .hum-showcase .sc-series-hero .sc-heading{align-items:center}body .hum-showcase .sc-series-hero .sc-eyebrow{color:#91e5e8}body .hum-showcase .sc-series-hero p{color:#d0dfe6}body .hum-showcase .sc-series-hero .sc-cinema{aspect-ratio:2.35/1}body .hum-showcase .sc-series-hero .sc-caption{color:#d0dfe6;border-color:#4c6978;padding-bottom:28px}body .hum-showcase .sc-series-hero .sc-button{background:#d9e8dc;color:#17322d;border-color:#d9e8dc}body .hum-showcase .sc-treatment{background:#eeece5;border-left:3px solid #ab9870;padding:40px}body .hum-showcase .sc-treatment h3{font-family:Georgia,serif;font-size:43px;font-weight:400;margin-bottom:22px}body .hum-showcase .sc-treatment p{font-family:Georgia,serif;font-size:23px;line-height:1.6;color:#393d39}body .hum-showcase .sc-treatment small{display:block;font-size:12px;color:#696e68;margin-top:25px}body .hum-showcase .sc-faq{margin-top:40px}body .hum-showcase .sc-faq details{border-top:1px solid #c5cad2;padding:22px 0}body .hum-showcase .sc-faq summary{font-size:20px;font-weight:650;cursor:pointer}body .hum-showcase .sc-faq p{margin-top:18px;max-width:85ch;font-size:17px}
@media(max-width:1000px){body .hum-showcase .sc-shell{width:calc(100% - 56px)}body .hum-showcase .sc-heading{gap:35px}body .hum-showcase .sc-workbench{grid-template-columns:1fr;gap:40px}body .hum-showcase .sc-website{min-height:500px}body .hum-showcase .sc-site-copy{padding-top:75px}body .hum-showcase .sc-film-hero{min-height:650px}body .hum-showcase .sc-shot-board{gap:35px}}
@media(max-width:700px){body .hum-showcase .sc-shell{width:calc(100% - 40px)}body .hum-showcase .sc-section{padding:70px 0}body .hum-showcase .sc-opening{padding-top:45px}body .hum-showcase h1{font-size:clamp(50px,13vw,78px)}body .hum-showcase h2{font-size:clamp(38px,10vw,56px)}body .hum-showcase .sc-heading,body .hum-showcase .sc-project-detail,body .hum-showcase .sc-story-grid,body .hum-showcase .sc-shot-board,body .hum-showcase .sc-local{grid-template-columns:1fr;gap:25px}body .hum-showcase .sc-heading{margin-bottom:30px}body .hum-showcase .sc-opening .sc-heading{margin-bottom:32px}body .hum-showcase .sc-cinema{aspect-ratio:4/3;margin-inline:-20px;width:calc(100% + 40px)}body .hum-showcase .sc-cinema .sc-film-label{left:16px;bottom:14px;padding:8px 11px;font-size:10px;max-width:calc(100% - 135px)}body .hum-showcase .sc-film-toggle{right:15px;bottom:14px;font-size:12px;padding:9px 12px}body .hum-showcase .sc-caption{font-size:11px}body .hum-showcase .sc-chapters{gap:8px 22px;font-size:13px}body .hum-showcase .sc-website-project{margin-top:42px}body .hum-showcase .sc-project-line{align-items:flex-start;flex-direction:column;gap:8px}body .hum-showcase .sc-project-line h3{font-size:25px}body .hum-showcase .sc-browser{margin-inline:-20px;width:calc(100% + 40px);border-radius:0;border-left:0;border-right:0;box-shadow:none}body .hum-showcase .sc-browser-bar{font-size:9px;padding-inline:15px}body .hum-showcase .sc-website{min-height:570px}body .hum-showcase .sc-website img{object-position:60% 50%}body .hum-showcase .sc-website:after{background:linear-gradient(90deg,#111a25a1,transparent 100%)}body .hum-showcase .sc-site-nav{padding:23px 22px;font-size:9px}body .hum-showcase .sc-site-nav strong{font-size:21px}body .hum-showcase .sc-site-nav span{display:none}body .hum-showcase .sc-site-copy{width:100%;padding:100px 22px 85px}body .hum-showcase .sc-site-copy h3{font-size:57px;max-width:8ch}body .hum-showcase .sc-site-copy small{font-size:9px}body .hum-showcase .sc-site-copy p{max-width:25ch;font-size:14px}body .hum-showcase .sc-site-foot{padding:19px 22px;font-size:8px;gap:18px}body .hum-showcase .sc-movement .sc-website img{object-position:64% center}body .hum-showcase .sc-movement .sc-website:after{background:linear-gradient(90deg,#f7f3eadd,#f7f3ea15 92%)}body .hum-showcase .sc-movement .sc-site-copy h3{font-size:61px;max-width:7ch}body .hum-showcase .sc-movement .sc-site-copy{padding-top:75px}body .hum-showcase .sc-record{grid-template-columns:1fr;gap:22px}body .hum-showcase .sc-record-aside{padding:18px}body .hum-showcase .sc-console{margin-inline:-6px}body .hum-showcase .sc-console-body{padding:22px 18px}body .hum-showcase .sc-console-head{padding:17px 18px;gap:10px;font-size:11px}body .hum-showcase .sc-console-head span{max-width:15ch;text-align:right}body .hum-showcase .sc-archive{grid-template-columns:1fr;gap:32px}body .hum-showcase .sc-archive button{aspect-ratio:16/10}body .hum-showcase .sc-story-grid{gap:50px}body .hum-showcase .sc-portrait-stage{margin-inline:-20px;width:calc(100% + 40px)}body .hum-showcase .sc-outro{padding:65px 0}body .hum-showcase .sc-services{grid-template-columns:1fr;gap:35px}body .hum-showcase .sc-film-hero{min-height:740px;padding:65px 0 115px}body .hum-showcase .sc-film-hero .sc-cinema{margin:0;width:100%}body .hum-showcase .sc-film-hero h1{font-size:64px}body .hum-showcase .sc-film-hero .sc-film-label{max-width:calc(100% - 140px);left:16px;right:auto}body .hum-showcase .sc-film-hero .sc-cinema video{object-position:65% center}body .hum-showcase .sc-series-hero{padding-top:48px}body .hum-showcase .sc-series-title{font-size:70px}body .hum-showcase .sc-series-hero .sc-cinema{aspect-ratio:4/3}body .hum-showcase .sc-treatment{padding:28px}body .hum-showcase .sc-treatment h3{font-size:38px}body .hum-showcase .sc-treatment p{font-size:21px}body .hum-showcase .sc-faq summary{font-size:18px}}
@media(prefers-reduced-motion:reduce){body .hum-showcase *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
body .hum-showcase .sc-portfolio-opening{grid-template-columns:1fr 1.05fr;grid-template-areas:"headline film" "note film";gap:28px 60px;align-items:center}body .hum-showcase .sc-portfolio-opening>div:first-child{grid-area:headline;align-self:end}body .hum-showcase .sc-portfolio-opening .sc-opening-note{grid-area:note;align-self:start}body .hum-showcase .sc-portfolio-opening .sc-cinema{grid-area:film;aspect-ratio:1/1.1;width:100%;border-radius:160px 4px 4px 4px}body .hum-showcase .sc-portfolio-opening h1{font-size:clamp(48px,5.5vw,88px);max-width:14ch}body .hum-showcase .sc-portfolio-opening .sc-intro{font-size:18px}body .hum-showcase .sc-portfolio-opening .sc-film-label{font-size:10px;left:18px;bottom:18px;max-width:calc(100% - 138px)}body .hum-showcase .sc-portfolio-opening .sc-film-toggle{bottom:18px;right:18px;font-size:11px;padding:10px}
@media(max-width:900px){body .hum-showcase .sc-portfolio-opening{gap:24px 30px}body .hum-showcase .sc-portfolio-opening .sc-cinema{aspect-ratio:3/4}body .hum-showcase .sc-portfolio-opening h1{font-size:52px}}
@media(max-width:700px){body .hum-showcase .sc-portfolio-opening{grid-template-columns:1fr;grid-template-areas:"headline" "film" "note";gap:27px}body .hum-showcase .sc-portfolio-opening .sc-cinema{aspect-ratio:4/3;border-radius:0;width:calc(100% + 40px);margin-inline:-20px}body .hum-showcase .sc-portfolio-opening h1{font-size:clamp(49px,12vw,76px);max-width:14ch}}
body .hum-showcase .sc-series-hero h1{font-size:clamp(56px,6vw,98px);max-width:14ch}body .hum-showcase .sc-series-hero h1 em,body .hum-showcase .sc-film-hero h1 em{color:#a4eef0}body .hum-showcase .sc-series-hero .sc-button{background:#bceced;border-color:#bceced;color:#14313a}@media(max-width:700px){body .hum-showcase .sc-series-hero h1{font-size:60px;max-width:12ch}}
body .hum-showcase .sc-dark h2 em{color:#a4eef0}