.crew-section{padding:62px 0 32px;background:#f5f3ed;color:#1c211f;overflow:hidden;scroll-margin-top:95px}
.crew-kicker{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #aab1a6;padding-top:17px}
.crew-kicker .eyebrow{margin:0;font-size:10px;letter-spacing:.09em}
.crew-location{font-size:9px;letter-spacing:.10em;margin:0;color:#596257}
.crew-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:5%;align-items:center;padding:39px 0 42px}
.crew-pretitle{font-size:10px;letter-spacing:.14em;font-weight:600;display:block;margin-bottom:7px}
.crew-heading h2{font-size:clamp(76px,9.7vw,150px);font-weight:600;letter-spacing:-.075em;line-height:1.04;margin:0;white-space:nowrap}
.crew-heading h2>span,.crew-person h3>span{color:#e96d3f}
.crew-intro{padding-top:20px;padding-left:24px}
.crew-intro>p:first-child{font-size:clamp(20px,2.05vw,31px);font-weight:500;line-height:1.25;letter-spacing:-.035em;margin:0 0 19px}
.crew-intro>p:first-child>span{color:#a34323}
.crew-subcopy{font-size:12px;line-height:1.7;color:#515953;margin:0}
.crew-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:start}
.crew-person{min-width:0}
.crew-person:nth-child(even){padding-top:35px}
.portrait{--portrait-bg:#e8d4c3;--backdrop-x:50%;background:var(--portrait-bg);aspect-ratio:300/350;box-sizing:content-box;padding-bottom:32px;position:relative;isolation:isolate;overflow:hidden}
.sage .portrait{--portrait-bg:#dce4d8;--backdrop-x:50%}
.sand .portrait{--portrait-bg:#e4e0d3;--backdrop-x:50%}
.dark .portrait{--portrait-bg:#29342f;--backdrop-x:100%;color:#f5f3ed}
.portrait-background{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:var(--backdrop-x) center;filter:blur(1.3px);z-index:0}
.portrait:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#f5f3ed12 0%,transparent 60%,#1c211f24 100%);z-index:1}
.portrait-index{position:absolute;top:16px;left:15px;font-size:11px;letter-spacing:.08em;z-index:3;background:#f5f3edcc;color:#1c211f;padding:4px 6px}
.portrait-label{position:absolute;top:17px;right:13px;font-size:7px;letter-spacing:.14em;z-index:2;opacity:.7}
.portrait-art{display:block;width:100%;height:100%;overflow:hidden}
.portrait:before{content:"";position:absolute;inset:0;background:var(--portrait-bg);opacity:.08;z-index:1;pointer-events:none}
.dark .portrait:before{opacity:.2}
.portrait-character{position:absolute;inset:10px 7px 69px;display:block;width:calc(100% - 14px);height:calc(100% - 79px);object-fit:contain;object-position:center bottom;filter:drop-shadow(0 5px 4px #1c211f26);z-index:2}
.crew-note{position:absolute;bottom:14px;left:50%;white-space:nowrap;transform:translateX(-50%) rotate(-5deg);padding:8px 11px;background:#fa7a4b;color:#202723;font-family:"Marker Felt","Bradley Hand","Comic Sans MS",cursive;font-size:clamp(14px,1.6vw,22px);line-height:1.1;z-index:3;box-shadow:2px 3px 0 #20272315}
.sage .crew-note{transform:translateX(-50%) rotate(5deg);background:#f5f3ed}
.sand .crew-note{transform:translateX(-50%) rotate(-4deg);background:#f5f3ed}
.dark .crew-note{font-size:clamp(13px,1.4vw,19px);transform:translateX(-50%) rotate(3deg)}
.crew-caption{font-size:7px;font-weight:600;letter-spacing:.08em;line-height:1.4;margin:0;color:#5b645a}
.crew-person h3{font-size:clamp(29px,3.1vw,48px);letter-spacing:-.055em;font-weight:600;line-height:1;margin:17px 0 10px}
.crew-roles{font-size:12px;line-height:1.6;font-weight:500;min-height:40px;margin:0}
.crew-bio{border-top:1px solid #bdc4b9;margin:18px 0 0;padding:16px 0 0;font-size:13px;line-height:1.7;color:#515953}
.crew-bottom{display:grid;grid-template-columns:1fr 1fr auto;gap:40px;align-items:center;border-top:1px solid #bdc4b9;margin-top:53px;padding:30px 0 37px}
.crew-scribble{position:relative;font-size:25px;font-family:"Marker Felt","Bradley Hand","Comic Sans MS",cursive;line-height:1.14;letter-spacing:-.025em;transform:rotate(-4deg);width:max-content}
.crew-scribble>span{padding-left:36px}
.crew-scribble>svg{position:absolute;bottom:-17px;right:-5px;width:150px;height:24px;color:#e96d3f}
.crew-bottom>p{font-size:12px;line-height:1.7;color:#515953;margin:0}
.crew-about{display:flex;gap:25px;align-items:center;font-size:12px;font-weight:500;text-decoration:none}
.crew-about>svg{height:42px;width:42px;background:#fa7a4b;padding:10px;box-sizing:border-box;transition:transform .2s}
.crew-about:hover>svg{transform:rotate(6deg)}
.crew-placeholder-note{font-size:9px;color:#626a60;line-height:1.5;margin:0;padding-top:18px;border-top:1px solid #c8cdc4}
.crew-section a:focus-visible,.crew-section summary:focus-visible{outline:2px solid #1c211f;outline-offset:4px}


@media(min-width:1600px){.crew-section>.wrap{max-width:1480px}.crew-heading h2{font-size:150px}.crew-grid{gap:30px}}
@media(max-width:1000px){.crew-heading{grid-template-columns:1fr 1fr;gap:3%}.crew-heading h2{font-size:10vw}.crew-intro{padding-left:0}.crew-grid{gap:16px}.crew-person h3{font-size:3.3vw}.crew-roles{font-size:11px;min-height:53px}.crew-caption{font-size:6px}.crew-bottom{gap:22px}.crew-note{font-size:16px}.dark .crew-note{font-size:13px}}
@media(max-width:760px){.crew-section{padding-top:35px;scroll-margin-top:80px}.crew-heading{grid-template-columns:1fr;padding:30px 0 35px;gap:22px}.crew-heading h2{font-size:clamp(76px,15vw,110px)}.crew-intro{padding:0}.crew-intro>p:first-child{font-size:24px;margin-bottom:13px}.crew-subcopy{font-size:12px}.crew-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 18px}.crew-person h3{font-size:clamp(24px,4.9vw,38px)}.crew-caption{font-size:7px;min-height:20px;margin-bottom:6px}.crew-roles{font-size:11px;min-height:52px}.crew-note{font-size:16px;padding:7px 8px}.dark .crew-note{font-size:12px}.portrait-label{font-size:6px;right:9px;top:14px}.portrait-index{left:10px;top:12px}.crew-bottom{grid-template-columns:1fr 1fr;margin-top:32px;gap:28px;padding:28px 0}.crew-about{grid-column:1/-1;justify-content:space-between}.crew-location{font-size:7px}.crew-preview .header-inner{height:76px}.concept-bar{padding:9px 22px}.concept-bar>span{font-size:8px}.concept-bar a{font-size:9px}.crew-scribble{font-size:21px}.crew-bottom>p{font-size:11px}}
@media(max-width:370px){.crew-grid{gap:24px 12px}.crew-person h3{font-size:23px}.crew-note{font-size:13px}.dark .crew-note{font-size:10px}.crew-roles{font-size:10px}.crew-location{display:none}.crew-bottom{gap:20px}.concept-bar a{max-width:135px;text-align:right}}
@media(prefers-reduced-motion:reduce){.crew-section *{transition:none!important;scroll-behavior:auto!important}}

/* Complete Krea scenes: preserve full figures and keep stickers below the shoes. */
.portrait{aspect-ratio:auto;padding-bottom:62px;background:#e4ddd0}
.portrait:before,.portrait:after{display:none}
.portrait-scene{position:relative;display:block;width:100%;height:auto;z-index:2}
@media(max-width:760px){.portrait{padding-bottom:48px}.crew-note{font-size:clamp(11px,2.8vw,16px);padding:7px 8px}.dark .crew-note{font-size:clamp(10px,2.5vw,12px)}}
