@font-face{font-family:DM;src:url('/fonts/dm-sans-regular.ttf') format('truetype');font-style:normal;font-weight:400 500;font-display:swap}@font-face{font-family:DM;src:url('/fonts/dm-sans-bold.ttf') format('truetype');font-style:normal;font-weight:600 900;font-display:swap}
:root{--plum:#2b1630;--cream:#f7f5ed;--paper:#eeece4;--yellow:#e7ed89;--ink:#2a202c;--muted:#716a71;--line:#d8d3cd;--purple:#dbd0e8;--radius:14px;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--ink);background:var(--cream);font-family:DM,Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #907039;outline-offset:5px}a:hover{text-decoration:none}button{color:inherit}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:700;line-height:1.06;letter-spacing:-.055em}h1{font-size:clamp(46px,6vw,86px);margin-bottom:28px}h2{font-size:clamp(32px,4vw,52px);margin-bottom:24px}h3{font-size:25px;letter-spacing:-.035em}p{margin-bottom:20px}em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}small{font-size:12px;line-height:1.55}::selection{color:var(--plum);background:var(--yellow)}[hidden]{display:none!important}.skip{position:fixed;left:16px;top:-80px;background:var(--yellow);padding:12px 20px;z-index:100}.skip:focus{top:12px}.eyebrow{display:block;font-size:10px;letter-spacing:.16em;font-weight:700;line-height:1.5;text-transform:uppercase;margin-bottom:20px}.header{height:100px;background:var(--plum);color:var(--cream);padding:0 4.2%;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:20;border-bottom:1px solid #ffffff20}.logo{font-weight:700;font-size:32px;letter-spacing:-.08em;line-height:1;white-space:nowrap}.logo-star{font-size:34px;color:var(--yellow);display:inline-block;vertical-align:middle;margin-left:7px;line-height:.8}.desktop-nav{display:flex;align-items:center;gap:32px;font-size:13px}.desktop-nav a{padding:12px 0;border-bottom:1px solid transparent}.desktop-nav a:hover{border-color:var(--yellow);color:var(--yellow)}.header-actions{display:flex;gap:22px;align-items:center}.board-link{display:flex;align-items:center;gap:7px;font-size:11px}.board-link svg{width:20px;height:20px}.nav-cta{display:flex;align-items:center;gap:17px;border-radius:50px;color:var(--plum);background:var(--yellow);padding:12px 20px;font-size:12px;font-weight:700}.nav-cta:hover{background:#f4f7bf}.menu-toggle{display:none;background:transparent;border:0;padding:10px}.menu-toggle span{display:block;width:22px;height:1px;background:currentColor;margin:6px 0}.mobile-nav{position:absolute;left:0;right:0;top:100%;padding:28px 6%;background:var(--plum);box-shadow:0 10px 10px #0002;display:flex;flex-direction:column;gap:18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:23px;border-radius:50px;padding:16px 26px;border:1px solid transparent;font-size:13px;font-weight:700;line-height:1.3;transition:background .18s,transform .18s;text-align:center}.button:hover{transform:translateY(-2px)}.button.primary,button.button:not(.outline){background:var(--plum);color:var(--cream)}.button.yellow{background:var(--yellow);color:var(--plum)}.button.outline{background:transparent;border-color:currentColor;color:inherit}.text-link{display:inline-flex;align-items:center;gap:14px;font-size:13px;font-weight:700;padding-bottom:5px;border:0;border-bottom:1px solid currentColor;background:transparent;line-height:1.4}.text-link svg{width:18px;height:18px}.subtle-link{font-size:12px;display:flex;align-items:center;gap:10px}.hero{background:var(--plum);color:var(--cream);display:grid;grid-template-columns:1.02fr 1fr;min-height:640px;overflow:hidden}.hero-copy{padding:74px 4% 38px 8.3%;display:flex;flex-direction:column;align-items:flex-start}.hero-copy .eyebrow{font-size:10px;letter-spacing:.15em;display:flex;align-items:center;gap:11px;margin-bottom:42px}.tiny-star{font-size:18px;line-height:1;color:var(--yellow)}.hero h1{font-size:clamp(76px,7.8vw,126px);line-height:.96;letter-spacing:-.075em;font-weight:700;margin:0 0 32px}.hero h1 em{color:var(--yellow);font-size:1.08em;line-height:.95;letter-spacing:-.065em}.hero-copy p{font-size:14px;line-height:1.9;color:#eee6ed;margin-bottom:30px}.hero-buttons{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.hero-foot{margin-top:auto;padding-top:55px;display:flex;gap:13px;align-items:center;font-size:8px;letter-spacing:.16em;color:#cabac8}.line{display:inline-block;width:30px;height:1px;background:#cabac8}.hero-visual{position:relative;margin:24px 24px 24px 0;min-width:0;min-height:560px}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:57% center;border-radius:110px 12px 12px 12px}.hero-note{position:absolute;bottom:27px;left:28px;right:28px;padding:20px 22px;background:#f7f5edea;color:var(--plum);border-radius:10px;backdrop-filter:blur(10px)}.hero-note>span{font-size:8px;font-weight:700;letter-spacing:.14em;display:block;margin-bottom:3px}.hero-note strong{display:block;font-size:18px;letter-spacing:-.035em}.hero-note a{position:absolute;right:22px;bottom:22px;display:flex;gap:10px;align-items:center;font-size:10px}.hero-sticker{position:absolute;right:-13px;top:36px;width:112px;height:112px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:11px;letter-spacing:.05em;line-height:1.5;font-weight:700;text-align:center;background:var(--yellow);color:var(--plum);transform:rotate(12deg)}.hero-sticker span{font-size:26px;line-height:1;margin-top:5px}.marquee{display:flex;justify-content:space-around;align-items:center;gap:26px;background:var(--yellow);padding:15px 3%;font-size:10px;letter-spacing:.12em;font-weight:700;overflow:hidden;white-space:nowrap}.marquee b{font-size:23px;line-height:1}.section{padding:90px 5%;max-width:1600px;margin:auto}.section-heading{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;margin-bottom:34px}.section-heading h2{margin:0}.section-heading .eyebrow{margin-bottom:13px}.section-heading>p{font-size:13px;color:var(--muted);margin:0 0 5px auto;max-width:310px}.section-heading>.text-link{margin-bottom:5px;white-space:nowrap}.mood-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.mood-card{position:relative;display:block;padding:21px 17px;background:var(--mood);min-height:260px;border-radius:12px;overflow:hidden;transition:transform .2s}.mood-card:hover{transform:translateY(-6px)}.mood-card .eyebrow{font-size:7px;margin-bottom:24px;letter-spacing:.1em}.mood-card h3{font-size:21px;margin-bottom:7px}.mood-card p{font-size:11px;line-height:1.5;max-width:105px}.mood-symbol{position:absolute;bottom:10px;left:15px;font-size:75px;line-height:1;opacity:.8}.round-arrow{position:absolute;right:15px;bottom:17px;width:28px;height:28px;border-radius:50%;border:1px solid #2b163060;display:flex;align-items:center;justify-content:center}.round-arrow svg{width:15px;height:15px}.look-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.look-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card-photo{aspect-ratio:3/4;position:relative;background:var(--paper);border-radius:14px;overflow:hidden}.card-photo>a{display:block;height:100%}.card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.look-card:hover .card-photo img{transform:scale(1.035)}.photo-label{position:absolute;left:15px;bottom:14px;background:#f7f5edec;border-radius:40px;padding:6px 10px;font-size:9px}.save-button{position:absolute;top:14px;right:14px;border:0;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:#f7f5edef;box-shadow:0 2px 8px #0001}.save-button svg{width:17px;height:17px}.save-button[aria-pressed=true]{background:var(--yellow)}.save-button[aria-pressed=true] svg{fill:var(--plum)}.card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:19px}.card-title h3{font-size:23px;line-height:1.15;margin:0;letter-spacing:-.05em}.card-title svg{width:19px}.look-card>p{font-size:12px;color:var(--muted);margin:7px 0 0}.image-note{font-size:10px;color:var(--muted);margin:22px 0 0}.looks-section{padding-top:20px}.finder-promo{margin:10px 5% 30px;border-radius:20px;background:var(--purple);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;padding:65px 6%;gap:10%;position:relative}.finder-promo h2{font-size:54px}.finder-promo p{font-size:14px;max-width:390px}.finder-promo small{display:block;margin-top:15px;font-size:10px}.finder-graphic{position:relative;min-height:280px;display:flex;align-items:center;justify-content:center}.graphic-orbit{position:absolute;width:83%;aspect-ratio:1;border:1px solid #7d688850;border-radius:50%}.graphic-orbit:before{content:'';position:absolute;inset:20px;border:1px solid #7d688850;border-radius:50%}.graphic-star{font-size:250px;line-height:1;color:var(--plum);transform:rotate(10deg)}.graphic-label{position:absolute;background:var(--cream);font-size:9px;letter-spacing:.1em;padding:10px 15px;border-radius:40px;font-weight:700}.label-one{top:12%;left:0;transform:rotate(-10deg)}.label-two{bottom:8%;left:13%;transform:rotate(7deg)}.label-three{right:0;top:45%;transform:rotate(12deg);background:var(--yellow)}.occasion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.occasion-card{position:relative;display:block;aspect-ratio:1;border-radius:15px;overflow:hidden;color:white;background:var(--plum)}.occasion-card:after{content:'';position:absolute;inset:20% 0 0;background:linear-gradient(transparent,#170b21d9)}.occasion-card>img{width:100%;height:100%;object-fit:cover;object-position:center 35%;transition:transform .4s}.occasion-card:hover>img{transform:scale(1.04)}.occasion-card>div{position:absolute;z-index:1;left:26px;right:26px;bottom:21px}.occasion-card h3{font-size:29px;margin:0 0 8px}.occasion-card p{font-size:11px;line-height:1.5;max-width:85%;margin:0}.occasion-card svg{position:absolute;right:0;bottom:5px}.journal-preview{padding-top:20px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.guide-card{padding:28px 0 26px;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start}.guide-card h3{font-size:27px;line-height:1.15;margin:16px 0 15px}.guide-card>p{font-size:13px;color:var(--muted);line-height:1.7}.guide-card .text-link{margin-top:auto;font-size:11px}.guide-card.visual{padding:0;border:0}.guide-photo{width:100%;height:220px;border-radius:12px;overflow:hidden;margin-bottom:20px}.guide-photo img{width:100%;height:100%;object-fit:cover;object-position:center 32%}.guide-meta{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.05em;text-transform:uppercase;width:100%;font-weight:700}.guide-meta span:last-child{color:var(--muted);font-weight:400}.app-cta{margin:25px 5% 30px;padding:65px 0;background:transparent;color:var(--plum);border-radius:0;display:grid;grid-template-columns:1.05fr 1fr;gap:7%;overflow:hidden}.app-cta h2{font-size:56px;line-height:1.05}.app-cta h2 em{color:var(--plum)}.app-cta .eyebrow{color:var(--plum)}.app-cta p{font-size:13px;max-width:390px;line-height:1.8}.app-cta small{display:block;color:#c6bfc9;margin-top:17px;font-size:10px}.app-cta .text-link{display:table;margin-top:20px;font-size:11px}.app-cta .text-link svg{display:inline;vertical-align:middle}.cta-art{position:relative;align-self:center;min-height:340px}.cta-art>img{position:absolute;width:52%;height:310px;object-fit:cover;border:7px solid var(--cream);border-bottom-width:25px;border-radius:5px}.cta-art>img:first-child{transform:rotate(-10deg);left:2%;top:0}.cta-art>img:nth-child(2){transform:rotate(10deg);right:0;top:25px}.circle-sticker{position:absolute;left:28%;bottom:-10px;display:flex;align-items:center;justify-content:center;background:var(--yellow);color:var(--plum);width:105px;height:105px;border-radius:50%;font-size:9px;font-weight:700;line-height:1.5;text-align:center;transform:rotate(-10deg)}.manifesto{text-align:center;padding-top:100px;padding-bottom:100px}.manifesto h2{font-size:56px;line-height:1.08}.manifesto p{font-size:13px;color:var(--muted)}.footer{padding:65px 5% 25px;background:var(--plum);color:var(--cream)}.footer-top{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px;padding-bottom:50px}.footer-top>div:first-child p{font-size:12px;color:#c6bfc9;margin-top:24px}.footer-top .eyebrow{font-size:9px;color:#c6bfc9}.footer-top>div:not(:first-child)>a{display:block;font-size:12px;margin-bottom:9px}.footer a:hover{color:var(--yellow)}.footer-note{border-top:1px solid #ffffff25;padding-top:23px;display:flex;gap:30px;justify-content:space-between;align-items:flex-end}.footer-note p{font-size:9px;line-height:1.7;color:#bcb2bd;max-width:540px;margin:0}.footer-note p:last-child{display:flex;gap:22px;white-space:nowrap}.breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;font-size:10px;color:var(--muted);margin-bottom:38px}.breadcrumbs a:hover{text-decoration:underline}.page-heading{margin:0 0 45px;max-width:950px}.page-heading h1{margin-bottom:25px}.page-heading>p{font-size:17px;line-height:1.7;max-width:630px;color:var(--muted)}.page-heading .eyebrow{margin-bottom:22px}.inner .section:first-child{padding-top:42px}.filter-bar{display:flex;gap:22px;align-items:flex-end;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:34px}.filter-bar label{font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;display:block;min-width:150px}.filter-bar select,.filter-bar input{display:block;margin-top:7px;padding:12px 37px 12px 14px;background:#fff8;border:1px solid var(--line);border-radius:7px;font-size:13px;letter-spacing:0;width:100%;color:var(--ink)}.filter-bar input{padding-right:14px;min-width:320px}.filter-bar .reset-filter{background:none;border:0;font-size:11px;text-decoration:underline;padding:12px 0}.result-count{font-size:11px;color:var(--muted);margin-left:auto;padding:12px 0;white-space:nowrap}.empty-filter{padding:70px 20px;text-align:center}.collection{row-gap:45px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.two .mood-card{min-height:230px}.two .mood-card h3{font-size:32px}.two .mood-card p{max-width:unset}.split-note{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.split-note>p,.split-note>div{font-size:17px}.look-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.detail-image{position:relative}.detail-image>img{width:100%;max-height:700px;object-fit:cover;border-radius:20px}.detail-image .save-button{width:48px;height:48px;top:20px;right:20px}.lead{font-size:19px;line-height:1.7;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.tags>a,.tags>span{border:1px solid var(--line);border-radius:30px;font-size:11px;padding:6px 13px;text-transform:capitalize}.tags>a:hover{background:var(--yellow)}.look-facts{margin:25px 0 35px}.look-facts>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.look-facts dt{color:var(--muted)}.look-facts dd{margin:0;text-align:right}.look-detail-grid .text-link{margin:20px 0;display:table}.look-detail-grid .text-link svg{display:inline;vertical-align:middle}.look-notes{display:grid;grid-template-columns:1.5fr 1fr;gap:10%;padding:70px 0}.prose h2{font-size:32px;line-height:1.2;letter-spacing:-.04em;margin:0 0 20px}.prose p,.prose li{font-size:16px;line-height:1.9}.prose section{margin-bottom:43px}.prose a{border-bottom:1px solid #978097}.prose a.button{border-color:transparent}.prose ul{padding-left:23px}.prose li{margin-bottom:10px}.salon-note{align-self:start;background:var(--yellow);border-radius:16px;padding:32px;position:sticky;top:30px}.salon-note blockquote{margin:25px 0;font-size:24px;line-height:1.4;letter-spacing:-.035em;font-weight:700}.salon-note p{font-size:12px}.mood-hero{display:grid;grid-template-columns:1.2fr 1fr;background:var(--mood,var(--purple))}.mood-hero>div{padding:40px 8% 60px 8.5%;align-self:center}.mood-hero h1{font-size:clamp(48px,5.8vw,82px)}.mood-hero>img{width:100%;height:650px;object-fit:cover;object-position:center 28%}.mood-hero p{font-size:16px;max-width:510px}.three-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-bottom:80px}.three-notes h2,.three-notes h3{font-size:26px;line-height:1.2;margin:20px 0 17px}.three-notes p{font-size:14px;line-height:1.85;color:var(--muted)}.number{font-size:12px;color:#837685;letter-spacing:.08em}.wash{background:var(--paper);max-width:none}.all-guides{row-gap:8px}.topic-links{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:38px}.topic-links a{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:30px;padding:8px 13px;font-size:10px}.topic-links svg{width:13px;height:13px}.topic-links a:hover{background:var(--yellow)}.article-heading{padding-bottom:50px;max-width:1180px}.article-heading h1{font-size:clamp(40px,5.1vw,70px);max-width:1050px;line-height:1.05}.article-heading .lead{max-width:850px;font-size:18px}.article-meta{display:flex;gap:22px;align-items:center;margin:35px 0 25px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.article-meta a{background:var(--yellow);border-radius:40px;padding:6px 12px}.byline{display:flex;align-items:center;gap:18px;font-size:10px;color:var(--muted);border-bottom:1px solid var(--line);padding:20px 0 25px;position:relative}.byline>a{text-decoration:underline}.byline .save-button{position:static;margin-left:auto;border:1px solid var(--line)}.article-layout{display:grid;grid-template-columns:230px minmax(0,740px);gap:8%;padding-top:0;max-width:1180px}.toc{align-self:start;position:sticky;top:28px;font-size:11px}.toc ol{padding-left:18px;margin-bottom:35px}.toc li{padding-left:4px;margin-bottom:14px;color:var(--muted);line-height:1.5}.toc a:hover{color:var(--plum);text-decoration:underline}.toc .eyebrow{font-size:9px}.takeaway{background:var(--yellow);border-radius:12px;padding:25px 28px;margin-bottom:45px}.takeaway .eyebrow{margin-bottom:8px;font-size:9px}.takeaway p{font-size:18px;font-weight:700;line-height:1.5;margin:0;letter-spacing:-.02em}.article-image{margin:40px 0}.article-image img{width:100%;height:440px;object-fit:cover;object-position:center 27%;border-radius:12px}.article-image figcaption{font-size:10px;line-height:1.6;color:var(--muted);margin-top:12px}.inline-app{background:transparent;border-radius:0;padding:0;margin:42px 0}.inline-app h3{font-size:28px;line-height:1.15}.inline-app p{font-size:14px;line-height:1.75}.inline-app small{display:block;font-size:10px;margin-top:15px}.sources{border-top:1px solid var(--line);padding-top:30px}.sources h2{font-size:22px}.sources p,.sources li{font-size:12px;line-height:1.7}.publisher-note{font-size:11px!important;color:var(--muted);line-height:1.7!important}.faqs{margin:25px 0}.faqs details{border-bottom:1px solid var(--line)}.faqs summary{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:23px 0;cursor:pointer;list-style:none;font-size:17px;line-height:1.4;font-weight:700;letter-spacing:-.025em}.faqs summary::-webkit-details-marker{display:none}.faqs summary>span{font-size:24px;font-weight:400}.faqs details[open] summary>span{transform:rotate(45deg)}.faqs p{font-size:14px;line-height:1.85;padding-right:25px}.narrow{max-width:980px}.narrow .page-heading>h1{font-size:clamp(42px,6vw,76px)}.narrow .prose{max-width:740px}.finder-page{max-width:1250px}.finder-form{background:var(--paper);padding:40px;border-radius:18px;max-width:900px}.finder-form fieldset{border:0;padding:0;margin:0 0 32px}.finder-form legend{font-size:20px;font-weight:700;letter-spacing:-.03em;margin-bottom:17px}.finder-form legend>span{font-size:11px;margin-right:15px;font-weight:400;color:var(--muted)}.radio-row{display:flex;flex-wrap:wrap;gap:10px}.radio-row label{cursor:pointer;position:relative}.radio-row input{position:absolute;opacity:0}.radio-row label>span{display:block;border:1px solid #bcb4bc;padding:12px 20px;border-radius:40px;font-size:12px}.radio-row input:checked+span{background:var(--plum);color:white;border-color:var(--plum)}.radio-row input:focus-visible+span{outline:3px solid #907039;outline-offset:4px}.fineprint{font-size:11px;line-height:1.7;color:var(--muted);margin-top:15px}.fineprint a{text-decoration:underline}#finder-results{padding-top:75px}#finder-results>p{max-width:780px;font-size:14px;margin-bottom:30px}.result-next{display:flex;gap:18px;flex-wrap:wrap;margin-top:40px}.storage-note{font-size:11px;border-top:1px solid var(--line);padding-top:20px;color:var(--muted)}.storage-note a{text-decoration:underline}.empty-board{border:1px dashed #b4a7b8;border-radius:18px;text-align:center;padding:70px 25px;margin-top:40px}.empty-board>span{font-size:62px}.empty-board h2{font-size:36px}.empty-board>p{color:var(--muted)}.empty-board .button{margin:8px}.board-toolbar{display:flex;justify-content:space-between;gap:25px;align-items:center;margin:35px 0}.board-toolbar p{font-size:12px;margin:0}.board-toolbar>div{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.board-toolbar .button{font-size:10px;padding:12px 16px}.board-toolbar .text-link{font-size:10px}.saved-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.saved-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#ffffff55}.saved-card>a>img{height:220px;width:100%;object-fit:cover;object-position:center 27%}.saved-card>div{padding:22px}.saved-card h2{font-size:25px;line-height:1.15;margin:10px 0 15px}.saved-card p{font-size:12px;line-height:1.7}.saved-card .eyebrow{font-size:9px;margin:0}.saved-card button{border:0;background:none;text-decoration:underline;padding:0;font-size:11px;color:var(--muted)}.brief-form{margin-top:60px;padding:45px;background:var(--purple);border-radius:18px;display:grid;grid-template-columns:1fr 1.2fr;gap:10%}.brief-form p{font-size:13px}.brief-form label{font-size:12px;font-weight:700;display:block;margin-bottom:12px}.brief-form textarea{width:100%;border:1px solid #af9fb7;border-radius:9px;padding:17px;background:var(--cream);font-size:13px;line-height:1.8;resize:vertical}.brief-form .fineprint{display:block}.try-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center}.try-hero{background:var(--plum);color:var(--cream);max-width:none}.try-hero .breadcrumbs,.try-hero .lead,.try-hero .fineprint,.try-hero .publisher-note{color:#d4c9d5}.try-hero .eyebrow{color:var(--yellow)}.try-hero h1 em{color:var(--yellow)}.try-hero h1{font-size:clamp(48px,5.7vw,80px)}.try-hero .lead{font-size:16px;max-width:480px}.try-visual{position:relative}.try-visual img{height:570px;object-fit:cover;width:100%;border-radius:100px 15px 15px 15px}.try-note{position:absolute;bottom:23px;left:23px;right:23px;padding:18px;background:var(--yellow);border-radius:9px;color:var(--plum);font-size:12px;font-weight:700;text-align:center;letter-spacing:.06em}.contact-options article{border-top:1px solid var(--line);padding:35px 0}.contact-options h2{font-size:30px}.contact-options p{font-size:15px}.sitemap-grid{display:grid;grid-template-columns:1fr 2fr;gap:9%}.sitemap-grid li{font-size:13px;line-height:1.6;margin-bottom:13px}.sitemap-grid ul{padding-left:20px}.sitemap-grid a:hover{text-decoration:underline}.not-found{text-align:center;padding:100px 20px!important}.not-found .button{margin:10px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;color:var(--cream);background:var(--plum);border:1px solid #ffffff30;border-radius:50px;padding:12px 22px;font-size:12px;z-index:100;box-shadow:0 5px 25px #0002;transition:opacity .2s,transform .2s;max-width:90%;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.hero{max-width:1600px;margin:auto}.home{background:var(--cream)}.hero-copy{padding-left:70px}.app-cta,.finder-promo{max-width:1440px;margin-left:auto;margin-right:auto}.mood-hero{max-width:1600px;margin:auto}}
@media(max-width:1100px){.header{gap:20px;height:84px}.desktop-nav{gap:20px;font-size:11px}.header-actions{gap:16px}.nav-cta{font-size:10px;padding:11px 15px;gap:9px}.logo{font-size:29px}.hero{min-height:580px}.hero-copy{padding-top:58px}.hero h1{font-size:85px}.hero-visual{min-height:510px}.hero-note a{position:static;margin-top:7px}.hero-buttons{gap:18px}.hero .button{font-size:11px;padding:15px 20px}.hero-copy p{font-size:12px}.mood-grid{grid-template-columns:repeat(3,1fr)}.mood-card{min-height:220px}.mood-card h3{font-size:26px}.mood-card p{max-width:unset}.mood-card .eyebrow{font-size:8px}.mood-symbol{left:20px}.look-grid{gap:16px}.card-title h3{font-size:19px}.card-title svg{width:16px}.section{padding:65px 5%}.section-heading>p{display:none}.finder-promo{gap:7%;padding:50px 5%}.finder-promo h2{font-size:43px}.graphic-star{font-size:210px}.occasion-card h3{font-size:23px}.occasion-card>div{left:20px;right:20px}.app-cta h2{font-size:45px}.cta-art>img{height:270px}.cta-art{min-height:290px}.mood-hero>img{height:590px}.three-notes{gap:30px}.article-layout{grid-template-columns:200px minmax(0,1fr);gap:5%}.look-detail-grid h1{font-size:56px}.lead{font-size:17px}.look-notes{gap:6%}.salon-note{padding:25px}.salon-note blockquote{font-size:22px}.footer-top{gap:25px}.footer-note{flex-wrap:wrap}.filter-bar label{min-width:120px}.try-visual img{height:500px}.two{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){h1{font-size:48px}h2{font-size:36px}.header{height:76px;padding:0 6%}.logo{font-size:28px}.logo-star{font-size:30px}.desktop-nav,.nav-cta{display:none}.header-actions{gap:12px}.menu-toggle{display:block}.board-link{gap:5px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:44px 6% 33px}.hero-copy .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:30px}.hero h1{font-size:clamp(67px,14vw,102px);margin-bottom:23px;line-height:.95}.hero-copy p{font-size:13px;line-height:1.8;margin-bottom:24px}.hero-buttons{gap:20px}.hero .button{font-size:11px;padding:15px 20px}.hero .subtle-link{font-size:10px;gap:6px}.hero-foot{padding-top:27px;font-size:7px}.hero-visual{margin:0 6% 23px;min-height:0;height:400px}.hero-photo{object-position:center 42%;border-radius:65px 10px 10px 10px}.hero-sticker{top:18px;right:-10px;width:86px;height:86px;font-size:8px}.hero-sticker span{font-size:21px}.hero-note{left:15px;right:15px;bottom:15px;padding:15px 17px}.hero-note strong{font-size:16px}.hero-note>span{font-size:7px}.hero-note a{position:static;font-size:9px;margin-top:5px}.hero-note a svg{width:15px;height:15px}.marquee{justify-content:flex-start;gap:24px;font-size:8px;padding:13px 6%;overflow:hidden}.marquee b{font-size:19px}.section{padding:56px 6%}.section-heading{gap:22px;margin-bottom:27px;align-items:flex-end}.section-heading h2{font-size:33px}.section-heading .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:12px}.section-heading>.text-link{font-size:9px;gap:6px;white-space:normal;max-width:115px;flex-shrink:0}.section-heading>.text-link svg{width:14px}.mood-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mood-card{min-height:200px;padding:20px 17px}.mood-card .eyebrow{font-size:7px;margin-bottom:16px}.mood-card h3{font-size:25px}.mood-card p{font-size:10px;max-width:120px}.mood-symbol{font-size:59px;left:15px;bottom:10px}.mood-card .round-arrow{bottom:14px;right:15px}.look-grid,.look-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.look-grid.three .look-card:last-child{grid-column:auto}.card-photo{border-radius:10px}.card-title{margin-top:13px;gap:5px}.card-title h3{font-size:18px;line-height:1.15}.card-title svg{width:16px;height:16px}.look-card>p{font-size:10px;line-height:1.5;margin-top:6px}.photo-label{left:8px;bottom:9px;font-size:7px;padding:4px 7px}.save-button{top:9px;right:9px;width:30px;height:30px}.save-button svg{width:14px;height:14px}.image-note{font-size:9px}.looks-section{padding-top:12px}.finder-promo{margin:0 6%;grid-template-columns:1fr;padding:35px 26px;gap:35px;border-radius:15px}.finder-graphic{min-height:230px;max-width:340px;width:100%;margin:auto}.graphic-star{font-size:210px}.graphic-orbit{width:210px}.graphic-label{font-size:8px;padding:8px 12px}.label-one{top:12%}.label-two{bottom:5%}.finder-promo h2{font-size:39px}.finder-promo p{font-size:13px}.finder-promo .eyebrow{font-size:8px}.occasion-grid{grid-template-columns:1fr;gap:18px}.occasion-card{aspect-ratio:1.3}.occasion-card>div{left:24px;right:24px;bottom:24px}.occasion-card h3{font-size:29px}.occasion-card p{font-size:12px;max-width:85%}.guide-grid{grid-template-columns:1fr;gap:25px}.guide-card h3{font-size:27px}.guide-card{padding:23px 0}.guide-card.visual{padding-bottom:15px}.guide-photo{height:240px}.guide-meta{font-size:9px}.guide-card>p{font-size:13px}.app-cta{margin:10px 6% 20px;padding:38px 26px;grid-template-columns:1fr;gap:45px;border-radius:16px}.app-cta h2{font-size:43px}.app-cta .eyebrow{font-size:8px}.app-cta p{font-size:13px}.app-cta .button{font-size:11px;padding:15px 22px}.cta-art{max-width:320px;width:100%;margin:0 auto 20px;min-height:290px}.cta-art>img{height:270px}.circle-sticker{width:87px;height:87px;font-size:8px}.manifesto{padding:70px 6%}.manifesto h2{font-size:37px}.manifesto p{font-size:12px}.manifesto .eyebrow{font-size:8px}.footer{padding:45px 6% 25px}.footer-top{grid-template-columns:repeat(2,1fr);gap:28px 18px}.footer-top>div:first-child{grid-column:1/-1}.footer-top>div:first-child p{margin-top:18px}.footer-top .eyebrow{font-size:8px;margin-bottom:17px}.footer-top>div:not(:first-child)>a{font-size:11px}.footer-note{gap:20px}.footer-note p{font-size:9px}.footer-note p:last-child{gap:17px;flex-wrap:wrap}.inner .section:first-child{padding-top:30px}.breadcrumbs{font-size:9px;margin-bottom:30px;line-height:1.5}.page-heading{margin-bottom:32px}.page-heading .eyebrow{font-size:8px;margin-bottom:18px}.page-heading h1{font-size:48px;line-height:1.02;margin-bottom:20px}.page-heading>p{font-size:15px}.filter-bar{flex-wrap:wrap;gap:15px;padding:20px 0;margin-bottom:26px}.filter-bar label{flex:1 1 40%;min-width:100px;font-size:9px}.filter-bar select,.filter-bar input{font-size:12px;padding:11px 28px 11px 10px;min-width:0}.filter-bar input{padding:11px}.filter-bar .search-label{flex-basis:100%}.filter-bar .reset-filter{font-size:10px}.result-count{font-size:10px}.collection{row-gap:30px}.split-note{grid-template-columns:1fr;gap:15px}.split-note>p,.split-note>div{font-size:15px}.look-detail-grid{grid-template-columns:1fr;gap:35px}.detail-image>img{height:480px;object-position:center 28%;border-radius:15px}.detail-image .save-button{width:42px;height:42px}.look-detail-grid h1{font-size:52px}.look-detail-grid .eyebrow{font-size:9px}.lead{font-size:16px}.look-detail-grid .image-note{margin-top:12px}.look-notes{grid-template-columns:1fr;gap:30px;padding:45px 0}.salon-note{position:static;padding:28px}.salon-note blockquote{font-size:24px}.look-notes .prose section:last-child{margin-bottom:0}.prose h2{font-size:27px;line-height:1.2}.prose p,.prose li{font-size:15px;line-height:1.9}.mood-hero{grid-template-columns:1fr}.mood-hero>div{padding:30px 6% 40px}.mood-hero h1{font-size:52px}.mood-hero p{font-size:15px}.mood-hero>img{height:400px;object-position:center 25%}.three-notes{grid-template-columns:1fr;gap:25px;margin-bottom:45px}.three-notes h2,.three-notes h3{font-size:27px;margin:12px 0}.three-notes p{font-size:14px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.two .mood-card{min-height:210px}.two .mood-card h3{font-size:25px}.topic-links{gap:7px;margin-bottom:30px}.topic-links a{font-size:9px;padding:7px 10px}.article-heading{padding-bottom:25px}.article-heading h1{font-size:43px;line-height:1.05}.article-heading .lead{font-size:16px}.article-meta{font-size:8px;gap:13px;margin:25px 0 20px}.article-meta a{padding:6px 9px}.byline{font-size:9px;gap:13px;flex-wrap:wrap;padding-bottom:18px}.byline>span{flex-basis:75%}.byline .save-button{position:absolute;right:0;top:20px}.article-layout{grid-template-columns:1fr;padding-top:0;gap:35px}.toc{position:static;border-bottom:1px solid var(--line);padding-bottom:25px}.toc ol{columns:2;gap:25px;margin-bottom:10px;font-size:10px}.toc li{break-inside:avoid}.toc .text-link{display:none}.takeaway{padding:22px;margin-bottom:35px}.takeaway p{font-size:17px}.article-body .prose section{margin-bottom:35px}.article-image img{height:330px}.article-image figcaption{font-size:9px}.inline-app{padding:0;margin:30px 0}.inline-app h3{font-size:26px}.inline-app p{font-size:13px}.sources h2{font-size:24px}.sources p,.sources li{font-size:11px}.faqs summary{font-size:16px;padding:20px 0}.faqs p{font-size:14px}.finder-form{padding:25px 20px}.finder-form legend{font-size:18px;line-height:1.4}.finder-form legend>span{display:block;margin-bottom:7px}.radio-row{gap:8px}.radio-row label>span{font-size:11px;padding:10px 15px}.finder-form .button{font-size:11px}.fineprint{font-size:10px}#finder-results{padding-top:45px}#finder-results .section-heading{align-items:flex-start}#finder-results .section-heading h2{font-size:29px}#finder-results .text-link{font-size:9px}.result-next{gap:12px}.result-next .button{font-size:11px}.empty-board{padding:40px 20px}.empty-board h2{font-size:31px}.empty-board p{font-size:14px}.empty-board .button{font-size:11px}.board-toolbar{align-items:flex-start;flex-direction:column;gap:15px}.board-toolbar>div{gap:12px}.saved-grid{grid-template-columns:1fr;gap:20px}.saved-card>a>img{height:270px}.brief-form{padding:25px;grid-template-columns:1fr;gap:20px}.brief-form h2{font-size:36px}.brief-form textarea{font-size:16px}.try-grid{grid-template-columns:1fr;gap:35px}.try-hero h1{font-size:54px}.try-hero .button{font-size:11px;padding:15px 19px;gap:10px}.try-hero .lead{font-size:15px}.try-visual img{height:440px;border-radius:65px 12px 12px 12px}.try-note{font-size:10px}.contact-options h2{font-size:28px}.sitemap-grid{grid-template-columns:1fr;gap:25px}.sitemap-grid li{font-size:12px}.not-found h1{font-size:46px}.not-found .button{font-size:11px}.toast{font-size:11px;bottom:20px;padding:11px 18px;width:max-content;max-width:90%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover,.mood-card:hover{transform:none}}
@media print{.header,.footer,.toast,.board-toolbar,.storage-note,.save-button,.byline .save-button,.text-link,.inline-app,.app-cta,.toc,.breadcrumbs,.tags,.result-next{display:none!important}body{background:white;color:black;font-size:11pt}.section{padding:20px;max-width:none}.page-heading h1{font-size:32pt}.page-heading>p{font-size:11pt}.saved-grid{grid-template-columns:repeat(2,1fr)}.saved-card{break-inside:avoid;background:white;border-color:#aaa}.saved-card>a>img{height:180px}.saved-card h2{font-size:18pt}.saved-card button{display:none}.brief-form{display:block;background:#eee;padding:20px;break-inside:avoid}.brief-form textarea{border:none;background:none;height:auto;min-height:200px}.article-layout{display:block}.article-image{break-inside:avoid}.article-image img{height:250px}.faqs details>p{display:block!important}.not-found .button{display:none}}

#finder-grid>.look-card:only-child{grid-column:1/-1;max-width:390px}
.board-link,.menu-toggle{min-height:44px;min-width:44px;justify-content:center}.filter-bar .reset-filter{min-height:44px}
@media(max-width:760px){.save-button{width:40px;height:40px;top:8px;right:8px}.save-button svg{width:17px;height:17px}.mood-card .round-arrow{width:32px;height:32px}}

.print-note{display:none}@media print{.print-note{display:block;white-space:pre-wrap;font-size:12pt;overflow-wrap:anywhere}.brief-form textarea,.brief-form #note-status{display:none}}

/* Long-form editorial landing pages. */
.editorial-depth{padding-top:60px;padding-bottom:60px}.depth-intro{max-width:780px;margin-bottom:42px}.depth-intro h2{font-size:clamp(36px,4.2vw,60px);line-height:1.04;max-width:720px}.depth-intro>p{font-size:17px;line-height:1.85;color:var(--muted);max-width:690px}.depth-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:60px}.depth-nav a{font-size:11px;border:1px solid var(--line);padding:10px 15px;border-radius:30px;max-width:100%}.depth-nav a:hover{background:var(--yellow)}.depth-section{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(0,1.5fr);gap:8%;padding:55px 0;border-top:1px solid var(--line);scroll-margin-top:30px}.depth-section-heading h2{font-size:clamp(28px,3.1vw,43px);line-height:1.13}.depth-section-heading .eyebrow{font-size:9px;line-height:1.7}.depth-prose p{font-size:15px;line-height:1.9;color:#625968;margin:0 0 20px}.depth-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px}.depth-cards article{border:1px solid var(--line);border-radius:15px;padding:25px;background:#fff6;min-width:0}.depth-cards h3{font-size:23px;line-height:1.15;margin:0 0 13px}.depth-cards p{font-size:13px;line-height:1.85;color:#625968}.depth-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px}.depth-links .text-link{font-size:12px;white-space:normal}.depth-links svg{flex-shrink:0}.depth-cards .depth-links{margin-top:18px}.depth-cards .text-link{font-size:11px}.depth-photo{margin:0 0 30px;float:right;width:40%;margin-left:30px}.depth-photo img{width:100%;height:330px;object-fit:cover;border-radius:14px}.depth-photo figcaption{font-size:8px;color:var(--muted);margin-top:9px}.depth-section-content:after{content:'';display:block;clear:both}.depth-steps{list-style:none;padding:0;margin:30px 0}.depth-steps li{display:grid;grid-template-columns:45px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.depth-steps li>span{font-size:30px;color:#8b6c95;line-height:1.1}.depth-steps h3{font-size:23px;line-height:1.15;margin:0 0 12px}.depth-steps p{font-size:14px;line-height:1.9;margin:0;color:#625968}.depth-quote{margin:25px 0;padding:30px;background:var(--purple);border-radius:14px;font-size:24px;line-height:1.5}.depth-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;margin:25px 0;max-width:100%;background:#fff6}.depth-table-wrap table{border-collapse:collapse;width:100%;min-width:480px;font-size:13px;line-height:1.7}.depth-table-wrap caption{text-align:left;font-size:11px;padding:20px;color:var(--muted)}.depth-table-wrap th,.depth-table-wrap td{padding:18px;text-align:left;vertical-align:top;border-top:1px solid var(--line);min-width:135px}.depth-table-wrap thead{background:var(--plum);color:var(--cream)}.depth-table-wrap th{font-weight:700}.depth-table-wrap tbody th{width:25%;background:#e7dcec66}.depth-checklist{padding:24px 24px 24px 44px;border-radius:14px;background:var(--yellow);font-size:14px;line-height:1.9;margin:25px 0}.depth-checklist li{padding:5px 0}.depth-faq{display:grid;grid-template-columns:.8fr 1.5fr;gap:8%;padding:55px 0 10px;border-top:1px solid var(--line)}.depth-faq h2{font-size:38px;line-height:1.15}.depth-faq .faqs summary{font-size:17px}.depth-faq .faqs p{font-size:14px}.depth-hero{background:var(--purple)}.depth-hero .page-heading{max-width:950px}.depth-hero .page-heading h1{max-width:850px}.depth-hero .page-heading>p{max-width:720px}.section-quick-links{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.section-quick-links a{font-size:12px;border:1px solid var(--line);border-radius:30px;padding:10px 16px}.section-quick-links a:hover{background:var(--yellow)}
@media(max-width:1000px){.depth-section,.depth-faq{gap:5%;grid-template-columns:.75fr 1.5fr}.depth-cards{gap:13px}.depth-cards article{padding:20px}.depth-photo{float:none;width:100%;margin:0 0 25px}.depth-photo img{height:350px;object-position:center 25%}}
@media(max-width:760px){.editorial-depth{padding-top:40px;padding-bottom:40px}.depth-intro{margin-bottom:25px}.depth-intro>p{font-size:15px}.depth-nav{margin-bottom:35px;gap:8px}.depth-nav a{font-size:10px;padding:9px 12px}.depth-section,.depth-faq{grid-template-columns:minmax(0,1fr);gap:22px;padding:36px 0}.depth-section-heading h2{font-size:32px}.depth-section-heading .eyebrow{font-size:8px;margin-bottom:12px}.depth-prose p{font-size:15px;line-height:1.85}.depth-cards{grid-template-columns:minmax(0,1fr);gap:15px}.depth-cards h3{font-size:25px}.depth-cards p{font-size:14px}.depth-steps li{grid-template-columns:32px 1fr;gap:14px}.depth-steps li>span{font-size:25px}.depth-steps h3{font-size:24px}.depth-quote{font-size:21px;padding:24px}.depth-checklist{padding:20px 20px 20px 38px}.depth-faq h2{font-size:32px}.depth-table-wrap table{font-size:12px}.depth-photo img{height:360px}.section-quick-links a{font-size:11px}.depth-links .text-link{font-size:12px}}
@media print{.depth-nav{display:none}.depth-section,.depth-faq{display:block;padding:20px 0;break-inside:auto}.depth-cards article,.depth-steps li{break-inside:avoid}.depth-photo{width:180px;float:right}.depth-photo img{height:240px}.depth-table-wrap{overflow:visible}.depth-table-wrap table{min-width:0}.depth-section-heading h2{font-size:22pt}.depth-prose p{font-size:11pt}}
@media(min-width:761px) and (max-width:980px){.desktop-nav{display:none}.menu-toggle{display:block}.header{justify-content:space-between}.header-actions{margin-left:auto}}
@media print{body[data-page="/moodboard/"] .editorial-depth{display:none!important}}
.depth-table-hint{display:none}@media(max-width:760px){.depth-table-hint{display:block;font-size:10px;color:var(--muted);margin:-12px 0 25px}}@media print{.depth-table-hint{display:none}}
.depth-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:8%;align-items:center}.depth-hero-grid .page-heading h1{font-size:clamp(44px,5.7vw,76px)}.depth-hero-grid .page-heading>p{font-size:17px}.depth-hero-grid figure{margin:0;min-width:0}.depth-hero-grid figure img{width:100%;height:470px;object-fit:cover;object-position:center 30%;border-radius:75px 15px 15px 15px}.depth-hero-grid figcaption{font-size:9px;color:var(--muted);margin-top:13px}.depth-hero-grid .section-quick-links a{display:flex;align-items:center;gap:8px;font-size:11px}.section-quick-links svg{width:18px;height:18px;flex-shrink:0}@media(max-width:1000px){.depth-hero-grid{gap:5%;grid-template-columns:1.2fr 1fr}.depth-hero-grid figure img{height:400px}.depth-hero-grid .page-heading h1{font-size:48px}}@media(max-width:760px){.depth-hero-grid{grid-template-columns:minmax(0,1fr);gap:28px}.depth-hero-grid .page-heading h1{font-size:48px}.depth-hero-grid .page-heading>p{font-size:15px}.depth-hero-grid figure img{height:350px;border-radius:55px 12px 12px 12px}.depth-hero-grid .section-quick-links{margin-bottom:0}}@media print{.depth-hero-grid{display:block}.depth-hero-grid figure{display:none}}

/* Shortlists and source context make long guides easier to use. */
.guide-options{padding:0;list-style:none;margin:24px 0 32px}.prose .guide-options li{padding:17px 20px;border-left:3px solid #b79dc4;background:#e7dcec55;margin:10px 0;border-radius:0 9px 9px 0}.guide-options strong{color:var(--plum)}.source-scope{display:block;margin-top:6px;color:var(--muted);line-height:1.8}.sources li{margin-bottom:20px}.hero-copy>p{max-width:430px}.hero-buttons{flex-wrap:wrap}.article-heading .lead{max-width:880px}
.toc-details summary{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;padding:12px 0}.toc-details[open] summary{margin-bottom:15px}.toc-details summary::marker{color:#91749d}
@media(max-width:760px){.prose .guide-options li{padding:15px 17px;font-size:15px}.hero-buttons{row-gap:18px}}
@media(max-width:760px){.byline{padding-right:54px;row-gap:8px}.byline>span{flex-basis:100%}}

/* App invitations after the introduction and at the end of the page. */


.app-prompt{background:transparent;border:0;border-radius:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin:0 0 36px;max-width:780px;color:var(--plum);clear:both}
.app-prompt .eyebrow{font-size:9px;letter-spacing:.12em;margin:0 0 10px;display:block;color:var(--plum)}.app-prompt h2,.prose .app-prompt h2{font-size:29px;line-height:1.12;margin:0 0 12px;color:var(--plum)}.app-prompt-description{display:block;font-size:14px;line-height:1.75}.app-prompt-action{min-width:0}.app-prompt .button{max-width:100%;font-size:12px;gap:14px;padding:15px 20px;min-height:48px}.app-prompt .button:hover{background:#f1f5b7}
.app-prompt-compact{background:transparent;padding:0;margin:25px 0;gap:13px}.app-prompt-compact h2{font-size:24px;margin:0}.page-heading .app-prompt{max-width:630px}.takeaway:has(+.app-prompt){margin-bottom:22px}
.hero-copy .app-prompt,.try-hero .app-prompt{background:transparent;border:0;width:100%;max-width:470px}.hero-copy .app-prompt h2,.try-hero .app-prompt h2{color:var(--cream)}.hero-copy .app-prompt .eyebrow,.try-hero .app-prompt .eyebrow{color:var(--yellow);margin-bottom:9px}.hero-copy>p{margin-bottom:16px}.hero-copy .app-prompt{margin:7px 0 20px}.hero-copy{padding-top:45px}.hero-copy>.eyebrow{margin-bottom:28px}.hero-foot{padding-top:28px}.mood-hero>img{height:100%;min-height:650px}.mood-hero .app-prompt{max-width:510px}.cta-image-note{position:absolute;bottom:-36px;left:0;right:0;text-align:center;font-size:9px;color:var(--muted)}.cta-art{margin-bottom:35px}.app-cta[data-app-promotion="bottom"]{margin-bottom:60px}.inner main>.section:first-child{padding-top:42px}
@media(min-width:1000px){.page-heading .app-prompt-compact{max-width:780px;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:22px}.depth-hero .page-heading .app-prompt{grid-template-columns:minmax(0,1fr)}.depth-hero .page-heading .app-prompt h2{font-size:24px}}

@media(max-width:760px){.app-prompt,.app-prompt-compact{padding:0;gap:16px;margin:22px 0 30px}.app-prompt h2,.app-prompt-compact h2,.prose .app-prompt h2{font-size:25px}.app-prompt .eyebrow{font-size:8px;margin-bottom:10px}.app-prompt .button{font-size:11px;padding:14px 16px;gap:10px;width:100%}.app-prompt-description{font-size:13px}.hero-copy{padding-top:35px}.hero-copy>.eyebrow{margin-bottom:26px}.hero-copy .app-prompt{margin-top:8px}.hero-copy>p{margin-bottom:16px}.hero-foot{padding-top:28px}.mood-hero>img{min-height:0;height:400px}.app-cta[data-app-promotion="bottom"]{margin-bottom:35px}.cta-image-note{font-size:8px;bottom:-28px}.inner main>.section:first-child{padding-top:30px}}
@media(max-width:360px){.app-prompt .button{font-size:10px;gap:7px;padding:14px 10px}}
@media print{.app-prompt{display:none!important}}

/* The homepage keeps one message and one primary action. */
.home .hero-copy{justify-content:center;padding-top:70px;padding-bottom:70px}
.home .hero-copy>p{font-size:16px;line-height:1.75;max-width:380px;margin:0 0 30px}
.hero-app-action{margin:0}
.home .hero-photo{position:absolute;inset:0;object-position:50% top}
@media(max-width:760px){.home .hero-copy{padding:48px 6% 44px}.home .hero-copy>p{font-size:15px;max-width:330px;margin-bottom:26px}.hero-app-action .button{font-size:12px;padding:16px 23px}}

/* Unmodified Apple badge artwork with room around each placement. */
.app-store-badge{display:inline-flex;vertical-align:middle;line-height:0;max-width:100%;border:0!important;background:transparent;padding:0;border-radius:8px;flex-shrink:0}
.app-store-badge img{height:52px;width:auto;max-width:100%}
.nav-app-store img{height:40px}
.hero-app-action .app-store-badge img{height:56px}
.hero-app-steps{list-style:none;display:flex;flex-wrap:wrap;gap:24px;padding:0;margin:34px 0 0;color:#eee6ed;font-size:12px;line-height:1.5}
.hero-app-steps li{display:flex;flex-direction:column;gap:7px}
.hero-app-steps li>span{font-size:9px;letter-spacing:.12em;color:#c8b5cb}
.mobile-nav .app-store-badge{align-self:flex-start;margin:12px 0}
@media(max-width:760px){.nav-app-store{display:none}.hero-app-action .app-store-badge img{height:52px}.hero-app-steps{gap:22px;margin-top:28px;font-size:11px}.app-store-badge img{height:48px}}
@media(max-width:360px){.hero-app-steps{gap:17px;font-size:10px}}

/* Mood portraits make each direction easy to recognize. */
.mood-section-heading{align-items:flex-end;margin-bottom:36px}
.mood-section-heading h2{font-size:clamp(36px,4.3vw,64px);line-height:1.08}
.mood-section-heading h2 em{letter-spacing:-.05em}
.mood-section-heading>div>p{font-size:15px;line-height:1.65;color:var(--muted);margin:18px 0 0}
.mood-section-heading>.text-link{margin-bottom:4px}
.mood-grid{gap:20px}
.mood-photo-card,.two .mood-photo-card{padding:0;min-height:0;background:transparent;border-radius:0;overflow:visible}
.mood-photo-card:hover{transform:none}
.mood-card-photo{position:relative;aspect-ratio:4/5;background:var(--mood);border-radius:12px;overflow:hidden}
.mood-card-photo>img{width:100%;height:100%;object-fit:cover;object-position:var(--mood-position);transition:transform .35s}
.mood-photo-card:hover .mood-card-photo>img{transform:scale(1.035)}
.mood-photo-card .eyebrow{position:absolute;top:13px;left:13px;font-size:8px;letter-spacing:.09em;padding:6px 9px;margin:0;border-radius:20px;background:#f7f5edec;color:var(--plum)}
.mood-card-copy{padding:16px 0 0}
.mood-card-title{display:flex;align-items:center;justify-content:space-between;gap:8px}
.mood-photo-card h3,.two .mood-photo-card h3{font-size:clamp(20px,1.8vw,28px);line-height:1.2;margin:0}
.mood-photo-card .round-arrow{position:static;width:30px;height:30px;flex-shrink:0;border-color:var(--line);transition:background .2s,border-color .2s}
.mood-photo-card:hover .round-arrow{background:var(--yellow);border-color:var(--yellow)}
.mood-photo-card p,.two .mood-photo-card p{font-size:12px;line-height:1.55;max-width:180px;margin:8px 0 0;color:var(--muted)}
.mood-grid.two .mood-card-photo{aspect-ratio:16/10}
@media(max-width:1100px){.mood-grid{gap:30px 20px}.mood-photo-card h3{font-size:26px}.mood-photo-card p{max-width:230px}}
@media(max-width:760px){.mood-section-heading{display:block;margin-bottom:28px}.mood-section-heading h2{font-size:41px;max-width:320px}.mood-section-heading h2 em{display:block}.mood-section-heading>div>p{font-size:14px;margin-top:16px}.mood-section-heading>.text-link{display:inline-flex;max-width:none;margin:22px 0 0;font-size:12px;white-space:nowrap}.mood-grid{gap:28px 14px}.mood-photo-card .eyebrow{top:10px;left:10px;font-size:7px;padding:5px 7px}.mood-card-copy{padding-top:12px}.mood-photo-card h3,.two .mood-photo-card h3{font-size:21px}.mood-photo-card .round-arrow{width:27px;height:27px}.mood-photo-card p,.two .mood-photo-card p{font-size:11px;margin-top:6px}.mood-grid.two .mood-card-photo{aspect-ratio:4/5}}
@media(max-width:360px){.mood-photo-card h3,.two .mood-photo-card h3{font-size:19px}.mood-photo-card .round-arrow{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){.mood-photo-card:hover .mood-card-photo>img{transform:none}}

/* A typographic app sign-off replaces the same portrait pair on every page. */
.cta-art.cta-brand-art,.home .cta-art.cta-brand-art{min-height:350px;display:grid;place-items:center;margin:0;max-width:none;isolation:isolate}
.cta-brand-orbit{width:min(100%,420px);aspect-ratio:1.18;border:1px solid #2b163030;border-radius:50%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transform:rotate(-7deg)}
.cta-brand-orbit:before{content:"";position:absolute;inset:18px;border:1px solid #2b16301c;border-radius:50%;z-index:-1}
.cta-brand-word{font-size:clamp(42px,5vw,78px);font-weight:700;letter-spacing:-.06em;line-height:.95;transform:rotate(7deg)}
.cta-brand-word em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em}
.cta-brand-spark{position:absolute;top:-13px;right:15%;width:62px;height:62px;color:var(--plum);background:var(--cream);padding:7px}
.cta-brand-spark svg{width:100%;height:100%}
.cta-brand-signature{font-size:9px;letter-spacing:.2em;font-weight:700;margin-top:28px;transform:rotate(7deg)}
@media(max-width:760px){.cta-art.cta-brand-art,.home .cta-art.cta-brand-art{min-height:255px;width:100%;max-width:350px;margin:0 auto}.cta-brand-orbit{max-width:310px}.cta-brand-word{font-size:57px}.cta-brand-spark{width:52px;height:52px}.cta-brand-signature{margin-top:22px;font-size:8px}}
.saved-story-text{padding-top:28px;border-top:1px solid var(--line)}
.saved-story-number{display:block;font:italic 54px Georgia,serif;letter-spacing:-.05em;color:#8e8097;padding:0 20px 8px}
.saved-story-text>div{padding-top:10px}
