/* Halaman Tentang Foodstocks — profil perusahaan */
.fs-about{color:var(--fs-ink);background:#fff;overflow:hidden}
.fs-about h1,.fs-about h2,.fs-about h3{margin:0;color:inherit;text-wrap:balance}
.fs-about p{margin:0;text-wrap:pretty}
.fs-about__section{padding-block:clamp(64px,7vw,96px)}

.fs-about__hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--fs-line);background:#fff}
.fs-about__hero::before{content:"";position:absolute;inset:0;z-index:0;background:url(../img/patterns/clouds.png) center/cover no-repeat;opacity:0.05;pointer-events:none}
.fs-about__hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:clamp(48px,7vw,104px);padding-block:clamp(64px,8vw,112px)}
.fs-about__hero-copy{max-width:600px}
.fs-about__intro{margin-bottom:20px!important;color:var(--fs-red);font-size:.95rem;font-weight:700}
.fs-about__hero h1{max-width:12ch;font-size:clamp(2.75rem,5vw,4.5rem);line-height:1.04;letter-spacing:-.04em}
.fs-about__lead{max-width:60ch;margin-top:28px!important;color:var(--fs-gray-700);font-size:1.02rem;line-height:1.75}
.fs-about__actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px}
.fs-about__btn{display:inline-flex!important;align-items:center;justify-content:center;min-height:48px;padding:12px 24px!important;border-radius:var(--fs-radius-pill)!important;font-weight:700!important;text-decoration:none!important}
.fs-about__btn--primary{border:1px solid var(--fs-red)!important;background:var(--fs-red)!important;color:#fff!important}
.fs-about__btn--primary:hover{border-color:var(--fs-red-dark)!important;background:var(--fs-red-dark)!important;color:#fff!important}
.fs-about__text-link{display:inline-flex;align-items:center;gap:8px;color:var(--fs-ink);font-weight:700;text-decoration:none}
.fs-about__text-link span{font-size:1.25em;transition:transform .18s cubic-bezier(.22,1,.36,1)}
.fs-about__text-link:hover{color:var(--fs-red)}
.fs-about__text-link:hover span{transform:translateX(3px)}
.fs-about__text-link:focus-visible,.fs-about__btn:focus-visible{outline:3px solid rgba(214,0,1,.65);outline-offset:3px}

.fs-about__figure{position:relative;isolation:isolate;overflow:hidden;margin:0;border-radius:8px;background:#eef0f2}
.fs-about__figure::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(103,0,0,.5) 0%,rgba(140,0,0,.2) 38%,rgba(140,0,0,0) 74%);pointer-events:none}
.fs-about__photo{display:block;width:100%;aspect-ratio:4/3;min-height:420px;object-fit:cover;object-position:center 54%}

.fs-about__profile-grid{display:grid;grid-template-columns:minmax(220px,.62fr) minmax(0,1.38fr);gap:clamp(48px,8vw,128px);align-items:start}
.fs-about__profile h2,.fs-about__work h2,.fs-about__business h2,.fs-about__contact h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.12;letter-spacing:-.035em}
.fs-about__profile-content{max-width:760px}
.fs-about__profile-content>p:first-child{max-width:68ch;color:var(--fs-ink)!important;font-size:clamp(1.1rem,1.45vw,1.3rem)!important;font-weight:600;line-height:1.65!important}
.fs-about__profile-content>p:not(:first-child){max-width:68ch;margin-top:22px!important;color:var(--fs-gray-700);font-size:1rem;line-height:1.78}
.fs-about__facts{margin:48px 0 0}
.fs-about__facts>div{display:grid;grid-template-columns:minmax(130px,.35fr) 1fr;gap:24px;padding-block:18px;border-top:1px solid var(--fs-line)}
.fs-about__facts>div:last-child{border-bottom:1px solid var(--fs-line)}
.fs-about__facts dt{color:var(--fs-gray-500);font-size:.88rem;font-weight:600}
.fs-about__facts dd{margin:0;color:var(--fs-ink);font-size:.95rem;font-weight:600;line-height:1.55}

