/* MEDUZA — ivory, sand and ink. Mobile first; steps at 560 / 720 / 900 / 1100 px. */
@font-face{font-family:"Bodoni Moda";src:url(fonts/bodoni-moda.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"Bodoni Moda";src:url(fonts/bodoni-moda-italic.woff2) format("woff2");font-weight:400 900;font-style:italic;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(fonts/instrument-sans.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(fonts/instrument-sans-italic.woff2) format("woff2");font-weight:400 700;font-style:italic;font-display:swap}

:root{
  --ivory:#F6F3EE;--paper:#FFFEFB;--sand:#D7C9B9;--sand-soft:#EAE2D7;--cocoa:#765D49;--cocoa-deep:#5A4535;
  --ink:#20201D;--mute:#5C564E;--line:#E6DFD5;--rule:#B9AC9C;--field:#8A7D6E;
  --serif:"Bodoni Moda","Bodoni 72","Didot","Playfair Display",Georgia,"Times New Roman",serif;
  --sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --wrap:1240px;--gut:20px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{margin:0;background:var(--ivory);color:var(--ink);font:400 1.0625rem/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;font-optical-sizing:auto;line-height:1.08;letter-spacing:-.012em;margin:0;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
::selection{background:var(--sand)}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;background:var(--ink);color:var(--paper);padding:10px 16px;z-index:100}
.skip:focus{top:12px}
.ico{flex:none}

/* Small labels and links */
.label,.kicker{font:600 .75rem/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--cocoa-deep)}
.kicker{display:inline-block;padding-block:4px}
a.kicker:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.more{display:inline-flex;align-items:center;gap:10px;font:600 .8125rem/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:10px 0;border-bottom:1px solid var(--ink);white-space:nowrap}
.more .ico{width:18px;height:18px;transition:transform .2s}
.more:hover .ico{transform:translateX(4px)}
.btn{display:inline-flex;align-items:center;gap:12px;background:var(--ink);color:var(--paper);font:600 .8125rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:17px 24px;border:1px solid var(--ink);border-radius:0;cursor:pointer;transition:background .2s,color .2s}
.btn:hover{background:transparent;color:var(--ink)}
.btn .ico{width:18px;height:18px}
.btn--small{padding:13px 18px;font-size:.75rem}

/* Photo frames: fixed ratios, cropped around the focal point */
.ph{display:block;position:relative;overflow:hidden;background:var(--sand-soft)}
.ph .mz-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.ph--45{aspect-ratio:4/5}.ph--34{aspect-ratio:3/4}.ph--32{aspect-ratio:3/2}.ph--43{aspect-ratio:4/3}.ph--11{aspect-ratio:1}
.ph--wide{aspect-ratio:4/5}.ph--lead{aspect-ratio:4/3}.ph--hero{aspect-ratio:4/5}.ph--fill{height:100%;min-height:200px}
.ph--none{display:grid;place-items:center;background:var(--sand-soft)}
.ph--none span{font:italic 500 1.25rem/1.1 var(--serif);color:var(--cocoa-deep);text-align:center;padding:12px}
a:hover>.ph .mz-img{transform:scale(1.025)}

/* Header */
.top{position:sticky;top:0;z-index:50;background:rgba(246,243,238,.96);border-bottom:1px solid var(--line)}
@supports (backdrop-filter:blur(8px)){.top{background:rgba(246,243,238,.88);backdrop-filter:blur(10px)}}
.top__in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px}
.logo{display:inline-flex;align-items:center;min-height:44px;color:var(--ink)}
.logo__word{font:500 1.375rem/1 var(--serif);letter-spacing:.3em;margin-right:-.3em;font-variation-settings:"opsz" 28}
.logo__word i{font-style:italic;font-weight:500;letter-spacing:.24em}
.nav{display:none}
.top__tools{display:flex;align-items:center;gap:4px}
.top__btn{display:inline-flex;align-items:center;gap:10px;min-height:44px;min-width:44px;justify-content:center;font:600 .75rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.top__btn--menu{padding-left:8px}
.burger{width:22px;height:9px;border-block:1.5px solid currentColor}
.menu-open .burger{height:0;border-bottom:0}
.menu{border-top:1px solid var(--line);background:var(--paper);max-height:calc(100vh - 62px);overflow:auto}
.menu__in{padding-block:24px 36px}
.menu__cols{display:grid;gap:28px;margin-top:28px}
.menu__h{font:600 .75rem/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--cocoa-deep);margin-bottom:8px}
.menu__cols a{display:block;padding:9px 0}
.menu__cols a:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.menu__big a{font:500 1.5rem/1.15 var(--serif)}
.menu__big--it a{font-style:italic}
@media (min-width:720px){.menu__cols{grid-template-columns:1.2fr 1.2fr 1fr}.logo__word{font-size:1.625rem}}
@media (min-width:1100px){
  .top__in{min-height:76px}
  .nav{display:block}
  .nav ul{display:flex;gap:30px}
  .nav a{display:block;padding:14px 0;font:500 .8125rem/1 var(--sans);letter-spacing:.13em;text-transform:uppercase;border-bottom:1px solid transparent}
  .nav a:hover,.nav a[aria-current]{border-bottom-color:var(--ink)}
  .menu{max-height:calc(100vh - 76px)}
}

/* Search form */
.sform{display:flex;border-bottom:1px solid var(--ink);max-width:640px}
.sform input{flex:1;min-width:0;border:0;background:transparent;padding:14px 0;font:500 1.25rem/1.2 var(--serif);border-radius:0;outline-offset:6px}
.sform input::placeholder{color:var(--mute);opacity:1}
.sform button{background:none;border:0;width:48px;display:grid;place-items:center;cursor:pointer}

/* Sections */
.sec{padding-block:56px}
.sec__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px;margin-bottom:32px}
.sec__head h2,.care__head h2,.values h2{font-size:clamp(2rem,1.3rem + 3vw,3.25rem);margin-top:8px}
.sec__head--center{justify-content:center;text-align:center}
.sec__intro{max-width:52ch;color:var(--mute);margin-top:12px}
.sec__head--center .sec__intro{margin-inline:auto}
.sec__foot{margin-top:36px;text-align:center}
@media (min-width:900px){.sec{padding-block:88px}.sec__head{margin-bottom:44px}}

