.about2-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,5rem);align-items:center}.about2-text .section-subheading{margin-bottom:var(--space-5)}.about2-body{color:var(--color-text-muted);margin-bottom:var(--space-4);max-width:60ch}.about2-motto{margin-top:var(--space-8);padding:var(--space-5) var(--space-6);border-left:3px solid var(--color-primary);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.about2-motto p{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text);font-style:italic;margin-bottom:var(--space-2)}.about2-motto cite{font-style:normal;font-size:var(--text-sm);font-weight:600;color:var(--color-primary);letter-spacing:.04em}.about2-visual{position:relative}.about2-img-wrap{position:relative;border-radius:var(--radius-2xl);overflow:hidden;background:radial-gradient(circle at 50% 35%,var(--color-primary-highlight),var(--color-surface) 72%);padding:clamp(1.5rem,4vw,3rem);box-shadow:var(--shadow-lg);display:grid;place-items:center;aspect-ratio:1 / 1}.about2-img-wrap img{width:100%;max-width:420px;filter:drop-shadow(0 18px 30px oklch(.12 .03 220 / .28));transition:transform .5s var(--ease-out)}.about2-visual:hover .about2-img-wrap img{transform:scale(1.04) rotate(-1deg)}.about2-badge{position:absolute;left:var(--space-5);bottom:var(--space-5);background:var(--color-navy);color:#fff;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);box-shadow:var(--shadow-lg)}.about2-badge strong{display:block;font-family:var(--font-display);font-size:var(--text-lg);line-height:1;color:var(--color-teal-light)}.about2-badge span{font-size:var(--text-xs);color:#ffffffbf;letter-spacing:.04em}.about2-stats{background:var(--color-navy);border-block:1px solid var(--color-navy-mid)}.about2-stats-inner{max-width:var(--content-wide);margin:0 auto;padding:clamp(2rem,5vw,3rem) var(--space-6);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.about2-stat{text-align:center;position:relative}.about2-stat:not(:last-child):after{content:"";position:absolute;right:calc(var(--space-6) / -2);top:50%;transform:translateY(-50%);width:1px;height:48px;background:#ffffff1f}.about2-stat strong{display:block;font-family:var(--font-display);font-size:clamp(2.2rem,4vw,3.4rem);line-height:1;color:#fff}.about2-stat strong em{font-style:normal;color:var(--color-teal-light)}.about2-stat span{display:block;margin-top:var(--space-2);font-size:var(--text-sm);color:#fff9;letter-spacing:.06em;text-transform:uppercase}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.value-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);transition:transform var(--transition-interactive),border-color var(--transition-interactive),background var(--transition-interactive)}.value-card:hover{transform:translateY(-6px);border-color:var(--color-teal);background:#14c4b00f}.value-icon{width:54px;height:54px;border-radius:var(--radius-lg);display:grid;place-items:center;background:#14c4b024;color:var(--color-teal-light);margin-bottom:var(--space-5)}.value-card h3{font-family:var(--font-display);font-size:var(--text-lg);color:#fff;margin-bottom:var(--space-2)}.value-card p{color:#ffffff9e;font-size:var(--text-sm);line-height:1.7}.timeline{max-width:760px;margin:0 auto;position:relative;padding-left:var(--space-8)}.timeline:before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--color-primary),var(--color-divider))}.timeline-item{position:relative;padding-bottom:var(--space-12);display:grid;grid-template-columns:120px 1fr;gap:var(--space-6);align-items:start}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:calc(var(--space-8) * -1 + 1px);top:6px;width:14px;height:14px;border-radius:var(--radius-full);background:var(--color-primary);border:3px solid var(--color-bg);box-shadow:0 0 0 3px var(--color-primary-highlight)}html.js .timeline-item:before{scale:0}html.js .timeline-item.in-view:before{scale:1;transition:scale .45s cubic-bezier(.34,1.56,.64,1) .25s}@media(prefers-reduced-motion:reduce){html.js .timeline-item:before{scale:1;transition:none}}.timeline-year{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-primary);letter-spacing:.01em}.timeline-content h3{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-2)}.timeline-content p{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.7}.serve-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.serve-card{text-align:center;padding:var(--space-10) var(--space-6);background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);transition:transform var(--transition-interactive),border-color var(--transition-interactive)}.serve-card:hover{transform:translateY(-6px);border-color:var(--color-teal)}.serve-icon{width:68px;height:68px;border-radius:var(--radius-full);display:grid;place-items:center;margin:0 auto var(--space-5);background:#14c4b024;color:var(--color-teal-light)}.serve-card h3{font-family:var(--font-display);font-size:var(--text-xl);color:#fff;margin-bottom:var(--space-3)}.serve-card p{color:#ffffff9e;font-size:var(--text-sm);line-height:1.7;max-width:34ch;margin:0 auto}@media(max-width:900px){.about2-grid{grid-template-columns:1fr}.about2-visual{order:-1;max-width:460px;margin-inline:auto;width:100%}.about2-stats-inner{grid-template-columns:repeat(2,1fr);gap:var(--space-8) var(--space-4)}.about2-stat:nth-child(2):after{display:none}.values-grid{grid-template-columns:repeat(2,1fr)}.serve-grid{grid-template-columns:1fr;max-width:440px;margin-inline:auto}}@media(max-width:560px){.about2-stats-inner{grid-template-columns:1fr 1fr}.about2-stat:after{display:none!important}.values-grid{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr;gap:var(--space-1)}.timeline{padding-left:var(--space-6)}.timeline-item:before{left:calc(var(--space-6) * -1 + 1px)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sf-about.css.map */