/* Baked Kale / Kale's FDE — Art × UI C visual system.
   Source of truth for the shared public-site brand layer used by English and Japanese pages. */
:root{
  --ink:#18201c;
  --ink-soft:#344039;
  --muted:#6d756e;
  --green:#244f37;
  --green-deep:#183b2a;
  --sage:#728875;
  --paper:#f7f2e8;
  --paper-soft:#fbf8f1;
  --paper-deep:#ece4d7;
  --line:#cfc7b8;
  --line-strong:#a9aa9e;
  --white:#fffdf8;
  --blue:#244f37;
  --blue2:#728875;
  --navy:#183b2a;
  --pale:#eee8dc;
  --pale2:#f8f4eb;
  --red:#8f4d50;
  --shadow:0 18px 42px rgba(35,47,40,.08);
  --hover:0 14px 28px rgba(35,47,40,.10);
  --serif:Georgia,"Times New Roman","Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;
}

html{background:var(--paper)}
body{
  color:var(--ink);
  background:
    radial-gradient(circle at 14% 8%,rgba(113,136,117,.08),transparent 24rem),
    radial-gradient(circle at 88% 22%,rgba(206,194,174,.18),transparent 28rem),
    repeating-linear-gradient(0deg,rgba(75,67,54,.012) 0 1px,transparent 1px 4px),
    var(--paper);
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.3;background:radial-gradient(circle at 20% 30%,rgba(34,45,39,.08) 0 .6px,transparent .8px),radial-gradient(circle at 70% 65%,rgba(34,45,39,.06) 0 .55px,transparent .8px);background-size:17px 19px,23px 21px}

