@font-face{font-family:STIX;src:url('/fonts/editorial.woff2') format('woff2');font-weight:400;font-display:swap}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--ground);color:var(--ink);font:17px/1.65 'Segoe UI',Arial,sans-serif}img{max-width:100%;height:auto;display:block}figure{margin:0}h1,h2,h3{font-weight:400;line-height:1.1;letter-spacing:-.025em;text-wrap:balance}h1,h2,h3,.mast-name,.footer-name{font-family:STIX,Georgia,serif}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:white}.skip{position:absolute;left:-9999px}.skip:focus{left:18px;top:18px;padding:14px;background:var(--ground);z-index:20}nav{display:flex;flex-wrap:wrap;gap:24px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.text-action{display:inline-block;padding:12px 0;text-decoration:underline;font-size:16px}header,main,footer{width:min(1440px,calc(100% - 64px));margin-inline:auto}header{padding:26px 0}.mast-name,.footer-name{text-decoration:none}footer{padding:54px 0 35px;margin-top:65px}.footer-name{font-size:clamp(32px,5vw,68px)}footer nav{margin-top:26px;font-size:15px}footer p{font-size:14px}.document-opening{padding:35px 0 45px;max-width:1000px}.document-opening>a{font-size:14px}.document-opening h1{font-size:clamp(34px,4.3vw,60px);max-width:28ch;margin:22px 0 0}.document-layout{display:grid;grid-template-columns:220px minmax(0,800px);justify-content:center;gap:60px}.document-toc{align-self:start;position:sticky;top:24px;font-size:14px}.document-toc summary{cursor:pointer;font-weight:600;padding:8px 0}.document-toc nav{display:block}.document-toc a{display:block;padding:9px 0}.document-body{min-width:0;font-size:18px;line-height:1.75}.document-body p{max-width:68ch}.document-body h2{font-size:32px;margin:40px 0 18px}.document-body h3{font-size:26px}.document-body figure{margin:30px 0}.document-body figure img{max-height:700px;object-fit:contain;margin:auto}.document-body figcaption{font-size:14px;line-height:1.6;margin-top:16px;color:var(--secondary)}.document-body section{min-width:0}.document-body>section>section:has(table),.document-body section[role=region]{overflow:auto}table{border-collapse:collapse;width:100%;font-size:15px}th,td{padding:15px;text-align:left;vertical-align:top;border-bottom:1px solid var(--table)}thead{background:var(--tone)}details{padding:18px;background:var(--tone)}summary{cursor:pointer}.document-body a{overflow-wrap:anywhere}[id]{scroll-margin-top:28px}
@media(max-width:900px){.document-layout{grid-template-columns:1fr;gap:25px}.document-toc{position:static}.document-toc nav{display:flex;gap:6px 20px}.document-toc a{max-width:32ch}.document-toc details{max-height:240px;overflow:auto}}
@media(max-width:600px){header,main,footer{width:calc(100% - 32px)}header{padding:20px 0}nav{gap:16px;font-size:14px}.document-opening{padding:24px 0}.document-opening h1{font-size:34px}.document-body{font-size:17px}.document-body h2{font-size:28px}.document-layout{gap:20px}footer{margin-top:40px;padding:30px 0}.document-body table{min-width:520px}.document-body section:has(>table){overflow:auto}}
@media(hover:hover) and (pointer:fine){a{transition:color 160ms ease-out}a:hover{color:var(--accent)}button{transition:background-color 180ms ease-out,color 180ms ease-out,transform 180ms ease-out}button:active{transform:scale(.98)}}
@media(prefers-reduced-motion:no-preference){main{animation:page-arrive 380ms cubic-bezier(.16,1,.3,1) both}@keyframes page-arrive{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

:root{--ground:#fff;--ink:#24252b;--secondary:#555866;--accent:#2c4161;--tone:#e8edf3;--table:#c0c9d5}
.wear-mast{text-align:center}.wear-mast>div{display:flex;justify-content:space-between;font-size:13px}.wear-mast .mast-name{display:block;font-size:clamp(45px,7vw,98px);line-height:1;margin:14px 0 24px}.wear-mast nav{justify-content:center;font-size:15px}.fashion-cover{display:grid;grid-template-columns:1fr 1.5fr;gap:0;position:relative;margin-top:28px;background:var(--ink);color:white}.cover-heading{padding:50px 40px}.cover-heading h1{font-size:clamp(42px,5vw,74px);max-width:13ch;margin:0 0 25px}.cover-heading p{max-width:22ch;font-size:19px}.fashion-cover-image{grid-column:2;grid-row:1;background:#e5e2dc;padding:20px;display:block}.fashion-cover-image img{width:100%;height:min(66svh,650px);object-fit:contain}.fashion-cover .cover-caption{padding:0 40px 45px;align-self:end}.fashion-cover .cover-caption h2{font-size:38px;margin:0 0 20px}.outfit-workbench{padding:65px 0;display:grid;grid-template-columns:1fr 1fr;gap:28px 60px}.workbench-heading h2{font-size:46px;margin:0}.workbench-heading p{max-width:35ch}.outfit-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}.outfit-options button{background:var(--tone);color:var(--ink);border:0;padding:17px;text-align:left;font-size:16px;line-height:1.4}.outfit-options button[aria-pressed=true]{background:var(--accent);color:white}.outfit-recipe{grid-column:2;background:var(--tone);padding:30px}.outfit-recipe h3{font-size:34px;margin:0 0 20px}.outfit-recipe p{font-size:17px}.outfit-recipe p:nth-of-type(2){font-size:15px;color:var(--secondary)}.wardrobe-inventory{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:var(--tone);padding:45px}.wardrobe-inventory h2{font-size:48px;margin:0 0 20px}.wardrobe-inventory p{max-width:34ch}.wardrobe-inventory img{max-height:650px;object-fit:contain}.wear .document-body>section>figure:first-of-type{max-width:440px;margin-inline:auto}
@media(max-width:900px){.fashion-cover{grid-template-columns:1fr 1.4fr}.cover-heading{padding:30px}.fashion-cover .cover-caption{padding:0 30px 30px}.fashion-cover .cover-caption h2{font-size:29px}.outfit-workbench{gap:25px}.wardrobe-inventory{gap:25px;padding:30px}}
@media(max-width:600px){.wear-mast>div{font-size:12px}.wear-mast .mast-name{font-size:42px;margin:14px 0}.wear-mast nav{gap:20px;font-size:14px}.fashion-cover{display:flex;flex-direction:column}.cover-heading{padding:20px}.cover-heading h1{font-size:34px;max-width:none;margin-bottom:12px}.cover-heading p{max-width:none;font-size:15px;margin:0 0 8px}.fashion-cover-image{padding:12px;order:2}.fashion-cover-image img{height:365px;width:100%}.fashion-cover{margin-top:16px}.cover-heading .text-action{padding:5px 0;font-size:14px}.fashion-cover .cover-caption{order:3;padding:26px}.fashion-cover .cover-caption h2{font-size:31px}.outfit-workbench{display:block;padding:40px 0}.workbench-heading h2{font-size:35px}.outfit-options{margin:25px 0 12px}.outfit-options button{font-size:15px;padding:14px}.outfit-recipe{padding:25px}.wardrobe-inventory{display:flex;flex-direction:column;padding:25px;gap:28px}.wardrobe-inventory h2{font-size:36px}.wardrobe-inventory img{max-height:none}}

