/* Approved Instrument Serif, with the heavier headline treatment. */
@font-face{font-family:InstrumentSerif;src:url('/assets/instrument-serif-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:InstrumentSerif;src:url('/assets/instrument-serif-italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
h1,h2,.step h3,.legal h1,.legal h2,.chat-hero h1{font-family:InstrumentSerif,serif!important;font-weight:400!important;letter-spacing:-.025em;font-kerning:normal;-webkit-text-stroke:.014em currentColor}
h1 em,h2 em{font-weight:inherit}
h2{line-height:.96;font-size:clamp(37px,4.2vw,59px)}
.philosophy h2{font-size:clamp(40px,4.4vw,62px);line-height:.98}
.wardrobe-copy h2{line-height:.97}
.join h2{font-size:50px;line-height:.99}
.headline-line{display:block;white-space:nowrap}

:root{--news-rule:#77806c;--ink:#2e3a2b}
html{scroll-behavior:smooth}
body{background-color:#f4f0e6}
main{max-width:1400px}
.news-header{display:block;width:90%;max-width:1260px;margin:0 auto;padding:18px 0 0;border:0}
.edition-meta{display:flex;justify-content:space-between;align-items:center;font:10px Arial,sans-serif;letter-spacing:2px;padding-bottom:4px;min-height:26px}
.edition-note{font:400 11px Arial,sans-serif;letter-spacing:1.3px;text-transform:uppercase;transform:none;color:#637252;margin-right:0}
.news-header .news-masthead{display:block;text-align:center;font:400 clamp(60px,9.5vw,137px)/1.04 InstrumentSerif,serif!important;letter-spacing:-.043em;text-decoration:none;white-space:nowrap;padding:8px 0 18px;-webkit-text-stroke:.010em currentColor}
.news-strap{border-top:3px double var(--news-rule);border-bottom:1px solid var(--news-rule);padding:10px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1.6px}
.news-strap nav{gap:28px;font-size:11px;letter-spacing:0}
.news-strap nav a,.news-strap nav a:last-child{font-size:12px;font-weight:400}
.hero.chat-hero{width:90%;max-width:1260px;min-height:0;padding:40px 0 38px;margin:0 auto;grid-template-columns:.95fr 1.05fr;gap:42px;align-items:center}
.chat-hero h1{font-size:clamp(90px,10.1vw,142px);line-height:.77;letter-spacing:-.028em;margin-bottom:23px}
.headline-underline{padding-bottom:27px}
.hero-copy .intro{font-size:17px;line-height:1.5;margin:0 0 22px;max-width:none}
.hero-copy .button{padding:16px 20px;font-size:16px;box-shadow:none;gap:24px}
.hero-copy .status{margin:11px 0 0;font-size:11px}
.chat-demo{border-left:1px solid #b3b8a7;padding:10px 0 10px 34px}
.chat-user{max-width:88%;border-radius:17px 17px 5px 17px;background:#dce1d2;border-color:#a0ab91}
.chat-user:before{background:#dce1d2;border-color:#a0ab91}
.chat-preview{grid-template-columns:83px minmax(0,1fr);gap:14px}
.chat-sketch{width:83px;height:83px}
.chat-preview strong{font-size:14px}
.chat-preview span{font-size:10px}
.chat-service{margin-top:17px;gap:10px;font-size:14px;line-height:1.5}
.chat-bubble{background:#f9f7ee44;padding:13px 15px}
.chat-service .chat-bubble{border-radius:16px 16px 16px 4px}
.chat-avatar{width:28px;height:28px;font-size:8px}
.chat-bubble a{font-size:13px}
.chat-divider{font-size:10px;margin-top:21px}
.chat-caption{font-size:9px;margin-top:15px}
.how:not(.wardrobe-story){width:90%;max-width:1260px;margin:0 auto;padding:31px 0 42px}
.how:not(.wardrobe-story):before,.how:not(.wardrobe-story):after{left:0;right:0}
.how:not(.wardrobe-story)>h2{font-size:47px;line-height:1.02;max-width:850px;margin:11px 0 27px}
.eyebrow{font-size:9px;letter-spacing:2px}
.steps{gap:0}
.step,.step:nth-child(1),.step:nth-child(2),.step:nth-child(3){background:none;box-shadow:none;transform:none;padding:0 25px;border-left:1px solid #b3b8a7}
.step:first-child{border-left:0;padding-left:0}
.step:last-child{padding-right:0}
.step:before{display:none}
.step h3{font-size:29px;line-height:1.03;margin:12px 0 10px}
.step p{font-size:13px;line-height:1.65;max-width:100%;margin:0;color:#505c4b}
.number{font-size:8px;letter-spacing:1.25px}
.philosophy,.wardrobe-story,.join{scroll-margin-top:30px}

@media(max-width:1000px) and (min-width:761px){.hero.chat-hero{gap:24px}.chat-demo{padding-left:24px}.chat-hero h1{font-size:10.2vw}.hero-copy .intro{font-size:15px}.chat-service{font-size:12px}.chat-preview strong{font-size:12px}.chat-preview{grid-template-columns:70px minmax(0,1fr)}.chat-sketch{width:70px;height:70px}.news-header .news-masthead{font-size:9.6vw}}
@media(max-width:760px){
 .news-header{padding-top:20px}
 .edition-meta{font-size:8px;letter-spacing:1.7px;padding-bottom:11px}
 .edition-note{font-size:9px;letter-spacing:1px}
 .news-header .news-masthead{font-size:clamp(29px,9.5vw,74px)!important;letter-spacing:-.04em;padding:6px 0 15px}
 .news-strap{padding:10px 0;gap:9px;flex-wrap:wrap}
 .news-strap>span{font-size:8px;letter-spacing:1.2px}
 .news-strap nav{gap:17px}
 .news-strap nav a,.news-strap nav a:last-child{font-size:10px}
 .hero.chat-hero{grid-template-columns:1fr;gap:30px;padding:31px 0 30px}
 .chat-hero h1{font-size:clamp(78px,24vw,140px);line-height:.77;margin-bottom:23px}
 .headline-underline{padding-bottom:22px}
 .hero-copy .intro{font-size:16px;line-height:1.6}
 .hero-copy .button{font-size:14px;padding:17px 16px;gap:14px}
 .chat-demo{border-left:0;border-top:1px solid #b3b8a7;padding:26px 8px 0 0}
 .chat-preview{grid-template-columns:80px minmax(0,1fr);gap:10px}
 .chat-sketch{width:80px;height:80px}
 .chat-preview strong{font-size:12px}
 .chat-service{font-size:13px}
 .chat-bubble a{font-size:12px}
 .how:not(.wardrobe-story){padding-top:37px}
 .how:not(.wardrobe-story)>h2{font-size:clamp(52px,14.6vw,76px);line-height:1;letter-spacing:-.03em;margin:15px 0 28px;-webkit-text-stroke:.018em currentColor}
 .how:not(.wardrobe-story)>h2>span{display:block}
 .steps{display:block}
 .step,.step:nth-child(1),.step:nth-child(2),.step:nth-child(3){padding:23px 0;border-left:0;border-top:1px solid #b3b8a7}
 .step:first-child{border-top:0;padding-top:0}
 .step h3{font-size:30px;margin-top:11px}
 .step p{font-size:13px;line-height:1.75}
}

/* The headline ends in italic; no underline or decorative rule. */
.chat-hero h1{margin-bottom:36px}
.headline-underline{border:0;padding:0}
/* A single supplied ink illustration, with its hand-drawn frames and pins. */
.wardrobe-illustration{grid-column:2;grid-row:1;margin:0;width:100%;max-width:530px;justify-self:end}
.wardrobe-illustration img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.wardrobe-story{column-gap:65px;align-items:center}
.catalog-note{grid-column:2;grid-row:2;font:400 14px/1.5 Arial,sans-serif;letter-spacing:0;transform:none;margin-top:17px}
.masthead-i{position:relative;display:inline-block;line-height:1}
.masthead-sun{position:absolute;left:50%;top:.0425em;width:.25em;height:.25em;transform:translateX(-50%) rotate(-8deg);overflow:visible;pointer-events:none}
@media(max-width:760px){
 .chat-hero h1{margin-bottom:34px}
 .wardrobe-copy h2{font-size:clamp(48px,14.4vw,76px);line-height:.91;letter-spacing:-.035em;-webkit-text-stroke:.018em currentColor}
 .join h2,.philosophy h2{font-size:clamp(52px,14.6vw,76px);line-height:.94;letter-spacing:-.03em;-webkit-text-stroke:.018em currentColor}
 .wardrobe-illustration{max-width:560px;margin:27px auto 0}
 .catalog-note{margin-top:22px}
}

/* Three clear newspaper boxes, visible together on mobile. */
.news-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;padding:0;margin:0;border:1px solid #929a88;border-top:3px solid var(--ink)}
.news-steps .step,.news-steps .step:nth-child(1),.news-steps .step:nth-child(2),.news-steps .step:nth-child(3){min-width:0;padding:23px 25px 25px;border:0;border-left:1px solid #929a88;background:#fbf9f24d}
.news-steps .step:first-child{border-left:0}
.news-steps .step:nth-child(2){background:#e3e7d94d}
.news-steps .number{display:block;font:400 38px/1 InstrumentSerif,serif;letter-spacing:-.02em;color:#a7812d;-webkit-text-stroke:.012em currentColor}
.news-steps .step h3{font:700 18px/1.15 Arial,sans-serif!important;letter-spacing:-.015em;-webkit-text-stroke:0;margin:15px 0 10px}
.news-steps .step p{font:400 14px/1.55 Arial,sans-serif;color:#505c4b;max-width:100%;margin:0}
@media(max-width:760px){
 .news-steps .step,.news-steps .step:nth-child(1),.news-steps .step:nth-child(2),.news-steps .step:nth-child(3){padding:17px 10px 19px;border-top:0;border-left:1px solid #929a88}
 .news-steps .step:first-child{border-left:0}
 .news-steps .number{font-size:32px}
 .news-steps .step h3{font-size:15px!important;margin:13px 0 9px}
 .news-steps .step p{font-size:12px;line-height:1.55;overflow-wrap:normal}
}