:root{color-scheme:light;--cream:#fcf5e9;--paper:#fffaf2;--plum:#66143c;--red:#e74948;--orange:#f19a26;--ink:#24151c;--muted:#6f5f65;--line:rgba(102,20,60,.22);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);line-height:1.6}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
.skip{position:fixed;left:1rem;top:-10rem;background:var(--plum);color:#fff;padding:.7rem 1rem;z-index:100}
.skip:focus{top:1rem}
.wrap{width:min(1180px,calc(100% - 3rem));margin-inline:auto}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,5rem);align-items:center;padding-block:clamp(4rem,8vw,7rem) 2.5rem}
.hero-art{margin:0;background:var(--red);overflow:hidden}
.hero-art img{aspect-ratio:4/3;object-fit:cover}
.eyebrow{color:var(--red);font-size:.78rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;margin:0 0 1rem}
h1,h2,h3,p{margin-top:0}
h1{font-family:Georgia,"Times New Roman",serif;color:var(--plum);font-size:clamp(4.5rem,10vw,8.4rem);font-weight:500;letter-spacing:0;line-height:.88;margin-bottom:1.4rem}
h2{font-family:Georgia,"Times New Roman",serif;color:var(--plum);font-size:clamp(2.4rem,5vw,4.8rem);font-weight:500;letter-spacing:0;line-height:1;margin-bottom:1.5rem}
h3{font-size:1.25rem;letter-spacing:0;line-height:1.25}
.headline{font-size:clamp(1.55rem,3vw,2.45rem);font-weight:750;line-height:1.15;max-width:760px}
.intro{font-size:clamp(1.05rem,1.6vw,1.3rem);color:var(--muted);max-width:760px}
.facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0 0;border-top:1px solid var(--line);padding-top:1.3rem}
.facts div{min-width:0}
.facts dt{color:var(--red);font-size:.72rem;font-weight:850;text-transform:uppercase}
.facts dd{margin:.35rem 0 0;font-size:.95rem}
.chapter-nav{position:sticky;top:68px;z-index:20;background:rgba(252,245,233,.94);border-block:1px solid var(--line);backdrop-filter:blur(12px)}
.chapter-nav .wrap{display:flex;overflow-x:auto;scrollbar-width:none}
.chapter-nav a{flex:none;padding:1rem 1.2rem 1rem 0;margin-right:1.3rem;color:var(--plum);font-size:.78rem;font-weight:800;text-decoration:none;text-transform:uppercase}
.section{padding-block:clamp(4.5rem,9vw,8rem);scroll-margin-top:8rem}
.section-heading{max-width:920px}
.two-column{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem)}
.reading p{font-size:1.05rem}
.reading.narrow{max-width:760px}
.soft{background:var(--paper);border-block:1px solid var(--line)}
blockquote{font-family:Georgia,"Times New Roman",serif;color:var(--plum);font-size:clamp(1.8rem,4vw,3.3rem);line-height:1.15;margin:4rem 0 0;padding-left:1.5rem;border-left:5px solid var(--orange);max-width:920px}
.insight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:3rem}
.insight-grid article{border-top:3px solid var(--red);padding:1.2rem 0}
.insight-grid span{color:var(--red);font-size:.75rem;font-weight:850}
.insight-grid h3{margin:.8rem 0 .55rem}
.insight-grid p{color:var(--muted);font-size:.95rem}
.wide-artifact{margin:4rem 0 0}
.wide-artifact img{border:1px solid var(--line)}
figure{margin:0}
figcaption{font-size:.8rem;color:var(--muted);padding-top:.65rem}
.brand-gallery{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:3.5rem}
.brand-gallery figure{background:var(--paper);border:1px solid var(--line);padding:.65rem}
.brand-gallery .span-two{grid-column:1/-1}
.brand-gallery img{aspect-ratio:16/9;object-fit:cover}
.social-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}
.social-row img{aspect-ratio:4/5;object-fit:cover}
.plum{background:var(--plum);color:#fff}
.plum h2,.plum h3{color:#fff}
.plum .eyebrow{color:#ffc35c}
.plum .reading p{color:rgba(255,255,255,.78)}
.build-label{display:flex;align-items:center;gap:1rem;margin-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:1rem}
.build-label span{background:var(--orange);color:var(--ink);font-size:.72rem;font-weight:900;padding:.45rem .6rem;text-transform:uppercase}
.build-label strong{font-size:.85rem;text-transform:uppercase}
.build-label.dark{border-color:var(--line)}
.build-label.dark span{background:var(--plum);color:#fff}
.journey{list-style:none;padding:0;margin:4rem 0;display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid rgba(255,255,255,.28)}
.journey li{padding:1.4rem;border-right:1px solid rgba(255,255,255,.28)}
.journey li:last-child{border-right:0}
.journey span{color:#ffc35c;font-size:.75rem;font-weight:850}
.journey h3{margin:.8rem 0}
.journey p{color:rgba(255,255,255,.72);font-size:.92rem}
.admin-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,5vw,5rem);align-items:start;margin:0 0 4rem;padding-block:2rem;border-block:1px solid rgba(255,255,255,.28)}
.admin-panel h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.75rem,3vw,2.5rem);margin-bottom:0}
.admin-panel>p{color:rgba(255,255,255,.78);font-size:1.05rem;margin:0}
.catalogue-showcase{display:grid;grid-template-columns:.7fr 1fr 1fr;gap:1rem;align-items:start}
.catalogue-showcase figure{background:#fff;padding:.5rem}
.catalogue-showcase img{aspect-ratio:9/16;object-fit:cover}
.catalogue-cover{transform:translateY(3rem)}
.catalogue-copy{grid-column:1/-1;max-width:760px;margin-top:4rem}
.catalogue-copy p:not(.eyebrow){color:rgba(255,255,255,.75)}
.web-product{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;margin-top:4rem;background:var(--paper);border:1px solid var(--line);padding:1rem}
.fit-panel{padding:clamp(1rem,3vw,2.4rem)}
.fit-panel h3{font-family:Georgia,"Times New Roman",serif;color:var(--plum);font-size:2rem}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:2rem 0}
.field-grid span{border:1px solid var(--line);padding:.8rem;color:var(--muted);font-size:.85rem}
.field-grid span:first-child,.field-grid span:last-child{grid-column:1/-1}
.button{display:inline-flex;align-items:center;background:var(--plum);border:1px solid var(--plum);color:#fff;font-weight:800;padding:.8rem 1rem;text-decoration:none;margin-top:1rem}
.button:hover{background:var(--red);border-color:var(--red)}
.gown-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}
.gown-strip figure{position:relative;min-width:0}
.gown-strip img{height:100%;width:100%;object-fit:cover}
.gown-strip figcaption{position:absolute;left:.5rem;bottom:.5rem;background:var(--cream);color:var(--plum);padding:.35rem .5rem;font-weight:850}
.admin-detail{margin-top:clamp(4rem,8vw,7rem);padding-top:clamp(2.5rem,5vw,4rem);border-top:1px solid var(--line)}
.admin-detail .section-heading{max-width:760px}
.admin-detail .section-heading h3{font-family:Georgia,"Times New Roman",serif;color:var(--plum);font-size:clamp(2rem,4vw,3.5rem);line-height:1.05}
.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.5rem}
.admin-grid article{border-top:3px solid var(--red);padding:1.25rem 0}
.admin-grid span{color:var(--red);font-size:.75rem;font-weight:850}
.admin-grid h3{margin:.8rem 0 .55rem}
.admin-grid p{color:var(--muted);font-size:.95rem;margin-bottom:0}
.closing{background:var(--red);color:#fff;padding-block:clamp(4rem,8vw,7rem)}
.closing h2{color:#fff}
.closing .intro{color:rgba(255,255,255,.84)}
.closing .eyebrow{color:#ffe0a8}
.closing .button{background:#fff;border-color:#fff;color:var(--plum)}
.footer-links{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:2rem}
.text-link{font-weight:800}
.reveal{opacity:1;transform:none}
@media(prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.is-visible{opacity:1;transform:none}
}
@media(max-width:760px){.wrap{width:calc(100% - 2rem)}
.admin-panel{grid-template-columns:1fr;gap:1rem}
.admin-grid{grid-template-columns:1fr}
.hero{grid-template-columns:1fr;padding-top:2.5rem;gap:1.5rem}
.hero-copy{text-align:center}
.hero-copy .intro{margin-inline:auto}
.hero-art{width:min(100%,420px);margin-inline:auto}
.facts{grid-template-columns:1fr 1fr;text-align:left;margin-top:1rem}
.chapter-nav{top:60px}
.section{padding-block:4rem}
.two-column{grid-template-columns:1fr;gap:.8rem}
.insight-grid{grid-template-columns:1fr 1fr}
.brand-gallery{grid-template-columns:1fr}
.brand-gallery .span-two{grid-column:auto}
.social-row{gap:.5rem}
.journey{grid-template-columns:1fr 1fr}
.journey li:nth-child(2){border-right:0}
.journey li:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.28)}
.catalogue-showcase{grid-template-columns:repeat(3,1fr);gap:.45rem}
.catalogue-cover{transform:none}
.catalogue-copy{margin-top:2rem}
.web-product{grid-template-columns:1fr}
.gown-strip{min-height:360px}
.footer-links{justify-content:center;text-align:center}
.closing{text-align:center}
}
@media(max-width:460px){h1{font-size:4.2rem}
.headline{font-size:1.5rem}
.facts{grid-template-columns:1fr}
.chapter-nav a{padding-block:.8rem}
.insight-grid{grid-template-columns:1fr}
.social-row{overflow-x:auto;scroll-snap-type:x mandatory}
.social-row img{min-width:78vw;scroll-snap-align:start}
.journey{grid-template-columns:1fr}
.journey li{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.28)}
.journey li:last-child{border-bottom:0}
.catalogue-showcase{grid-template-columns:1fr 1fr}
.catalogue-cover{display:none}
.catalogue-copy{grid-column:1/-1}
.web-product{padding:.7rem}
.fit-panel{padding:1rem .4rem}
.gown-strip{grid-template-columns:1fr 1fr}
.gown-strip figure:last-child{display:none}
.gown-strip{min-height:420px}
}