/* WebFoundry Labs — cinematic elevation, October 2026.
 * Additive visual layer. No application state, forms, navigation handlers,
 * request endpoints, or account integrations have been replaced.
 * Our principle: cinematic where it adds clarity, restrained where it doesn't.
 */
/* Fonts are loaded once, non-blocking, from BaseLayout.astro. */
:root{--cin-void:#040b16;--cin-blue:#3267ff;--cin-gold:#eeb94f;--cin-fog:#afc1d9;--cin-serif:'Bodoni Moda',Didot,'Times New Roman',serif}
body.wfl-cinematic{--container:min(1290px,calc(100vw - 48px));background:#f6f8fc}
body.wfl-cinematic *{scroll-margin-top:96px}
body.wfl-cinematic a:focus-visible,body.wfl-cinematic button:focus-visible{outline:3px solid #eeb94f;outline-offset:4px}
body.wfl-cinematic .btn-primary{background:linear-gradient(120deg,#1779fa,#3a54fc 55%,#7651ee);box-shadow:0 20px 38px #2054dc30,inset 0 1px 0 #ffffff3d}
body.wfl-cinematic .section-soft{background:linear-gradient(135deg,#f8faff,#eaf1fa)}
body.wfl-cinematic .section-head h2{letter-spacing:-.034em}
body.wfl-cinematic .inner-dark{background:radial-gradient(ellipse at 92% 8%,#172e53 0%,transparent 48%),linear-gradient(160deg,#091628,#030b16 84%)}
body.wfl-cinematic .inner-dark .content-card{background:linear-gradient(145deg,#172741a6,#0b182bb3);border:1px solid #ffffff22}
body.wfl-cinematic .content-card,body.wfl-cinematic .resource-card{position:relative;overflow:hidden;isolation:isolate;border-radius:22px;border:1px solid #b0c5e145;box-shadow:0 22px 50px #10294e0b;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
body.wfl-cinematic .content-card::before,body.wfl-cinematic .resource-card::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#558aff,#b47eff,#d9a452,transparent);opacity:.7}
body.wfl-cinematic .content-card:hover,body.wfl-cinematic .resource-card:hover{transform:translateY(-4px);box-shadow:0 27px 66px #15326122;border-color:#6e93c659}
body.wfl-cinematic .final-cta{background:linear-gradient(145deg,#071323,#0b1b35)}
body.wfl-cinematic .final-cta-inner{position:relative;isolation:isolate}
body.wfl-cinematic .final-cta-inner::before{content:'';position:absolute;inset:-35px -5vw;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 90% 25%,#285bfe1f,transparent 52%)}
/* Shared nav always looks like part of the cinematic studio. Mega menu remains a light reading surface. */
body.wfl-cinematic .wfl-header.wfl-header-dark{background:rgba(3,10,22,.94);backdrop-filter:blur(25px) saturate(145%);border-bottom:1px solid #a5bbdc24}
body.wfl-cinematic .wfl-header.wfl-header-dark.scrolled{background:rgba(3,10,22,.97)}
body.wfl-cinematic .wfl-header.wfl-header-dark .wfl-brand-mark{filter:drop-shadow(0 0 12px #4581ed1c)}
body.wfl-cinematic .wfl-header.wfl-header-dark .wfl-header-cta{box-shadow:0 12px 35px #3154ee3d}
/* Editorial theatrical hero: keep every page's original content and CTA. */
body.wfl-cinematic .page-hero{
  --cin-hero-image:url('/assets/flagship/hero-industries.webp');
  isolation:isolate; min-height:440px; display:flex;align-items:center;
  padding:clamp(92px,11vw,154px) 0 clamp(84px,9vw,135px);
  color:#f7f9fc;background:radial-gradient(ellipse at 83% 15%,#173b70 0%,transparent 42%),linear-gradient(120deg,#030b17,#091b33 70%,#14254a)}
body.wfl-cinematic .page-hero::before{z-index:-1;opacity:.65;background-image:linear-gradient(#b2cfff0a 1px,transparent 1px),linear-gradient(90deg,#b2cfff0a 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to right,#000,transparent)}
body.wfl-cinematic .page-hero::after{content:'';position:absolute;z-index:-2;inset:0 0 0 43%;pointer-events:none;background-image:linear-gradient(90deg,#071324 0%,#07132470 32%,transparent 76%),linear-gradient(0deg,#071324a0,transparent 38%),var(--cin-hero-image);background-size:cover;background-position:center;opacity:.64;transform:scale(1.025);filter:saturate(.92)}
body.wfl-cinematic .page-hero .container{width:var(--container)}
body.wfl-cinematic .page-hero h1{color:#fff;max-width:1030px;position:relative;z-index:2;line-height:.98;font-weight:720;letter-spacing:-.039em;text-wrap:balance;text-shadow:0 8px 40px #0208146b}
body.wfl-cinematic .page-hero h1 em{font-family:var(--cin-serif);font-weight:400;letter-spacing:-.035em;font-style:italic;background:linear-gradient(100deg,#e7b358,#ffdb96 40%,#84c7ff);-webkit-background-clip:text;background-clip:text;color:transparent}
body.wfl-cinematic .page-hero p{max-width:660px;color:#bdcbdf;font-size:clamp(15px,1.35vw,19px);line-height:1.73;text-shadow:0 4px 30px #020814a8}
body.wfl-cinematic .page-hero .eyebrow{color:#f5bb4f;letter-spacing:.2em}
body.wfl-cinematic .page-hero .btn-ghost{background:#081b30b3;color:white;border-color:#7592ba6e;backdrop-filter:blur(15px)}
body.wfl-cinematic .page-actions{position:relative;z-index:1}
body.wfl-page-services .page-hero{--cin-hero-image:url('/assets/flagship/full-wfl-services.webp')}
body.wfl-page-work .page-hero{--cin-hero-image:url('/assets/flagship/full-kickstart-trading-main.webp')}
body.wfl-page-about .page-hero{--cin-hero-image:url('/assets/wfl-hero-foundry.webp')}
body.wfl-page-resources .page-hero{--cin-hero-image:url('/assets/flagship/full-temper.webp')}
body.wfl-page-insights .page-hero{--cin-hero-image:url('/assets/wfl-hero-reactor.webp')}
body.wfl-page-kits .page-hero{--cin-hero-image:url('/assets/flagship/full-technelms.webp')}
body.wfl-page-start .page-hero{--cin-hero-image:url('/assets/flagship/hero-industries.webp')}
body.wfl-page-tools-project-navigator .page-hero{--cin-hero-image:url('/assets/flagship/full-kickstart-desk-dark.webp')}
body.wfl-page-tools .page-hero{--cin-hero-image:url('/assets/flagship/full-kickstart-desk-dark.webp')}
/* Article pages receive the same art direction, but retain calm, editorial reading. */
body.wfl-cinematic .article-hero{isolation:isolate;color:#fff;background:radial-gradient(ellipse at 84% 18%,#1b3974,transparent 50%),linear-gradient(125deg,#030b18,#0d1e37);padding:clamp(86px,9vw,128px) 0}
body.wfl-cinematic .article-hero::before{z-index:-1;opacity:.45}
body.wfl-cinematic .article-hero::after{content:'';position:absolute;inset:0 0 0 45%;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#061326 0%,#06132688 50%,transparent),url('/assets/flagship/hero-industries.webp') center/cover;opacity:.44}
body.wfl-cinematic .article-hero h1{color:#fff;text-wrap:balance}
body.wfl-cinematic .article-hero p{color:#bbcbdf}
body.wfl-cinematic .article-hero .article-back{color:#f2bd60}
body.wfl-cinematic .article-hero .article-meta{color:#adc0d8}
body.wfl-cinematic .article-body{padding-top:clamp(50px,7vw,96px)}
body.wfl-cinematic .article-cta{border-radius:26px;overflow:hidden}
/* Homepage — existing content architecture unchanged; shift its visual temperature. */
body.wfl-page-home .wfl-hero-refined{background:radial-gradient(ellipse at 83% 11%,#1c417744,transparent 50%),radial-gradient(ellipse at 29% 84%,#354ce72a,transparent 39%),linear-gradient(140deg,#030b17 0%,#06172e 62%,#091b33 100%);color:#fff}
body.wfl-page-home .wfl-hero-refined .wfl-forge-hero-wash{opacity:.18}
body.wfl-page-home .wfl-hero-refined .wfl-forge-hero-grid{opacity:.18}
body.wfl-page-home .wfl-hero-refined .wfl-hero-watermark{filter:brightness(0) invert(1);opacity:.035}
body.wfl-page-home .wfl-hero-refined .wfl-hero-refined-title{color:#f6f8ff;text-shadow:0 10px 36px #0007}
body.wfl-page-home .wfl-hero-refined .wfl-hero-refined-title > span{color:#f6f8ff}
body.wfl-page-home .wfl-hero-refined .wfl-hero-refined-title em{background:linear-gradient(105deg,#98c9ff 0%,#7c95ff 40%,#b4a2ff 70%,#f3c879 100%);color:transparent;-webkit-background-clip:text;background-clip:text}
body.wfl-page-home .wfl-hero-refined .wfl-hero-refined-lede{color:#bed0e8;max-width:685px}
body.wfl-page-home .wfl-hero-refined .wfl-kicker{color:#e2ae56}
body.wfl-page-home .wfl-hero-refined .wfl-live,body.wfl-page-home .wfl-hero-refined .wfl-hero-signature{color:#9eafc7}
body.wfl-page-home .wfl-hero-refined .wfl-hero-text-link{color:#d5e0f2}
body.wfl-page-home .wfl-hero-refined .wfl-hero-text-link strong{color:#eaf1fd}
body.wfl-page-home .wfl-hero-refined .wfl-forge-hero-media{box-shadow:0 40px 100px #0008,0 0 0 1px #98caff33}
body.wfl-page-home .wfl-hero-refined .wfl-forge-hero-media img{filter:saturate(1.13) contrast(1.08)}
body.wfl-page-home .wfl-hero-refined .wfl-forge-halo{border-color:#a9c9ff28}
/* Cinema collection — genuinely native links and actual source images. */
.cin-showreel{position:relative;isolation:isolate;overflow:hidden;padding:clamp(75px,8vw,120px) 0 90px;background:radial-gradient(ellipse at 78% -20%,#22416e50,transparent 52%),radial-gradient(ellipse at 8% 90%,#45357b28,transparent 49%),#030b17;color:#edf3ff}
.cin-showreel::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#8a9dcf08 1px,transparent 1px),linear-gradient(90deg,#8a9dcf08 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(180deg,#000,transparent 75%)}
.cin-kicker{display:inline-flex;align-items:center;gap:11px;color:#f0bc58;font-size:11.5px;font-weight:830;letter-spacing:.23em}
.cin-kicker i{width:25px;height:2px;background:#eab64e;box-shadow:0 0 12px #eab64e80}
.cin-showreel-top{display:flex;gap:65px;align-items:end;justify-content:space-between;margin-bottom:33px}
.cin-showreel-intro h2,.cin-work-heading h2{color:#f7f9ff;max-width:940px;margin:17px 0 0;font-size:clamp(45px,5.1vw,79px);line-height:.99;letter-spacing:-.037em;text-wrap:balance}
.cin-showreel-intro h2 em,.cin-work-heading h2 em{font-family:var(--cin-serif);font-weight:400;font-style:italic;color:#eec273;letter-spacing:-.038em}
.cin-showreel-side{max-width:320px;flex:0 0 320px;padding-bottom:8px}
.cin-showreel-side p{font-size:14px;line-height:1.8;color:#aebfd5}
.cin-showreel-side>a,.cin-reel-bottom a{font-size:13px;font-weight:800;color:#f2c974;border-bottom:1px solid #e9af6d5e;padding-bottom:8px}
.cin-rail-wrap{position:relative}
.cin-rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(252px,22.5vw,346px);gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px max(24px,calc((100vw - 1290px)/2)) 28px;scrollbar-width:thin;scrollbar-color:#3d5a83 transparent;overscroll-behavior-x:contain}
.cin-rail-card{position:relative;display:block;overflow:hidden;min-width:0;aspect-ratio: .87;border:1px solid #8097bf44;border-radius:18px;background:#0c1a2c;scroll-snap-align:start;box-shadow:0 19px 50px #0006;transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease}
.cin-rail-card:first-child{border-color:#e6b9559c;box-shadow:0 0 0 1px #e6b95555,0 18px 55px #0007,0 0 28px #dba9431c}
.cin-rail-card:hover{transform:translateY(-5px);border-color:#eabf6c;box-shadow:0 25px 62px #0009,0 0 27px #cba8612e}
.cin-rail-card>img{height:100%;width:100%;object-fit:cover;object-position:top center;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.cin-rail-card:hover>img{transform:scale(1.06)}
.cin-rail-card-fade{position:absolute;inset:34% 0 0;background:linear-gradient(0deg,#031020 2%,#041020c9 37%,transparent)}
.cin-card-footer{position:absolute;z-index:1;inset:auto 20px 20px;display:grid;gap:6px;color:#fff}
.cin-card-footer small{color:#efc574;font-size:11.5px;font-weight:870;letter-spacing:.16em}
.cin-card-footer strong{font-size:clamp(21px,1.85vw,29px);letter-spacing:-.030em;line-height:1.1}
.cin-card-footer>span{font-size:13px;color:#bac9da;line-height:1.4;max-width:240px}
.cin-card-arrow{position:absolute;right:15px;top:15px;display:grid;place-items:center;color:#fff;border:1px solid #ffffff80;border-radius:50%;background:#06152bb3;width:36px;height:36px;font-size:17px}
.cin-reel-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-top:8px}
.cin-reel-bottom>span{font-size:11.5px;letter-spacing:.2em;color:#7088aa;font-weight:800}
.cin-showreel-compact{padding:68px 0 78px}.cin-showreel-compact .cin-showreel-intro h2{font-size:clamp(39px,4.2vw,65px)}.cin-showreel-compact .cin-rail{grid-auto-columns:clamp(245px,22vw,300px)}.cin-showreel-compact .cin-rail-card{aspect-ratio:1}
/* Work: actual source imagery, not placeholder browser windows. */
.cin-work{padding:clamp(70px,8vw,128px) 0;background:radial-gradient(ellipse at 91% 13%,#2241785c,transparent 45%),linear-gradient(160deg,#081626,#030b16);color:#fff}
.cin-work-heading{display:flex;gap:50px;align-items:end;justify-content:space-between;margin-bottom:35px}
.cin-work-heading p{max-width:340px;color:#b3c2d5;line-height:1.75;font-size:15px}
.cin-work-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px}
.cin-work-tile{position:relative;isolation:isolate;grid-column:span 2;display:block;min-height:390px;overflow:hidden;border:1px solid #6b86b04d;border-radius:20px;background:#152644;box-shadow:0 24px 55px #0005;transition:transform .3s,border-color .3s}
.cin-work-tile.cin-work-lead{grid-column:span 4;min-height:525px}
.cin-work-tile:nth-child(2){grid-column:span 2;min-height:525px}
.cin-work-tile:nth-child(n+3){min-height:345px}
.cin-work-tile:hover{transform:translateY(-5px);border-color:#e7bb71aa}
.cin-work-tile img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:top center;transition:transform .6s;filter:saturate(1.08)}
.cin-work-tile:hover img{transform:scale(1.04)}
.cin-work-tile::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#041021 0%,#041021e6 17%,#04102144 65%,transparent);pointer-events:none}
.cin-work-overlay{position:absolute;inset:auto 26px 26px;z-index:1;display:grid;gap:7px;color:#fff}
.cin-work-overlay small{color:#edc478;font-size:11.5px;font-weight:800;letter-spacing:.18em}
.cin-work-overlay strong{font-size:clamp(25px,2.7vw,38px);letter-spacing:-.037em}
.cin-work-overlay>span{font-size:14px;color:#c6d3e4}
.cin-work-overlay b{margin-top:8px;font-size:13px;color:#f4c974}
.cin-work-footnote{font-size:13.8px;color:#8eabc9;margin:25px 0 0}
/* Product-specific stages: the existing actionable copy, logo, status & buttons remain native. */
body.wfl-cinematic .cin-product-hero{position:relative;isolation:isolate;color:#fff;min-height:690px;background:radial-gradient(ellipse at 81% 30%,color-mix(in srgb,var(--product-accent) 22%,transparent),transparent 43%),linear-gradient(135deg,#040b18,#08172c 63%,#15213c)}
body.wfl-cinematic .cin-product-hero::before{content:'';position:absolute;z-index:0;right:-4%;top:11%;width:55%;height:75%;border:1px solid #b4c9f95c;border-radius:20px;background:linear-gradient(90deg,#030b18c7,transparent 46%),var(--cin-product-image) center/cover;box-shadow:0 40px 110px #000a,0 0 0 10px #ffffff0a;transform:perspective(1200px) rotateY(-12deg) rotateZ(1.5deg);filter:saturate(1.04)}
body.wfl-cinematic .cin-product-hero::after{content:'';position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(90deg,#040c18 0%,#040c18e8 32%,#040c184f 70%,transparent 100%)}
body.wfl-cinematic .cin-product-hero .product-hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.62fr);z-index:2;padding:6rem 0;gap:2rem}
body.wfl-cinematic .cin-product-hero .product-copy h1{font-size:clamp(3.65rem,5.75vw,6.3rem);text-shadow:0 7px 34px #0009;max-width:790px;color:#fff}
body.wfl-cinematic .cin-product-hero .product-copy>p{color:#c4d2e7;max-width:640px;text-shadow:0 3px 18px #000}
body.wfl-cinematic .cin-product-hero .product-copy .eyebrow{color:#f1c06c}
body.wfl-cinematic .cin-product-hero .btn-ghost{background:#101f33ba;border-color:#7e92b450;color:#fff}
body.wfl-cinematic .cin-product-hero .product-mark-wrap{min-height:320px;align-self:center;pointer-events:none}
body.wfl-cinematic .cin-product-hero .product-mark-wrap img{width:min(64%,300px);height:260px;filter:drop-shadow(0 22px 30px #010613b3)}
body.wfl-cinematic .cin-product-hero .product-status{color:#ffe0a1}
body.wfl-cinematic .product-belief{background:radial-gradient(ellipse at 90% 20%,#263967,transparent 44%),#071426}
body.wfl-cinematic .product-belief h2{font-size:clamp(3.25rem,5vw,5.7rem)}
body.wfl-cinematic .product-capabilities{background:linear-gradient(135deg,#f7faff,#ecf2fa)}
body.wfl-cinematic .product-points article{position:relative;overflow:hidden;border:1px solid #d9e4f0;background:linear-gradient(155deg,#fff,#f7faff);box-shadow:0 15px 45px #183b6512;transition:transform .35s,border-color .35s}
body.wfl-cinematic .product-points article:hover{transform:translateY(-4px);border-color:#8eb3ed}
body.wfl-cinematic .product-points article::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--product-accent),transparent)}
body.wfl-cinematic .product-close-panel{background:radial-gradient(ellipse at 80% 15%,color-mix(in srgb,var(--product-accent) 32%,transparent),transparent 50%),linear-gradient(135deg,#071427,#0a1c38)}
/* Products index has bespoke CSS, but should share the atmosphere. */
body.wfl-cinematic .products-hero{background:radial-gradient(ellipse at 82% 20%,#274b8e91,transparent 45%),linear-gradient(130deg,#040d1a,#0e1f3a);color:#fff}
body.wfl-cinematic .products-hero::after{content:'';position:absolute;inset:0 0 0 48%;pointer-events:none;background:linear-gradient(90deg,#08172ac4,transparent 65%),url('/assets/flagship/hero-industries.webp') center/cover;opacity:.6}
body.wfl-cinematic .products-hero .container{position:relative;z-index:2}
body.wfl-cinematic .products-hero h1{color:#fff}
body.wfl-cinematic .products-hero p{color:#c2cfe0}
body.wfl-cinematic .products-hero .eyebrow{color:#efc06d}
body.wfl-cinematic .products-list{background:linear-gradient(135deg,#061120,#102340)}
body.wfl-cinematic .product-row{transition:background .3s,transform .3s;padding:1.8rem;border-radius:20px;border:1px solid #647eac31;margin-bottom:15px;background:#ffffff08}
body.wfl-cinematic .product-row:hover{transform:translateX(4px);background:#ffffff11;border-color:#6e8fc17d}
/* Flagship page finale, not an unrelated generic footer CTA. */
body.wfl-cinematic .cin-final-vision{min-height:520px;position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;color:white;background:#061321;padding:100px max(7vw,calc((100vw - 1300px)/2))}
.cin-final-stage{position:absolute;inset:0 0 0 38%;z-index:-1;display:flex;align-items:center;transform:skewX(-10deg) scale(1.2);filter:saturate(1.1)}
.cin-final-stage img{width:33.333%;height:100%;object-fit:cover;object-position:center;min-width:0;border-left:7px solid #050f20}
.cin-final-vision::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061321 0%,#061321 28%,#061321bd 48%,#06132122 90%),linear-gradient(0deg,#061321,transparent 35%)}
.cin-final-content{max-width:670px}
.cin-final-content h2{font-family:var(--cin-serif);font-size:clamp(59px,6.4vw,105px);font-weight:400;letter-spacing:-.039em;line-height:.9;margin:21px 0 27px}
.cin-final-content h2 em{color:#fac774;font-weight:400}
.cin-final-content>p:not(.fl-eyebrow){max-width:540px;color:#bbcae2;line-height:1.7;font-size:17px}
.cin-final-content .fl-btn{margin-top:17px}
/* Form clarity and comfort matter more than theatrics. */
body.wfl-cinematic .start-shell{gap:25px}
body.wfl-cinematic .start-aside{border-radius:26px;background:radial-gradient(ellipse at 90% 0%,#3256a361,transparent 54%),linear-gradient(145deg,#08162a,#102445);box-shadow:0 22px 56px #0002}
body.wfl-cinematic .project-form{border-radius:25px;border:1px solid #cbd8eb;background:#fff;box-shadow:0 28px 65px #1e3a681a}
body.wfl-cinematic .project-form input:focus,body.wfl-cinematic .project-form textarea:focus,body.wfl-cinematic .project-form select:focus{outline:2px solid #5080f7;outline-offset:2px}
/* Motion should never obscure text, functionality, or reduced-motion preferences. */
@media(max-width:1050px){
 .cin-showreel-top,.cin-work-heading{align-items:start;gap:25px}.cin-showreel-intro h2,.cin-work-heading h2{font-size:clamp(41px,5vw,63px)}
 body.wfl-cinematic .cin-product-hero .product-hero-grid{grid-template-columns:1fr 240px}
 body.wfl-cinematic .cin-product-hero::before{width:63%;opacity:.7}
}
@media(max-width:800px){
 body.wfl-cinematic{--container:min(100% - 36px,1290px)}
 body.wfl-cinematic .page-hero{min-height:420px;padding:85px 0 96px}
 body.wfl-cinematic .page-hero::after{inset:0 0 0 28%;opacity:.35}
 body.wfl-cinematic .page-hero h1{font-size:clamp(45px,7.7vw,72px)}
 .cin-showreel-top,.cin-work-heading{display:block}
 .cin-showreel-side,.cin-work-heading p{max-width:650px;margin-top:22px}
 .cin-rail{grid-auto-columns:minmax(255px,44vw)}
 .cin-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cin-work-tile,.cin-work-tile.cin-work-lead,.cin-work-tile:nth-child(2){grid-column:span 1;min-height:400px}
 .cin-work-tile.cin-work-lead{grid-column:span 2;min-height:475px}
 .cin-work-tile:nth-child(n+3){min-height:340px}
 body.wfl-cinematic .cin-product-hero{min-height:auto}
 body.wfl-cinematic .cin-product-hero .product-hero-grid{grid-template-columns:1fr;gap:10px;padding:80px 0 50px}
 body.wfl-cinematic .cin-product-hero::before{right:-18%;top:22%;width:95%;height:60%;opacity:.28}
 body.wfl-cinematic .cin-product-hero::after{background:linear-gradient(90deg,#030c1bf0,#030c1bb0)}
 body.wfl-cinematic .cin-product-hero .product-copy h1{font-size:clamp(48px,8vw,75px)}
 body.wfl-cinematic .cin-product-hero .product-mark-wrap{min-height:170px}
 body.wfl-cinematic .cin-product-hero .product-mark-wrap img{height:160px;width:min(200px,60%)}
 .cin-final-vision{min-height:440px}.cin-final-stage{inset:0 0 0 20%;opacity:.38}
}
@media(max-width:540px){
 body.wfl-cinematic{--container:min(100% - 28px,1290px)}
 body.wfl-cinematic .page-hero{min-height:390px;padding:75px 0 84px}
 body.wfl-cinematic .page-hero h1{font-size:clamp(42px,12.8vw,62px);line-height:.98}
 body.wfl-cinematic .page-hero p{font-size:15px;line-height:1.6}
 body.wfl-cinematic .article-hero h1{font-size:clamp(42px,12.4vw,64px)}
 .cin-showreel{padding:69px 0 58px}.cin-showreel-intro h2,.cin-work-heading h2{font-size:clamp(40px,11vw,58px)}
 .cin-showreel-side p{font-size:13px}
 .cin-rail{padding-left:15px;padding-right:15px;grid-auto-columns:minmax(245px,78vw);gap:12px}
 .cin-rail-card{aspect-ratio:.81}
 .cin-reel-bottom{display:grid;gap:17px}
 .cin-work{padding:75px 0}.cin-work-grid{grid-template-columns:1fr;gap:13px}
 .cin-work-tile,.cin-work-tile.cin-work-lead,.cin-work-tile:nth-child(2),.cin-work-tile:nth-child(n+3){grid-column:span 1;min-height:390px}
 .cin-work-overlay{inset:auto 18px 22px}
 body.wfl-cinematic .cin-product-hero .product-hero-grid{padding:66px 0 47px}
 body.wfl-cinematic .cin-product-hero .product-copy h1{font-size:clamp(44px,12.8vw,59px);line-height:.95}
 body.wfl-cinematic .cin-product-hero .product-copy>p{font-size:15px;line-height:1.7}
 body.wfl-cinematic .product-row{padding:1.1rem}
 body.wfl-cinematic .cin-final-vision{padding:85px 22px;min-height:450px}
 .cin-final-content h2{font-size:clamp(52px,14vw,72px)}
 .cin-final-content>p:not(.fl-eyebrow){font-size:15px}
 .cin-final-stage{inset:0 0 0 -20%;opacity:.24}
}
@media(prefers-reduced-motion:reduce){.cin-rail{scroll-behavior:auto}.cin-rail-card,.cin-rail-card img,.cin-work-tile,.cin-work-tile img,.product-row{transition:none !important}body.wfl-cinematic *{animation-duration:.01ms !important;scroll-behavior:auto !important}}
/* Foundry ethos: a deliberate editorial contrast after the About hero. */
.cin-ethos{overflow:hidden;position:relative;padding:clamp(75px,8vw,125px) 0;background:radial-gradient(ellipse at 90% 18%,#193767,transparent 48%),linear-gradient(145deg,#030b17,#101b32);color:#f6f8fd}
.cin-ethos-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,100px);align-items:center}
.cin-ethos h2{font-size:clamp(46px,5.6vw,78px);font-weight:750;line-height:1.03;letter-spacing:-.039em;max-width:690px;margin:24px 0 25px;text-wrap:balance}
.cin-ethos h2 em{font-family:var(--cin-serif);font-weight:400;font-style:italic;color:#f3c779;letter-spacing:-.03em}
.cin-ethos-copy>p{font-size:16px;color:#b9c8dd;line-height:1.85;max-width:545px}
.cin-ethos-bullets{display:grid;gap:13px;margin-top:30px}
.cin-ethos-bullets span{display:flex;gap:15px;align-items:baseline;font-size:14px;color:#e3eaf5}
.cin-ethos-bullets b{color:#f0b85b;font-size:11.5px;letter-spacing:.12em}
.cin-ethos-visual{position:relative;min-height:610px}
.cin-ethos-visual img{position:absolute;border-radius:16px;border:1px solid #ffffff3b;object-fit:cover;box-shadow:0 25px 80px #0009}
.cin-ethos-visual img:nth-child(1){inset:5% 16% 33% 0;width:84%;height:62%;transform:rotate(-5deg)}
.cin-ethos-visual img:nth-child(2){right:0;top:27%;width:64%;height:44%;transform:rotate(7deg)}
.cin-ethos-visual img:nth-child(3){left:7%;bottom:0;width:69%;height:33%;transform:rotate(-2deg)}
.cin-ethos-stamp{position:absolute;right:4%;bottom:0;display:grid;place-items:center;width:125px;height:125px;border:1px solid #e4bd746b;border-radius:50%;background:#0b1a2edb;box-shadow:0 0 45px #d9ae4b25;color:#f3c978;font:italic 22px var(--cin-serif);text-align:center;transform:rotate(-9deg)}
/* Resource sections should not resemble a plain download directory. */
.cin-resources-bridge{background:#f1f5fb;padding:50px 0 85px}
.cin-resources-bridge-inner{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;overflow:hidden;border:1px solid #cadcf3;border-radius:27px;background:linear-gradient(125deg,#091a30,#162e53);color:#fff;box-shadow:0 25px 80px #061b3950}
.cin-resources-bridge-copy{padding:clamp(27px,5vw,67px)}
.cin-resources-bridge h2{font-size:clamp(39px,4.4vw,64px);line-height:1;letter-spacing:-.033em;margin:17px 0}
.cin-resources-bridge h2 em{font-family:var(--cin-serif);font-weight:400;color:#f3c36a}
.cin-resources-bridge p{color:#b9cde5;line-height:1.75;max-width:470px}
.cin-resources-bridge img{width:100%;height:100%;max-height:490px;min-height:360px;object-fit:cover;object-position:top center;mask-image:linear-gradient(to right,transparent 0%,#000 38%)}
.cin-resources-bridge .btn{margin-top:14px}
/* Deep Lab keeps its own mechanics; integrate the foundry lighting only. */
body.wfl-cinematic .wfl-lab .lab-hero{background:radial-gradient(ellipse at 86% 18%,#203d74 0%,transparent 48%),linear-gradient(140deg,#040b17,#0c203b)}
body.wfl-cinematic .wfl-lab .lab-photo-frame{box-shadow:0 44px 110px #0008,0 0 0 1px #c5d9ff25}
@media(max-width:800px){.cin-ethos-inner,.cin-resources-bridge-inner{grid-template-columns:1fr}.cin-ethos-visual{min-height:470px}.cin-resources-bridge img{min-height:230px;max-height:310px;mask-image:linear-gradient(to bottom,transparent,#000 24%)}.cin-resources-bridge-copy{padding:40px 30px 10px}}
@media(max-width:540px){.cin-ethos{padding:75px 0}.cin-ethos h2{font-size:clamp(42px,11.5vw,64px)}.cin-ethos-visual{min-height:355px}.cin-ethos-stamp{width:88px;height:88px;font-size:17px}.cin-resources-bridge-inner{gap:0}.cin-resources-bridge h2{font-size:42px}.cin-resources-bridge-copy{padding:35px 25px 5px}}

.cin-work-secondary{margin-top:22px;padding:23px 27px;border:1px solid #4461887a;border-radius:18px;background:linear-gradient(100deg,#182f4a91,#0a172a);display:flex;gap:20px;align-items:center;flex-wrap:wrap}.cin-work-secondary strong{font-size:19px;letter-spacing:-.03em}.cin-work-secondary>span:last-child{color:#a7c0dc;font-size:13px}.cin-work-secondary .cin-kicker{margin-right:5px}
/* KickStart Desk already has its own excellent visual identity. Enhance the
   existing hero instead of restructuring its product-specific content. */
body.wfl-cinematic .desk-intro{isolation:isolate;background:radial-gradient(ellipse at 75% 23%,#16477b65,transparent 49%),linear-gradient(135deg,#030b15,#071b2e 78%,#102c49)}
body.wfl-cinematic .desk-intro::before{content:'';position:absolute;z-index:-1;right:-6%;top:14%;width:58%;height:75%;background:linear-gradient(90deg,#05132494,transparent 75%),url('/assets/flagship/full-kickstart-desk-dark.webp') center top/cover;border:1px solid #8bbaee48;border-radius:20px;box-shadow:0 44px 100px #0009;transform:perspective(1100px) rotateY(-11deg) rotateZ(2deg);opacity:.67}
body.wfl-cinematic .desk-intro::after{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,#03101e 0%,#041222df 43%,transparent 100%)}
body.wfl-cinematic .desk-intro-grid{position:relative;z-index:1}
body.wfl-cinematic .desk-brand-art img{filter:drop-shadow(0 0 44px #1badeb76)}
body.wfl-cinematic .desk-device{box-shadow:0 34px 85px #0a254d53;border-color:#425778}
@media(max-width:950px){body.wfl-cinematic .desk-intro::before{right:-15%;width:100%;top:32%;height:45%;opacity:.33}body.wfl-cinematic .desk-intro::after{background:linear-gradient(180deg,#030e1de0 0%,#041424cb 74%,#03101e)}}
/* Art direction for tall cards: show the subject, not a random center crop. */
.cin-rail-card:nth-child(1)>img{object-position:74% top}
.cin-rail-card:nth-child(2)>img{object-position:65% top}
.cin-rail-card:nth-child(3)>img{object-position:73% top}
.cin-rail-card:nth-child(4)>img{object-position:76% top}
.cin-rail-card:nth-child(5)>img{object-position:54% top}
.cin-rail-card:nth-child(6)>img{object-position:65% top}
.cin-kicker{font-size:13.8px}.cin-card-footer small{font-size:13px}.cin-reel-bottom>span{font-size:13px}