/* Cards */
.card{display:flex;flex-direction:column;gap:16px;position:relative}
.card__media{display:block}
.card__body{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.card__title{font-size:1.4375rem;line-height:1.14}
.card__title a::after{content:"";position:absolute;inset:0}
.card .kicker{position:relative;z-index:1}
.card:hover .card__title a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.card__dek{color:var(--mute);font-size:1rem;line-height:1.55}
.card__cta{font:600 .75rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:6px;margin-top:6px}

/* Hero */
.hero{display:grid;background:var(--sand-soft)}
.hero__text{padding:36px var(--gut) 40px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.hero__title{font-size:clamp(2.375rem,1.4rem + 4.6vw,4.75rem);line-height:1.02;letter-spacing:-.02em;font-weight:500}
.hero__title a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}
.hero__dek{font-size:1.125rem;max-width:44ch;color:#3B3832}
.hero__photo{display:block}
.ph--hero{aspect-ratio:5/6}
@media (min-width:560px) and (max-width:899.98px){.ph--hero{aspect-ratio:16/11}.rubnav ul{justify-content:center;gap:20px}}
@media (min-width:900px){
  .hero{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);min-height:min(78vh,760px)}
  .hero__text{justify-content:center;padding:56px clamp(32px,5vw,88px) 56px max(var(--gut),calc((100vw - var(--wrap))/2 + var(--gut)));gap:24px}
  .hero__photo{position:relative;min-height:540px}
  .ph--hero{position:absolute;inset:0;aspect-ratio:auto}
  .hero__dek{font-size:1.1875rem}
}

/* Rubric navigation with thumbnails */
.rubnav{background:var(--paper);border-bottom:1px solid var(--line)}
.rubnav ul{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x proximity;padding-block:20px;scrollbar-width:none}
.rubnav ul::-webkit-scrollbar{display:none}
.rubnav li{flex:0 0 auto;scroll-snap-align:start}
.rubnav a{display:flex;flex-direction:column;align-items:center;gap:10px;width:112px;padding:6px;text-align:center;font:500 .8125rem/1.25 var(--sans);letter-spacing:.04em}
.rubnav .ph{width:84px;border-radius:50%}
.rubnav .ph--none span{font-size:.75rem;padding:4px}
.rubnav a:hover span:last-child{text-decoration:underline;text-underline-offset:4px}
@media (min-width:900px){
  .rubnav ul{justify-content:space-between;overflow:visible;padding-block:28px}
  .rubnav li{flex:1}
  .rubnav a{flex-direction:row;width:auto;text-align:left;gap:14px;font:500 1.125rem/1.15 var(--serif);letter-spacing:0;justify-content:center}
  .rubnav .ph{width:64px}
}
@media (min-width:1100px){.rubnav .ph{width:76px}.rubnav a{font-size:1.25rem}}

/* The Everyday Edit */
.edit__grid{display:grid;gap:40px}
.card--lead .card__title{font-size:clamp(1.75rem,1.2rem + 2vw,2.5rem)}
.card--lead .card__dek{font-size:1.0625rem;max-width:46ch}
.edit__side{display:grid;gap:32px}
.edit__text{display:grid;gap:0;border-top:1px solid var(--rule)}
.card--text{padding-block:22px;border-bottom:1px solid var(--line)}
.card--text .card__title{font-size:1.3125rem}
@media (min-width:560px){.edit__side{grid-template-columns:1fr 1fr}}
@media (min-width:900px){
  .edit__grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:auto 1fr;gap:40px 56px;align-items:start}
  .card--lead{grid-row:span 2}
  .edit__side{gap:24px}
  .card--side .card__title{font-size:1.25rem}
}

