.sg-about{--sg-about-rule: rgb(var(--color-foreground-rgb) / .18);width:100%;max-width:1200px;min-width:0;margin-inline:auto;padding-block:clamp(44px,6vw,84px) clamp(56px,6vw,88px)}.sg-about h1,.sg-about h2,.sg-about h3,.sg-about p{margin:0}.sg-about h1,.sg-about h2,.sg-about h3{font-family:var(--font-heading--family);font-style:var(--font-heading--style);font-weight:var(--font-heading--weight);text-wrap:balance}.sg-about p{font-size:1rem;line-height:1.75;text-wrap:pretty}.sg-about .sg-about__eyebrow{font-family:var(--font-body--family);font-size:.6875rem;font-weight:500;line-height:1.6;letter-spacing:.16em;text-transform:uppercase}.sg-about__intro{max-width:800px;margin-inline:auto;padding-inline:16px;text-align:center}.sg-about__intro h1{margin-block:20px 24px;font-size:clamp(2.25rem,4.8vw,4.25rem);line-height:1.06;letter-spacing:-.035em}.sg-about__intro .sg-about__lead{max-width:42rem;margin-inline:auto;color:rgb(var(--color-foreground-rgb) / .75);font-size:clamp(1rem,1.3vw,1.125rem)}.sg-about__hero{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:7 / 3;margin-block-start:clamp(32px,4vw,52px);background:rgb(var(--color-foreground-rgb) / .035)}.sg-about__hero .sg-about__hero-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain}.sg-about__mission{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,3fr);gap:32px;align-items:start;margin-block:clamp(40px,5vw,64px);padding-block-end:clamp(40px,5vw,64px);border-block-end:1px solid var(--sg-about-rule)}.sg-about__mission .sg-about__eyebrow{padding-block-start:8px}.sg-about__mission>p{max-width:45ch;font-size:clamp(1.25rem,2.1vw,1.875rem);line-height:1.5;letter-spacing:-.015em}.sg-about__section-heading{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;margin-block-end:32px}.sg-about__section-heading h2,.sg-about__perspective h2{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.25;letter-spacing:-.02em}.sg-about__section-heading>p{max-width:42ch;justify-self:end;color:rgb(var(--color-foreground-rgb) / .75)}.sg-about__values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,40px)}.sg-about__value{min-width:0;padding-block:20px 8px;border-block-start:1px solid var(--sg-about-rule)}.sg-about__number{display:block;margin-block-end:28px;color:rgb(var(--color-foreground-rgb) / .6);font-size:.75rem;font-variant-numeric:tabular-nums;letter-spacing:.08em}.sg-about__value h3{margin-block-end:14px;font-size:clamp(1.25rem,1.7vw,1.5rem);line-height:1.35;letter-spacing:-.015em}.sg-about__value>p{max-width:37ch;color:rgb(var(--color-foreground-rgb) / .75)}.sg-about__perspectives{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,56px);margin-block-start:clamp(48px,6vw,80px);padding:clamp(28px,4vw,52px);background:#f3f1ec;color:#393a35}.sg-about__perspective{min-width:0}.sg-about__perspective+.sg-about__perspective{padding-inline-start:clamp(24px,4vw,56px);border-inline-start:1px solid rgb(57 58 53 / .2)}.sg-about__perspective h2{max-width:24ch;margin-block-end:20px;color:inherit;overflow-wrap:anywhere}.sg-about__perspective p{max-width:46ch;color:#55564f;font-size:.9375rem}.sg-about__footer{display:flex;justify-content:center;margin-block-start:clamp(32px,4vw,48px)}.sg-about__collections-link{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:52px;padding:14px 24px;border:1px solid var(--color-foreground);color:var(--color-background);background:var(--color-foreground);font-size:.875rem;line-height:1.5;text-decoration:none}.sg-about__collections-link:hover{color:var(--color-foreground);background:var(--color-background)}.sg-about__collections-link:focus-visible{outline:2px solid var(--color-foreground);outline-offset:4px}.sg-about:lang(th) h1,.sg-about:lang(th) h2,.sg-about:lang(th) h3,.sg-about:lang(th) .sg-about__eyebrow,.sg-about:lang(th) .sg-about__mission>p{line-height:1.5;letter-spacing:normal}@media screen and (max-width:749px){.sg-about__intro{padding-inline:0}.sg-about__hero{aspect-ratio:auto}.sg-about__hero .sg-about__hero-image{position:static;height:auto}.sg-about__mission,.sg-about__section-heading,.sg-about__values-grid,.sg-about__perspectives{grid-template-columns:minmax(0,1fr);gap:24px}.sg-about__mission .sg-about__eyebrow{padding-block-start:0}.sg-about__section-heading>p{justify-self:start}.sg-about__number{margin-block-end:18px}.sg-about__value>p,.sg-about__perspective>p{max-width:none}.sg-about__perspective+.sg-about__perspective{padding-block-start:24px;padding-inline-start:0;border-block-start:1px solid rgb(57 58 53 / .2);border-inline-start:0}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/sunglens-about.css.map */