/*
Theme Name: STARNOW Editorial Mix
Theme URI: https://example.invalid/starnow
Author: STARNOW
Description: Magazine + news editorial layout for STARNOW. Designed for licensed imagery and WordPress posts.
Version: 2.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: starnow
*/
:root{--ink:#131318;--muted:#777781;--light:#f6f6f8;--pink:#f33568;--rule:#e9e9ed;--max:1200px}*{box-sizing:border-box}body{margin:0;background:white;color:var(--ink);font-family:system-ui,-apple-system,"Noto Sans KR","Malgun Gothic",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.sn-container{max-width:var(--max);margin:auto;padding-left:24px;padding-right:24px}.sn-breaking{height:32px;background:#111116;color:white;font-size:11px;letter-spacing:.08em}.sn-breaking .sn-container{height:100%;display:flex;align-items:center;gap:9px}.sn-live-dot{height:7px;width:7px;border-radius:50%;background:var(--pink);display:inline-block;flex:none}.sn-breaking-copy{color:#b8b8c0;margin-left:16px}.sn-header-inner{height:106px;display:flex;align-items:center;justify-content:space-between}.sn-brand{font-weight:950;letter-spacing:-.085em;font-size:42px;line-height:1;white-space:nowrap}.sn-brand span{color:var(--pink)}.sn-brand b{font-size:30px;color:#101015}.sn-header-right{display:flex;align-items:center;gap:28px;color:#858590;font-size:10px;letter-spacing:.16em}.sn-search-toggle{background:none;border:0;cursor:pointer;font-size:30px}.sn-search{padding-bottom:16px}.sn-search[hidden]{display:none}.sn-search input[type=search]{border:1px solid var(--rule);border-radius:4px;padding:12px;width:70%;max-width:480px}.sn-nav{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:#fff}.sn-nav-inner{min-height:50px;display:flex;align-items:center;gap:32px;overflow-x:auto;white-space:nowrap;font-size:12px;letter-spacing:.03em;font-weight:750}.sn-nav-inner a:hover{color:var(--pink)}.sn-nav-inner .menu{display:contents;list-style:none}.sn-eyebrow{font-weight:800;letter-spacing:.15em;font-size:11px;margin:31px 0 16px;display:flex;align-items:center;gap:9px}.sn-eyebrow>span:last-child{margin-left:auto;color:#aaa;letter-spacing:0;font-weight:500}.sn-feature{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);grid-template-rows:repeat(3,125px);gap:13px}.sn-card{min-width:0}.sn-card>a{display:block}.sn-cover{overflow:hidden;border-radius:2px;background:#ededf0;position:relative}.sn-photo{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.sn-card:hover .sn-photo{transform:scale(1.025)}.sn-placeholder{height:100%;min-height:140px;display:flex;align-items:center;justify-content:center;color:#131318;font-weight:900;letter-spacing:-.08em;background:linear-gradient(130deg,#f3eef1,#e5e5e9);font-size:20px}.sn-placeholder span{color:var(--pink)}.sn-copy{padding-top:12px}.sn-kicker{font-size:10px;letter-spacing:.08em;font-weight:800;color:var(--pink);text-transform:uppercase}.sn-copy h3{font-size:17px;line-height:1.48;letter-spacing:-.045em;margin:6px 0;font-weight:750}.sn-time{font-size:11px;color:#92929b}.sn-hero{grid-row:1/4}.sn-hero>a{height:100%;position:relative;display:block}.sn-hero .sn-cover{height:100%}.sn-hero .sn-copy{position:absolute;bottom:0;left:0;right:0;padding:70px 28px 26px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:white}.sn-hero .sn-copy h3{font-size:31px;line-height:1.35;margin:9px 0 12px;max-width:630px}.sn-hero .sn-time{color:#dedee1}.sn-hero .sn-kicker{color:#ff6d96}.sn-side>a{display:grid;grid-template-columns:44% 1fr;gap:15px;height:125px;align-items:center}.sn-side .sn-cover{height:125px}.sn-side .sn-copy{padding:0}.sn-side .sn-copy h3{font-size:15px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sn-section-header{display:flex;align-items:end;justify-content:space-between;gap:14px;border-bottom:2px solid var(--ink);padding:0 0 14px;margin:52px 0 22px}.sn-overline{font-size:10px;letter-spacing:.14em;font-weight:900;color:var(--pink)}.sn-section-header h2,.sn-section-header h1{font-size:27px;line-height:1.3;letter-spacing:-.06em;margin:6px 0 0}.sn-section-header em{color:var(--pink);font-style:normal;font-size:20px}.sn-section-header>a{font-size:12px;color:#75757f;white-space:nowrap}.sn-main-cols{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:34px}.sn-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:29px 19px}.sn-standard .sn-cover{aspect-ratio:1.5}.sn-standard .sn-copy h3{font-size:16px}.sn-sidebar{min-width:0}.sn-trending{border:1px solid var(--rule);padding:24px 20px}.sn-trending-head span{font-size:10px;font-weight:850;color:var(--pink);letter-spacing:.14em}.sn-trending-head h2{margin:5px 0;font-size:23px;letter-spacing:-.06em}.sn-trending-head p,.sn-muted{font-size:11px;color:#9898a0}.sn-rank{display:flex;align-items:flex-start;gap:15px;border-top:1px solid var(--rule);padding:14px 0}.sn-rank:first-of-type{margin-top:15px}.sn-rank strong{font-family:Georgia,serif;font-size:27px;font-style:italic;line-height:1;color:var(--pink)}.sn-rank span{font-size:13px;line-height:1.5;font-weight:700}.sn-side-note{background:#181820;color:white;margin-top:20px;padding:28px 22px}.sn-side-note>span{font-size:10px;color:#ff7397;letter-spacing:.14em}.sn-side-note h3{font-size:21px;line-height:1.4;letter-spacing:-.04em}.sn-side-note p{font-size:12px;color:#aaa;line-height:1.7}.sn-fashion-head{margin-top:65px}.sn-fashion-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.sn-fashion .sn-cover{aspect-ratio:3/4}.sn-fashion .sn-copy h3{font-size:16px}.sn-footer{margin-top:100px;background:#f6f6f8;border-top:1px solid var(--rule);padding:43px 0 25px}.sn-footer-grid{display:flex;justify-content:space-between;gap:30px}.sn-footer .sn-brand{font-size:30px}.sn-footer p,.sn-footnote{font-size:11px;color:#898992;line-height:1.7}.sn-footer-links{display:flex;gap:15px;font-size:12px;align-items:start}.sn-footer-links ul{list-style:none;padding:0;margin:0;display:flex;gap:14px}.sn-footnote{border-top:1px solid #e6e6ea;margin-top:36px;padding-top:18px}.sn-article-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(210px,280px);justify-content:space-between;gap:55px;margin-top:44px}.sn-article-kicker{font-size:12px;color:var(--pink);font-weight:850}.sn-article-kicker span{color:#888}.sn-article h1{font-size:clamp(30px,3.4vw,46px);letter-spacing:-.06em;line-height:1.3;margin:16px 0}.sn-deck{font-size:19px;color:#64646c;line-height:1.65}.sn-byline{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:#8b8b95;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:15px 0;margin:25px 0}.sn-article-hero{margin:25px 0 32px}.sn-article-hero img{width:100%;height:auto}.sn-article-hero figcaption{font-size:12px;color:#888;line-height:1.6;padding-top:8px}.sn-body{font-size:18px;line-height:1.95;letter-spacing:-.02em;overflow-wrap:break-word}.sn-body p{margin:0 0 1.5em}.sn-body img{height:auto}.sn-body a{color:#dd2456;text-decoration:underline}.sn-article-notice{background:#f7f7f8;padding:16px;margin-top:40px;font-size:12px;color:#777}.sn-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:22px}.sn-tags a{padding:6px 10px;background:#f5f5f6;font-size:12px}.sn-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sn-related-head{margin-top:45px}.sn-article-side{padding-top:10px}.sn-archive-grid{margin-top:28px}.sn-pagination{margin-top:40px;text-align:center}.sn-pagination a,.sn-pagination span{display:inline-block;margin:4px;padding:9px 12px;background:#f5f5f6}.sn-empty{padding:38px;background:#f6f6f7;color:#777;font-size:14px}.sn-static{max-width:780px;margin:50px auto}
@media(max-width:980px){.sn-main-cols{grid-template-columns:minmax(0,1fr) 240px;gap:22px}.sn-feature{grid-template-rows:repeat(3,115px)}.sn-side>a,.sn-side .sn-cover{height:115px}.sn-copy h3{font-size:15px}.sn-hero .sn-copy h3{font-size:26px}.sn-article-layout{gap:24px}}@media(max-width:760px){.sn-container{padding-left:16px;padding-right:16px}.sn-header-inner{height:78px}.sn-brand{font-size:34px}.sn-header-right>span{display:none}.sn-nav-inner{gap:21px;min-height:46px}.sn-breaking-copy{font-size:10px}.sn-eyebrow{margin-top:22px}.sn-feature{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:11px}.sn-hero{grid-column:1/-1;grid-row:auto}.sn-hero>a{height:auto}.sn-hero .sn-cover{aspect-ratio:1.28}.sn-hero .sn-copy{padding:65px 20px 19px}.sn-hero .sn-copy h3{font-size:25px}.sn-side>a{display:block;height:auto}.sn-side .sn-cover{height:auto;aspect-ratio:1.12}.sn-side .sn-copy{padding-top:7px}.sn-side .sn-copy h3{font-size:12px;-webkit-line-clamp:3}.sn-side .sn-time{display:none}.sn-main-cols{grid-template-columns:1fr}.sn-news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.sn-section-header{margin-top:37px}.sn-section-header h2,.sn-section-header h1{font-size:23px}.sn-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sn-side-note{margin-top:0}.sn-fashion-grid{grid-template-columns:repeat(2,1fr);gap:20px 14px}.sn-article-layout{display:block;margin-top:26px}.sn-article-side{display:none}.sn-body{font-size:17px}.sn-related-grid{grid-template-columns:repeat(2,1fr)}.sn-related-grid .sn-card:last-child{display:none}.sn-footer-grid{display:block}.sn-footer-links{margin-top:20px}}@media(max-width:480px){.sn-header-right{gap:0}.sn-sidebar{grid-template-columns:1fr}.sn-side .sn-kicker{font-size:9px}.sn-feature{gap:9px}.sn-side .sn-copy h3{font-size:11px}.sn-news-grid{gap:21px 12px}.sn-standard .sn-copy h3{font-size:14px}.sn-time{font-size:10px}.sn-article h1{font-size:29px}.sn-deck{font-size:16px}.sn-footer{margin-top:65px}}