/* Outfit Ideas band */
.band{background:var(--sand-soft)}
.outfits{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut);padding-bottom:6px;scrollbar-width:thin}
.outfits>*{flex:0 0 72%;scroll-snap-align:center}
.card--tall .card__title{font-size:1.3125rem}
@media (min-width:560px){.outfits>*{flex-basis:42%}}
@media (min-width:900px){.outfits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;overflow:visible;margin:0;padding:0}.outfits>*:nth-child(even){margin-top:44px}}

/* Two horizontal panels */
.panels{display:grid;gap:20px}
.panel{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);background:var(--paper);border:1px solid var(--line);min-height:230px}
.panel__text{padding:26px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;justify-content:center}
.panel h2{font-size:clamp(1.625rem,1.2rem + 1.6vw,2.25rem)}
.panel h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.panel__text>p:not(.label){color:var(--mute);font-size:.9375rem;line-height:1.5}
.panel__text>p:last-child{margin-top:6px}
.panel__photo{display:block}
@media (max-width:559.98px){.panel{grid-template-columns:1fr}.panel__photo{order:-1}.panel__photo .ph--fill{aspect-ratio:3/2;min-height:0}}
@media (min-width:900px){.panels{grid-template-columns:1fr 1fr;gap:28px}.panel{min-height:300px}.panel__text{padding:36px 32px}}

