.hub-main{max-width:1180px;margin:0 auto;padding:0 0 90px}.hub-intro{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:70px 0 58px}.hub-intro h1{font-size:62px;line-height:1.12;letter-spacing:-2.8px;font-weight:750;margin:0;max-width:840px}.hub-intro h1 span{background:linear-gradient(transparent 68%,#e4ceff 68%,#e4ceff 92%,transparent 92%)}.hub-intro p{max-width:610px;font-size:16px;line-height:1.85;color:var(--quiet);margin:23px 0 0}.blog-feature{margin:0 0 74px}.feature-link{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}.editorial-cover{aspect-ratio:1.36;background:#e5eae1;position:relative;overflow:hidden;border-radius:19px}.editorial-note{position:absolute;top:11%;left:9%;font-size:43px;line-height:1.04;letter-spacing:-2px;font-weight:750;color:#36463b;transform:rotate(-6deg);z-index:2}.phone-photo{position:absolute;top:12%;left:45%;width:45%;height:94%;border:7px solid #292b25;border-radius:33px;background:#292b25;box-shadow:0 16px 30px #25372133;transform:rotate(12deg);overflow:hidden}.phone-photo>img{height:100%;width:100%;object-fit:cover;object-position:50% 65%}.camera-dot{position:absolute;bottom:12%;left:calc(50% - 17px);width:34px;height:34px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 5px #ffffff66}.cover-spark{position:absolute;left:13%;bottom:14%;font-size:67px;line-height:1;color:#7d8b70}.feature-copy h2{font-size:34px;line-height:1.27;letter-spacing:-1.05px;font-weight:720;margin:0;max-width:470px}.feature-copy p{font-size:15px;line-height:1.85;color:var(--quiet);margin:22px 0}.feature-copy time{font-size:12px;color:#817587}.feature-link:hover .feature-copy h2,.hub-card-link[href]:hover h3{color:var(--purple)}.hub-directory>h2{font-size:30px;line-height:1.25;letter-spacing:-.9px;font-weight:700;margin:0 0 27px}.directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:34px;border-bottom:1px solid #e9e2ee;padding-bottom:18px}.category-tabs{display:flex;gap:24px;flex-wrap:wrap}.category-tabs button{position:relative;border:0;background:none;color:#786f81;font-size:13px;line-height:1.6;padding:9px 0;font-weight:600;white-space:nowrap}.category-tabs button[aria-pressed=true]{color:#6f359f}.category-tabs button[aria-pressed=true]:after{content:'';position:absolute;bottom:-19px;height:3px;border-radius:4px;left:0;right:0;background:var(--brand)}.category-tabs button:hover{color:#6f359f}.hub-search{display:flex;align-items:center;gap:9px;color:#97899f;flex:0 1 230px;padding:10px 13px;border:1px solid #e8e1ed;border-radius:10px;background:#fff}.hub-search input{border:0;outline:none;background:transparent;width:100%;min-width:0;color:var(--ink);font-size:12px}.hub-search:focus-within{outline:2px solid #bb88fe;outline-offset:2px}.hub-search input::placeholder{color:#8a7e92}.hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:43px 27px}.hub-card{min-width:0}.hub-card-link{display:block;outline-offset:6px!important}.hub-card-link[aria-disabled=true]{cursor:default}.article-cover{aspect-ratio:1.52;border-radius:13px;overflow:hidden;background:#e9e4ed}.article-cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.hub-card-link[href]:hover .article-cover img{transform:scale(1.035)}.hub-card-copy{padding-top:17px}.hub-card-copy h3{font-size:20px;line-height:1.37;letter-spacing:-.65px;font-weight:700;margin:0 0 10px}.hub-card-copy p{font-size:13px;line-height:1.8;color:var(--quiet);margin:0}.hub-card-copy time{display:block;font-size:11px;color:#978b9f;margin-top:15px}.hub-empty{border:1px dashed #e3d7ed;border-radius:16px;padding:54px 24px;text-align:center;background:linear-gradient(160deg,#f9f5ff,#fdfcfe)}.hub-empty>img{opacity:.42;margin:0 auto 19px}.hub-empty h3{font-size:23px;font-weight:650;letter-spacing:-.6px;margin:0 0 12px}.hub-empty p{font-size:14px;line-height:1.8;color:var(--quiet);max-width:440px;margin:0 auto 18px}.hub-empty a,.hub-empty button{color:#7a42ad;background:none;border:0;padding:5px;font-size:13px;text-decoration:underline;text-underline-offset:5px}.hub-grid:has(.hub-card:not([hidden]))+.hub-empty{display:none}.tools-intro-art{position:relative;flex:0 0 340px;height:230px;margin-right:38px}.mini-photo{position:absolute;width:170px;height:187px;padding:7px 7px 20px;border:1px solid #e9e1ee;background:#fff;box-shadow:0 6px 17px #4629510d;border-radius:6px}.mini-photo img{width:100%;height:100%;object-fit:cover;border-radius:2px}.photo-back{transform:rotate(-13deg);left:20px;top:15px}.photo-front{transform:rotate(10deg);left:148px;top:44px}.brand-stamp{position:absolute;left:118px;top:147px;display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#dcb9ff;border:5px solid var(--page);transform:rotate(-12deg)}.tools-page .hub-intro{padding-bottom:66px}.tools-page .hub-intro p{max-width:560px}.tools-page .hub-grid{row-gap:45px}.tool-cover{aspect-ratio:1.4;position:relative;overflow:hidden;border-radius:14px;isolation:isolate}.tone-mint{background:#e6ece4}.tone-rose{background:#f2e3e4}.tone-lilac{background:#eae0f7}.tone-sand{background:#ede9e0}.tool-photo{position:absolute;width:51%;height:70%;left:25%;top:9%;border-radius:8px;box-shadow:0 8px 13px #2d12351c;overflow:hidden;z-index:2}.tool-photo img{width:100%;height:100%;object-fit:cover}.tool-caption{position:absolute;bottom:9%;left:0;right:0;text-align:center;font-size:12px;font-weight:650;color:#5e5362;letter-spacing:-.2px;z-index:4}.tool-frame{position:absolute;inset:14% 22% 29%;border:1px solid #ffffffcc;border-radius:8px;transform:rotate(-12deg);z-index:1;background:#ffffff38}.tool-play{position:absolute;left:calc(50% - 15px);top:calc(42% - 15px);width:30px;height:30px;border-radius:50%;background:#fffffff0;box-shadow:0 2px 12px #0001;z-index:3}.tool-play:after{content:'';position:absolute;left:12px;top:9px;border-left:9px solid #54386a;border-top:6px solid transparent;border-bottom:6px solid transparent}.visual-frames .tool-photo{width:70%;height:53%;left:15%;top:17%;transform:rotate(-5deg)}.visual-frames .tool-frame{inset:21% 17% 22% 11%;transform:rotate(6deg)}.visual-portrait .tool-photo{width:37%;left:31.5%;height:72%;top:7%;border:4px solid #302a34;border-radius:13px;transform:rotate(8deg)}.visual-portrait .tool-frame{inset:15% 34% 17% 22%;transform:rotate(-13deg)}.visual-stack .tool-photo{width:56%;height:58%;left:26%;top:14%;transform:rotate(9deg);border:4px solid #fff;border-radius:4px}.visual-stack .tool-frame{inset:11% 28% 30% 14%;background:#ffffffb0;transform:rotate(-12deg)}.visual-product .tool-photo{width:58%;height:64%;left:21%;top:10%;border-radius:50% 50% 12px 12px;box-shadow:none}.visual-product .tool-frame{border-radius:50%;border-color:#fff9;inset:8% 16% 21%;transform:none;background:none}.visual-product .tool-play{display:none}.tools-page .hub-card-copy h3{font-size:21px}.hub-main .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.hub-main{max-width:1280px}.hub-intro h1{font-size:68px}.hub-grid{gap:48px 30px}.editorial-cover{aspect-ratio:1.5}.editorial-note{font-size:48px}}
@media(max-width:1300px){.hub-main{margin-left:38px;margin-right:38px}.hub-intro h1{font-size:55px}.feature-link{gap:38px}.feature-copy h2{font-size:29px}.editorial-note{font-size:35px}.phone-photo{border-width:6px}.hub-grid{gap:36px 22px}.hub-card-copy h3{font-size:18px}.hub-card-copy p{font-size:12px}.tools-intro-art{flex-basis:285px;margin-right:15px}.mini-photo{width:146px;height:165px}.photo-front{left:122px}.brand-stamp{left:102px;top:141px}}
@media(max-width:980px){.hub-main{margin-left:32px;margin-right:32px}.hub-intro{padding:50px 0 43px}.hub-intro h1{font-size:47px;letter-spacing:-2px}.hub-intro p{font-size:14px;max-width:560px}.blog-feature{margin-bottom:58px}.feature-link{gap:28px}.feature-copy h2{font-size:26px;letter-spacing:-.85px}.feature-copy p{font-size:13px;margin:16px 0}.editorial-cover{aspect-ratio:1.15}.editorial-note{font-size:29px}.phone-photo{left:42%;width:51%;top:18%;height:88%;border-radius:25px}.cover-spark{font-size:52px;left:10%;bottom:17%}.category-tabs{gap:20px}.category-tabs button{font-size:12px}.hub-search{flex-basis:185px}.hub-grid{gap:35px 19px}.hub-card-copy h3{font-size:17px;line-height:1.4;letter-spacing:-.45px}.hub-card-copy p{font-size:12px;line-height:1.7}.hub-directory>h2{font-size:27px}.tools-intro-art{flex-basis:238px;margin-right:10px;height:202px}.mini-photo{width:126px;height:148px}.photo-front{left:110px;top:40px}.photo-back{left:9px}.brand-stamp{left:94px;top:128px;width:57px;height:57px}.tools-page .hub-card-copy h3{font-size:18px}.tool-caption{font-size:10px}.tool-play{transform:scale(.8)}}
@media(max-width:760px){.hub-intro h1{font-size:43px}.tools-intro-art{display:none}.feature-link{grid-template-columns:1fr;gap:25px}.editorial-cover{aspect-ratio:1.65;max-height:390px}.editorial-note{font-size:40px;left:10%;top:15%}.phone-photo{width:34%;height:113%;left:54%;top:9%}.cover-spark{font-size:56px;left:19%;bottom:13%}.feature-copy h2{font-size:29px;max-width:600px}.feature-copy p{max-width:550px;font-size:14px}.blog-feature{margin-bottom:47px}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 23px}.hub-card-copy h3{font-size:20px}.hub-card-copy p{font-size:13px}.directory-toolbar{align-items:stretch;flex-direction:column-reverse;gap:18px;padding-bottom:13px}.hub-search{flex:auto;align-self:flex-end;width:230px}.category-tabs{gap:26px}.category-tabs button[aria-pressed=true]:after{bottom:-14px}.category-tabs button{font-size:13px}.tool-caption{font-size:12px}.tools-page .hub-card-copy h3{font-size:22px}.tools-page .hub-intro{padding-bottom:48px}.hub-main{padding-bottom:60px}}
@media(max-width:520px){.hub-main{margin:0 24px}.hub-intro{padding:35px 0}.hub-intro h1{font-size:39px;letter-spacing:-1.65px}.hub-intro p{font-size:13px;line-height:1.8;margin-top:19px}.editorial-cover{aspect-ratio:1.35;border-radius:13px}.editorial-note{font-size:31px;left:8%;top:14%}.phone-photo{width:45%;left:47%;height:98%;top:14%;border-width:5px;border-radius:23px}.cover-spark{font-size:43px;left:12%;bottom:17%}.feature-copy h2{font-size:27px}.feature-copy p{font-size:13px}.feature-copy time{font-size:11px}.hub-grid{grid-template-columns:1fr;gap:32px}.hub-card-copy h3{font-size:23px;line-height:1.35}.hub-card-copy p{font-size:13px}.article-cover{aspect-ratio:1.6}.category-tabs{gap:0;justify-content:space-between;flex-wrap:nowrap}.category-tabs button{font-size:11px}.hub-search{width:100%;padding:12px}.directory-toolbar{margin-bottom:26px}.hub-directory>h2{font-size:26px;margin-bottom:21px}.hub-empty{padding:38px 18px}.hub-empty h3{font-size:22px}.hub-empty p{font-size:13px}.tool-cover{aspect-ratio:1.65}.tool-photo{max-width:170px}.visual-frames .tool-photo{max-width:none}.visual-product .tool-photo{max-width:none}.tool-caption{font-size:13px}.tool-play{transform:scale(1)}.tools-page .hub-card-copy h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.article-cover img{transition:none}}

.article-byline{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:19px;color:#746b7b;font-size:12px;line-height:1.5}.article-author{display:inline-flex;align-items:center;gap:7px}.article-author img{width:19px;height:18px;object-fit:contain;opacity:.72}.article-byline time{margin:0!important;font-size:inherit!important;color:inherit!important}.byline-dot{color:#b4a8c0}.featured-label{display:inline-block;margin-bottom:18px;color:#7850a4;font-size:13px;font-weight:600}.feature-copy .article-byline{font-size:13px;margin-top:25px}
.tools-intro-art .mini-photo{container-type:inline-size}
.fashion-wordmark{position:absolute;left:7px;right:7px;top:calc((100% - 13px)/2);transform:translateY(-50%);color:#fff;font-family:Didot,'Bodoni MT','Times New Roman',serif;font-size:15cqw;font-weight:400;line-height:1;letter-spacing:.065em;text-align:center;white-space:nowrap;text-shadow:0 1px 8px #00000014;pointer-events:none}
/* Keep article metadata aligned even when titles and summaries wrap differently. */
.blog-page .hub-card-link{display:flex;flex-direction:column;height:100%}
.blog-page .hub-card .article-cover{flex-shrink:0}
.blog-page .hub-card-copy{display:flex;flex-direction:column;flex:1}
.blog-page .hub-card-copy .article-byline{margin-top:auto;padding-top:19px}
@media(min-width:521px){.blog-page .hub-grid{grid-auto-rows:1fr}}
/* Preserve the complete published editorial cover, including its typography. */
.hub-main .feature-cover.cms-cover{aspect-ratio:16/9}
.hub-main .cms-cover>img{object-fit:contain}
/* Display the configured cover unchanged; no collage, text overlay or inferred media. */
.feature-cover{aspect-ratio:1.36;border-radius:18px}.feature-cover>img,.tool-cover>img{width:100%;height:100%;object-fit:cover}.tool-cover{background:#f1edf5}.hub-main .cover-placeholder>img{width:53px;height:48px;object-fit:contain;opacity:.28}.hub-main .cover-placeholder{display:grid;place-items:center;background:#f1edf5}.feature-cover.cover-placeholder>img{width:74px;height:68px}@media(max-width:760px){.feature-cover{aspect-ratio:1.65}}@media(max-width:520px){.feature-cover{aspect-ratio:1.4}}