/* Why LFAM's five layer studies. Static diagrams remain the baseline. */
.lfam-page .lfam-hero{--lfam-method-top:20px;--lfam-pin-copy:1;padding:140px 4vw 70px}
.lfam-page .lfam-hero .studio-kicker .micro{font-size:12px}
.lfam-page .lfam-hero-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:5vw;align-items:start;margin-top:42px}
.lfam-page .lfam-hero-copy{min-width:0;padding-top:42px;align-self:start}
.lfam-page .lfam-hero-copy h1{font-size:clamp(64px,7.6vw,112px);line-height:.94;letter-spacing:-.065em;max-width:8.5ch}
.lfam-page .lfam-hero-copy h1 span{display:inline}
.lfam-page .lfam-hero-copy h1>br{display:block}
.lfam-page .lfam-hero-copy>p{font-size:16px;line-height:1.65;max-width:34ch;margin:28px 0 14px}
.lfam-page .lfam-hero-copy>.studio-link{font-size:14px;min-height:44px}
.lfam-method-track,.lfam-method-stage{min-width:0;position:relative}
.lfam-method-stage{background:#171717}
.lfam-method-content{min-width:0;width:100%;border-top:1px solid #5e5e5e}
.lfam-method-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-top:12px;color:#bbb}
.lfam-method-heading .micro{font-size:12px;letter-spacing:.09em}
.lfam-method-heading [data-method-number]{font-variant-numeric:tabular-nums;white-space:nowrap}
.lfam-method-gallery{display:grid;gap:42px}
.lfam-method-panel{min-width:0;margin:0}
.lfam-method-visual{display:block;width:100%;height:clamp(200px,32vw,380px);max-height:max(160px,calc(100svh - 330px));overflow:visible}
.lfam-method-visual .method-layer{fill:none;stroke:#c4c4c4;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.lfam-method-visual .method-layer:nth-child(3n){stroke:#9c9c9c}
.lfam-method-visual .method-layer:last-child{stroke:#efefef;stroke-width:1.5}
.lfam-method-visual .method-ground{fill:none;stroke:#777;stroke-width:1;opacity:.48;vector-effect:non-scaling-stroke}
.lfam-method-visual .method-guide{fill:none;stroke:#929292;stroke-width:1;opacity:.23;vector-effect:non-scaling-stroke}
.lfam-method-visual .method-mould{fill:#292929;stroke:#777;stroke-width:1;vector-effect:non-scaling-stroke}
.lfam-method-visual .method-mould-face{fill:#202020;stroke:#777;stroke-width:1;vector-effect:non-scaling-stroke}
.lfam-method-visual .method-cue{fill:none;stroke:#aaa;stroke-width:1;vector-effect:non-scaling-stroke}
.lfam-method-visual text{fill:#c6c6c6;font:16px Mont,Arial,sans-serif;letter-spacing:0}
.lfam-method-caption{padding:0 0 4px}
.lfam-method-caption h2{font-size:clamp(25px,2.4vw,34px);line-height:1.12;letter-spacing:-.035em;margin:0 0 8px}
.lfam-method-caption p{font-size:15px;line-height:1.55;max-width:49ch;color:#c7c7c7}
.lfam-method-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:16px;border-top:1px solid #626262;border-bottom:1px solid #626262}
.lfam-method-controls button{min-width:0;min-height:72px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:9px 9px;background:transparent;border:0;text-align:left;font-size:13px;line-height:1.25;color:#b9b9b9;cursor:pointer}
.lfam-method-controls button+button{border-left:1px solid #626262}
.lfam-method-controls button span{font-size:12px;font-variant-numeric:tabular-nums;line-height:1.2}
.lfam-method-controls button[aria-pressed=true]{color:#171717;background:#e0e0e0}
.lfam-method-controls button:hover:not([aria-pressed=true]){background:#303030;color:#fff}
.lfam-method-cue{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;color:#b8b8b8;font-size:12px;line-height:1.4}
.lfam-method-cue>span{min-width:0}
.lfam-method-cue [data-method-count]{white-space:nowrap;font-variant-numeric:tabular-nums}
.lfam-method-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.lfam-page .has-method-controls .lfam-method-gallery{gap:0}
.lfam-page .has-method-controls .lfam-method-panel{display:grid;grid-template-rows:auto 1fr;grid-area:1/1}
.lfam-page .has-method-controls .lfam-method-visual{opacity:var(--method-opacity,0)}
.lfam-page .has-method-controls .lfam-method-caption{visibility:hidden}
.lfam-page .has-method-controls .lfam-method-panel.is-current .lfam-method-caption{visibility:visible}
.lfam-page .has-method-controls .method-layer{opacity:var(--layer-opacity,1);stroke-dasharray:100;stroke-dashoffset:var(--layer-dash,0)}
.lfam-page .has-method-controls .method-layer.is-growing{stroke:#fff;stroke-width:1.8}
.lfam-page .is-method-sticky .lfam-method-track{height:var(--lfam-method-track)}
.lfam-page .is-method-sticky .lfam-method-stage{position:sticky;top:var(--lfam-method-top);height:var(--lfam-method-stage);display:flex;align-items:center}
.lfam-page .is-method-sticky .lfam-hero-copy{position:sticky;top:var(--lfam-copy-top)}
.lfam-page .lfam-method-stage button:focus-visible{outline:2px solid #fff;outline-offset:4px;position:relative;z-index:2}
@media(min-width:751px) and (max-height:760px){
 .lfam-page .lfam-hero{padding-top:130px}
 .lfam-page .lfam-hero-grid{margin-top:30px;gap:4vw}
 .lfam-page .lfam-hero-copy{padding-top:30px}
 .lfam-page .lfam-hero-copy h1{font-size:clamp(58px,6.6vw,86px)}
 .lfam-page .lfam-hero-copy>p{font-size:15px;margin:22px 0 10px;line-height:1.6}
 .lfam-method-visual{height:clamp(160px,calc(100svh - 330px),330px)}
 .lfam-method-caption h2{font-size:26px;margin-bottom:6px}
 .lfam-method-caption p{font-size:14px;line-height:1.5}
 .lfam-method-controls{margin-top:12px}
 .lfam-method-controls button{min-height:64px;padding:8px}
}
@media(max-width:750px){
 .lfam-page .lfam-hero{--lfam-method-top:16px;--lfam-pin-copy:0;padding-top:112px;padding-bottom:48px}
 .lfam-page .lfam-hero .studio-kicker>.micro:last-child{max-width:190px}
 .lfam-page .lfam-hero-grid{display:block;margin-top:34px}
 .lfam-page .lfam-hero-copy{padding:0;margin-bottom:36px}
 .lfam-page .lfam-hero-copy h1{font-size:clamp(60px,14vw,94px);max-width:10.5ch}
 .lfam-page .lfam-hero-copy>p{font-size:15px;max-width:42ch;margin:22px 0 10px}
 .lfam-page .is-method-sticky .lfam-hero-copy{position:relative;top:auto}
 .lfam-method-visual{height:clamp(160px,56vw,330px);max-height:max(140px,calc(100svh - 430px))}
 .lfam-method-caption h2{font-size:27px;margin-bottom:7px}
 .lfam-method-caption p{font-size:14px;line-height:1.5}
 .lfam-method-controls{grid-template-columns:repeat(6,minmax(0,1fr));margin-top:13px}
 .lfam-method-controls button{grid-column:span 2;min-height:52px;padding:8px;font-size:13px;display:block}
 .lfam-method-controls button span{display:inline;margin-right:7px}
 .lfam-method-controls button:nth-child(4),.lfam-method-controls button:nth-child(5){grid-column:span 3;border-top:1px solid #626262}
 .lfam-method-controls button:nth-child(4){border-left:0}
 .lfam-method-cue{min-height:48px;gap:8px}
}
@media(max-width:390px){
 .lfam-page .lfam-hero .studio-kicker{gap:12px}
 .lfam-page .lfam-hero .studio-kicker>.micro:last-child{max-width:175px}
 .lfam-method-heading .micro{font-size:12px;letter-spacing:.05em}
 .lfam-method-controls button{padding:7px 6px;font-size:12px}
 .lfam-method-controls button span{margin-right:4px}
 .lfam-method-cue{flex-wrap:wrap;gap:0 12px}
 .lfam-method-cue>span:first-child{max-width:190px}
 .lfam-method-cue [data-method-count]{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){
 .lfam-page .is-method-sticky .lfam-method-track{height:auto}
 .lfam-page .is-method-sticky .lfam-method-stage,.lfam-page .is-method-sticky .lfam-hero-copy{position:relative;top:auto;height:auto}
 .lfam-method-stage *{animation:none!important;transition:none!important}
}
@media(forced-colors:active){
 .lfam-method-visual .method-layer,.lfam-method-visual .method-guide,.lfam-method-visual .method-ground,.lfam-method-visual .method-cue{stroke:CanvasText}
 .lfam-method-visual .method-mould,.lfam-method-visual .method-mould-face{fill:Canvas;stroke:CanvasText}
 .lfam-method-visual text{fill:CanvasText}
 .lfam-method-controls button[aria-pressed=true]{outline:2px solid Highlight;outline-offset:-3px}
}
@media print{
 .lfam-page .lfam-hero-grid{display:block}
 .lfam-page .lfam-method-track{height:auto!important}
 .lfam-page .lfam-method-stage,.lfam-page .lfam-hero-copy{position:relative!important;top:auto!important;height:auto!important}
 .lfam-page .has-method-controls .lfam-method-gallery{display:block}
 .lfam-page .has-method-controls .lfam-method-panel{display:block;break-inside:avoid;margin-top:24px}
 .lfam-page .has-method-controls .lfam-method-visual{opacity:1!important;height:250px;max-height:none}
 .lfam-page .has-method-controls .lfam-method-caption{visibility:visible}
 .lfam-page .has-method-controls .method-layer{opacity:1!important;stroke-dashoffset:0!important}
 .lfam-method-controls,.lfam-method-cue{display:none!important}
}