/* A quieter, consistent setting for the lookbook, overview and inquiry. */
body:is([data-page=lookbook],[data-page=overview],[data-page=inquiry]){
  --paper:#f8f7f4; --ink:#302d29; --sub:#6d665e; --line:#dedbd5; --sand:#eeeae4;
  background:#f8f7f4; color:var(--ink);
}
body:is([data-page=lookbook],[data-page=overview],[data-page=inquiry]) .header,
body:is([data-page=lookbook],[data-page=overview],[data-page=inquiry]) .main-nav,
body:is([data-page=lookbook],[data-page=overview],[data-page=inquiry]) .bottom-nav{
  background:#f8f7f4f5; border-color:#e4e0da;
}
body:is([data-page=lookbook],[data-page=overview],[data-page=inquiry]) .eyebrow{
  color:#82796f; font-size:10px; letter-spacing:.18em; font-weight:500;
}
body:is([data-page=lookbook],[data-page=overview],[data-page=inquiry]) :is(h1,h2){
  color:#302d29; font-weight:400; letter-spacing:-.035em;
}
body:is([data-page=lookbook],[data-page=overview],[data-page=inquiry]) .button{
  min-height:52px; border-radius:0; font-weight:500; background:#423b34; border-color:#423b34;
}
body:is([data-page=lookbook],[data-page=overview],[data-page=inquiry]) .button.secondary{
  background:transparent; border-color:#b8afa4; color:#3d3832;
}
body:is([data-page=lookbook],[data-page=overview],[data-page=inquiry]) .button.soft{
  background:#e8e3db; border-color:#e8e3db; color:#3d3832;
}
body:is([data-page=lookbook],[data-page=overview],[data-page=inquiry]) .footer{
  background:#eeeae4; border-color:#e1dbd3; color:#302d29;
}
/* The photographs remain the focal point; controls sit quietly around them. */
body[data-page=lookbook] .lookbook-intro{padding:48px 24px 34px}
body[data-page=lookbook] .lookbook-intro h1{font-size:29px; margin:12px 0 14px; line-height:1.35}
body[data-page=lookbook] .lookbook-intro>p:last-child{font-size:15px; line-height:1.8}
body[data-page=lookbook] .lookbook-filter{margin:0 24px; border-color:#ddd8d0}
body[data-page=lookbook] .lookbook-filter button{min-height:53px; font-size:15px; font-weight:400; color:#746d65}
body[data-page=lookbook] .lookbook-filter button[aria-pressed=true]{box-shadow:inset 0 -1px #4b423a; color:#302d29; font-weight:500}
body[data-page=lookbook] .lookbook-count{padding:18px 24px 24px; font-size:12px; color:#827a70}
body[data-page=lookbook] .lookbook-story{padding-bottom:55px}
body[data-page=lookbook] .story-heading{padding:16px 24px; border-color:#e4e0da; color:#80776d; font-size:11px; letter-spacing:.11em}
body[data-page=lookbook] .story-caption{padding:26px 24px 0}
body[data-page=lookbook] .story-number{font-size:11px; letter-spacing:.13em; color:#8a8176}
body[data-page=lookbook] .story-caption h2{font-size:25px; line-height:1.45}
body[data-page=lookbook] .story-name{font-size:15px; color:#756d64}
body[data-page=lookbook] .story-colors button{min-height:48px; font-size:14px; border-color:#d1cac1}
body[data-page=lookbook] .story-colors button[aria-pressed=true]{background:#4b433a; border-color:#4b433a; box-shadow:none; color:#fff}
body:is([data-page=lookbook],[data-page=overview]) .all-sheet-section{padding:46px 24px; background:#eeeae4; border-color:#dfd9d1}
body:is([data-page=lookbook],[data-page=overview]) .all-sheet-section h2{font-size:25px; line-height:1.5; margin:13px 0}
body:is([data-page=lookbook],[data-page=overview]) .sheet-description{font-size:15px; line-height:1.7}
body:is([data-page=lookbook],[data-page=overview]) .sheet-product-links a{border-color:#d4cec4; background:#f8f7f4; font-size:15px}
body[data-page=overview] .overview-head{padding:38px 24px 20px; border-color:#e4e0da}
body[data-page=overview] .overview-head h1{font-size:26px; line-height:1.3}
body[data-page=overview] .overview-head p{margin-top:9px; color:#756d64; font-size:14px}
body[data-page=overview] .overview-head .text-link{font-size:13px; color:#645c52}
body[data-page=overview] .overview-options button{border-color:#d0c9c0; color:#514a42}
body[data-page=overview] .overview-options button[aria-pressed=true]{background:#4b433a; border-color:#4b433a; color:#fff}
body[data-page=overview] .overview-grid .product-photo{background:#eeeae4}
body[data-page=overview] .overview-note{color:#827a70}
body[data-page=inquiry] .page-intro{padding:48px 24px 30px}
body[data-page=inquiry] .page-intro h1{font-size:29px; line-height:1.4}
body[data-page=inquiry] .page-intro p:last-child{font-size:15px; line-height:1.8}
body[data-page=inquiry] .section{padding:34px 24px; border-color:#e4e0da}
body[data-page=inquiry] .section h2{font-size:21px; line-height:1.45}
body[data-page=inquiry] .check-option{background:#f8f7f4; border-color:#d7d0c7}
body[data-page=inquiry] .check-option:has(input:checked){background:#eeeae4; border-color:#7b7166}
body[data-page=inquiry] :is(textarea,.message-preview){background:#fbfaf8; border-color:#d6cfc6}
body[data-page=inquiry] .inquiry-submit{background:#eeeae4}
@media (min-width:800px){
  body:is([data-page=lookbook],[data-page=overview],[data-page=inquiry]){max-width:1440px; border:0; box-shadow:none}
  body:is([data-page=lookbook],[data-page=overview],[data-page=inquiry]) .header{padding-inline:clamp(48px,6vw,88px)}
  body:is([data-page=lookbook],[data-page=overview],[data-page=inquiry]) .bottom-nav{width:min(100%,1440px); max-width:none}
  body:is([data-page=lookbook],[data-page=overview],[data-page=inquiry]) .footer{padding:55px clamp(48px,6vw,88px) 45px}
  body[data-page=lookbook] .lookbook-intro{padding:78px clamp(48px,6vw,88px) 42px}
  body[data-page=lookbook] .lookbook-filter{max-width:520px; margin-inline:clamp(48px,6vw,88px)}
  body[data-page=lookbook] .lookbook-count{padding:20px clamp(48px,6vw,88px) 32px}
  body[data-page=lookbook] #lookbook-stories{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:clamp(20px,3vw,42px); padding:0 clamp(48px,6vw,88px)}
  body[data-page=lookbook] .story-heading{padding-inline:0}
  body[data-page=lookbook] .story-caption{padding-inline:0}
  body[data-page=lookbook] .all-sheet-section,body[data-page=overview] .all-sheet-section{padding:65px clamp(48px,6vw,88px)}
  body[data-page=lookbook] .all-sheet-image,body[data-page=overview] .all-sheet-image{max-width:650px}
  body[data-page=lookbook] .sheet-product-links,body[data-page=overview] .sheet-product-links{max-width:850px}
  body[data-page=lookbook] .all-sheet-section>.button,body[data-page=overview] .all-sheet-section>.button{max-width:420px}
  body[data-page=overview] .overview-head{padding:60px clamp(48px,6vw,88px) 24px}
  body[data-page=overview] .overview-options{margin-inline:clamp(48px,6vw,88px)}
  body[data-page=overview] .overview-note{margin-left:clamp(48px,6vw,88px)}
  body[data-page=inquiry] main{max-width:850px; margin:0 auto}
  body[data-page=inquiry] .page-intro{padding-top:70px}
}
@media(max-width:360px){
  body[data-page=lookbook] :is(.lookbook-intro,.story-caption){padding-inline:18px}
  body[data-page=lookbook] .lookbook-filter{margin-inline:18px}
  body[data-page=overview] .overview-head{padding-inline:18px}
  body[data-page=inquiry] :is(.page-intro,.section){padding-inline:18px}
}
/* Keep the site's large-text preference effective on these pages. */
html[data-readable=large] body[data-page=lookbook] :is(.lookbook-intro>p:last-child,.lookbook-filter button,.story-name,.story-colors button),
html[data-readable=large] body:is([data-page=lookbook],[data-page=overview]) :is(.sheet-description,.sheet-product-links a),
html[data-readable=large] body[data-page=overview] .overview-head p,
html[data-readable=large] body[data-page=inquiry] .page-intro p:last-child{font-size:var(--read)}
html[data-readable=large] body[data-page=lookbook] .story-caption h2{font-size:29px}
html[data-readable=large] body:is([data-page=lookbook],[data-page=overview],[data-page=inquiry]) h1{font-size:var(--heading)}
@media(min-width:800px){
  body:is([data-page=lookbook],[data-page=overview],[data-page=inquiry]) .header{width:100%;max-width:none;grid-template-columns:minmax(76px,1fr) auto minmax(76px,1fr)}
  body:is([data-page=lookbook],[data-page=overview],[data-page=inquiry]) .header-brand{justify-self:center}
  body:is([data-page=lookbook],[data-page=overview],[data-page=inquiry]) .header-right{justify-self:end}
  body[data-page=overview]:not([data-overview=readable]) .overview-grid{width:clamp(320px,calc(88svh - 264px),680px);max-width:100%}
  body[data-page=overview][data-overview=readable] .overview-grid{max-width:960px;margin-inline:auto}
}
/* Keep the lookbook image-led while showing several looks at once. */
body[data-page=lookbook] #lookbook-stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 10px;padding:0 12px}
body[data-page=lookbook] .lookbook-story{min-width:0;padding:0}
body[data-page=lookbook] .story-heading,body[data-page=lookbook] .story-caption h2,body[data-page=lookbook] .story-caption>.button{display:none}
body[data-page=lookbook] .story-photo>img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}
body[data-page=lookbook] .story-caption{padding:10px 2px 0}
body[data-page=lookbook] .story-number{margin:0;font-size:10px}
body[data-page=lookbook] .story-name{margin:4px 0 0;font-size:12px;line-height:1.45}
body[data-page=lookbook] .story-colors{gap:6px;margin:9px 0 0}
body[data-page=lookbook] .story-colors button{flex:0 0 28px;width:28px;min-height:28px;height:28px;padding:0;border:1px solid transparent;background:transparent;display:grid;place-items:center;font-size:0;gap:0}
body[data-page=lookbook] .story-colors button[aria-pressed=true]{background:transparent;border-color:#4b433a}
body[data-page=lookbook] .story-colors .swatch{width:15px;height:15px}
html[data-readable=large] body[data-page=lookbook] .story-colors button[data-story-swatch]{font-size:0}
@media(min-width:800px){body[data-page=lookbook] #lookbook-stories{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 20px;padding:0 clamp(32px,5vw,72px)}}