.fs-about__work{background:#f5f6f8}
.fs-about__work-grid{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:clamp(48px,8vw,128px);align-items:start}
.fs-about__work-intro{max-width:430px}
.fs-about__work-intro p{margin-top:20px!important;color:var(--fs-gray-700);font-size:.98rem;line-height:1.7}
.fs-about__work-list{border-bottom:1px solid #cfd5de}
.fs-about__work-item{display:grid;grid-template-columns:minmax(180px,.48fr) minmax(0,1fr);gap:32px;padding-block:28px;border-top:1px solid #cfd5de}
.fs-about__work-item h3{font-size:1.05rem;line-height:1.45}
.fs-about__work-item p{color:var(--fs-gray-700);font-size:.94rem;line-height:1.7}

.fs-about__business{padding-bottom:0}
.fs-about__business-row{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:48px;padding:48px 56px;border-radius:10px;background:var(--fs-red);color:#fff}
.fs-about__business-row::before{content:"";position:absolute;inset:0;z-index:0;background:url(../img/patterns/doodle.png) center/cover no-repeat;opacity:.35;pointer-events:none}
.fs-about__business-row>*{position:relative;z-index:1}
.fs-about__business h2{font-size:clamp(1.8rem,3vw,2.6rem)}
.fs-about__business p{max-width:62ch;margin-top:12px!important;color:rgba(255,255,255,.9);font-size:.95rem;line-height:1.7}
.fs-about__btn--light{flex:0 0 auto;border:1px solid #fff!important;background:#fff!important;color:var(--fs-red)!important}
.fs-about__btn--light:hover{background:#f3f4f6!important;color:var(--fs-red-dark)!important}

.fs-about__contact-row{display:flex;align-items:center;justify-content:space-between;gap:48px;padding-top:64px;border-top:1px solid var(--fs-line)}
.fs-about__contact h2{font-size:clamp(1.75rem,3vw,2.5rem)}
.fs-about__contact p{max-width:65ch;margin-top:12px!important;color:var(--fs-gray-700);font-size:.95rem;line-height:1.7}
.fs-about__text-link--red{flex:0 0 auto;color:var(--fs-red)}

body.page-template-page-tentang .fs-footer{margin-top:0}

@media(max-width:900px){
	.fs-about__hero-grid{grid-template-columns:1fr;gap:48px}
	.fs-about__hero-copy{max-width:680px}
	.fs-about__photo{min-height:0}
	.fs-about__profile-grid,.fs-about__work-grid{grid-template-columns:1fr;gap:40px}
	.fs-about__profile-content,.fs-about__work-intro{max-width:none}
	.fs-about__business-row{align-items:flex-start;flex-direction:column;padding:40px}
	.fs-about__contact-row{align-items:flex-start;flex-direction:column;gap:24px}
}

@media(max-width:640px){
	.fs-about__section{padding-block:56px}
	.fs-about__hero::before{background-size:cover}
	.fs-about__hero-grid{padding-block:56px;gap:36px}
	.fs-about__intro{margin-bottom:16px!important}
	.fs-about__hero h1{font-size:clamp(2.35rem,11vw,3.2rem)}
	.fs-about__lead{margin-top:20px!important;font-size:.96rem}
	.fs-about__actions{align-items:flex-start;flex-direction:column;gap:18px;margin-top:28px}
	.fs-about__btn{width:100%}
	.fs-about__facts{margin-top:36px}
	.fs-about__facts>div,.fs-about__work-item{grid-template-columns:1fr;gap:8px}
	.fs-about__work-item{padding-block:22px}
	.fs-about__business{padding-bottom:0}
	.fs-about__business-row{padding:32px 24px}
	.fs-about__contact-row{padding-top:48px}
	.fs-about__text-link--red{white-space:normal}
}

@media(prefers-reduced-motion:reduce){
	.fs-about *{scroll-behavior:auto!important;transition-duration:.001ms!important}
}