/* Folkastudio visual system v2 — image-led, typographic, and intentionally editorial. */
:root{--ink:#070b0a;--paper:#eeeee8;--paper-2:#dfe1da;--lime:#d8ff4f;--blue:#2c5cff;--orange:#ff5b35;--line:rgba(7,11,10,.22);--sans:"Space Grotesk",sans-serif;--display:"Space Grotesk",sans-serif;--mono:"IBM Plex Mono",monospace;--max:1600px}body{font-family:var(--sans);background:var(--paper);letter-spacing:-.015em}.availability{height:28px;background:#050707;color:#bfc5c1;font:400 .55rem var(--mono);letter-spacing:.12em;border-bottom:1px solid rgba(255,255,255,.13)}.site-header{max-width:none;height:88px;background:var(--ink);color:#fff;border-bottom:1px solid rgba(255,255,255,.14);padding:0 3.1vw}.logo{font:500 1.05rem var(--display);letter-spacing:-.055em}.logo i{background:var(--lime);color:var(--ink);border-radius:0;transform:rotate(-8deg);font:500 1.3rem var(--display)}.nav{font:400 .72rem var(--mono);letter-spacing:.02em;gap:2rem}.nav-cta{background:transparent;border:1px solid rgba(255,255,255,.32);border-radius:0;padding:.8rem 1rem}.nav-cta:hover{background:var(--lime);color:var(--ink)}.eyebrow{font:500 .61rem var(--mono);letter-spacing:.12em}.eyebrow:before{width:18px}.btn{border-radius:0;padding:1rem 1.15rem;font:500 .67rem var(--mono);text-transform:uppercase;letter-spacing:.04em;background:var(--blue);border-color:var(--blue)}.btn-secondary{background:transparent;color:inherit;border-color:currentColor}.home-hero-v2{max-width:none;min-height:auto;display:block;background:var(--ink);color:#fff;padding:2.5rem 3.1vw 4rem}.hero-topline{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid rgba(255,255,255,.2);padding-top:.75rem;color:#8e9691;font:400 .55rem var(--mono);letter-spacing:.08em}.hero-topline span:nth-child(2){text-align:center}.hero-topline span:last-child{text-align:right}.home-hero-v2 h1{font:500 clamp(4.8rem,9.15vw,10rem)/.83 var(--display);letter-spacing:-.082em;margin:3.8rem 0 3rem;text-transform:uppercase;max-width:none}.home-hero-v2 h1 span{display:block}.home-hero-v2 h1 span:nth-child(2){margin-left:10.5vw}.home-hero-v2 h1 span:nth-child(3){text-align:right;color:var(--lime)}.home-hero-v2 h1 i{font-style:normal}.hero-image-v2{height:min(69vw,850px);max-height:calc(100vh - 110px);min-height:560px;position:relative;overflow:hidden;background:#0d1517}.hero-image-v2:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.66));pointer-events:none}.hero-image-v2 img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-image-tag{position:absolute;left:1.5rem;top:1.5rem;z-index:2;display:flex;gap:.4rem}.hero-image-tag small{font:400 .54rem var(--mono);letter-spacing:.08em;padding:.55rem .65rem;color:white;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.25);backdrop-filter:blur(10px)}.hero-image-v2>a{position:absolute;right:1.5rem;bottom:1.5rem;z-index:2;width:190px;height:190px;border-radius:50%;background:var(--lime);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;font:500 .64rem var(--mono);letter-spacing:.05em;gap:1rem;transition:.3s}.hero-image-v2>a svg{width:2rem}.hero-image-v2>a:hover{transform:rotate(-8deg) scale(1.03);background:#fff}.hero-bottom{display:grid;grid-template-columns:1.2fr 1fr auto;gap:3rem;align-items:end;padding:2rem 0 0}.hero-bottom>p{font-size:1.18rem;max-width:520px;color:#c2c7c4;margin:0;line-height:1.5}.scroll-cue{font:400 .55rem var(--mono);letter-spacing:.12em;color:#7c837f;writing-mode:vertical-rl}.studio-statement{max-width:none;background:var(--lime);color:var(--ink);padding:8rem 3.1vw 7rem}.statement-index{font:500 .61rem var(--mono);letter-spacing:.1em;margin-bottom:6rem}.studio-statement h2{font:400 clamp(3rem,6.35vw,7rem)/1.02 var(--display);letter-spacing:-.068em;margin:0;max-width:1450px}.studio-statement h2 strong{font-weight:500;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.12em}.statement-foot{display:grid;grid-template-columns:1fr 1fr;gap:12vw;margin-top:6rem;margin-left:28vw}.statement-foot>p{font-size:1.05rem;line-height:1.6;margin:0}.statement-foot>div{border-top:1px solid var(--ink)}.statement-foot span{display:block;padding:.8rem 0;border-bottom:1px solid rgba(7,11,10,.28);font:400 .64rem var(--mono);text-transform:uppercase}.services-v2{max-width:none;padding:9rem 3.1vw;background:#090e0c;display:grid;grid-template-columns:.7fr 1.3fr;gap:9vw}.services-title{position:sticky;top:2rem;align-self:start}.services-title h2{font:400 clamp(3.2rem,5.4vw,5.8rem)/.94 var(--display);letter-spacing:-.07em;margin:0}.services-title p{max-width:360px;color:#88918c;margin-top:2rem}.services-v2 .service-list{margin:0}.services-v2 .service-row{min-height:145px;grid-template-columns:48px 1fr 160px auto;padding:.9rem 0}.services-v2 .service-row:hover{padding-left:1rem;background:var(--lime);color:var(--ink)}.services-v2 .service-row>span:nth-child(2){display:block}.services-v2 .service-row b{font:400 clamp(1.8rem,3.3vw,3.5rem)/1 var(--display);letter-spacing:-.06em}.services-v2 .service-row small{display:block;margin-top:.65rem;max-width:500px;color:#86908a;font-size:.76rem}.services-v2 .service-row:hover small{color:rgba(7,11,10,.6)}.services-v2 .service-row>em{font:400 .56rem var(--mono);font-style:normal;text-transform:uppercase;letter-spacing:.07em;color:#7b837f}.services-v2 .service-row>svg{width:1.5rem}.work-v2{max-width:none;padding:9rem 3.1vw;background:var(--paper);display:grid;grid-template-columns:.5fr 1.5fr;gap:5vw}.work-title{position:sticky;top:2rem;align-self:start}.work-title h2{font:400 clamp(3rem,5.5vw,6rem)/.88 var(--display);letter-spacing:-.078em;margin:0 0 3rem}.work-title h2 span{color:var(--blue)}.work-v2 .case-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:5rem 1.25rem;margin:0}.work-v2 .case-card:first-child{grid-row:span 2}.work-v2 .case-card:first-child .case-visual{height:780px}.work-v2 .case-card:not(:first-child){margin-top:10rem}.work-v2 .case-card:not(:first-child) .case-visual{height:380px}.case-visual{border-radius:0}.mini-window{border-radius:0}.case-meta span{border-radius:0;font:400 .53rem var(--mono)}.case-card h3{font-weight:400}.case-card>small{font-family:var(--mono)}.craft-section{background:var(--ink);color:#fff;padding:9rem 3.1vw;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.craft-photo{height:min(78vw,940px);position:relative;overflow:hidden}.craft-photo:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.18)}.craft-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.07)}.craft-photo>span{position:absolute;left:1rem;bottom:1rem;z-index:2;background:var(--lime);color:var(--ink);padding:.65rem;font:500 .53rem var(--mono);letter-spacing:.08em}.craft-copy h2{font:400 clamp(3.2rem,5.7vw,6rem)/.93 var(--display);letter-spacing:-.074em;margin:0}.craft-copy h2 i{font-style:normal;color:var(--lime)}.craft-copy>p{font-size:1.05rem;line-height:1.7;color:#9ea6a1;max-width:570px;margin:2.4rem 0}.craft-principles{border-top:1px solid rgba(255,255,255,.22);margin:3rem 0}.craft-principles span{display:grid;grid-template-columns:45px 1fr;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.18);font-size:.78rem}.craft-principles b{font:400 .6rem var(--mono);color:var(--lime)}.process-v2{background:var(--blue);color:#fff;padding:8rem 3.1vw}.process-title{display:grid;grid-template-columns:1fr 2fr;align-items:start}.process-title>span{font:400 .6rem var(--mono);letter-spacing:.1em}.process-title h2{font:400 clamp(3.4rem,6vw,6.5rem)/.94 var(--display);letter-spacing:-.075em;margin:0}.process-title h2 i{font-style:normal;color:var(--lime)}.process-rail{display:grid;grid-template-columns:repeat(4,1fr);margin-top:8rem;border-top:1px solid rgba(255,255,255,.45)}.process-rail article{min-height:300px;padding:1.2rem 2rem 1rem 0;border-right:1px solid rgba(255,255,255,.26);position:relative}.process-rail article+article{padding-left:1.3rem}.process-rail span{font:400 .62rem var(--mono);color:var(--lime)}.process-rail h3{font:400 clamp(1.7rem,3vw,3rem) var(--display);letter-spacing:-.05em;margin:7rem 0 .5rem}.process-rail p{font-size:.75rem;color:rgba(255,255,255,.65);max-width:220px}.process-rail i{position:absolute;right:-6px;top:-6px;width:12px;height:12px;background:var(--lime);border-radius:50%}.industry-v2{background:#dfe1da;padding-top:9rem;padding-bottom:9rem}.industry-v2 .industry-list{grid-template-columns:1fr;margin-top:5rem}.industry-v2 .industry-chip{grid-template-columns:65px .75fr 1.25fr auto;min-height:115px;padding:0;border-right:0!important}.industry-v2 .industry-chip:nth-child(even){padding-left:0}.industry-v2 .industry-chip b{font:400 clamp(1.5rem,2.8vw,2.8rem) var(--display);letter-spacing:-.05em}.industry-v2 .industry-chip small{font-size:.75rem;max-width:480px;color:rgba(7,11,10,.57)}.industry-v2 .industry-chip:hover{background:var(--ink);color:#fff;padding:0 1rem}.industry-v2 .industry-chip:hover small{color:#9ea5a1}.faq-section{background:var(--paper);}.faq-section .section-head h2{font-weight:400;font-style:normal}.faq-section .section-head h2 em{font-family:var(--display);font-style:normal;color:var(--blue)}summary{font-weight:400}.final-cta{background:var(--lime);color:var(--ink);min-height:720px}.final-cta:after{color:rgba(7,11,10,.06)}.final-cta h2{font-weight:400}.final-cta h2 em{font-family:var(--display);font-style:normal;color:var(--blue)}.final-cta p{color:rgba(7,11,10,.64)}.final-cta .btn{background:var(--ink);border-color:var(--ink);color:#fff}.final-cta .btn-secondary{background:transparent;color:var(--ink);border-color:var(--ink)}footer{background:#050706}.footer-col,.footer-brand p{color:#828984}.status{font-family:var(--mono)}
/* Inner page rhythm */
.page-hero{max-width:none;background:var(--ink);color:#fff;padding:7rem 3.1vw 8rem;min-height:760px;grid-template-columns:1.35fr .65fr}.page-hero:before{content:"FOLKA / CAPABILITY";position:absolute;top:145px;left:3.1vw;font:400 .55rem var(--mono);letter-spacing:.12em;color:#717a75}.page-hero h1{font:400 clamp(4.2rem,7.7vw,8.8rem)/.88 var(--display);letter-spacing:-.08em;text-transform:uppercase}.page-hero h1 em{font-family:var(--display);font-style:normal;color:var(--lime)}.page-hero>div>p{color:#aab1ad;max-width:650px}.page-hero .btn-secondary{color:#fff;border-color:rgba(255,255,255,.55)}.page-index{border-radius:0;border:0;background:var(--blue);color:#fff;box-shadow:20px 20px 0 var(--lime);transform:rotate(0);height:470px;font-weight:500}.page-index em{font-family:var(--display);font-style:normal;color:var(--lime)}.service-orbit{border-radius:0;box-shadow:18px 18px 0 var(--lime);transform:rotate(3deg)}.service-orbit>i,.orbit-core{border-radius:0}.orbit-core{transform:rotate(-3deg)}.outcome-strip{background:var(--lime);color:var(--ink);padding-top:6rem;padding-bottom:6rem}.outcome-strip h2{font-weight:400}.capability-grid{grid-template-columns:1fr;padding-top:0;padding-bottom:8rem}.capability-card,.capability-card:nth-child(even){min-height:210px;display:grid;grid-template-columns:60px 90px .7fr 1.3fr auto;align-items:center;gap:1rem;padding:1.5rem 0;border-left:0;border-top:1px solid var(--ink)}.capability-card>span{grid-column:1}.capability-card i{float:none;grid-column:2;grid-row:1;width:55px;height:55px;border-radius:0}.capability-card h2{grid-column:3;grid-row:1;font:400 clamp(2rem,3.5vw,3.8rem) var(--display);margin:0}.capability-card p{grid-column:4;grid-row:1;margin:0}.capability-card>b{grid-column:5;grid-row:1;position:static}.dark-manifesto h2{font-weight:400}.feature-section{padding-top:9rem;padding-bottom:9rem}.sticky-intro h2,.stack-section h2{font-weight:400}.sticky-intro h2 em,.stack-section h2 em,.career-copy h2 em,.location h2 em{font-family:var(--display);font-style:normal;color:var(--blue)}.feature-list h3{font-weight:400}.service-process h2{font-weight:400}.service-process h2 em{font-family:var(--display);font-style:normal;color:var(--lime)}.industry-grid{grid-template-columns:1fr;padding-top:0}.industry-card,.industry-card:nth-child(even){min-height:220px;padding:2rem 0;border-left:0;display:grid;grid-template-columns:70px 1fr 1.1fr auto;gap:1.5rem;align-items:center}.industry-card>span{grid-column:1}.industry-card h2{grid-column:2;margin:0}.industry-card p{grid-column:3;margin:0}.industry-card b{grid-column:4;position:static}.problem-section{background:var(--lime)}.problem-section h2{font-weight:400}.estimate h2{font-weight:400}.estimate h2 em{font-family:var(--display);font-style:normal;color:var(--lime)}.portfolio-grid{grid-template-columns:1.25fr .75fr}.portfolio-grid .case-card:nth-child(even){margin-top:12rem}.portfolio-grid .case-card:nth-child(3n){grid-column:1/-1;width:72%;margin-left:auto}.portfolio-grid .case-visual{border-radius:0}.story-big,.values h2,.location h2,.featured-article h2,.article-grid h3,.article h1,.article-body h2,.contact-intro h1,.jobs h3,.legal-page h1{font-weight:400}.story-big em,.contact-intro h1 em{font-family:var(--display);font-style:normal;color:var(--blue)}.featured-article{background:var(--ink)}.editorial-art{background:var(--lime)}.contact-page{padding-top:8rem}.form-wrap{border-radius:0;box-shadow:16px 16px 0 var(--blue)}.contact-form input,.contact-form select,.contact-form textarea{border-radius:0}.filters button,.case-meta span{border-radius:0;font-family:var(--mono)}
/* Service detail pages */
.service-detail-hero{--service-accent:var(--blue);min-height:900px;background:var(--ink);color:#fff;padding:2rem 3.1vw 4rem;display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:auto 1fr auto;gap:3rem 6vw}.service-detail-hero.service-lime{--service-accent:var(--lime)}.service-detail-hero.service-orange{--service-accent:var(--orange)}.service-detail-hero.service-rose{--service-accent:var(--rose)}.service-detail-hero.service-violet{--service-accent:var(--violet)}.service-detail-hero.service-teal{--service-accent:var(--teal)}.service-breadcrumb{grid-column:1/-1;display:flex;gap:.65rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.18);font:400 .57rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#818a85}.service-breadcrumb a:hover{color:#fff}.service-hero-copy{align-self:center}.service-hero-copy .eyebrow{color:var(--service-accent)}.service-hero-copy h1{font:400 clamp(3.7rem,6.3vw,7rem)/.9 var(--display);letter-spacing:-.078em;margin:0;max-width:930px}.service-hero-copy>p{font-size:1.05rem;line-height:1.65;color:#a8b0ab;max-width:610px;margin:2rem 0}.service-jump{font:400 .62rem var(--mono);text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.4);padding:.9rem 0}.service-artifact{align-self:center;height:590px;background:var(--service-accent);padding:7%;display:grid;place-items:center;overflow:hidden;position:relative}.service-artifact:before{content:"";position:absolute;inset:1rem;border:1px solid rgba(7,11,10,.25);pointer-events:none}.service-signals{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.18)}.service-signals span{padding:1rem 0;font:400 .58rem var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#8a938e}.service-signals span+span{padding-left:1rem;border-left:1px solid rgba(255,255,255,.18)}.service-signals b{color:var(--service-accent);margin-right:1rem}.artifact-browser,.artifact-dashboard,.artifact-shop,.artifact-figma{width:100%;height:78%;background:#f3f3ed;color:var(--ink);border:1px solid var(--ink);box-shadow:14px 14px 0 var(--ink);position:relative;overflow:hidden}.artifact-bar{height:34px;background:var(--ink);display:flex;align-items:center;gap:5px;padding:0 10px;color:#fff}.artifact-bar i{width:6px;height:6px;border-radius:50%;background:var(--lime)}.artifact-bar span{margin:auto;font:400 .45rem var(--mono);color:#929995}.artifact-web{display:grid;grid-template-columns:30% 70%;height:calc(100% - 34px)}.artifact-web aside{padding:1rem;background:#d9dcd5;display:flex;flex-direction:column;gap:.55rem;font:.46rem var(--mono)}.artifact-web aside b{margin-bottom:auto}.artifact-web>div{padding:1.4rem;background:linear-gradient(135deg,#fafaf5,#d9dfd9);display:flex;flex-direction:column;align-items:start}.artifact-web small{font:.42rem var(--mono)}.artifact-web strong{font:500 clamp(1.7rem,3vw,3.4rem)/.88 var(--display);letter-spacing:-.07em;margin:auto 0}.artifact-web button,.artifact-shop button{background:var(--blue);color:#fff;border:0;padding:.6rem;font:.45rem var(--mono)}.artifact-phones{width:100%;height:90%;display:flex;align-items:center;justify-content:center;gap:-1rem}.artifact-phones>div{width:42%;height:82%;background:#f2f3ed;border:2px solid var(--ink);border-radius:1.8rem;padding:1rem;color:var(--ink);box-shadow:8px 10px 0 rgba(7,11,10,.8);display:flex;flex-direction:column;gap:.75rem}.artifact-phones>div:first-child{transform:rotate(-8deg) translateX(15%)}.artifact-phones>div:nth-child(2){z-index:2;height:94%}.artifact-phones>div:last-child{transform:rotate(8deg) translateX(-15%)}.artifact-phones span{font:.45rem var(--mono)}.artifact-phones b{font:500 .75rem var(--display)}.artifact-phones i{height:22%;background:#dfe2db;border-radius:.4rem}.artifact-phones button{margin-top:auto;background:var(--ink);color:#fff;border:0;padding:.6rem;font:.45rem var(--mono)}.artifact-phones em{display:inline-grid;place-items:center;background:var(--ink);color:#fff;font-style:normal;padding:.7rem}.artifact-dashboard{display:grid;grid-template-columns:20% 80%;background:#0c1512;color:#fff}.artifact-dashboard aside{background:#050807;padding:1rem;display:flex;flex-direction:column;gap:1rem}.artifact-dashboard aside b{color:var(--lime);font:.65rem var(--mono);margin-bottom:1rem}.artifact-dashboard aside i{height:8px;background:#2f3834}.artifact-dashboard>div{padding:1.2rem}.artifact-dashboard header{display:flex;justify-content:space-between;font:.55rem var(--mono)}.artifact-dashboard header small{color:var(--lime)}.artifact-dashboard section{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:1.2rem 0}.artifact-dashboard article{background:#18221e;padding:.8rem;display:flex;flex-direction:column}.artifact-dashboard article small{font:.45rem var(--mono);color:#8e9792}.artifact-dashboard article b{font:500 1.4rem var(--display)}.artifact-chart{height:45%;display:flex;gap:.35rem;align-items:end;border-bottom:1px solid #53605a}.artifact-chart i{width:100%;background:var(--orange)}.artifact-shop{padding:1.1rem;background:#f4efe7}.artifact-shop header,.artifact-shop footer{display:flex;justify-content:space-between;align-items:center;font:.5rem var(--mono)}.artifact-products{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;height:64%;margin:1.2rem 0}.artifact-products article{display:flex;flex-direction:column;font:.48rem var(--mono)}.artifact-products article i{height:100%;margin-bottom:.5rem;background:linear-gradient(145deg,#d8cbc1,#847a71);position:relative}.artifact-products article:nth-child(2) i{background:linear-gradient(145deg,#b9c6d2,#3e5060)}.artifact-products article i:after{content:"";position:absolute;inset:28%;border:1px solid rgba(255,255,255,.7);border-radius:50%}.artifact-shop footer{border-top:1px solid var(--ink);padding-top:.7rem}.artifact-figma{display:grid;grid-template-columns:25% 75%;background:#dadbd5}.artifact-figma aside{background:#131a17;color:#fff;padding:1rem;display:flex;flex-direction:column;gap:.8rem;font:.45rem var(--mono)}.artifact-figma aside b{color:var(--lime);margin-bottom:1rem}.artifact-figma>div{margin:1.2rem;background:#fff;padding:1rem}.wire-nav{height:8%;background:#1a211e}.wire-hero{height:48%;background:#e2e5df;margin-top:.7rem;display:grid;grid-template-columns:1.3fr .7fr;gap:.8rem;padding:.8rem}.wire-hero i{background:#bec4bd}.wire-hero span{background:var(--blue)}.wire-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;height:27%;margin-top:.7rem}.wire-grid i{background:#d2d5cf}.artifact-figma>em{position:absolute;right:.4rem;bottom:.4rem;font:.4rem var(--mono);font-style:normal}.artifact-ai{width:100%;height:100%;position:relative;color:var(--ink)}.artifact-ai svg{position:absolute;inset:0;width:100%;height:100%;stroke:rgba(7,11,10,.45);stroke-width:.45}.ai-core{position:absolute;z-index:2;left:34%;top:34%;width:32%;aspect-ratio:1;background:var(--ink);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.ai-core span{color:var(--lime);font-size:1.7rem}.ai-core b{font:500 .8rem/1.1 var(--display)}.ai-node{position:absolute;z-index:2;background:#eff1ec;border:1px solid var(--ink);padding:.6rem;font:.48rem var(--mono);display:flex;gap:.4rem;align-items:center}.ai-node i{width:6px;height:6px;background:var(--blue);border-radius:50%}.ai-node.n1{left:2%;top:11%}.ai-node.n2{right:2%;top:8%}.ai-node.n3{right:0;top:51%}.ai-node.n4{right:12%;bottom:5%}.ai-node.n5{left:4%;bottom:10%}.service-pains,.service-deliverables,.service-process-v2,.service-why,.service-industries,.service-faq{padding:9rem max(3.1vw,calc((100vw - var(--max))/2 + 3.1vw))}.service-pains{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;background:var(--paper)}.service-section-title>span,.proof-label,.service-ai-craft>div>span{font:500 .58rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.service-section-title h2{font:400 clamp(2.8rem,5vw,5.5rem)/.95 var(--display);letter-spacing:-.07em;margin:2rem 0}.service-section-title>p{max-width:430px;color:rgba(7,11,10,.6)}.pain-list{border-top:1px solid var(--ink)}.pain-list article{min-height:150px;display:grid;grid-template-columns:60px 1fr;align-items:center;border-bottom:1px solid var(--line)}.pain-list article>span{font:.6rem var(--mono);color:var(--blue)}.pain-list p{font:400 clamp(1.25rem,2.2vw,2.2rem)/1.25 var(--display);letter-spacing:-.04em;margin:0}.service-outcome{background:var(--lime);padding:5rem max(3.1vw,calc((100vw - var(--max))/2 + 3.1vw));display:grid;grid-template-columns:.5fr 1.5fr;gap:4rem}.service-outcome>span{font:.58rem var(--mono);letter-spacing:.1em}.service-outcome h2{font:400 clamp(2.6rem,5vw,5.4rem)/1.02 var(--display);letter-spacing:-.07em;margin:0}.service-deliverables{background:#dde0d9}.service-deliverables>.service-section-title{display:grid;grid-template-columns:.55fr 1fr .6fr;gap:4rem;align-items:start}.service-deliverables>.service-section-title h2{margin:0}.deliverable-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:6rem;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.deliverable-grid article{min-height:310px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:1.5rem;position:relative;transition:.25s}.deliverable-grid article:hover{background:var(--ink);color:#fff}.deliverable-grid article>span{font:.58rem var(--mono);color:var(--blue)}.deliverable-grid h3{font:400 1.65rem var(--display);letter-spacing:-.04em;margin:5rem 0 1rem}.deliverable-grid p{font-size:.78rem;line-height:1.6;color:rgba(7,11,10,.6);max-width:320px}.deliverable-grid article:hover p{color:#9ea6a1}.deliverable-grid article>i{position:absolute;right:1.4rem;top:1rem;font-style:normal;font-size:1.4rem}.service-process-v2{background:var(--ink);color:#fff;display:grid;grid-template-columns:.65fr 1.35fr;gap:9vw}.service-process-v2 .service-section-title>p{color:#8e9792}.service-process-list{border-top:1px solid rgba(255,255,255,.25)}.service-process-list article{min-height:155px;display:grid;grid-template-columns:55px .6fr 1fr auto;align-items:center;border-bottom:1px solid rgba(255,255,255,.19);position:relative}.service-process-list span{font:.58rem var(--mono);color:var(--lime)}.service-process-list h3{font:400 1.75rem var(--display);letter-spacing:-.05em}.service-process-list p{font-size:.78rem;color:#909894;max-width:370px}.service-process-list i{width:10px;height:10px;border-radius:50%;background:var(--lime)}.service-proof{padding:9rem max(3.1vw,calc((100vw - var(--max))/2 + 3.1vw));display:grid;grid-template-columns:.35fr .65fr 1fr;gap:4rem;background:var(--paper);align-items:center}.proof-copy>span{font:.56rem var(--mono);text-transform:uppercase}.proof-copy h2{font:400 clamp(2.7rem,4.7vw,5rem)/.95 var(--display);letter-spacing:-.07em;margin:2rem 0 1rem}.proof-copy p{font-size:.88rem;line-height:1.7;color:rgba(7,11,10,.62);max-width:480px}.proof-copy small{display:block;font:.55rem var(--mono);margin:2rem 0}.proof-visual{height:600px;background:var(--blue);position:relative;overflow:hidden;padding:2rem}.proof-visual.lime{background:var(--lime)}.proof-visual.orange{background:var(--orange)}.proof-visual.rose{background:var(--rose)}.proof-visual.violet{background:var(--violet)}.proof-visual.teal{background:var(--teal)}.proof-visual>span{font:500 clamp(2.5rem,5vw,5.5rem)/.86 var(--display);letter-spacing:-.08em;position:relative;z-index:2;display:block;max-width:80%}.proof-visual>div{position:absolute;width:72%;height:58%;right:-7%;bottom:-6%;transform:rotate(-4deg)}.proof-visual .artifact-browser,.proof-visual .artifact-dashboard,.proof-visual .artifact-shop,.proof-visual .artifact-figma{height:100%}.proof-visual .artifact-phones{height:110%}.proof-visual .artifact-ai{height:100%;background:transparent}.service-why{background:var(--lime)}.service-why>.service-section-title{display:grid;grid-template-columns:.35fr 1.65fr;gap:4rem}.service-why>.service-section-title h2{margin:0}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:7rem;border-top:1px solid var(--ink)}.why-grid article{min-height:230px;padding:1.5rem 2rem 1rem 0;border-right:1px solid rgba(7,11,10,.25)}.why-grid article+article{padding-left:1.5rem}.why-grid span{font:.58rem var(--mono);color:var(--blue)}.why-grid h3{font:400 1.45rem var(--display);margin:5rem 0 .7rem}.why-grid p{font-size:.75rem;color:rgba(7,11,10,.62)}.service-ai-craft{background:var(--blue);color:#fff;padding:9rem max(3.1vw,calc((100vw - var(--max))/2 + 3.1vw));display:grid;grid-template-columns:1fr 1fr;gap:8vw}.service-ai-craft h2{font:400 clamp(3rem,5.4vw,5.8rem)/.95 var(--display);letter-spacing:-.07em}.service-ai-craft>div>p{font-size:1rem;line-height:1.7;color:rgba(255,255,255,.7);max-width:580px}.ai-craft-grid{margin-top:4rem;border-top:1px solid rgba(255,255,255,.4)}.ai-craft-grid article{display:grid;grid-template-columns:50px 1fr 1.2fr;align-items:center;min-height:100px;border-bottom:1px solid rgba(255,255,255,.24)}.ai-craft-grid b{font:.58rem var(--mono);color:var(--lime)}.ai-craft-grid h3{font:400 1.2rem var(--display)}.ai-craft-grid p{font-size:.7rem;color:rgba(255,255,255,.6)}.service-industries{background:#dde0d9;display:grid;grid-template-columns:.65fr 1.35fr;gap:8vw}.service-industry-links{border-top:1px solid var(--ink);display:grid;grid-template-columns:1fr 1fr}.service-industry-links a{min-height:78px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:38px 1fr auto;align-items:center;padding-right:1rem;font-size:.8rem}.service-industry-links a:nth-child(odd){border-right:1px solid var(--line)}.service-industry-links a:nth-child(even){padding-left:1rem}.service-industry-links span{font:.55rem var(--mono);color:var(--blue)}.service-industry-links svg{width:1rem}.service-stack{background:var(--paper)}.service-faq{background:var(--paper);display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.service-faq .service-section-title h2{font-size:clamp(2.5rem,4.2vw,4.5rem)}.service-faq .faq-list{margin-top:0}.service-faq details>p{margin-left:60px}
@media(max-width:900px){.site-header{height:72px}.nav{top:72px;background:var(--ink);color:#fff}.menu-toggle span{background:#fff}.home-hero-v2{padding:2rem 1.2rem 3rem}.hero-topline{grid-template-columns:1fr auto}.hero-topline span:nth-child(2){display:none}.home-hero-v2 h1{font-size:clamp(3.3rem,13vw,6rem);margin:3rem 0 2rem}.home-hero-v2 h1 span:nth-child(2){margin-left:0}.home-hero-v2 h1 span:nth-child(3){text-align:left}.hero-image-v2{min-height:500px;height:70vh}.hero-image-v2 img{object-position:66% center}.hero-image-v2>a{width:125px;height:125px;right:1rem;bottom:1rem}.hero-image-tag{flex-direction:column}.hero-image-tag small:nth-child(n+2){display:none}.hero-bottom{grid-template-columns:1fr;gap:1.5rem}.scroll-cue{display:none}.studio-statement{padding:6rem 1.2rem}.statement-index{margin-bottom:3.5rem}.studio-statement h2{font-size:clamp(2.5rem,8vw,4.5rem)}.statement-foot{grid-template-columns:1fr;margin:4rem 0 0;gap:2rem}.services-v2{padding:6rem 1.2rem;grid-template-columns:1fr;gap:4rem}.services-title{position:relative;top:auto}.services-v2 .service-row{grid-template-columns:36px 1fr auto;min-height:115px}.services-v2 .service-row>em{display:none}.services-v2 .service-row b{font-size:2rem}.work-v2{padding:6rem 1.2rem;grid-template-columns:1fr}.work-title{position:relative;top:auto}.work-v2 .case-grid{grid-template-columns:1fr}.work-v2 .case-card:first-child{grid-row:auto}.work-v2 .case-card:first-child .case-visual,.work-v2 .case-card:not(:first-child) .case-visual{height:480px}.work-v2 .case-card:not(:first-child){margin-top:2rem}.craft-section{padding:6rem 1.2rem;grid-template-columns:1fr;gap:4rem}.craft-photo{height:125vw;max-height:720px}.process-v2{padding:6rem 1.2rem}.process-title{grid-template-columns:1fr;gap:2rem}.process-rail{grid-template-columns:1fr 1fr;margin-top:5rem}.process-rail article{min-height:240px}.industry-v2{padding:6rem 1.2rem}.industry-v2 .industry-chip{grid-template-columns:45px 1fr auto}.industry-v2 .industry-chip small{display:none}.page-hero{padding:6rem 1.2rem;grid-template-columns:1fr;min-height:auto}.page-hero:before{top:115px;left:1.2rem}.page-index{width:100%;height:350px}.capability-card,.capability-card:nth-child(even){grid-template-columns:45px 65px 1fr auto;min-height:180px}.capability-card h2{grid-column:3}.capability-card p{grid-column:2/4;grid-row:2}.capability-card>b{grid-column:4}.industry-card,.industry-card:nth-child(even){grid-template-columns:45px 1fr auto}.industry-card h2{grid-column:2}.industry-card p{grid-column:2;grid-row:2}.industry-card b{grid-column:3;grid-row:1}.portfolio-grid{grid-template-columns:1fr}.portfolio-grid .case-card:nth-child(even){margin-top:3rem}.portfolio-grid .case-card:nth-child(3n){grid-column:auto;width:auto;margin-left:0}}
@media(max-width:580px){.availability{font-size:.47rem}.home-hero-v2 h1{font-size:11.5vw;line-height:.87}.hero-image-v2{min-height:390px;height:58vh}.hero-image-v2>a{width:104px;height:104px;font-size:.5rem}.hero-image-tag{left:.7rem;top:.7rem}.hero-bottom>p{font-size:1rem}.studio-statement{padding:5rem 1rem}.studio-statement h2{font-size:2.25rem}.services-v2,.work-v2,.craft-section,.process-v2,.industry-v2{padding-left:1rem;padding-right:1rem}.services-v2 .service-row{grid-template-columns:30px 1fr auto}.services-v2 .service-row small{display:none}.work-v2 .case-card:first-child .case-visual,.work-v2 .case-card:not(:first-child) .case-visual{height:380px}.process-rail{grid-template-columns:1fr}.process-rail article{min-height:190px}.process-rail h3{margin-top:4rem}.industry-v2 .industry-chip b{font-size:1.3rem}.page-hero h1{font-size:12vw}.capability-card,.capability-card:nth-child(even){grid-template-columns:35px 1fr auto;gap:.6rem}.capability-card i{display:none}.capability-card h2{grid-column:2}.capability-card p{grid-column:2/4}.capability-card>b{display:none}.industry-card,.industry-card:nth-child(even){grid-template-columns:35px 1fr}.industry-card b{display:none}.industry-card p{grid-column:2}}

/* Service detail responsive composition */
@media(max-width:900px){.service-detail-hero{min-height:auto;padding:2rem 1.2rem 3rem;grid-template-columns:1fr;grid-template-rows:auto;gap:3rem}.service-breadcrumb,.service-signals{grid-column:1}.service-hero-copy{padding:3rem 0 1rem}.service-artifact{height:520px}.service-pains,.service-process-v2,.service-industries,.service-faq{padding:6rem 1.2rem;grid-template-columns:1fr;gap:4rem}.service-outcome,.service-deliverables,.service-proof,.service-why,.service-ai-craft{padding-left:1.2rem;padding-right:1.2rem}.service-outcome{grid-template-columns:1fr;gap:2rem}.service-deliverables>.service-section-title,.service-why>.service-section-title{grid-template-columns:1fr;gap:1.5rem}.deliverable-grid{grid-template-columns:1fr 1fr;margin-top:4rem}.service-process-list article{grid-template-columns:48px .65fr 1fr auto}.service-proof{grid-template-columns:.45fr 1.55fr;gap:3rem}.proof-label{grid-column:1/-1}.proof-visual{grid-column:1/-1;height:560px}.why-grid{grid-template-columns:1fr 1fr;margin-top:4rem}.service-ai-craft{padding-top:6rem;padding-bottom:6rem;grid-template-columns:1fr;gap:3rem}.service-industry-links{grid-template-columns:1fr 1fr}.service-stack{padding-left:1.2rem;padding-right:1.2rem}}

@media(max-width:580px){.service-detail-hero{padding:1.2rem 1rem 2rem;gap:2rem}.service-breadcrumb{font-size:.5rem}.service-hero-copy{padding:2rem 0 0}.service-hero-copy h1{font-size:12.4vw;line-height:.93}.service-hero-copy>p{font-size:.92rem}.service-hero-copy .button-row{align-items:flex-start}.service-artifact{height:390px;padding:9%}.service-artifact:before{inset:.65rem}.service-signals{grid-template-columns:1fr}.service-signals span+span{padding-left:0;border-left:0}.service-signals span{border-bottom:1px solid rgba(255,255,255,.14)}.artifact-browser,.artifact-dashboard,.artifact-shop,.artifact-figma{height:84%;box-shadow:8px 8px 0 var(--ink)}.artifact-phones>div{width:48%;padding:.65rem}.artifact-phones>div:first-child{transform:rotate(-8deg) translateX(28%)}.artifact-phones>div:last-child{transform:rotate(8deg) translateX(-28%)}.artifact-dashboard{grid-template-columns:16% 84%}.artifact-dashboard aside{padding:.6rem}.artifact-dashboard>div{padding:.75rem}.artifact-products{height:60%}.service-pains,.service-process-v2,.service-industries,.service-faq{padding:5rem 1rem;gap:3rem}.service-outcome,.service-deliverables,.service-proof,.service-why,.service-ai-craft{padding-left:1rem;padding-right:1rem}.service-outcome{padding-top:4rem;padding-bottom:4rem}.service-section-title h2{font-size:2.55rem}.pain-list article{min-height:130px;grid-template-columns:38px 1fr}.pain-list p{font-size:1.25rem}.deliverable-grid{grid-template-columns:1fr}.deliverable-grid article{min-height:260px}.service-process-list article{grid-template-columns:36px 1fr auto;gap:.5rem;padding:1rem 0}.service-process-list h3{font-size:1.45rem}.service-process-list p{grid-column:2/4;margin:0 0 .8rem}.service-process-list i{grid-column:3;grid-row:1}.service-proof{padding-top:5rem;padding-bottom:5rem;grid-template-columns:1fr}.proof-label{grid-column:1}.proof-visual{grid-column:1;height:430px;padding:1.25rem}.proof-visual>span{max-width:100%;font-size:2.8rem}.proof-visual>div{width:88%;height:52%}.why-grid{grid-template-columns:1fr}.why-grid article{min-height:180px;border-right:0;border-bottom:1px solid rgba(7,11,10,.25);padding:1.25rem 0}.why-grid article+article{padding-left:0}.why-grid h3{margin-top:3rem}.service-ai-craft{padding-top:5rem;padding-bottom:5rem}.service-ai-craft h2{font-size:2.65rem}.ai-craft-grid article{grid-template-columns:36px 1fr;padding:.8rem 0}.ai-craft-grid p{grid-column:2}.service-industry-links{grid-template-columns:1fr}.service-industry-links a:nth-child(odd){border-right:0}.service-industry-links a:nth-child(even){padding-left:0}.service-faq details>p{margin-left:0}}
/* Editorial scale correction: keep long SEO headlines readable on capability pages. */
.page-hero h1{font-size:clamp(3.8rem,5.4vw,6.8rem);line-height:.94;letter-spacing:-.055em;max-width:900px}
@media(max-width:580px){.page-hero h1{font-size:10vw;line-height:.95;letter-spacing:-.04em}}

/* Keep the contact column aligned with the live Folkastudio footer on wide screens. */
@media(min-width:1101px){footer{grid-template-columns:minmax(240px,2fr) repeat(4,minmax(0,1fr))}}
@media(min-width:901px) and (max-width:1100px){footer{grid-template-columns:minmax(200px,1.6fr) repeat(4,minmax(110px,1fr));gap:2rem}.footer-col{min-width:0}}
.legal-page h1{font-size:clamp(3.6rem,5.6vw,5.8rem);line-height:.96;letter-spacing:-.055em}
.legal-content section{display:grid;grid-template-columns:52px 1fr;column-gap:1rem;padding:2rem 0;border-top:1px solid var(--line)}
.legal-content section:last-child{border-bottom:1px solid var(--line)}
.legal-content .legal-section-index{grid-row:1 / span 2;font:400 .58rem var(--mono);letter-spacing:.1em;color:var(--blue);padding-top:.35rem}
.legal-content h2{margin:0 0 .75rem;font-size:1.25rem}
.legal-content p{margin:0;max-width:650px}
@media(max-width:580px){.legal-page h1{font-size:12vw}.legal-content section{grid-template-columns:35px 1fr;column-gap:.6rem;padding:1.5rem 0}.legal-content h2{font-size:1.1rem}}

/* Live Folkastudio brand assets */
.icon-arrow{fill:currentColor;stroke:none}
.service-icon-glyph{width:1.45em;height:1.45em;fill:currentColor;stroke:none}
.menu-toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;padding:0;color:#fff}
.menu-toggle .menu-icon-open,.menu-toggle .menu-icon-close{width:1.45rem;height:1.45rem}
.menu-toggle .menu-icon-close{display:none}
.menu-toggle[aria-expanded="true"] .menu-icon-open{display:none}
.menu-toggle[aria-expanded="true"] .menu-icon-close{display:block}
.logo-image{display:flex;align-items:center;line-height:0}
.logo-image img,.logo-image svg{display:block;width:150px;height:auto;max-width:42vw}
.logo-image svg,.logo-image svg *{stroke:none;stroke-width:0}
.team-gallery{max-width:var(--max);margin:auto;padding:8rem 3.5vw;background:var(--paper)}
.team-gallery-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:4vw;align-items:start}
.team-gallery-intro h2{font:400 clamp(2.8rem,5vw,5.5rem)/.95 var(--display);letter-spacing:-.07em;margin:0}
.team-gallery-intro h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.04em}
.team-gallery-intro p{grid-column:2;max-width:500px;color:rgba(11,23,18,.65);font-size:1.05rem;line-height:1.7;margin:1.5rem 0 0}
.team-gallery-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:1.25rem;margin-top:5rem;align-items:end}
.team-gallery-grid figure{margin:0}
.team-gallery-grid figure:first-child{margin-bottom:5rem}
.team-gallery-grid figure:last-child{margin-bottom:0}
.team-gallery-grid img{display:block;width:100%;aspect-ratio:1.79;object-fit:cover;filter:saturate(.82) contrast(1.03)}
.team-gallery-grid figcaption{font:400 .58rem var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-top:.8rem;color:rgba(11,23,18,.56)}
.odoo-visual-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border:1px solid rgba(7,11,10,.3);box-shadow:14px 14px 0 var(--ink)}
.proof-visual .odoo-visual-image{width:100%;height:100%;box-shadow:none;border:0;object-fit:cover}
.hero-image-v2 img,.cp-hero-visual>img{object-fit:contain;background:#0d1517}
.odoo-visual-image,.proof-visual .odoo-visual-image{object-fit:contain;background:#070b0a}
.service-detail-hero.service-image-hero{grid-template-columns:1fr 1fr}
.service-artifact-image{height:auto;min-height:0;aspect-ratio:1672 / 941;padding:0;background:#0b1110;border:0}
.service-artifact-image:before{display:none}
.service-artifact-image .service-hero-picture{display:block;width:100%;height:100%}
.service-artifact-image .service-hero-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;box-shadow:none;border:0;transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .3s ease}
.service-artifact-image:hover .service-hero-image{transform:scale(1.018);filter:brightness(1.04)}
@media(max-width:900px){.service-detail-hero.service-image-hero{grid-template-columns:1fr}.service-artifact-image{width:100%;aspect-ratio:1672 / 941}}
@media(min-width:901px){.hero-image-v2{height:auto;aspect-ratio:3 / 2;max-height:none;min-height:0}}
.home-hero-v2 .hero-image-v2 img{object-fit:cover;background:transparent}
@media(min-width:901px){.home-hero-v2 .hero-image-v2{aspect-ratio:1774 / 887}}
@media(max-width:900px){.menu-toggle{display:flex}.logo-image img,.logo-image svg{width:148px}.team-gallery{padding:6rem 1.25rem}.team-gallery-intro{grid-template-columns:1fr;gap:1.5rem}.team-gallery-intro p{grid-column:auto;margin-top:0}.team-gallery-grid{grid-template-columns:1fr;margin-top:3.5rem}.team-gallery-grid figure:first-child{margin-bottom:2.5rem}}
@media(max-width:580px){.logo-image img,.logo-image svg{width:132px}.team-gallery{padding:5rem 1rem}.team-gallery-intro h2{font-size:2.55rem}.team-gallery-grid{gap:2rem}.team-gallery-grid figure:first-child{margin-bottom:0}}
.page-hero-cover.cover-portofolio .page-hero-cover-copy h1{max-width:900px;text-wrap:balance}
@media(max-width:900px){.page-hero-cover.cover-portofolio{min-height:680px}.page-hero-cover.cover-portofolio .page-hero-cover-copy{min-height:680px;padding:10rem 1.2rem 3.5rem}.page-hero-cover.cover-portofolio .page-hero-cover-copy h1{font-size:clamp(2.85rem,9.2vw,4.6rem);line-height:.9;letter-spacing:-.07em}}
@media(min-width:901px){.home-hero-v2 h1{font-size:clamp(4.5rem,7.1vw,8rem);line-height:.88}.home-hero-v2 h1 span{white-space:nowrap}}
@media(max-width:900px){.home-hero-v2 h1{font-size:clamp(3.3rem,10vw,5.5rem);line-height:.9}}
/* Industry hero photography: high-contrast, image-led detail pages. */
.listing-hero-art{position:relative;width:100%;aspect-ratio:4 / 3;height:auto;margin:0;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.18);box-shadow:20px 20px 0 var(--lime)}
.listing-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(7,11,10,.82));pointer-events:none}
.listing-hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:68% center}
.listing-hero-art figcaption{position:absolute;left:1.25rem;right:1.25rem;bottom:1.1rem;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:1rem;color:#fff}
.listing-hero-art figcaption span{font:400 .55rem var(--mono);letter-spacing:.1em;color:#b6bdb8}
.listing-hero-art figcaption b{font:400 clamp(1.1rem,1.8vw,1.7rem) var(--display);letter-spacing:-.04em}
.page-hero.editorial-page-hero:before{content:"FOLKA / EDITORIAL"}
.page-hero-cover{position:relative;isolation:isolate;display:block;aspect-ratio:1774 / 887;min-height:0;padding:0;overflow:hidden}
.page-hero-cover:before{display:none}
.page-hero-cover-image{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.page-hero-cover-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,11,10,.99) 0%,rgba(7,11,10,.95) 39%,rgba(7,11,10,.62) 57%,rgba(7,11,10,.08) 78%),linear-gradient(180deg,rgba(7,11,10,.25),transparent 42%,rgba(7,11,10,.35))}
.page-hero-cover{--cover-accent:var(--lime)}
.page-hero-cover.cover-layanan,.page-hero-cover.cover-blog{--cover-accent:var(--blue)}
.page-hero-cover.cover-tentang{--cover-accent:var(--orange)}
.page-hero-cover h1 em{color:var(--cover-accent)}
.page-hero-cover .eyebrow:before{background:var(--cover-accent)}
.page-hero-cover-copy{width:min(900px,59vw);height:100%;min-height:0;padding:6.5rem 3.1vw 4.5rem;display:flex;flex-direction:column;justify-content:center}
.page-hero-cover .page-hero-cover-copy>p{max-width:650px;color:#bcc2be}
.page-hero.industry-page-hero:before{content:"FOLKA / INDUSTRY"}
.industry-hero-art{position:relative;width:100%;aspect-ratio:4 / 3;height:auto;margin:0;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.18);box-shadow:20px 20px 0 var(--lime)}
.industry-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(7,11,10,.82));pointer-events:none}
.industry-hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.industry-hero-art figcaption{position:absolute;left:1.25rem;right:1.25rem;bottom:1.1rem;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:1rem;color:#fff}
.industry-hero-art figcaption span{font:400 .55rem var(--mono);letter-spacing:.1em;color:#b6bdb8}
.industry-hero-art figcaption b{font:400 clamp(1.1rem,1.8vw,1.7rem) var(--display);letter-spacing:-.04em}
@media(max-width:900px){.industry-hero-art{aspect-ratio:4 / 3}}
@media(max-width:580px){.industry-hero-art{aspect-ratio:4 / 3;box-shadow:12px 12px 0 var(--lime)}.industry-hero-art figcaption{left:.85rem;right:.85rem;bottom:.8rem}.industry-hero-art figcaption b{font-size:1.15rem}}
@media(max-width:900px){.listing-hero-art{aspect-ratio:4 / 3;box-shadow:14px 14px 0 var(--lime)}}
@media(max-width:580px){.listing-hero-art{aspect-ratio:4 / 3;box-shadow:12px 12px 0 var(--lime)}.listing-hero-art figcaption{left:.85rem;right:.85rem;bottom:.8rem}.listing-hero-art figcaption b{font-size:1.15rem}}
@media(min-width:901px) and (max-width:1024px){.page-hero-cover-copy{padding:1.75rem 3.1vw 1.25rem}.page-hero-cover h1{font-size:3.35rem}.page-hero-cover .page-hero-cover-copy>p{margin:1rem 0;font-size:1rem}}
@media(max-width:900px){.page-hero-cover{aspect-ratio:auto;min-height:760px;background:var(--ink)}.page-hero-cover-image{height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}.page-hero-cover-shade{background:linear-gradient(180deg,rgba(7,11,10,.08) 0%,rgba(7,11,10,.24) 26%,rgba(7,11,10,.94) 58%,var(--ink) 86%)}.page-hero-cover-copy{width:100%;height:100%;min-height:760px;padding:15rem 1.2rem 5rem;justify-content:flex-end}.page-hero-cover-copy h1{max-width:760px}.page-hero-cover-copy>p{max-width:570px}}
@media(max-width:580px){.page-hero-cover{min-height:680px}.page-hero-cover-shade{background:linear-gradient(180deg,rgba(7,11,10,.05) 0%,rgba(7,11,10,.2) 22%,rgba(7,11,10,.96) 52%,var(--ink) 90%)}.page-hero-cover-copy{min-height:680px;padding:11rem 1rem 4rem;justify-content:flex-end}}

/* WCAG AA color contract and readable type scale. Keep accent backgrounds paired with
   dark ink, and use a solid near-white on blue instead of low-opacity white. */
:root {
  --blue: #174bd6;
  --text-on-dark: #b7c0bb;
  --text-on-blue: #edf1ff;
  --text-on-light: #53605a;
}

.btn,
.nav,
.nav-cta,
.service-jump,
.cp-text-link,
.case-live-link {
  font-size: .75rem;
}

/* Lime is intentionally always paired with ink. */
.services-v2 .service-row:hover .service-num,
.services-v2 .service-row:hover > em,
.services-v2 .service-row:hover small {
  color: var(--ink);
}

.services-v2 .service-row .service-num,
.services-v2 .service-row > em {
  color: var(--text-on-dark);
}

.process-rail p,
.service-ai-craft > div > p,
.ai-craft-grid p {
  color: var(--text-on-blue);
}

.industry-v2 .industry-chip small,
.team-gallery-grid figcaption {
  color: var(--text-on-light);
}

.deliverable-grid article:hover > span {
  color: var(--lime);
}

.proof-visual.blue {
  color: #fff;
}

/* The stone case card is a light surface; the previous warm white label was
   below readable contrast. Use the same ink contract as every lime surface. */
.case-visual.stone {
  color: var(--ink);
}

/* Motion system: editorial reveals with a restrained blur-to-sharp image entrance. */
.reveal {
  --reveal-ease: cubic-bezier(.22, .75, .18, 1);
  transition: opacity .72s var(--reveal-ease), transform .72s var(--reveal-ease), filter .72s var(--reveal-ease);
  transition-delay: var(--reveal-delay, 0ms);
}

.js .reveal:not(.is-visible) {
  opacity: 0;
  filter: blur(4px);
  transform: translateY(24px);
}

.js img.image-reveal {
  --image-final-filter: none;
  --image-current-filter: blur(16px);
  opacity: 0;
  filter: var(--image-current-filter);
  transform: scale(1.035);
  transition: opacity .9s var(--reveal-ease), transform 1.1s var(--reveal-ease), filter .9s var(--reveal-ease);
  transition-delay: var(--image-delay, 0ms);
}

.js img.image-reveal.is-visible {
  --image-current-filter: var(--image-final-filter);
  opacity: 1;
  transform: scale(1);
}

/* Retain the intentional photographic grading after the reveal completes. */
.js .craft-photo img.image-reveal { --image-final-filter: saturate(.72) contrast(1.07); }
.js .team-gallery-grid img.image-reveal { --image-final-filter: saturate(.82) contrast(1.03); }
.js .cp-hero-visual > img.image-reveal { --image-final-filter: saturate(.65) contrast(1.12); }

.project-showcase:hover > img.image-reveal.is-visible,
.project-showcase:focus-visible > img.image-reveal.is-visible {
  filter: saturate(1.05) contrast(1.02);
}

@media (prefers-reduced-motion: reduce) {
  .js .reveal:not(.is-visible),
  .js img.image-reveal:not(.is-visible) {
    opacity: 1;
    filter: none;
    transform: none;
  }
}