/* Brand design and launch: an editorial home-page section. */
.brand-studio{background:#e6e5db;border-top:1px solid #c9cabc;overflow:hidden}
.brand-studio .section-kicker{margin-bottom:46px}
.brand-studio-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:7vw;align-items:end;margin-bottom:46px}
.brand-studio-heading>.brand-studio-intro{max-width:355px;justify-self:end;padding-bottom:6px}
.brand-studio-heading .eyebrow{font-size:9px;color:#697255;letter-spacing:.14em}
.brand-studio h2{font-size:clamp(54px,6.5vw,98px);line-height:1.03;margin-top:21px}
.brand-studio-intro p{font-size:16px;color:#454c3b;line-height:1.65}
.brand-studio-intro p+p{font-size:12px;color:#656e57;margin-top:18px;line-height:1.8}
.brand-concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.brand-concept{margin:0;min-width:0}
.brand-concept-image{position:relative;isolation:isolate;aspect-ratio:4/3;overflow:hidden;background:#d3d6c4}
.brand-concept-image>img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.brand-concept:hover .brand-concept-image>img{transform:scale(1.025)}
.brand-concept-jar{background:#dfd7c8}
.brand-concept-custom{background:#302d26}
.brand-concept-image:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#1c211b29,transparent 22%,transparent 77%,#1c211b3d);z-index:1}
.brand-concept-index,.brand-concept-stamp{position:absolute;z-index:2;color:#fffef4;font-size:8px;letter-spacing:.14em;line-height:1.5;text-shadow:0 1px 8px #1b211b88}
.brand-concept-index{top:19px;left:19px}
.brand-concept-stamp{bottom:18px;left:19px;font-size:7px;padding:5px 8px;border:1px solid #fff7d45c;background:#25272124;backdrop-filter:blur(4px)}
.brand-concept figcaption{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-top:18px}
.brand-concept figcaption h3{font-size:22px;letter-spacing:-.04em;line-height:1.25}
.brand-concept figcaption p{font-size:10px;color:#687158;line-height:1.7;margin-top:7px}
.brand-concept figcaption>span{font-size:20px;line-height:1;color:#6c765b;margin-top:4px}
.brand-concept-note{font-size:9px;color:#687158;line-height:1.8;margin-top:22px;max-width:790px}
.brand-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;border-top:1px solid #bdc3b0;margin-top:47px;padding-top:27px}
.brand-service-number{display:block;font-size:9px;letter-spacing:.09em;color:#788267;margin-bottom:20px}
.brand-service h3{font-size:26px;line-height:1.13;letter-spacing:-.045em}
.brand-service p{font-size:11px;line-height:1.8;color:#606b50;margin-top:19px;max-width:260px}
.brand-studio-bottom{display:flex;justify-content:space-between;align-items:center;gap:35px;padding-top:32px;margin-top:37px;border-top:1px solid #bdc3b0}
.brand-studio-bottom .eyebrow{font-size:8px;color:#697255}
.brand-studio-bottom>div>p{font-size:24px;line-height:1.3;letter-spacing:-.035em;margin-top:13px}
.brand-studio-actions{display:flex;align-items:center;gap:30px;flex-shrink:0}
.brand-studio-actions .pill-button{margin-top:0}
.brand-studio-actions .text-link{margin-top:0;font-size:10px;gap:20px}
.brand-studio-approval{font-size:9px;line-height:1.8;color:#687158;max-width:700px;margin-top:29px}
@media(min-width:1700px){.brand-concept-grid{gap:25px}.brand-concept figcaption h3{font-size:27px}.brand-concept figcaption p{font-size:12px}.brand-service h3{font-size:31px}.brand-service p{font-size:12px}.brand-services{gap:40px}}
@media(min-width:701px) and (max-width:1050px){.brand-studio-heading{gap:5vw;grid-template-columns:1.2fr 1fr}.brand-studio h2{font-size:65px}.brand-studio-intro p{font-size:14px}.brand-studio-intro p+p{font-size:11px}.brand-concept-grid{gap:13px}.brand-concept figcaption h3{font-size:20px}.brand-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.brand-service p{max-width:350px}.brand-studio-actions{align-items:flex-end;flex-direction:column;gap:15px}.brand-studio-bottom>div>p{font-size:23px}}
@media(max-width:700px){.brand-studio .section-kicker{margin-bottom:32px}.brand-studio-heading{grid-template-columns:1fr;gap:25px;margin-bottom:30px}.brand-studio h2{font-size:55px;margin-top:17px}.brand-studio-heading .eyebrow{font-size:8px}.brand-studio-heading>.brand-studio-intro{justify-self:start;max-width:340px;padding:0}.brand-studio-intro p{font-size:14px}.brand-studio-intro p+p{font-size:11px;margin-top:13px}.brand-concept-grid{grid-template-columns:1fr;gap:28px}.brand-concept-image{aspect-ratio:4/3;max-height:520px}.brand-concept-index{top:16px;left:16px;font-size:7px}.brand-concept-stamp{left:16px;bottom:16px}.brand-concept figcaption{padding-top:14px}.brand-concept figcaption h3{font-size:25px}.brand-concept figcaption p{font-size:11px}.brand-concept-note{font-size:9px;margin-top:22px}.brand-services{grid-template-columns:1fr;gap:0;margin-top:31px;padding-top:0}.brand-service{display:grid;grid-template-columns:30px 1fr;column-gap:15px;padding:23px 0;border-bottom:1px solid #bdc3b0}.brand-service-number{grid-column:1;grid-row:1/3;margin-top:4px;margin-bottom:0}.brand-service h3{font-size:28px;grid-column:2}.brand-service h3 br{display:none}.brand-service p{grid-column:2;max-width:none;font-size:11px;line-height:1.8;margin-top:12px}.brand-studio-bottom{border-top:0;margin-top:0;padding-top:29px;align-items:flex-start;flex-direction:column;gap:22px}.brand-studio-bottom>div>p{font-size:26px;margin-top:12px}.brand-studio-bottom .eyebrow{font-size:7px}.brand-studio-actions{align-items:flex-start;flex-direction:column;gap:15px}.brand-studio-actions .text-link{font-size:10px}.brand-studio-approval{font-size:9px;margin-top:24px}}
@media(max-width:380px){.brand-studio h2{font-size:48px}.brand-service h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.brand-concept-image>img{transition:none}.brand-concept:hover .brand-concept-image>img{transform:none}}
.motion-off .brand-concept-image>img{transition:none}
.motion-off .brand-concept:hover .brand-concept-image>img{transform:none}
