/* Family Friendly: large, intact look photographs with warm optical framing. */
.family-page{background:#15110f;color:#e8dcc5;overflow:hidden}
.family-page [id]{scroll-margin-top:110px}
.family-breadcrumb{display:flex;gap:12px;padding:26px 5% 0;color:#b7a78f;font-size:10px}
.family-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.family-hero{display:grid;grid-template-columns:1fr 1.1fr;min-height:650px;border-bottom:1px solid #e8dcc52b;gap:0}
.family-hero-copy{padding:60px 10% 55px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.family-hero-copy>.eyebrow{display:flex;align-items:center;gap:9px;color:#b7a78f;font-size:9px;letter-spacing:.14em}
.family-live-dot{width:6px;height:6px;background:#d7dc79;border-radius:50%}
.family-hero h1{font:400 clamp(76px,8.4vw,148px)/.9 'Puffer Grounded',Impact,'Arial Narrow',sans-serif;letter-spacing:-.015em;color:#e47b40;margin:32px 0 0}
.family-hero-script{font:italic 400 clamp(25px,2.65vw,42px)/1.2 Georgia,serif;color:#d7dc79;letter-spacing:-.04em;margin:22px 0 25px;transform:rotate(-4deg)}
.family-hero-description{font-size:13px;line-height:1.8;color:#b7a78f;max-width:330px}
.family-hero-copy>.button{margin-top:30px}
.family-hero-stage{position:relative;isolation:isolate;display:flex;align-items:center;padding:70px 6%;overflow:hidden;min-width:0}
.family-optical{position:absolute;inset:-15%;z-index:-1;background:repeating-radial-gradient(ellipse at 62% 50%,#342129 0 32px,#8d442e 34px 65px,#15110f 67px 100px);transform:rotate(-15deg) scale(1.1);border-radius:42%}
.family-hero-stage figure{margin:0;width:100%;padding:10px;background:#211a17;border:1px solid #e47b4080;box-shadow:15px 18px 0 #15110f60;transform:rotate(3deg)}
.family-hero-stage img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.family-hero-stage figcaption{display:flex;justify-content:space-between;gap:15px;padding:15px 6px 7px;font-size:8px;letter-spacing:.1em;color:#b7a78f}
.family-stage-seal{position:absolute;right:7%;top:42px;width:92px;height:92px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#d7dc79;color:#15110f;text-align:center;font:italic 18px/1.05 Georgia,serif;letter-spacing:-.05em;transform:rotate(12deg);border:1px solid #15110f}
.family-index{padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #e8dcc52b;background:#211a17;font-size:9px;letter-spacing:.08em}
.family-index>p{color:#d7dc79;white-space:nowrap}
.family-index nav{display:flex;gap:24px;flex-wrap:wrap}
.family-index nav a{display:inline-flex;align-items:center;gap:7px;min-height:30px;font-size:11px;letter-spacing:0}
.family-index nav a:hover{color:#d7dc79}
.family-index nav a>span{font-size:8px;color:#e47b40}
.family-status{color:#b7a78f;font-size:8px;white-space:nowrap}
.family-lookbook{padding:0 5%}
.family-look{display:grid;grid-template-columns:1.42fr 1fr;align-items:center;gap:7%;padding:85px 0;border-bottom:1px solid #e8dcc52b}
.family-look:nth-child(even){grid-template-columns:1fr 1.42fr}
.family-look:nth-child(even) .family-look-image{order:2}
.family-look:nth-child(even) .family-look-copy{padding-left:5%}
.family-look-image{margin:0;padding:12px;background:#211a17;border:1px solid #e8dcc52b;min-width:0}
.family-look-image>a{display:block;overflow:hidden}
.family-look-image img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;filter:none;mix-blend-mode:normal}
.family-look-image figcaption{display:flex;justify-content:space-between;gap:16px;color:#b7a78f;font-size:9px;padding:15px 3px 4px;line-height:1.6}
.family-look-image figcaption>span:first-child{color:#d7dc79;font-size:8px;letter-spacing:.1em;white-space:nowrap}
.family-look-copy>.eyebrow{font-size:9px;color:#b7a78f;letter-spacing:.12em}
.family-look-copy h2{font:400 clamp(62px,6.8vw,112px)/.92 'Puffer Grounded',Impact,'Arial Narrow',sans-serif;letter-spacing:-.015em;color:#e8dcc5;margin:25px 0 16px}
.family-colorway{font:italic 400 clamp(20px,2vw,28px)/1.3 Georgia,serif;letter-spacing:-.035em;color:#d7dc79}
.family-look-description{font-size:13px;line-height:1.8;color:#b7a78f;margin-top:24px;max-width:340px}
.family-piece-list{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.family-piece-list li{padding:8px 12px;border:1px solid #e8dcc52f;border-radius:30px;font-size:9px;color:#e8dcc5}
.family-look-actions{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px}
.family-look-actions .text-link{font-size:10px}
.family-look.bent-lavender .family-colorway{color:#d6b6e9}
.family-look.bent-lavender .family-look-image{border-color:#d6b6e95a}
.family-look.phase-shift .family-look-image{border-color:#d9c7a34f}
.family-finish{padding:70px 8%;background:#342129;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;isolation:isolate;overflow:hidden}
.family-finish::before{content:'';position:absolute;right:-15%;top:-180px;width:500px;height:500px;background:repeating-radial-gradient(ellipse at center,transparent 0 24px,#e47b4018 25px 28px,transparent 29px 49px);border-radius:45%;z-index:-1;transform:rotate(-25deg)}
.family-finish h2{font:400 clamp(44px,5.1vw,78px)/1 'Puffer Grounded',Impact,'Arial Narrow',sans-serif;color:#e47b40;letter-spacing:-.015em;margin:24px 0}
.family-finish h2 em{font:italic 400 .78em/1.2 Georgia,serif;letter-spacing:-.045em;color:#d7dc79}
.family-finish p:not(.eyebrow){font-size:12px;line-height:1.8;color:#b7a78f;max-width:360px}
.family-finish-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.family-preview-note{font-size:10px;line-height:1.8;color:#b7a78f;padding:26px 5%;max-width:800px}
.family-feature{background:#342129;color:#e8dcc5;display:grid;grid-template-columns:1fr 1.35fr;gap:5%;padding:60px 5%;align-items:center;border-top:1px solid #e47b4035;border-bottom:1px solid #e47b4035;position:relative;isolation:isolate;overflow:hidden}
.family-feature::before{content:'';position:absolute;left:-150px;bottom:-210px;width:500px;height:500px;z-index:-1;border-radius:42%;background:repeating-radial-gradient(ellipse at center,transparent 0 25px,#e47b4018 26px 30px,transparent 31px 50px);transform:rotate(25deg)}
.family-feature-copy{padding:8px 8% 8px 5%}
.family-feature .family-feature-copy h2{font:400 clamp(56px,6.4vw,98px)/.9 'Puffer Grounded',Impact,'Arial Narrow',sans-serif;letter-spacing:-.015em;color:#e47b40;margin:26px 0 17px}
.family-feature .family-feature-script{font:italic 400 clamp(22px,2.2vw,33px)/1.2 Georgia,serif;color:#d7dc79;letter-spacing:-.04em;margin-bottom:22px}
.family-feature-copy>p:not(.eyebrow):not(.family-feature-script){font-size:12px;color:#b7a78f;line-height:1.8;max-width:275px}
.family-feature .button{margin-top:25px}
.family-feature-count{display:block;font-size:8px;color:#b7a78f;letter-spacing:.08em;margin-top:25px;line-height:1.7}
.family-feature figure{margin:0;padding:10px;background:#211a17;border:1px solid #e47b405a;min-width:0}
.family-feature figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;filter:none;mix-blend-mode:normal}
.family-feature figcaption{padding:14px 4px 5px;font-size:8px;letter-spacing:.1em;color:#b7a78f}
@media(prefers-reduced-motion:no-preference){
 .motion-enabled .family-optical{animation:family-orbit 30s ease-in-out infinite alternate}
 .motion-enabled .family-look-image>a{transition:box-shadow .3s,border-color .3s}
 .motion-enabled .family-look-image>a:hover{box-shadow:0 0 0 2px #d7dc7980}
}
@keyframes family-orbit{from{transform:rotate(-15deg) scale(1.1)}to{transform:rotate(-5deg) scale(1.14)}}
@media(max-width:1100px){.family-index{align-items:flex-start;flex-wrap:wrap;gap:14px 24px}.family-index nav{gap:10px 18px}.family-status{margin-left:auto}.family-hero{min-height:570px}.family-hero-copy{padding:45px 9%}.family-stage-seal{width:76px;height:76px;font-size:16px}.family-look{gap:5%;padding:65px 0}.family-look-copy h2{font-size:72px}.family-feature-copy{padding-left:0;padding-right:3%}}
@media(max-width:720px){
 .family-breadcrumb{padding:22px 6% 0;font-size:9px;gap:9px}.family-hero{grid-template-columns:1fr;min-height:0}.family-hero-copy{padding:36px 6% 32px}.family-hero h1{font-size:clamp(64px,19vw,116px);line-height:.92;margin-top:25px}.family-hero-script{font-size:30px;margin:20px 0 23px}.family-hero-description{font-size:12px}.family-hero-copy>.button{margin-top:25px}.family-hero-stage{padding:55px 7% 48px}.family-stage-seal{top:12px;right:5%;width:64px;height:64px;font-size:14px}.family-hero-stage figure{padding:7px;box-shadow:8px 9px 0 #15110f60}.family-hero-stage figcaption{font-size:7px;padding:11px 3px 4px}.family-optical{inset:-35% -15%;background-size:auto}
 .family-index{padding:23px 6%;gap:14px}.family-index>p{font-size:9px}.family-status{font-size:7px}.family-index nav{order:3;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.family-index nav a{font-size:10px;min-height:34px}
 .family-lookbook{padding:0 6%}.family-look,.family-look:nth-child(even){grid-template-columns:1fr;gap:27px;padding:42px 0}.family-look:nth-child(even) .family-look-image{order:0}.family-look:nth-child(even) .family-look-copy{padding-left:0}.family-look-image{padding:7px}.family-look-image figcaption{font-size:8px;padding:11px 3px 3px;gap:10px}.family-look-copy h2{font-size:67px;margin-top:19px}.family-colorway{font-size:24px}.family-look-description{font-size:12px;margin-top:19px;max-width:320px}.family-piece-list{margin-top:22px}.family-look-actions{margin-top:17px}
 .family-finish{padding:43px 6%;flex-direction:column;align-items:flex-start;gap:25px}.family-finish h2{font-size:49px}.family-finish-actions{gap:13px}.family-preview-note{padding:24px 6%;font-size:9px}
 .family-feature{grid-template-columns:1fr;padding:40px 6%;gap:30px}.family-feature-copy{padding:0}.family-feature .family-feature-copy h2{font-size:72px;margin-top:22px}.family-feature .family-feature-script{font-size:28px}.family-feature-count{font-size:7px}.family-feature figure{padding:7px}.family-feature figcaption{font-size:7px;padding:12px 3px 4px}
}
@media(prefers-reduced-motion:reduce){.family-optical{animation:none!important}.family-look-image>a{transition:none!important}}