/* SMILCO About — a usable brand house with market-aware editorial tone. */
.smilco-market-about {
  --about-bg:#fbf8f3;
  --about-surface:#f2ece4;
  --about-ink:#151311;
  --about-muted:#6d655f;
  --about-line:#d9d0c7;
  --about-accent:#8e1739;
  --about-accent-2:#9c7a49;
  --about-display:var(--font-display);
  --about-radius:0;
  color:var(--about-ink);
  background:var(--about-bg);
}
.smilco-market-about.market-cn { --about-bg:#fbf7ef; --about-surface:#f1e8dc; --about-ink:#201b18; --about-muted:#71665e; --about-line:#ded2c4; --about-accent:#a91f2c; --about-accent-2:#47675b; --about-display:"Songti SC","STSong","Noto Serif SC",var(--font-display); }
.smilco-market-about.market-jp { --about-bg:#f9f8f4; --about-surface:#efeee8; --about-ink:#181818; --about-muted:#696863; --about-line:#d9d7cf; --about-accent:#9c3f37; --about-accent-2:#343a3b; --about-display:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",var(--font-display); }
.smilco-market-about.market-kr { --about-bg:#fcfcfd; --about-surface:#f4f1f5; --about-ink:#161519; --about-muted:#727079; --about-line:#e3e0e6; --about-accent:#d45c87; --about-accent-2:#8a8191; --about-display:"Nanum Myeongjo","Noto Serif KR",var(--font-display); --about-radius:16px; }
.smilco-market-about.market-de { --about-bg:#f4f2ee; --about-surface:#eae7e1; --about-ink:#202323; --about-muted:#626665; --about-line:#cfd0cc; --about-accent:#7f2631; --about-accent-2:#3d4746; --about-display:Baskerville,"Times New Roman",serif; }
.smilco-market-about.market-fr { --about-bg:#fbf6ed; --about-surface:#efe5d9; --about-ink:#171311; --about-muted:#756b65; --about-line:#d9ccc0; --about-accent:#771f31; --about-accent-2:#b18087; --about-display:Didot,"Bodoni 72",var(--font-display); }

.brand-page--about { background:var(--about-bg); }
.brand-page--about h1,.brand-page--about h2,.brand-page--about h3 { color:var(--about-ink); font-family:var(--about-display); font-weight:400; }
.about-eyebrow { margin:0 0 18px; color:var(--about-accent); font-size:.66rem; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }

.about-hero { display:grid; min-height:clamp(600px,53vw,760px); grid-template-columns:1fr 1fr; background:var(--about-bg); border-bottom:1px solid var(--about-line); }
.about-hero__copy { display:flex; padding:clamp(70px,8vw,125px) clamp(38px,8vw,130px) clamp(70px,8vw,120px) max(32px,calc((100vw - 1320px)/2)); justify-content:center; flex-direction:column; }
.about-hero__copy h1 { max-width:760px; margin:0 0 30px; font-size:clamp(4.5rem,7.2vw,8rem); letter-spacing:-.055em; line-height:.91; }
.about-hero__copy > p:not(.about-eyebrow) { max-width:590px; color:var(--about-muted); font-size:1rem; line-height:1.85; }
.about-hero__copy .text-link { margin-top:28px; align-self:flex-start; }
.about-hero figure { margin:0; overflow:hidden; background:var(--about-surface); }
.about-hero figure img { width:100%; height:100%; object-fit:cover; object-position:center 22%; }

.about-origin { display:grid; padding-block:clamp(40px,5vw,70px); grid-template-columns:1.1fr repeat(4,1fr); border-bottom:1px solid var(--about-line); }
.about-origin > h2 { margin:0; padding-right:30px; font-size:2rem; }
.about-origin article { padding:0 clamp(20px,2vw,34px); border-left:1px solid var(--about-line); }
.about-origin article span { color:var(--about-accent); font-size:.66rem; font-weight:700; letter-spacing:.12em; }
.about-origin article h3 { margin:13px 0 10px; font-size:1.5rem; }
.about-origin article p { margin:0; color:var(--about-muted); font-size:.82rem; line-height:1.65; }

.about-work { display:grid; grid-template-columns:minmax(240px,.6fr) minmax(0,2fr); gap:clamp(46px,6vw,90px); }
.about-work > header { align-self:start; position:sticky; top:30px; }
.about-work > header h2 { margin:0 0 24px; font-size:clamp(3rem,4.3vw,5rem); line-height:.98; }
.about-work > header > p:not(.about-eyebrow) { color:var(--about-muted); line-height:1.8; }
.about-work-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--about-line); }
.about-work-grid > a { padding:0 18px 28px; border-right:1px solid var(--about-line); }
.about-work-grid > a:first-child { padding-left:0; }
.about-work-grid > a:last-child { padding-right:0; border-right:0; }
.about-work-grid img { width:100%; margin-bottom:20px; aspect-ratio:4/5; object-fit:cover; object-position:center 20%; border-radius:var(--about-radius); }
.about-work-grid span { color:var(--about-accent); font-size:.65rem; font-weight:700; letter-spacing:.12em; }
.about-work-grid h3 { margin:10px 0 13px; font-size:clamp(1.6rem,2vw,2.25rem); line-height:1.05; }
.about-work-grid p { min-height:7.2em; color:var(--about-muted); font-size:.84rem; line-height:1.7; }
.about-work-grid strong { color:var(--about-ink); font-size:.65rem; letter-spacing:.09em; text-transform:uppercase; }
.about-work-grid a:hover strong { color:var(--about-accent); }

.about-craft { display:grid; grid-template-columns:1.2fr .8fr; min-height:590px; color:var(--about-bg); background:var(--about-ink); }
.about-craft figure { margin:0; overflow:hidden; }
.about-craft figure img { width:100%; height:100%; object-fit:cover; filter:saturate(.68) contrast(1.05); }
.about-craft > div { display:flex; padding:clamp(48px,7vw,100px); justify-content:center; flex-direction:column; }
.about-craft h2 { max-width:570px; margin:0 0 24px; color:var(--about-bg); font-size:clamp(3.2rem,5vw,5.8rem); line-height:.96; }
.about-craft > div > p:not(.about-eyebrow) { max-width:520px; color:#cfc8c1; line-height:1.8; }
.about-craft .text-link { margin-top:25px; color:var(--about-bg); align-self:flex-start; }

.about-principles { display:grid; grid-template-columns:.72fr 2fr; gap:clamp(44px,6vw,88px); }
.about-principles > header h2 { margin:0; font-size:clamp(3rem,4.5vw,5.2rem); line-height:.98; }
.about-principle-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.brand-page--about .about-principle-grid article { min-height:260px; padding:30px 28px; border:1px solid var(--about-line); border-right:0; background:transparent; }
.brand-page--about .about-principle-grid article:last-child { border-right:1px solid var(--about-line); }
.about-principle-grid article span { color:var(--about-accent); font-size:.68rem; }
.about-principle-grid h3 { margin:38px 0 18px; font-size:clamp(1.9rem,2.4vw,2.7rem); }
.about-principle-grid p { color:var(--about-muted); font-size:.86rem; line-height:1.7; }

.about-global { padding:clamp(70px,8vw,120px) 0; color:var(--about-bg); background:var(--about-accent); }
.about-global .shell { display:grid; grid-template-columns:.5fr 1.3fr 1fr; align-items:start; gap:50px; }
.about-global .about-eyebrow { color:var(--about-bg); opacity:.8; }
.about-global h2 { margin:0; color:var(--about-bg); font-size:clamp(3.3rem,5vw,5.9rem); line-height:.95; }
.about-global .shell > p:last-child { margin:0; color:var(--about-bg); line-height:1.85; opacity:.82; }

.about-practice > header { display:flex; margin-bottom:48px; justify-content:space-between; align-items:end; border-bottom:1px solid var(--about-line); }
.about-practice > header h2 { max-width:800px; margin:0 0 30px; font-size:clamp(3rem,5vw,5.4rem); line-height:.98; }
.about-practice > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; }
.about-practice a { position:relative; display:flex; min-height:520px; padding:30px; justify-content:flex-end; flex-direction:column; overflow:hidden; color:#fff; border-radius:var(--about-radius); }
.about-practice img { position:absolute; z-index:0; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 20%; filter:brightness(.55) saturate(.8); transition:transform .55s ease; }
.about-practice a:hover img { transform:scale(1.025); }
.about-practice a > *:not(img) { position:relative; z-index:1; }
.about-practice a span,.about-practice a strong { font-size:.64rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.about-practice a h3 { margin:12px 0 28px; color:#fff; font-size:clamp(2.7rem,4vw,4.7rem); line-height:.92; }

.about-cta { display:flex; margin-bottom:var(--space-section); padding:clamp(42px,6vw,80px); justify-content:space-between; align-items:end; gap:50px; background:var(--about-surface); border-left:3px solid var(--about-accent); }
.about-cta h2 { max-width:740px; margin:0; font-size:clamp(3rem,5vw,5.6rem); line-height:.95; }
.about-cta .button-row { flex:0 0 auto; }
.brand-page--about .button--dark { color:var(--about-bg); background:var(--about-ink); border-color:var(--about-ink); }
.brand-page--about .button--outline { color:var(--about-ink); background:transparent; border-color:var(--about-accent); }
.brand-page--about .button:hover { color:#fff; background:var(--about-accent); border-color:var(--about-accent); }

.market-jp .about-work-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:50px 0; }
.market-jp .about-work-grid > a:nth-child(2) { border-right:0; }
.market-kr .about-work-grid img,.market-kr .about-practice a { box-shadow:0 18px 42px rgba(75,65,80,.08); }
.market-de .about-work-grid > a,.market-de .about-principle-grid article { border-color:var(--about-ink); }
.market-fr .about-hero { grid-template-columns:.9fr 1.1fr; }

@media (max-width:1080px) {
  .about-hero__copy { padding-inline:32px 60px; }
  .about-origin { grid-template-columns:1fr 1fr; gap:32px 0; }
  .about-origin > h2 { grid-column:1/-1; }
  .about-work { grid-template-columns:1fr; }
  .about-work > header { position:static; }
  .about-principles { grid-template-columns:1fr; }
}

@media (max-width:820px) {
  .about-hero { grid-template-columns:1fr; }
  .about-hero figure { min-height:600px; grid-row:1; }
  .about-hero__copy { padding:70px 32px; grid-row:2; }
  .about-work-grid { grid-template-columns:1fr 1fr; }
  .about-work-grid > a:nth-child(2) { border-right:0; }
  .about-craft { grid-template-columns:1fr; }
  .about-craft figure { min-height:480px; }
  .about-principle-grid { grid-template-columns:1fr 1fr; }
  .brand-page--about .about-principle-grid article:nth-child(2) { border-right:1px solid var(--about-line); }
  .about-global .shell { grid-template-columns:1fr; gap:24px; }
  .about-practice > div { grid-template-columns:1fr; }
  .about-practice a { min-height:460px; }
  .about-cta { align-items:stretch; flex-direction:column; }
  .about-cta .button-row { width:100%; }
}

@media (max-width:600px) {
  .about-hero figure { min-height:430px; }
  .about-hero__copy { padding:42px 22px 50px; }
  .about-hero__copy h1 { font-size:clamp(4rem,18vw,5rem); }
  .about-origin { padding:42px 22px; grid-template-columns:1fr; }
  .about-origin > h2 { grid-column:auto; margin-bottom:12px; }
  .about-origin article { padding:24px 0; border-top:1px solid var(--about-line); border-left:0; }
  .about-work-grid { grid-template-columns:1fr; }
  .about-work-grid > a,.about-work-grid > a:first-child,.about-work-grid > a:last-child { padding:0 0 34px; border-right:0; border-bottom:1px solid var(--about-line); }
  .about-work-grid img { aspect-ratio:4/3; }
  .about-work-grid p { min-height:0; }
  .about-craft figure { min-height:390px; }
  .about-craft > div { padding:42px 22px; }
  .about-craft h2 { font-size:3.2rem; }
  .about-principles > header h2 { font-size:3.25rem; }
  .about-principle-grid { grid-template-columns:1fr; }
  .brand-page--about .about-principle-grid article,.brand-page--about .about-principle-grid article:nth-child(2),.brand-page--about .about-principle-grid article:last-child { min-height:180px; border-right:1px solid var(--about-line); border-bottom:0; }
  .brand-page--about .about-principle-grid article:last-child { border-bottom:1px solid var(--about-line); }
  .about-principle-grid h3 { margin:25px 0 12px; }
  .about-global { padding:60px 0; }
  .about-global h2 { font-size:3.35rem; }
  .about-practice > header { display:block; }
  .about-practice > header h2 { font-size:3.25rem; }
  .about-practice a { min-height:390px; }
  .about-cta { width:calc(100% - 32px); padding:36px 24px; }
  .about-cta h2 { font-size:3rem; }
  .about-cta .button-row { flex-direction:column; }
  .about-cta .button { width:100%; }
}

@media (prefers-reduced-motion:reduce) {
  .about-practice img { transition:none; }
}