.about-hero{isolation:isolate;background:radial-gradient(80% 110% at 18% 0%, #ffffff8c, transparent 60%), repeating-linear-gradient(45deg, color-mix(in srgb, var(--rattan-text) 13%, transparent) 0 1px, transparent 1px 5px), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--rattan-text) 10%, transparent) 0 1px, transparent 1px 5px), linear-gradient(180deg, var(--weave-light), #ecd6b6);min-height:clamp(300px,34vw,400px);box-shadow:0 0 0 1px var(--shell-ring), var(--shadow-float);border-radius:36px;align-content:end;gap:18px;padding:clamp(28px,5vw,64px) clamp(22px,5vw,64px) clamp(34px,5vw,60px);display:grid;position:relative;overflow:hidden}.about-hero:after{content:"";background:linear-gradient(180deg, var(--rim-light), var(--rim-deep));height:7px;position:absolute;inset:auto 0 0}.about-hero-mark{z-index:-1;aspect-ratio:1;background:#fffaf099;width:clamp(240px,42%,460px);position:absolute;bottom:-22%;right:-4%;-webkit-mask:url(/brand/brandbasket-mark.svg) 50%/contain no-repeat;mask:url(/brand/brandbasket-mark.svg) 50%/contain no-repeat}@media not (min-width:640px){.about-hero-mark{background:#fffaf073;width:64%;bottom:-32%;right:-20%}}.about-section{scroll-margin-top:96px}.about-tags{gap:36px;padding-left:46px;display:grid;position:relative}.about-tags:before{content:"";background:linear-gradient(90deg, var(--rim-light), var(--rim-deep));border-radius:999px;width:9px;position:absolute;top:-8px;bottom:-8px;left:4px;box-shadow:6px 0 12px -6px #281c0e66}.about-tag-slot{position:relative}.about-tag-slot:before{content:"";border-top:1.5px solid color-mix(in srgb, var(--ink) 50%, transparent);width:36px;position:absolute;top:27px;left:-36px}.about-tag-slot:after{content:"";background:var(--bg);width:12px;height:12px;box-shadow:inset 0 1px 2px #15161a4d, 0 0 0 3px color-mix(in srgb, var(--c) 35%, transparent);border-radius:50%;position:absolute;top:21px;left:-6px}.about-tag{align-content:start;gap:14px;display:grid}.about-tag-head{border:1px solid color-mix(in srgb, var(--c) 30%, transparent);background:color-mix(in srgb, var(--c) 13%, var(--surface));transform:rotate(var(--tilt-small,0deg));transform-origin:0;border-radius:999px;justify-self:start;align-items:center;gap:12px;padding:7px 22px 7px 7px;display:inline-flex;box-shadow:0 14px 22px -16px #281c0e66}.about-tag-body{max-width:52ch;padding-left:4px}@media (min-width:1100px){.about-tags{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:18px;padding:22px 0 34px}.about-tags:before{background:linear-gradient(180deg, var(--rim-light), var(--rim-deep));width:auto;height:8px;inset:0 -8px auto;box-shadow:0 6px 12px -6px #281c0e66}.about-tag-slot{padding-top:var(--drop,0px)}.about-tag-slot:before,.about-tag-slot:after{display:none}.about-tag{border:1px solid color-mix(in srgb, var(--c) 26%, transparent);background:linear-gradient(170deg, color-mix(in srgb, var(--c) 16%, var(--surface)), color-mix(in srgb, var(--c) 5%, var(--surface)) 70%);transform:rotate(var(--tilt,0deg));transform-origin:50% calc(-1 * (var(--drop,0px) + 18px));border-radius:22px;gap:0;padding:44px 22px 26px;position:relative;box-shadow:0 30px 40px -30px #281c0e73}.about-tag:before{content:"";background:var(--bg);width:14px;height:14px;box-shadow:inset 0 1px 2px #15161a4d, 0 0 0 3px color-mix(in srgb, var(--c) 30%, transparent);border-radius:50%;margin-left:-7px;position:absolute;top:16px;left:50%}.about-tag:after{content:"";height:calc(var(--drop,0px) + 40px);border-left:1.5px solid color-mix(in srgb, var(--ink) 55%, transparent);position:absolute;bottom:calc(100% - 22px);left:50%}.about-tag-head{box-shadow:none;background:0 0;border:0;border-radius:0;gap:14px;padding:0;display:grid;transform:none}.about-tag-body{margin-top:14px;padding-left:0}}@media (prefers-reduced-motion:no-preference){@media (min-width:1100px){.about-tag:hover{animation:about-swing 1.6s var(--ease)}}}@keyframes about-swing{0%{transform:rotate(var(--tilt,0deg))}25%{transform:rotate(calc(var(--tilt,0deg) + 2.4deg))}55%{transform:rotate(calc(var(--tilt,0deg) - 1.6deg))}80%{transform:rotate(calc(var(--tilt,0deg) + .6deg))}to{transform:rotate(var(--tilt,0deg))}}