.site-header{background:rgba(250,247,239,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.header-inner{min-height:76px}
.brand{width:250px;height:58px;flex:0 0 250px;background:url('assets/baked-kale-logo.svg') left center/contain no-repeat;display:block}
.brand:before,.brand span,.brand small{display:none!important}
.main-nav{gap:24px}.main-nav a{color:#4f5b54;font-size:12px;letter-spacing:.035em;padding-top:28px;padding-bottom:28px}.main-nav a:hover,.main-nav a.active{color:var(--ink)}.main-nav a:after{height:1px;background:var(--green);bottom:17px}
.mobile-toggle{border-radius:2px;border-color:var(--line-strong);background:var(--paper-soft);color:var(--ink)}

.button{border-radius:2px;border-color:var(--line-strong);background:rgba(255,253,248,.75);color:var(--green-deep);padding:12px 18px;box-shadow:none;letter-spacing:.01em}
.button.dark{background:var(--green-deep);border-color:var(--green-deep);color:#fffdf8;box-shadow:none}
.button.dark:hover{background:#102c1e;box-shadow:4px 4px 0 rgba(36,79,55,.16)}
.button:hover,.button:focus-visible{transform:translate(-1px,-1px);border-color:var(--green);box-shadow:4px 4px 0 rgba(36,79,55,.10)}

.news-strip{background:var(--green-deep);border-bottom:1px solid #0e2b1e}.news-strip b{color:#d8e2d8}.news-strip a{letter-spacing:.02em}

.page-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,rgba(251,248,241,.97),rgba(247,242,232,.94));border-bottom:1px solid var(--line);padding-top:104px;padding-bottom:88px}
.page-hero:before{content:"";position:absolute;z-index:-1;right:-4vw;top:1%;width:min(780px,58vw);height:96%;background:url('assets/art-ui-brush.svg') center/contain no-repeat;opacity:.52;mix-blend-mode:multiply;pointer-events:none}
.page-hero:after{content:"";position:absolute;z-index:-2;left:3vw;bottom:12%;width:160px;height:1px;background:var(--green);box-shadow:38px 7px 0 rgba(36,79,55,.28)}
.hero-grid{gap:68px}.hero-grid>div{position:relative;z-index:1}
.eyebrow{display:inline-block;background:transparent;border:0;border-left:0;padding:0 0 8px;margin-bottom:22px;border-bottom:1px solid var(--green);border-radius:0;color:var(--green-deep);font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.display,.section-title,.news-lead-story h2,.news-article-panel h2{font-family:var(--serif);font-weight:600;letter-spacing:-.035em}
.display{font-size:clamp(50px,7.2vw,88px);line-height:.99;max-width:820px}
.lede{max-width:640px;color:var(--ink-soft);font-size:17px;line-height:1.9}
.hero-actions{margin-top:34px}.strength-row{border-top:1px solid var(--line);padding-top:18px;gap:20px}.strength-row span,.made-japan{background:transparent;border:0;border-radius:0;padding:0;color:var(--green-deep);box-shadow:none;font-size:11px;letter-spacing:.04em}

.hero-illustration,.visual-board,.demo-preview-player{border:1px solid var(--line-strong)!important;border-radius:2px!important;background:rgba(255,253,248,.78)!important;box-shadow:8px 8px 0 rgba(36,79,55,.08)!important}
.hero-illustration img,.visual-board img{filter:saturate(.76) contrast(.97)}

.section{border-top:1px solid var(--line);background:transparent;padding-top:94px;padding-bottom:94px}
.section.white,.section:nth-of-type(odd):not(.dark),.section:nth-of-type(even):not(.dark){background:rgba(251,248,241,.42)}
.section.dark{position:relative;background:linear-gradient(135deg,#17231e,#243a2e);color:#f7f2e8;overflow:hidden}
.section.dark:before{content:"";position:absolute;right:-120px;top:-180px;width:680px;height:560px;background:url('assets/art-ui-brush.svg') center/contain no-repeat;opacity:.12;filter:grayscale(1) brightness(2.2);pointer-events:none}
.section-head{align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:42px}
.section-kicker{color:var(--green);font-size:10px;letter-spacing:.18em;text-transform:uppercase}
.section-title{font-size:clamp(36px,5vw,58px);line-height:1.03;color:var(--ink)}
.section-title:after{content:"";display:block;width:62px;height:2px;margin-top:18px;background:linear-gradient(90deg,var(--green),rgba(36,79,55,.15));transform:skewX(-18deg)}
.section-copy{color:var(--muted);line-height:1.85}.dark .section-title{color:#f8f4eb}.dark .section-kicker{color:#b8c9b9}.dark .section-copy{color:#d6ddd6}.dark .section-head{border-bottom-color:rgba(255,255,255,.18)}

.service-table-wrap,.demo-box,.contact-form,.contact-panel,.business-profile,.news-grid,.editorial-grid,.approach-grid,.steps-three{border-radius:2px;border-color:var(--line-strong);background:rgba(255,253,248,.72);box-shadow:none}
.service-table th{background:#eee8dc;color:var(--ink-soft)}.service-table td,.service-table th{border-bottom-color:var(--line)}.service-table tr:hover td{background:#f3ede3}.yes{color:var(--green)}

.step,.editorial-card,.approach-grid article,.security-grid article{border-radius:2px!important;border-color:var(--line-strong)!important;box-shadow:none!important;background:rgba(255,253,248,.72)}
.step .n,.editorial-card .num{border-radius:50%;background:transparent;border:1px solid var(--green);color:var(--green)}
.step h3,.editorial-card h3,.approach-grid h3{font-family:var(--serif);font-weight:600}
.step:hover,.editorial-card:hover,.approach-grid article:hover{transform:translateY(-2px);box-shadow:5px 5px 0 rgba(36,79,55,.08)!important;border-color:var(--green)!important}
.security-grid{background:transparent;border-color:rgba(255,255,255,.16)}.security-grid article{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.22)!important}.security-grid h3{font-family:var(--serif);font-weight:600}.security-grid p{color:#d4ddd6}

.business-model-diagram,.business-profile-grid{border-color:var(--line-strong)}.model-node{border-color:var(--line-strong)!important;background:rgba(255,253,248,.7)}.fde-node{background:var(--green-deep)}
.business-profile-grid{border-top-color:var(--line);border-left-color:var(--line)}.business-profile-item{border-right-color:var(--line);border-bottom-color:var(--line)}.business-profile-item strong{color:var(--green-deep)}

.news-category-nav{border-color:var(--line-strong)}.news-category-nav .active{color:var(--green-deep)}
.news-lead-grid,.news-lead-story,.news-section-rule,.news-wire-list,.latest-row,.instagram-editorial{border-color:var(--line-strong)}
.news-section-rule{border-bottom-color:var(--green-deep)}.news-label,.wire-type{color:var(--green)}.latest-row:hover strong,.news-link,.instagram-cta{color:var(--green)}
.news-lead-story,.latest-card,.wire-row{background:transparent}.news-lead-story img,.cms-lead-image img,.cms-latest-image img{filter:saturate(.72) contrast(.98)}
.instagram-editorial{position:relative;background:linear-gradient(132deg,#173126,#284535)!important;color:#f8f3e9;overflow:hidden}
.instagram-editorial:before{content:"";position:absolute;inset:-35% -20% auto 25%;height:420px;background:url('assets/art-ui-brush.svg') center/contain no-repeat;opacity:.14;filter:grayscale(1) brightness(2.4);pointer-events:none}
.instagram-mark{border-radius:50%;border-color:#d8e2d8;color:#d8e2d8}.instagram-editorial p,.instagram-editorial small{color:#e5e7df}

.inquiry-state .state-icon{background:#eee8dc;color:var(--green)}.inquiry-complete .state-icon{background:#e5eee6;color:var(--green-deep)}
.field label{color:var(--ink-soft)}.field input,.field select,.field textarea,.faq-search{border-radius:2px;border-color:var(--line-strong);background:#fffdf8}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--green)}.field input:focus,.field select:focus,.field textarea:focus,.faq-search:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(36,79,55,.08)}
.faq-item{border-bottom-color:var(--line)}.faq-q{border-radius:0}.faq-q:hover,.faq-item.open .faq-q{background:#eee8dc;color:var(--green-deep)}

.site-footer{border-top:1px solid var(--line-strong);background:#eee8dc;padding-top:54px}.footer-brand{width:min(340px,100%);height:92px;background:url('assets/baked-kale-logo.svg') left center/contain no-repeat;font-size:0!important;color:transparent}.footer-title{color:var(--green)!important}.footer-grid a,.footer-grid p{color:#687169}.footer-grid a:hover{color:var(--green)}.copyright{border-top-color:var(--line)}

/* Demo remains functional, while adopting the same paper-and-ink palette. */
.demo-app .demo-language,.demo-app .demo-language option{color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;background:#fffdf8!important;opacity:1!important}
.demo-app .demo-language{color-scheme:light!important;border:1px solid var(--line-strong)!important;min-width:142px!important;appearance:auto!important;-webkit-appearance:menulist!important;border-radius:2px!important}
.demo-app .demo-bar{background:#f8f4eb!important;border-bottom:1px solid var(--line)!important;color:var(--ink)!important}.demo-app .demo-version{background:#e8e2d6!important;color:var(--green-deep)!important}.demo-app .mini-btn:hover{border-color:var(--green)!important;background:#eee8dc!important;color:var(--green-deep)!important}

/* Art × UI editorial depth: more art direction without changing information architecture. */
.page-hero .shell{position:relative;z-index:1}
.page-hero .shell:after{content:"";position:absolute;right:-92px;bottom:-118px;width:260px;height:260px;background:url('assets/art-ui-annotation.svg') center/contain no-repeat;opacity:.16;transform:rotate(-8deg);pointer-events:none;z-index:-1}
.products-hero .hero-grid>div:first-child{transform:translateY(12px)}
.products-hero .hero-illustration{position:relative;transform:rotate(.45deg) translateY(-8px);transition:transform .35s ease,box-shadow .35s ease}
.products-hero .hero-illustration:before{content:"";position:absolute;left:-22px;top:32px;width:42px;height:1px;background:var(--green);box-shadow:-10px 7px 0 rgba(36,79,55,.28);transform:rotate(-8deg);pointer-events:none}
@media(hover:hover){.products-hero .hero-illustration:hover{transform:rotate(.1deg) translate(-2px,-10px);box-shadow:11px 11px 0 rgba(36,79,55,.09)!important}}
.section-head{position:relative}
.section-head:before{content:"";position:absolute;left:-18px;top:3px;width:12px;height:12px;border-left:1px solid var(--green);border-top:1px solid var(--green);opacity:.72}
.section-head>.section-copy{max-width:34ch;padding-top:16px}
.dark .section-head:before{border-color:#b8c9b9}
.ims-compare{position:relative;isolation:isolate;overflow:visible!important;background:transparent!important;box-shadow:none!important;border-color:var(--line-strong)!important}
.ims-compare:after{content:"";position:absolute;right:-52px;bottom:-74px;width:170px;height:170px;background:url('assets/art-ui-annotation.svg') center/contain no-repeat;opacity:.12;transform:rotate(10deg);z-index:-1;pointer-events:none}
.ims-compare>.head{background:var(--green-deep)!important;color:#f8f4eb!important;font-size:10px!important;letter-spacing:.12em;text-transform:uppercase}
.ims-compare>.row-label{font-family:var(--serif);font-weight:600;background:#eee7da!important;color:var(--ink)!important}
.ims-compare>div:not(.head):not(.row-label){background:rgba(255,253,248,.70)}
.news-lead-grid{position:relative;isolation:isolate}
.news-lead-grid:before{content:"";position:absolute;left:-74px;top:-62px;width:180px;height:180px;background:url('assets/art-ui-annotation.svg') center/contain no-repeat;opacity:.10;transform:rotate(-18deg);z-index:-1;pointer-events:none}
.news-lead-story{position:relative;transform:rotate(-.18deg);box-shadow:6px 6px 0 rgba(36,79,55,.045)}
.news-lead-story:after{content:"";position:absolute;right:18px;top:18px;width:54px;height:54px;border-top:1px solid var(--green);border-right:1px solid var(--green);opacity:.5;pointer-events:none}
.latest-row:nth-child(even){margin-left:20px}
.wire-row:nth-child(odd){padding-left:18px}
.instagram-editorial{transform:rotate(.18deg);box-shadow:8px 8px 0 rgba(19,43,30,.08)}
.fde-core-section .section-head,.goal-visual-section .section-head{margin-left:4%}
.fde-core-section .section-head:after,.goal-visual-section .section-head:after{content:"";position:absolute;right:0;bottom:-28px;width:96px;height:96px;background:url('assets/art-ui-annotation.svg') center/contain no-repeat;opacity:.09;pointer-events:none}

@media(max-width:900px){.brand{width:205px;flex-basis:205px;height:52px}.page-hero:before{width:68vw;opacity:.32}.display{font-size:clamp(46px,9vw,72px)}.latest-row:nth-child(even){margin-left:10px}.wire-row:nth-child(odd){padding-left:9px}}
@media(max-width:760px){
  .brand{width:44px;flex:0 0 44px;height:44px;background-image:url('assets/baked-kale-mark.svg');background-position:center}.site-header .header-inner{gap:10px}
  .page-hero{padding-top:74px;padding-bottom:64px}.page-hero:before{right:-35vw;top:12%;width:120vw;opacity:.15}.page-hero:after{display:none}.page-hero .shell:after{right:-72px;bottom:-92px;width:190px;height:190px;opacity:.08}
  .display{font-size:clamp(46px,15vw,66px);line-height:1.02}.lede{font-size:16px}.section{padding-top:68px;padding-bottom:68px}.section-head{display:block}.section-head:before{left:0;top:-20px}.section-head>.section-copy{padding-top:0;max-width:none}.section-copy{margin-top:18px}
  .products-hero .hero-grid>div:first-child,.products-hero .hero-illustration,.news-lead-story,.instagram-editorial{transform:none}.products-hero .hero-illustration:before{display:none}.ims-compare:after{right:-32px;bottom:-46px;width:120px;height:120px;opacity:.07}.news-lead-grid:before{left:-52px;top:-40px;width:130px;height:130px;opacity:.06}.latest-row:nth-child(even){margin-left:0}.wire-row:nth-child(odd){padding-left:0}.fde-core-section .section-head,.goal-visual-section .section-head{margin-left:0}.fde-core-section .section-head:after,.goal-visual-section .section-head:after{display:none}
  .demo-app .demo-language{min-width:112px!important;max-width:125px!important}
}
@media(max-width:430px){.brand{width:40px;flex-basis:40px;height:40px}.demo-app .demo-language{min-width:102px!important;max-width:108px!important;font-size:11px!important}}