/* FINAL Locked Master: decorative raster only; all copy, logo and controls are live HTML. */
.card{position:relative;max-width:1024px;margin:0 auto;box-shadow:none}
header{position:absolute;inset:0 0 auto;z-index:2;justify-content:center;padding:26px 24px;background:transparent;border:0;height:84px}
header .wordmark,header .brand-name{display:none}
header nav{gap:76px;transform:translateX(-100px)}
header nav a{font:18px/1.5 Arial,sans-serif}
.hero,.about{font-family:Arial,sans-serif;background-image:url('assets/locked-master-background.png');background-repeat:no-repeat;background-size:1024px 1536px;background-color:#f8f2ec}
.hero{background-position:center top}
.textile-art{display:none}
.intro{min-height:664px;padding:130px 70px 66px;justify-content:flex-start;font-family:Arial,sans-serif}
.intro .eyebrow{font:22px/1.4 Arial,sans-serif;letter-spacing:0;margin:0 0 18px}
.everyday{font:400 64px/1.08 Arial,sans-serif;letter-spacing:-1px}
.hero-logo{width:232px;height:110px;object-fit:contain;display:block;margin:12px 0 18px;mix-blend-mode:multiply}
.intro h1{font:700 34px/1.35 Arial,sans-serif;letter-spacing:-.5px;margin:0 0 15px}
.intro>p.hero-subtitle,.intro>p.hero-audience{font:400 23px/1.45 Arial,sans-serif;color:#141412;text-decoration:none;margin:0;max-width:none}
.intro>p.hero-audience{margin:0 0 27px}
.intro .primary{width:310px;min-height:66px;font:700 23px/1.3 Arial,sans-serif;border:0;border-radius:6px;padding:16px 35px;justify-content:space-between;box-shadow:none}
.about{background-position:center -664px;min-height:664px;padding:31px 50px 25px;border:0;gap:10px;display:flex;align-items:center;flex-direction:column}
.about-heading>p{font:400 21px/1.4 Arial,sans-serif;margin:0 0 17px;color:#141412}
.about h2{font:700 36px/1.25 Arial,sans-serif;letter-spacing:-.5px;padding:0;border:0;background:none;margin:0}
.about-heading .about-experience{display:none}
.about-heading:after{width:108px;height:2px;background:#d5a44b;margin:16px auto 0}
.about-copy{width:410px;max-width:100%;min-height:495px;padding:22px 28px 20px;border:1px solid #f8eee6;border-radius:20px;background:#fffaf5e8;box-shadow:0 0 12px #79685815;margin-top:0}
.about-copy p{font:400 20px/1.4 Arial,sans-serif;max-width:none;margin:0 0 20px;color:#141412}
.about-copy p:last-child{margin-bottom:0}
.about-copy .values{font:700 23px/1.4 Arial,sans-serif;margin:22px 0 12px}
.about-copy .about-tagline{font:400 20px/1.4 Arial,sans-serif;color:#141412}
@media(min-width:761px) and (max-width:1023px){
 .hero,.about{background-size:100vw 150vw}
 .hero{min-height:64.84375vw}.intro{min-height:64.84375vw;padding-top:12.7vw;padding-bottom:6vw}
 .about{background-position:center -64.84375vw}
}
@media(max-width:760px){
 header{height:68px;padding:18px 20px}header nav{gap:50px;transform:none}header nav a{font-size:16px}
 .hero{background-size:964px 1446px;background-position:center top}
 /* Keep the source's left/right fabric edges visible without stretching.
    Each edge uses the same proportional scale as the central background. */
 .hero:before,.hero:after,.about:before,.about:after{content:'';position:absolute;top:0;bottom:0;width:28%;z-index:-1;pointer-events:none;background-image:url('assets/locked-master-background.png');background-repeat:no-repeat;background-size:964px 1446px}
 .hero:before,.about:before{left:0;background-position:left top;mask-image:linear-gradient(to right,#000 65%,transparent)}
 .hero:after,.about:after{right:0;background-position:right top;mask-image:linear-gradient(to left,#000 65%,transparent)}
 .intro{padding:112px 20px 45px;min-height:625px}
 .intro .eyebrow{font-size:18px;margin-bottom:19px}
 .everyday{font-size:clamp(40px,10.7vw,60px);letter-spacing:-1px}
 .hero-logo{width:210px;height:auto;margin:15px 0 25px}
 .intro h1{font-size:clamp(23px,6.1vw,30px);letter-spacing:-.5px;margin-bottom:15px}
 .intro>p.hero-subtitle,.intro>p.hero-audience{font-size:20px;line-height:1.45}
 .intro>p.hero-audience{margin-bottom:28px}
 .intro .primary{max-width:100%;width:285px;min-height:60px;font-size:21px;padding:15px 30px}
 .about{background-size:964px 1446px;background-position:center -625px;padding:34px 22px 35px;min-height:0;gap:14px;border-top:4px solid #fffaf5}
 .about:before{background-position:left -625px}.about:after{background-position:right -625px}
 .about-heading>p{font-size:19px;margin-bottom:16px}.about h2{font-size:32px}
 .about-copy{width:410px;padding:25px 23px;border-radius:18px}
 .about-copy p,.about-copy .about-tagline{font-size:18px;line-height:1.5}.about-copy .values{font-size:21px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}