/* Fabrics & Care */
.care{display:grid;gap:28px}
.care__head{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.care__head .more{margin-top:14px}
.care__list{border-top:1px solid var(--rule)}
.care__list li{border-bottom:1px solid var(--line)}
.card--row{flex-direction:row;align-items:center;gap:18px;padding-block:18px}
.card--row .card__media{flex:0 0 96px}
.card--row .card__title{font-size:1.25rem}
.card--row .card__dek{display:none}
@media (min-width:720px){.card--row{gap:28px;padding-block:22px}.card--row .card__media{flex-basis:132px}.card--row .card__title{font-size:1.5rem}.card--row .card__dek{display:block}}
@media (min-width:900px){.care{grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:72px;align-items:start}.care__head{position:sticky;top:110px}}

/* Shoes & Accessories */
.shoes{background:var(--paper);border-block:1px solid var(--line)}
.shoes .wrap{padding-block:56px}
.shoes__grid{display:grid;gap:36px}
@media (min-width:900px){.shoes .wrap{padding-block:88px 64px}.shoes__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.card--stagger:nth-child(2){margin-top:56px}}

/* Large feature */
.feature{position:relative;margin-top:56px}
.feature__photo{display:block}
.feature__box{background:var(--paper);padding:28px 22px 30px;margin-top:-64px;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;border:1px solid var(--line)}
.feature__box h2{font-size:clamp(1.875rem,1.3rem + 2.6vw,3.25rem)}
.feature__box h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.feature__box>p{color:var(--mute);max-width:52ch}
@media (min-width:720px){.ph--wide{aspect-ratio:16/9}.feature__box{max-width:620px;padding:40px 44px 44px;margin-top:-140px}}
@media (min-width:1100px){.ph--wide{aspect-ratio:21/9}.feature{margin-top:88px}.feature__box{margin-top:-200px}}

/* Style Notes (text only) */
.notes__grid{display:grid;border-top:1px solid var(--ink)}
.card--note{padding:26px 0;border-bottom:1px solid var(--line);gap:0}
.card--note .card__title{font-size:1.625rem;font-style:italic}
.card--note .card__body{gap:12px}
@media (min-width:900px){.notes__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card--note{padding:32px 32px 36px 0;border-bottom:0}.card--note+.card--note{padding-left:32px;border-left:1px solid var(--line)}}

/* Travel Light strip (the one dark accent) */
.strip{background:var(--ink);color:var(--paper)}
.strip__in{display:grid;gap:22px;padding-block:40px;align-items:center}
.strip .label{color:var(--sand)}
.strip h2{font-size:2rem;font-style:italic;margin-top:6px}
.strip li a{display:block;padding:10px 0;border-bottom:1px solid #45443F;font:500 1.125rem/1.3 var(--serif)}
.strip a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.strip .more{border-color:var(--paper);justify-self:start}
.strip :focus-visible{outline-color:var(--paper)}
@media (min-width:900px){.strip__in{grid-template-columns:auto minmax(0,1fr) auto;gap:56px;padding-block:52px}}

/* Principles */
.values{text-align:left}
.values h2{font-size:clamp(1.75rem,1.3rem + 2vw,2.5rem);margin-bottom:28px}
.values dl{display:grid;gap:24px;margin:0 0 32px;border-top:1px solid var(--rule);padding-top:28px}
.values dt{font:500 1.3125rem/1.2 var(--serif);margin-bottom:8px}
.values dd{margin:0;color:var(--mute);font-size:.9688rem;line-height:1.55}
@media (min-width:720px){.values dl{grid-template-columns:1fr 1fr;gap:32px 40px}}
@media (min-width:1100px){.values dl{grid-template-columns:repeat(4,1fr)}}

/* Footer */
.foot{background:var(--sand-soft);border-top:1px solid var(--sand);margin-top:0}
.foot__in{display:grid;gap:36px;padding-block:52px 36px}
.logo--foot .logo__word{font-size:1.75rem}
.foot__tag{font:italic 500 1.25rem/1.2 var(--serif);margin-top:6px}
.foot__note{color:#4A453E;font-size:.9375rem;max-width:44ch;margin-top:16px}
.foot__h{font:600 .75rem/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--cocoa-deep);margin-bottom:10px}
.foot__col a{display:inline-block;padding:7px 0;font-size:.9688rem}
.foot__col a:hover,.foot__base a{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.foot__base{border-top:1px solid var(--sand);padding-block:20px 28px;font-size:.875rem;color:#4A453E}
@media (min-width:560px){.foot__in{grid-template-columns:1fr 1fr}.foot__brand{grid-column:1/-1}}
@media (min-width:1000px){.foot__in{grid-template-columns:1.7fr 1fr 1fr 1fr;gap:48px;padding-block:72px 48px}.foot__brand{grid-column:auto}}

/* Breadcrumbs */
.crumbs{display:flex;flex-wrap:wrap;gap:10px;font:500 .75rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--cocoa-deep)}
.crumbs a{padding-block:6px;margin-block:-6px}
.crumbs a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}

/* Rubric page */
.rub{padding-block:36px 8px}
.rub__in{display:grid;gap:18px;margin-top:20px;padding-bottom:36px;border-bottom:1px solid var(--ink)}
.rub h1{font-size:clamp(2.75rem,1.6rem + 6vw,6rem);letter-spacing:-.025em;line-height:.98}
.rub__page{display:inline-block;font:600 .8125rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;vertical-align:middle;color:var(--cocoa-deep);margin-left:10px}
.rub__desc{color:#3B3832;font-size:1.0625rem;max-width:56ch}
@media (min-width:900px){.rub{padding-block:56px 8px}.rub__in{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:56px;padding-bottom:48px}}
.list{padding-block:36px 72px}
.list__lead{display:grid;gap:22px;margin-bottom:48px}
.list__photo{display:block}
.list__leadtext{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.list__lead h2{font-size:clamp(1.875rem,1.3rem + 2.6vw,3rem)}
.list__lead h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.list__leadtext>p:not(.label){color:var(--mute);max-width:48ch}
.list__grid{display:grid;gap:44px 28px}
.card--list .card__title{font-size:1.5rem}
@media (min-width:560px){.list__grid{grid-template-columns:1fr 1fr}}
@media (min-width:900px){
  .list{padding-block:56px 104px}
  .list__lead{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:56px;align-items:center;margin-bottom:80px}
  .list__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 36px}
  .list__grid .card--list:nth-child(3n+2){margin-top:48px}
}
.pager{margin-top:56px;border-top:1px solid var(--line);padding-top:24px}
.pager ul{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.pager a,.pager span{display:grid;place-items:center;min-width:46px;height:46px;padding-inline:14px;border:1px solid var(--rule);font:600 .8125rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase}
.pager .current{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.pager a:hover{border-color:var(--ink)}
.pager .dots{border:0}

/* Edit (collection) page */
.edh{display:grid;background:var(--sand-soft)}
.edh__text{padding:36px var(--gut) 40px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.edh h1{font-size:clamp(2.5rem,1.5rem + 5vw,5rem);font-style:italic;letter-spacing:-.02em;line-height:1}
.edh__desc{max-width:50ch;color:#3B3832}
.edh__photo{margin:0;position:relative}
.edh__photo .ph{aspect-ratio:4/3;min-height:0}
.edh__photo figcaption,.art__lead figcaption{font-size:.8125rem;color:var(--mute);padding:8px var(--gut) 0}
.edh__photo figcaption{position:absolute;right:0;bottom:0;background:rgba(255,254,251,.9);padding:6px 12px}
.edh__photo figcaption a,.art__lead figcaption a{text-decoration:underline;text-underline-offset:3px}
@media (min-width:900px){
  .edh{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:460px}
  .edh__text{justify-content:center;padding:64px clamp(32px,5vw,80px) 64px max(var(--gut),calc((100vw - var(--wrap))/2 + var(--gut)))}
  .edh__photo .ph{position:absolute;inset:0;aspect-ratio:auto;height:100%}
}
.seq{padding-block:48px 56px}
.seq__item{display:grid;gap:22px;padding-block:32px;border-bottom:1px solid var(--line)}
.seq__item:first-child{padding-top:0}
.seq__photo{display:block}
.seq__text{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.seq__n{font:italic 400 2.5rem/1 var(--serif);color:var(--cocoa)}
.seq__text h2{font-size:clamp(1.625rem,1.2rem + 1.8vw,2.375rem)}
.seq__text h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.seq__text>p:not(.seq__n){color:var(--mute);max-width:50ch}
@media (min-width:900px){
  .seq{padding-block:80px 72px}
  .seq__item{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:72px;align-items:center;padding-block:48px}
  .seq__item:nth-child(even) .seq__photo{order:2}
  .seq__n{font-size:3.5rem}
}
.otheredits{padding-bottom:80px;display:flex;flex-wrap:wrap;gap:12px 32px;align-items:baseline}
.otheredits ul{display:flex;flex-wrap:wrap;gap:6px 32px}
.otheredits a{font:italic 500 1.5rem/1.3 var(--serif);border-bottom:1px solid var(--rule);padding-block:6px;display:inline-block}
.otheredits a:hover{border-color:var(--ink)}

/* Article */
.art__head{padding-block:36px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}
.art__head h1{font-size:clamp(2.25rem,1.4rem + 4.2vw,4.25rem);letter-spacing:-.02em;line-height:1.04;max-width:18ch}
.art__dek{font-size:1.1875rem;line-height:1.5;color:#3B3832;max-width:58ch}
.art__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 0;font:500 .8125rem/1.5 var(--sans);letter-spacing:.06em;color:var(--mute)}
.art__meta span+span::before{content:"·";margin-inline:10px}
.art__meta a{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
.art__lead{margin:0 auto;max-width:1100px}
.art__lead figcaption{text-align:right}
@media (min-width:720px){.art__head{padding-block:64px 44px;gap:22px}.ph--lead{aspect-ratio:16/10}.art__lead{padding-inline:var(--gut)}.art__lead figcaption{padding-inline:0}}
.art__body{max-width:calc(700px + var(--gut) * 2);padding-block:36px 56px}
@media (min-width:720px){.art__body{padding-block:56px 80px}}
.toc{border-block:1px solid var(--rule);padding:20px 0 16px;margin-bottom:36px}
.toc ol{margin-top:10px;counter-reset:t;columns:1}
.toc li{counter-increment:t;break-inside:avoid}
.toc a{display:flex;gap:12px;padding:7px 0;font:500 1.0625rem/1.3 var(--serif)}
.toc a::before{content:counter(t,decimal-leading-zero);font:italic 400 1rem/1.4 var(--serif);color:var(--cocoa)}
.toc a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
@media (min-width:720px){.toc ol{columns:2;column-gap:40px}}

.prose{font-size:1.125rem;line-height:1.7}
.prose>*+*{margin-top:1.15em}
.prose>p:first-of-type::first-letter{font:500 3.6em/.82 var(--serif);float:left;padding:.08em .1em 0 0}
.prose h2{font-size:clamp(1.625rem,1.3rem + 1.4vw,2.125rem);margin-top:1.9em;line-height:1.12}
.prose h3{font-size:1.375rem;margin-top:1.6em;line-height:1.2}
.prose h2+*,.prose h3+*{margin-top:.7em}
.prose h2+.mz-look,.prose h2+.mz-check,.prose h2+.mz-table{margin-top:1.2em}
.prose a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:var(--cocoa)}
.prose a:hover{text-decoration-color:var(--ink);text-decoration-thickness:2px}
.prose ul,.prose ol{padding-left:1.3em}
.prose ul{list-style:none}
.prose ul>li{position:relative}
.prose ul>li::before{content:"";position:absolute;left:-1.2em;top:.78em;width:.55em;height:1px;background:var(--ink)}
.prose ol{list-style:decimal}
.prose ol>li::marker{font-family:var(--serif);font-style:italic;color:var(--cocoa-deep)}
.prose li+li{margin-top:.45em}
.prose strong{font-weight:650}
.prose--page{font-size:1.0625rem}
.prose--page>p:first-of-type::first-letter{all:unset}

.mz-look{background:var(--paper);border:1px solid var(--line);border-top:2px solid var(--ink);padding:26px 22px 24px;margin-block:2em}
.mz-look h3{margin:0;font-size:1.5rem;font-style:italic}
.mz-look p{margin-top:.6em;font-size:1.0625rem}
.mz-look dl{margin:18px 0 0;display:grid;gap:0}
.mz-look dt{font:600 .75rem/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--cocoa-deep);padding-top:14px;border-top:1px solid var(--line)}
.mz-look dd{margin:4px 0 14px;font-size:1rem;line-height:1.55}
.mz-look dd:last-child{margin-bottom:0}
@media (min-width:720px){.mz-look{padding:32px 36px 30px;margin-inline:-36px}.mz-look dl{grid-template-columns:130px 1fr}.mz-look dt,.mz-look dd{padding:14px 0;margin:0;border-top:1px solid var(--line)}}
.mz-check{background:var(--sand-soft);padding:24px 22px;margin-block:2em}
.mz-check h3{margin:0 0 .6em;font-size:1.3125rem}
.prose .mz-check ul{padding-left:1.9em}
.prose .mz-check li::before{left:-1.9em;top:.32em;width:.95em;height:.95em;background:none;border:1px solid var(--ink)}
.mz-check li{font-size:1.0313rem}
.mz-note{border-left:2px solid var(--cocoa);padding:4px 0 4px 20px;margin-block:1.8em;color:#3B3832;font-size:1.0313rem}
.mz-note p+p{margin-top:.7em}
.mz-table{overflow-x:auto;margin-block:2em;border-block:1px solid var(--rule)}
.mz-table table{border-collapse:collapse;width:100%;min-width:520px;font-size:.9688rem;line-height:1.45}
.mz-table th,.mz-table td{text-align:left;vertical-align:top;padding:12px 16px 12px 0;border-bottom:1px solid var(--line)}
.mz-table thead th{font:600 .75rem/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--cocoa-deep);border-bottom:1px solid var(--rule)}
.mz-table tbody tr:last-child>*{border-bottom:0}
.mz-table tbody th{font-weight:650}
@media (min-width:1000px){.mz-table{margin-inline:-60px}}
.mz-symbols{margin:2em 0;background:var(--paper);border:1px solid var(--line);padding:24px 20px}
.mz-symbols__row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 12px}
.mz-symbols__item{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font:500 .8125rem/1.3 var(--sans)}
.mz-symbols figcaption{margin-top:20px;padding-top:14px;border-top:1px solid var(--line);font-size:.875rem;line-height:1.5;color:var(--mute)}
@media (min-width:720px){.mz-symbols__row{grid-template-columns:repeat(6,1fr)}}

.art__upd{margin-top:2em;padding:14px 18px;background:var(--sand-soft);font-size:.9688rem}
.sources{margin-top:56px;border-top:1px solid var(--ink);padding-top:22px}
.sources h2{font-size:1.5rem;margin-bottom:12px}
.sources ol{list-style:decimal;padding-left:1.3em;font-size:.9375rem;line-height:1.5}
.sources li+li{margin-top:8px}
.sources a{display:inline-block;padding-block:3px}
.sources__p{color:var(--mute)}
.sources a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;overflow-wrap:anywhere}
.process{margin-top:40px;padding:22px 0 0;border-top:1px solid var(--rule);font-size:.9063rem;line-height:1.55;color:var(--mute)}
.process__links{display:flex;flex-wrap:wrap;gap:4px 22px;margin-top:10px}
.process__links a,.process__edits a{color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;padding-block:6px}
.process__edits{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline}
.process__edits a{font:italic 500 1.125rem/1.3 var(--serif)}
.rel{background:var(--paper);border-top:1px solid var(--line);padding-block:56px 72px}
.rel h2{font-size:clamp(1.75rem,1.3rem + 2vw,2.5rem);margin-bottom:28px}
.rel__list{display:grid;gap:36px}
.card--rel .card__title{font-size:1.375rem}
@media (min-width:720px){.rel__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}}

/* Service pages, search, 404 */
.pg{max-width:calc(740px + var(--gut) * 2);padding-block:40px 80px}
.pg__head h1{font-size:clamp(2.25rem,1.5rem + 3.6vw,3.75rem);margin:18px 0 32px;letter-spacing:-.02em}
.pg__date{margin-top:44px;font-size:.875rem;color:var(--mute);border-top:1px solid var(--line);padding-top:16px}
.srch{padding-block:48px 28px}
.srch h1{font-size:clamp(2.25rem,1.5rem + 3.6vw,3.75rem);margin-bottom:22px;letter-spacing:-.02em}
.srch .label{margin-bottom:12px}
.srch__n{margin-top:18px;color:var(--mute)}
.srch__none{max-width:56ch;margin-bottom:20px;color:#3B3832}
.srch__body{padding-bottom:88px;max-width:calc(860px + var(--gut) * 2);margin-inline:auto 0;margin-inline:auto}
.srch,.srch__body{max-width:calc(860px + var(--gut) * 2)}
.srch__list{border-top:1px solid var(--rule)}
.card--result{border-bottom:1px solid var(--line)}
.card--result .card__dek{display:block;font-size:.9375rem}
.srch__topics{display:grid;gap:0;margin-bottom:32px;border-top:1px solid var(--rule)}
.srch__topics a{display:block;padding:14px 0;border-bottom:1px solid var(--line);font:500 1.5rem/1.2 var(--serif)}
.srch__topics a:hover{font-style:italic}

/* Contact form */
.mz-form{margin-top:2em;background:var(--paper);border:1px solid var(--line);padding:26px 22px}
.mz-form p{margin:0 0 18px}
.mz-form label{display:block;font:600 .75rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.mz-form label span{text-transform:none;letter-spacing:0;font-weight:400;color:var(--mute)}
.mz-form input,.mz-form select,.mz-form textarea{width:100%;background:var(--ivory);border:1px solid var(--field);border-radius:0;padding:13px 14px;font-size:1rem;min-height:48px}
.mz-form textarea{resize:vertical;line-height:1.5}
.mz-form__hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.mz-form__note{font-size:.875rem;color:var(--mute)}
.mz-form__ok,.mz-form__err{padding:14px 16px;background:var(--sand-soft);border-left:2px solid var(--ink)}
@media (min-width:720px){.mz-form{padding:36px 40px}}

/* Native advertising: always labelled, fixed image ratios so nothing shifts */
.ad-wrap{padding-block:8px 0}
.ad-wrap--after{max-width:calc(1000px + var(--gut) * 2);padding-block:0 56px}
.mz-ad{position:relative;background:var(--paper);border:1px solid var(--rule)}
.mz-ad__label{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);font:600 .6875rem/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.mz-ad__label span:first-child{background:var(--ink);color:var(--paper);padding:4px 8px}
.mz-ad__by{letter-spacing:.06em;text-transform:none;font-weight:500;font-size:.8125rem;color:var(--mute)}
.mz-ad__link{display:grid;gap:0}
.mz-ad__media .ph,.mz-ad__media{display:block}
.mz-ad__media{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--sand-soft)}
.mz-ad__media .mz-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mz-ad__body{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 16px 20px}
.mz-ad__title{font:500 1.375rem/1.15 var(--serif)}
.mz-ad__text{color:var(--mute);font-size:.9688rem;line-height:1.5}
.mz-ad__cta{font:600 .75rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:6px;margin-top:6px}
.mz-ad__link:hover .mz-ad__title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.mz-ad__test{padding:8px 14px;font-size:.8125rem;background:#FFF3C4;color:#3B3200;border-top:1px solid var(--line)}
.mz-ad--home_feed .mz-ad__media{aspect-ratio:3/4}
.mz-ad--home_feed .mz-ad__title{font-size:1.25rem}
.mz-ad--home_feed .mz-ad__text{display:none}
.mz-ad--article_inline{margin-block:2.2em}
.prose .mz-ad a{text-decoration:none}
@media (min-width:720px){
  .mz-ad--home_break .mz-ad__link{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:stretch}
  .mz-ad--home_break .mz-ad__media{aspect-ratio:auto;min-height:300px;order:2}
  .mz-ad--home_break .mz-ad__body{justify-content:center;padding:36px 40px}
  .mz-ad--home_break .mz-ad__title{font-size:2rem}
  .mz-ad--article_inline .mz-ad__link,.mz-ad--article_after .mz-ad__link{grid-template-columns:240px minmax(0,1fr);align-items:center}
  .mz-ad--article_after .mz-ad__link{grid-template-columns:340px minmax(0,1fr)}
  .mz-ad--article_inline .mz-ad__body,.mz-ad--article_after .mz-ad__body{padding:20px 26px}
  .mz-ad--only-mobile{display:none}
}
@media (max-width:719.98px){.mz-ad--only-desktop{display:none}}

@media print{.top,.foot,.rel,.ad-wrap,.mz-ad,.rubnav{display:none}body{background:#fff}}
