/* Reference Sheet v2. PNG artwork is reused unchanged; the boxes trim its transparent margins. */
.brand{display:inline-flex;flex-direction:column;flex-shrink:0;gap:5px}
.brand-lockup{display:block;position:relative;overflow:hidden;width:270px;aspect-ratio:2010/405}
.brand-lockup img{display:block;position:absolute;width:107.51244%;max-width:none;height:auto;left:-3.9801%;top:-34.5679%}
.brand .byline{margin:0 0 0 60px;font-size:11px;letter-spacing:.25px}
.header{padding-block:25px;gap:32px}
nav a{transition:color .15s ease}
nav a:hover{color:var(--blue)}
.hero{grid-template-columns:1.14fr 1fr;gap:64px;padding-block:62px 68px}
.brand-promise{font-family:Arial,sans-serif;font-size:12px;font-weight:600;letter-spacing:2.15px;line-height:1.6;color:var(--navy);margin:0 0 27px}
.hero-copy .eyebrow{margin-top:0;font-size:13px;margin-bottom:12px}
.hero h1{font-size:clamp(39px,4.25vw,55px);line-height:1.48}
.hero .lead{font-size:18px;margin-top:22px}
.hero .support{max-width:450px;line-height:1.9}
.brand-figure{align-self:center;border:1px solid var(--line);background:var(--pale);border-radius:10px;overflow:hidden}
.brand-figure-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 27px 0;font-size:13px;color:var(--muted)}
.figure-index{font-family:Arial,sans-serif;font-size:11px;letter-spacing:1.8px;white-space:nowrap}
.brand-grid{display:flex;justify-content:center;align-items:center;min-height:322px;background-image:radial-gradient(#dce3ef .85px,transparent .85px);background-size:24px 24px;margin:14px 26px}
.brand-symbol{display:block;position:relative;overflow:hidden;width:264px;max-width:80%;aspect-ratio:407/400}
.brand-symbol img{display:block;position:absolute;width:530.9583%;max-width:none;height:auto;left:-19.656%;top:-35%}
.brand-figure figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 27px;padding:20px 0 24px;border-top:1px solid #d4ddeb;color:var(--navy);font-size:15px;line-height:1.85}
.brand-figure figcaption strong{font-weight:600}
.figure-accent{display:block;width:70px;height:6px;background:var(--lime);flex-shrink:0}
.topic-strip{background:white}
.topic-strip .wrap{font-size:14px;padding-block:22px}
.practice-motto{font-family:Arial,sans-serif;font-size:18px;font-weight:600;letter-spacing:.6px;padding-bottom:15px;position:relative;margin-bottom:22px}
.practice-motto::after{content:"";display:block;width:52px;height:4px;background:var(--lime);position:absolute;left:0;bottom:0}
.step-label{display:block;color:var(--blue);font-family:Arial,sans-serif;letter-spacing:1.6px;font-size:10px;font-weight:600;margin-bottom:6px}
.steps article{padding-block:23px}
.collection-card{background:var(--pale);border-radius:10px}
.collection-number{font-family:Arial,sans-serif;font-weight:600;letter-spacing:-2px}
.footer{padding-block:33px}
.footer .brand-lockup{width:222px}
.footer .brand .byline{margin-left:50px}
@media(max-width:1000px){.header{gap:22px}.brand-lockup{width:242px}nav{font-size:14px;gap:20px}.hero{gap:34px}.brand-promise{font-size:11px;letter-spacing:1.4px}.brand-figure-top{padding-inline:20px}.brand-grid{min-height:290px;margin-inline:15px}.brand-symbol{width:235px}.brand-figure figcaption{margin-inline:20px}}
@media(max-width:700px){.header{gap:18px;padding-block:21px}.brand-lockup{width:256px}.brand .byline{margin-left:57px}nav{font-size:13px;gap:22px;justify-content:space-between}.hero{grid-template-columns:1fr;gap:33px;padding-block:32px 42px}.brand-promise{font-size:10px;letter-spacing:1.45px;margin-bottom:24px}.hero h1{font-size:42px}.hero .lead{font-size:17px}.hero .support{font-size:12px}.brand-figure{width:100%;max-width:470px;justify-self:center}.brand-grid{min-height:280px;margin:8px 22px}.brand-symbol{width:244px;max-width:78%}.brand-figure-top{padding:19px 23px 0}.brand-figure figcaption{margin-inline:23px;font-size:14px;padding-block:17px 20px}.topic-strip .wrap{font-size:13px;gap:10px 20px;padding-block:18px}.practice-motto{font-size:17px}.footer .brand-lockup{width:225px}}
@media(max-width:370px){nav{gap:14px;font-size:12px}.hero h1{font-size:37px}.brand-promise{font-size:9px;letter-spacing:1.05px}.hero-actions{gap:16px}.hero-actions .text-link{font-size:13px}.brand-figure-top{font-size:12px;padding-inline:18px}.brand-grid{min-height:250px}.brand-symbol{width:220px}.brand-figure figcaption{margin-inline:18px}.figure-accent{width:48px}}
@media(prefers-reduced-motion:reduce){nav a{transition:none}}