:root{--dark:#121314;--black:#08090a;--red:#ec1927;--paper:#f3f0eb;--muted:#a4a0a0;--line:rgba(255,255,255,.2)}body{background:#090909}.site-header{height:74px;background:rgba(8,9,10,.67);border-bottom:1px solid rgba(255,255,255,.15);padding:0 clamp(18px,3.2vw,60px)}.brand-logo{width:74px}.brand-logo img{height:65px}.main-nav{gap:clamp(16px,2vw,31px)}.main-nav a{font-size:11px;letter-spacing:.12em}.header-cta{background:#ed1927;border-color:#ed1927;border-radius:0;padding:16px 20px}.header-cta span{color:white}.section-tag{font-size:13px;letter-spacing:.18em}.section-head>p,.overline{font-size:13px}.section-head h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(68px,8vw,143px);line-height:.82;letter-spacing:-.02em}.section-head h2 em{font-style:italic}.text-link,.pill-link{font-size:13px}.signal-story{background:#070708;position:relative;min-height:100svh}.signal-stage{height:100svh;min-height:650px;position:relative;overflow:hidden;isolation:isolate;background:#090909}.signal-canvas,.signal-fallback,.signal-vignette{position:absolute;inset:0}.signal-canvas canvas{display:block;width:100%;height:100%}.signal-fallback{background-image:url('/assets/frontline/work-09.webp');background-position:70% center;background-size:cover;opacity:.2}.signal-vignette{background:linear-gradient(90deg,#08090a 0%,#08090af2 16%,#08090aaf 37%,transparent 74%),linear-gradient(0deg,#08090aea,transparent 24%,transparent 74%,#08090a99),radial-gradient(ellipse at 70% 55%,transparent 25%,#08090a70 75%);pointer-events:none}.signal-crosshair{position:absolute;top:100px;right:4vw;display:flex;align-items:center;gap:24px;color:#fff9;font-size:12px;letter-spacing:.15em;font-weight:800;z-index:2}.signal-crosshair span:first-child{color:var(--red);font-family:'Barlow Condensed',Impact,sans-serif;font-size:20px}.signal-content{position:absolute;z-index:3;top:50%;left:clamp(22px,7vw,120px);width:min(780px,62vw);transform:translateY(-44%)}.signal-kicker{display:flex;align-items:center;gap:12px;color:#eee;letter-spacing:.18em;font-size:13px;font-weight:800;margin-bottom:27px}.signal-kicker i{height:9px;width:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 7px #ec19272c,0 0 22px var(--red)}.signal-chapter{position:absolute;top:54px;left:0;right:0;opacity:0;visibility:hidden;transform:translateY(35px);pointer-events:none}.signal-chapter.is-active{position:relative;top:auto;visibility:visible;opacity:1;transform:none;pointer-events:auto}.signal-count{font-size:14px;color:var(--red);letter-spacing:.2em;font-weight:800}.signal-chapter h1,.signal-chapter h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:clamp(112px,11.5vw,220px);line-height:.72;letter-spacing:-.035em;margin:21px 0 34px;text-transform:uppercase;text-shadow:0 8px 30px #000a}.signal-chapter h1 em,.signal-chapter h2 em{font-style:normal;color:transparent;-webkit-text-stroke:2px #f6f2ed;text-shadow:none}.signal-period{color:var(--red)}.signal-chapter p{font-family:Manrope,Arial,sans-serif;max-width:500px;font-size:clamp(16px,1.35vw,21px);line-height:1.55;color:#e2dddc;font-weight:500;margin-bottom:28px}.signal-action{display:inline-flex;align-items:center;gap:45px;border-bottom:2px solid var(--red);padding-bottom:13px;font-size:13px;letter-spacing:.14em;font-weight:800}.signal-action span{font-size:23px;color:var(--red);line-height:.7}.signal-progress{position:absolute;right:3.2vw;top:50%;transform:translateY(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:17px;font-size:13px;font-weight:800;letter-spacing:.1em}.signal-track{height:240px;width:2px;background:#ffffff40;position:relative}.signal-track i{display:block;width:100%;height:0;background:var(--red);box-shadow:0 0 10px var(--red)}.signal-bottom{position:absolute;z-index:3;bottom:31px;left:3.2vw;right:3.2vw;border-top:1px solid #ffffff4a;padding-top:18px;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.18em;font-weight:800;color:#d1c9c8}.signal-bottom strong{font-weight:600;color:#8e8d8d}.signal-bottom>span:last-child{font-size:24px;color:var(--red)}
/* The page changes visual rhythm at each chapter: declaration, craft, proof, team, contact. */
.proof-band{background:#ed1927;color:#100e0e;min-height:78svh;display:flex;flex-direction:column;justify-content:center;padding-top:110px;padding-bottom:110px}.proof-band .section-tag{color:#1c0b0d}.proof-band>p{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:clamp(54px,8vw,133px);line-height:.84;letter-spacing:-.025em;font-weight:800;max-width:1250px;margin:50px 0 80px}.proof-band strong{color:#fff;font-weight:800}.proof-stats{border-color:#13080973}.proof-stats>div{border-color:#13080973}.proof-stats b{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(70px,8vw,140px);line-height:.85;letter-spacing:-.03em}.proof-stats span{font-size:13px}.services{background:#08090a;padding-top:130px;padding-bottom:150px}.services .section-head{margin-bottom:75px}.service-list{margin-bottom:80px}.service-row{grid-template-columns:8% 41% 1fr 30px;padding:41px 4px;gap:1%;position:relative;overflow:hidden}.service-row::before{content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--red);transition:width .5s}.service-row:hover::before{width:100%}.service-row>span{font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px}.service-row h3{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-weight:800;font-size:clamp(40px,4.3vw,72px);line-height:.9;letter-spacing:-.01em}.service-row p{font-size:16px;line-height:1.55}.service-row b{font-size:26px;font-weight:400}.service-row:hover{background:#171717;padding-left:18px}.pill-link{border-radius:0;padding:20px 25px;font-size:13px}.marquee{background:#eae7e2;color:transparent;-webkit-text-stroke:2px #101010;height:155px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:100px}.marquee i{color:var(--red);-webkit-text-stroke:0}.work{background:#111111}.work .section-head{margin-bottom:90px}.work-grid{gap:90px 35px}.work-card:nth-child(even){transform:translateY(150px)}.work-card .work-image{position:relative;aspect-ratio:1.15;background:#1c1c1c;clip-path:inset(0 0 0 0);box-shadow:0 30px 70px #0006}.work-card .work-image::after{content:'';position:absolute;inset:0;border:1px solid #ffffff32;pointer-events:none}.work-image img{filter:grayscale(.75);transition:transform .7s,filter .7s;object-position:center 60%}.work-card:hover img,.work-card.in-view img{filter:grayscale(0)}.work-card h3{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:clamp(46px,5vw,82px);line-height:.9}.work-card>span{font-size:13px;margin-top:24px}.work-card p{font-size:15px;margin-top:13px}.transform{margin-top:250px;grid-template-columns:.7fr 1.3fr;gap:5vw}.transform h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(70px,6vw,115px);text-transform:uppercase;line-height:.85}.transform p{font-size:16px}.compare{box-shadow:25px 25px 0 #ed1927;aspect-ratio:1.53}.compare-label{font-size:12px}.gallery{background:#090909;color:#f5f0ed;overflow:hidden}.gallery .section-head{margin-bottom:90px}.gallery-track{overflow:visible;will-change:transform;width:max-content;gap:26px}.gallery figure{width:min(62vw,850px);flex:none}.gallery img{aspect-ratio:1.6;filter:saturate(.75)}.gallery figcaption{font-size:16px;margin-top:25px}.gallery-hint{font-size:13px}.process{background:#eae7e2;color:#111;padding-top:140px;padding-bottom:150px}.process .section-tag{color:#ca121f}.process .section-head>p{color:#3d3838}.process-grid{border-color:#15151555}.process-grid article{border-color:#15151555;min-height:280px}.process-grid b{font-family:'Barlow Condensed',Impact,sans-serif;font-size:65px;line-height:1}.process-grid h3{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:32px;line-height:.9;margin-top:55px}.process-grid p{font-size:15px;color:#5a5555}.studio{background:#141414;gap:6vw}.studio-image{min-height:680px;clip-path:polygon(0 0,100% 0,100% 90%,90% 100%,0 100%)}.studio-image img{filter:saturate(.85)}.studio-copy h2,.founder h2{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:clamp(82px,8vw,145px);line-height:.81}.studio-copy p,.founder-copy>p:last-child{font-size:17px}.studio-copy li{font-size:15px}.founder{background:#ed1927;color:#140c0d}.founder .section-tag{color:#24080b}.founder .overline{color:#251213}.founder h2 em{color:white}.founder blockquote{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:clamp(44px,4.5vw,77px);line-height:.95}.founder-copy>p:last-child{color:#271719}.founder-art{background:radial-gradient(circle at 65% 25%,#8c1c22,#111 60%);clip-path:polygon(0 0,100% 0,100% 100%,9% 100%,0 90%)}.principles{background:#101010}.principle-grid{grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid var(--line)}.principle-grid article{background:none;border:0;border-right:1px solid var(--line);padding:30px 22px;min-height:270px}.principle-grid article:last-child{border:0}.principle-grid h3{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:30px;line-height:.95}.principle-grid p{font-size:14px}.profile{background:#eae7e2;color:#111}.profile-layout{gap:6vw}.profile-preview{box-shadow:35px 35px 0 #e51c28,45px 45px 0 #151515;transform:rotate(-2deg)}.profile-copy p{font-size:clamp(25px,2.8vw,43px)}.profile-copy .text-link{color:#111}.profile-copy small{font-size:13px;color:#555}.contact{background:#08090a;color:white;min-height:90svh}.contact .section-tag{color:var(--red)}.contact h2{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:clamp(95px,11vw,220px);line-height:.74}.contact h2 em{color:var(--red)}.contact-main p{font-size:18px}.contact-details a{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(26px,2.6vw,44px);text-transform:uppercase}.site-footer{background:#ed1927;color:#110b0d}.footer-top img{height:145px;filter:drop-shadow(0 0 0 transparent)}.footer-bottom{border-color:#1e0d0e80;color:#211113}.footer-top p{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(43px,5vw,86px);text-transform:uppercase;line-height:.85}.whatsapp{border-radius:0;background:#19a866;font-size:12px}.reveal{filter:brightness(.1);transform:translateY(50px);transition:none}.reveal.in-view{filter:brightness(1);opacity:1;transform:none}
@media(max-width:980px){.main-nav{display:none}.site-header{height:70px}.mobile-nav{top:70px}.signal-chapter h1,.signal-chapter h2{font-size:clamp(110px,13vw,160px)}.signal-content{width:72vw}.principle-grid{grid-template-columns:repeat(3,1fr)}.principle-grid article{border-bottom:1px solid var(--line)}.process-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.site-header{height:66px}.mobile-nav{top:66px}.brand-logo img{height:56px}.signal-stage{min-height:650px;height:100svh}.signal-fallback{background-position:center 70%;opacity:.35}.signal-vignette{background:linear-gradient(0deg,#08090a 0%,#08090ae6 12%,#08090a88 50%,#08090a44 80%,#08090aaa 100%),linear-gradient(90deg,#08090a66,transparent)}.signal-crosshair{top:80px;right:23px;font-size:10px}.signal-crosshair span:last-child{display:none}.signal-content{left:23px;top:auto;bottom:120px;width:calc(100% - 55px);transform:none}.signal-kicker{font-size:11px;margin-bottom:18px}.signal-chapter h1,.signal-chapter h2{font-size:clamp(83px,23vw,142px);line-height:.72;margin:17px 0 25px}.signal-chapter h1 em,.signal-chapter h2 em{-webkit-text-stroke:1.5px white}.signal-chapter p{font-size:15px;line-height:1.5;max-width:330px;margin-bottom:18px}.signal-action{font-size:11px;gap:25px}.signal-count{font-size:12px}.signal-progress{right:12px;top:35%;gap:10px;font-size:11px}.signal-track{height:115px}.signal-bottom{left:23px;right:23px;bottom:20px;font-size:10px}.signal-bottom strong{display:none}.proof-band{min-height:0;padding:85px 23px}.proof-band>p{font-size:clamp(57px,14.3vw,90px);line-height:.82;margin:35px 0 60px}.proof-stats b{font-size:45px}.proof-stats span{font-size:9px}.section-pad{padding:100px 23px}.section-head h2{font-size:clamp(63px,17vw,96px);line-height:.82}.section-tag{font-size:12px}.section-head>p{font-size:12px}.service-row{grid-template-columns:28px 1fr 23px;gap:7px;padding:27px 0}.service-row>span{font-size:21px}.service-row h3{font-size:clamp(35px,10vw,54px)}.service-row p{font-size:15px}.marquee{height:100px;font-size:70px;-webkit-text-stroke:1.5px #111}.work-grid{gap:70px}.work-card:nth-child(even){transform:none}.work-card .work-image{aspect-ratio:1.1}.work-card h3{font-size:58px}.work-card p{font-size:14px}.transform{margin-top:95px;grid-template-columns:1fr;gap:35px}.transform h3{font-size:80px}.compare{margin-left:0;margin-right:0;aspect-ratio:1.12;box-shadow:12px 12px 0 var(--red)}.gallery-track{overflow-x:auto;width:auto;margin-right:-23px;scroll-snap-type:x mandatory}.gallery figure{width:84vw;flex:none;scroll-snap-align:start}.gallery img{aspect-ratio:1.12}.process-grid{grid-template-columns:1fr 1fr}.process-grid article{min-height:215px}.process-grid b{font-size:48px}.process-grid h3{font-size:26px;margin-top:29px}.process-grid p{font-size:13px}.studio,.founder{grid-template-columns:1fr}.studio-image{min-height:340px}.studio-copy h2,.founder h2{font-size:clamp(85px,20vw,130px)}.founder blockquote{font-size:50px}.founder-art{min-height:370px}.principle-grid{grid-template-columns:1fr 1fr}.principle-grid article{min-height:220px;padding:22px 15px}.principle-grid h3{font-size:25px}.principle-grid p{font-size:12px}.profile-layout,.contact{grid-template-columns:1fr}.profile-preview{box-shadow:14px 14px 0 var(--red),20px 20px 0 #111;transform:rotate(-1deg)}.profile-copy p{font-size:27px}.contact{min-height:0}.contact h2{font-size:clamp(92px,20vw,140px)}.contact-details a{font-size:32px}.footer-top img{height:110px}.footer-top p{font-size:32px}.whatsapp{border-radius:50%}}
@media(prefers-reduced-motion:reduce){.signal-chapter{transition:none}.gallery-track{transform:none!important}.work-image img{filter:none}.reveal{filter:none;opacity:1;transform:none}}
@media(min-width:681px){.gallery{padding-top:85px;padding-bottom:55px}.gallery .section-head{margin-bottom:36px}.gallery .section-head h2{font-size:clamp(69px,6vw,109px)}.gallery figure{width:min(55vw,800px)}.gallery img{aspect-ratio:1.92}}
.marquee>div{animation:none}
/* Frontline's procedural red signal field replaces the former campaign-card scene. */
.signal-fallback{background:radial-gradient(ellipse at 68% 73%,#a3102773,transparent 43%),linear-gradient(135deg,#090709,#1c050a 62%,#060708);opacity:1}
.signal-vignette{background:linear-gradient(90deg,#070607 0%,#070607ed 19%,#07060798 45%,transparent 76%),linear-gradient(0deg,#070607d9,transparent 28%,transparent 76%,#0706075e);opacity:.8}
.signal-canvas{z-index:0}.signal-canvas canvas{width:100%;height:100%;display:block}
.founder-art{position:relative;overflow:hidden;isolation:isolate;min-height:700px;background:#111116;clip-path:polygon(0 0,100% 0,100% 100%,8% 100%,0 91%);display:block;padding:0}
.founder-red-slab{position:absolute;inset:10% 8% 0 8%;background:linear-gradient(140deg,#fa2634,#9a0c1e 70%,#2b080d);transform-origin:left center;box-shadow:0 25px 80px #0009}
.founder-art::after{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(0deg,#101013e8 0%,transparent 34%),linear-gradient(90deg,#0b0b0e55,transparent 45%)}
.founder-ghost{position:absolute;top:14%;left:-8%;z-index:1;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(150px,23vw,390px);font-weight:900;letter-spacing:-.05em;line-height:.7;color:transparent;-webkit-text-stroke:2px white;transform:rotate(-90deg);opacity:.3;pointer-events:none}
.founder-cutout{position:absolute;bottom:-2%;left:50%;z-index:3;width:auto;height:96%;max-width:none;object-fit:contain;object-position:center bottom;transform:translateX(-50%);filter:drop-shadow(22px 20px 18px #0008);will-change:clip-path,transform}
.founder-caption{position:absolute;left:6%;right:6%;bottom:6%;z-index:5;display:flex;justify-content:space-between;align-items:end;gap:20px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.13em}
.founder-caption b{font-weight:800;text-align:right}
@media(max-width:680px){.signal-vignette{background:linear-gradient(0deg,#070607 0%,#070607de 18%,#0706077d 62%,#07060755 100%)}.founder-art{min-height:520px;margin:0 -23px}.founder-red-slab{inset:9% 7% 0}.founder-cutout{height:91%;bottom:-2%}.founder-ghost{font-size:180px;left:-25%;top:25%}.founder-caption{font-size:10px;bottom:7%}}
@media(prefers-reduced-motion:reduce){.founder-cutout{clip-path:none!important;transform:translateX(-50%)!important}.founder-red-slab{transform:none!important}.founder-ghost,.founder-caption{opacity:1!important}}
.founder-art .founder-red-slab{display:block;width:auto;padding:0;border:0}
.founder-art .founder-caption{display:flex;flex-direction:row;width:auto;padding:0;border:0}
.founder-art .founder-cutout{width:auto;height:96%;margin:0}
@media(max-width:680px){.founder-art .founder-cutout{width:auto;height:91%}}
.signal-fallback{z-index:0}.signal-canvas{z-index:1}.signal-vignette{z-index:2}
/* Frontline's mark acts as a window into its project work. */
.unwoven-stage{position:relative;isolation:isolate;height:min(76svh,760px);min-height:480px;margin:0 0 62px;overflow:hidden;background:#100b0d;border:1px solid #ffffff2c}
.unwoven-ground{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#551321 0%,#17090d 46%,#090909 80%);display:flex;align-items:center;justify-content:center;overflow:hidden}
.unwoven-ground span{position:absolute;top:27px;left:30px;color:#ee3545;font-size:13px;font-weight:800;letter-spacing:.17em}
.unwoven-ground b{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(150px,25vw,420px);font-weight:900;line-height:.7;color:transparent;-webkit-text-stroke:1px #ffffff1b;letter-spacing:-.055em;white-space:nowrap}
.unwoven-masked,.unwoven-full{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%;filter:saturate(.92)}
.unwoven-masked{z-index:1;--reveal:18%;-webkit-mask-image:url('/assets/frontline/logo.png');mask-image:url('/assets/frontline/logo.png');-webkit-mask-size:var(--reveal) auto;mask-size:var(--reveal) auto;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;will-change:mask-size,transform}
.unwoven-full{z-index:2;opacity:0;pointer-events:none}
.unwoven-stage::after{content:'';position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(0deg,#080708d9,transparent 34%),linear-gradient(90deg,#08070888,transparent 48%)}
.unwoven-copy{position:absolute;z-index:4;bottom:35px;left:36px;right:36px;display:flex;align-items:end;justify-content:space-between;gap:30px;color:white}
.unwoven-copy span,.unwoven-scroll-cue{font-size:12px;font-weight:800;letter-spacing:.15em}
.unwoven-copy p{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-weight:800;font-size:clamp(38px,4.5vw,78px);line-height:.85;text-align:right;letter-spacing:-.01em}
.unwoven-scroll-cue{position:absolute;top:28px;right:30px;z-index:4;color:#fff9}
.gallery-track-shell{position:relative;width:100%;overflow:hidden}
.km-credit{display:flex;align-items:center;gap:11px;color:#200c0e;font-size:10px;font-weight:700;letter-spacing:.13em;line-height:1.35;white-space:nowrap}
.km-credit strong{font-weight:900}.km-credit small{display:block;font-size:9px;letter-spacing:.17em;opacity:.7;margin-top:2px}
.km-rule{display:block;width:23px;height:2px;background:#180708;transform-origin:left center}
@media(max-width:680px){.unwoven-stage{height:62svh;min-height:430px;margin:0 -23px 43px}.unwoven-ground b{font-size:180px}.unwoven-ground span{top:19px;left:20px}.unwoven-scroll-cue{top:20px;right:20px;font-size:10px}.unwoven-copy{left:20px;right:20px;bottom:24px;display:block}.unwoven-copy span{font-size:10px}.unwoven-copy p{font-size:48px;text-align:left;margin-top:12px}.unwoven-masked{--reveal:35%}.gallery-track-shell{overflow:visible}.footer-bottom{align-items:center}.km-credit{font-size:8px;letter-spacing:.06em;white-space:normal;gap:5px}.km-credit small{font-size:7px}.km-rule{width:12px;flex:none}}
@media(prefers-reduced-motion:reduce){.unwoven-masked{-webkit-mask-size:130% auto;mask-size:130% auto}.unwoven-full{opacity:.7}.km-credit{opacity:1!important}.km-rule{transform:none!important}}

/* Transparent mascot lives just above the existing WhatsApp action. */
.frontline-assistant{position:fixed;z-index:106;right:14px;bottom:82px;pointer-events:none}
.bot-launch{position:relative;display:block;width:104px;height:116px;padding:0;background:none;border:0;color:#fff;cursor:pointer;pointer-events:auto;transform:translateX(10px);filter:drop-shadow(0 10px 12px #0008);animation:botFloat 3.2s ease-in-out infinite}
.bot-launch img{display:block;width:100%;height:100%;object-fit:contain;object-position:bottom;pointer-events:none}
.bot-launch span{position:absolute;right:12px;bottom:2px;padding:5px 7px;background:#ee1727;color:#fff;font-size:8px;font-weight:900;letter-spacing:.09em;white-space:nowrap;transform:rotate(-5deg)}
.bot-launch:hover,.bot-launch.bot-hop{animation:botHop .65s ease-out}
.bot-launch:focus-visible,.bot-panel button:focus-visible,.bot-panel input:focus-visible,.bot-panel a:focus-visible{outline:2px solid #ff3441;outline-offset:3px}
@keyframes botFloat{50%{transform:translate(10px,-7px) rotate(2deg)}}
@keyframes botHop{35%{transform:translate(10px,-22px) rotate(-7deg)}70%{transform:translate(10px,2px) rotate(3deg)}}
.bot-panel{position:absolute;right:0;bottom:calc(100% + 10px);display:flex;flex-direction:column;width:min(380px,calc(100vw - 28px));height:min(540px,calc(100dvh - 230px));min-height:0;overflow:hidden;background:#111115f5;color:#f6f2ef;border:1px solid #ffffff37;box-shadow:0 24px 80px #000a;backdrop-filter:blur(18px);pointer-events:auto;animation:botAppear .3s cubic-bezier(.22,1,.36,1) both}
.bot-panel[hidden],.bot-chips[hidden]{display:none}
@keyframes botAppear{from{opacity:0;transform:translateY(16px) scale(.95)}}
.bot-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 17px 15px;border-bottom:1px solid #ffffff25;background:linear-gradient(105deg,#3a0d13,#151519)}
.bot-bar b{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:20px;letter-spacing:.04em}.bot-bar small{display:block;margin-top:3px;font-size:11px;color:#c4bac0}
.bot-bar button{font-size:28px;line-height:1;width:36px;height:36px;cursor:pointer;color:#fff}
.bot-messages{min-height:0;flex:1;display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:18px 15px;overscroll-behavior:contain}
.bot-message{max-width:88%;padding:11px 13px;font-size:13px;line-height:1.5;animation:botAppear .24s ease-out both;overflow-wrap:anywhere}
.bot-message--assistant,.bot-message--typing{align-self:flex-start;background:#27272d;border-left:2px solid #ed1927}
.bot-message--visitor{align-self:flex-end;background:#dc1828;color:#fff}
.bot-message--typing{color:#f04c59;letter-spacing:.3em;animation:botPulse 1s ease-in-out infinite}
@keyframes botPulse{50%{opacity:.55}}
.bot-message a{display:block;width:fit-content;margin-top:8px;color:#ff6b77;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.bot-chips{display:flex;flex-wrap:wrap;gap:7px;padding:0 15px 13px}
.bot-chips button{border:1px solid #ee334165;border-radius:20px;padding:7px 10px;color:#fff;background:#30161b;font-size:11px;cursor:pointer}
.bot-form{display:flex;gap:8px;border-top:1px solid #ffffff25;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px))}
.bot-form input{min-width:0;flex:1;border:1px solid #ffffff48;border-radius:0;background:#202026;color:white;padding:10px 12px;font-size:13px}
.bot-form input::placeholder{color:#aaa4aa}.bot-form button{width:42px;flex:none;background:#ed1927;color:white;font-size:22px;cursor:pointer}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* GSAP's masked word splits keep the original heading shape while revealing each word. */
.section-head h2 .word,.studio-copy h2 .word,.founder-copy h2 .word,.contact-main h2 .word{will-change:transform}
@media(max-width:680px){
  .frontline-assistant{right:10px;bottom:74px}
  .bot-launch{width:82px;height:95px}
  .bot-launch span{font-size:7px;right:7px;bottom:0}
  .bot-panel{width:calc(100vw - 20px);height:min(590px,calc(100dvh - 190px));bottom:calc(100% + 4px)}
  .founder-art .founder-cutout{height:min(88%,120vw);bottom:1%}
  .founder-caption{left:5%;right:5%;bottom:4%;font-size:9px;line-height:1.2;text-shadow:0 2px 8px #000}
  .founder-caption span,.founder-caption b{max-width:46%}
}
@media(max-height:520px){.bot-panel{height:calc(100dvh - 190px);min-height:0}.bot-launch{width:72px;height:78px}}
@media(prefers-reduced-motion:reduce){.bot-launch,.bot-launch:hover,.bot-launch.bot-hop,.bot-panel,.bot-message,.bot-message--typing{animation:none!important}}

/* CEO copy and portrait form one continuous double-exposure scene. */
.founder{position:relative;isolation:isolate;display:flex;align-items:center;min-height:830px;overflow:hidden;padding:105px clamp(24px,7vw,120px);background:#0b090d;color:#f5f1ef}
.founder-copy{position:relative;z-index:7;width:min(48%,650px);max-width:none}
.founder .section-tag{color:#ff5765}.founder .overline{color:#e0c8cc}
.founder h2{margin:22px 0 28px;font-size:clamp(95px,10vw,178px);line-height:.76;text-shadow:0 12px 35px #0007}
.founder h2 em{color:#ff3042}
.founder blockquote{max-width:610px;margin:40px 0 28px;padding-left:22px;border-left:3px solid #ec1927;color:#fff;font-size:clamp(34px,3.25vw,55px);line-height:.98;letter-spacing:-.018em}
.founder-copy>p:last-child{max-width:510px;color:#d6c9c9;font-size:16px;line-height:1.65}
.founder-art{position:absolute;z-index:0;inset:0;min-height:0;margin:0;overflow:hidden;clip-path:none;background:radial-gradient(circle at 78% 43%,#991625 0%,#410911 28%,#0b090d 67%)}
.founder-art::after{position:absolute;z-index:4;inset:0;background:linear-gradient(90deg,#0b090d 0%,#0b090df5 21%,#0b090dbd 39%,transparent 68%),linear-gradient(0deg,#09070abb,transparent 22%)}
.founder-art .founder-red-slab{z-index:0;inset:9% 3% 5% 43%;background:linear-gradient(130deg,#ed1927,#8a1022 55%,#13090c 100%);clip-path:polygon(11% 0,100% 0,100% 100%,0 100%,0 11%);box-shadow:none}
.founder-ghost{z-index:1;top:19%;left:50%;transform:rotate(-90deg);font-size:clamp(190px,23vw,400px);opacity:.16}
.founder-art .founder-cutout,.founder-art .founder-exposure{position:absolute;left:77%;bottom:-1%;width:auto;height:98%;max-width:none;margin:0;object-fit:contain;object-position:center bottom;transform:translateX(-50%)}
.founder-art .founder-cutout{z-index:2;filter:grayscale(.25) contrast(1.08) drop-shadow(20px 15px 25px #0008)}
.founder-art .founder-exposure{z-index:3;aspect-ratio:1122/1402;object-fit:cover;opacity:.48;mix-blend-mode:screen;-webkit-mask-image:url('/assets/frontline/kusan-nirash-cutout.png');mask-image:url('/assets/frontline/kusan-nirash-cutout.png');-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none;will-change:clip-path,opacity,transform}
.founder-caption{z-index:6;left:clamp(24px,7vw,120px);right:clamp(24px,7vw,120px);bottom:25px;padding-top:12px;border-top:1px solid #ffffff80;font-size:10px;letter-spacing:.16em}
@media(max-width:680px){
  .founder{display:block;min-height:0;padding:68px 22px min(122vw,470px);background:#0b090d}
  .founder-copy{width:100%;max-width:540px}
  .founder .overline{margin:24px 0 17px}
  .founder h2{font-size:clamp(82px,22vw,112px);margin:16px 0 25px;line-height:.75}
  .founder blockquote{font-size:clamp(32px,8.2vw,43px);margin:31px 0 20px;padding-left:15px;line-height:1.01}
  .founder-copy>p:last-child{max-width:440px;font-size:15px;line-height:1.55;color:#ded0d0}
  .founder-art{position:absolute;inset:0;margin:0;min-height:0;background:radial-gradient(circle at 60% 78%,#ad1829,#370810 38%,#0b090d 82%)}
  .founder-art::after{background:linear-gradient(180deg,#0b090d 0%,#0b090de8 25%,#0b090da0 47%,transparent 65%),linear-gradient(0deg,#0b090dc0,transparent 15%)}
  .founder-art .founder-red-slab{inset:49% 5% 4% 5%}
  .founder-ghost{top:56%;left:-9%;font-size:clamp(140px,42vw,220px);opacity:.2}
  .founder-art .founder-cutout,.founder-art .founder-exposure{left:50%;bottom:-1%;height:min(50%,118vw)}
  .founder-caption{left:22px;right:22px;bottom:18px;font-size:9px;line-height:1.2;gap:10px}
  .founder-caption span,.founder-caption b{max-width:48%}
}
@media(prefers-reduced-motion:reduce){.founder-art .founder-exposure{clip-path:none!important;opacity:.32!important;transform:translateX(-50%)!important}}