/*
Theme Name: SOHO COLLEGE
Theme URI: https://soho-college.com/
Author: SOHO COLLEGE
Description: Bold, colorful business and professional knowledge magazine theme.
Version: 1.1.0
Text Domain: soho-college
*/
:root{--ink:#171a35;--blue:#4357f5;--coral:#ff695e;--yellow:#ffd84d;--mint:#b9f2d0;--lav:#e8e5ff;--paper:#fffdf8;--muted:#686b7e;--line:#e6e5ed;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}img{max-width:100%;height:auto;display:block}.site-wrap{max-width:1240px;margin:auto;padding:0 30px}
.topline{background:var(--blue);color:#fff;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.topline .site-wrap{display:flex;justify-content:space-between;padding-top:9px;padding-bottom:9px}
.site-header{background:var(--paper);border-bottom:2px solid var(--ink)}.header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:48px;height:48px;background:var(--yellow);border:2px solid var(--ink);border-radius:15px 15px 15px 4px;display:grid;place-items:center;color:var(--ink);font-family:var(--serif);font-size:27px;font-weight:bold;transform:rotate(-5deg)}.brand-name{font-weight:900;font-size:25px;letter-spacing:-.06em;line-height:1}.brand-tag{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:6px}.main-nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0;align-items:center}.main-nav a{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.main-nav li:last-child a{background:var(--coral);padding:11px 14px;border-radius:30px;color:#fff}.menu-toggle{display:none;background:var(--yellow);border:2px solid var(--ink);border-radius:25px;padding:9px 15px;color:var(--ink);font-weight:bold}.mobile-nav{display:none}
.hero{padding:58px 0 66px;background:var(--mint);overflow:hidden;position:relative}.hero:before{content:'SOHO';position:absolute;right:-22px;top:-90px;font-size:240px;font-weight:900;letter-spacing:-.1em;color:rgba(255,255,255,.32);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center;position:relative}.eyebrow{display:inline-block;background:var(--yellow);border:2px solid var(--ink);border-radius:30px;padding:6px 12px;color:var(--ink);font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;transform:rotate(-2deg)}.hero h1{font-size:clamp(46px,6.4vw,82px);line-height:.98;letter-spacing:-.075em;font-weight:900;margin:24px 0 20px;max-width:680px}.hero h1 em{font-family:var(--serif);font-weight:400;color:var(--blue);letter-spacing:-.06em}.hero p{max-width:530px;color:#3d4660;font-size:16px}.hero-art{min-height:390px;position:relative;background:linear-gradient(145deg,rgba(67,87,245,.08),rgba(255,105,94,.15)),url('https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=1200&q=85') center/cover;border:3px solid var(--ink);border-radius:42% 42% 18px 18px;box-shadow:14px 14px 0 var(--coral);transform:rotate(2deg)}.hero-art:after{content:'LEARN • LEAD • LEVEL UP';position:absolute;right:-20px;bottom:28px;background:var(--yellow);border:2px solid var(--ink);border-radius:30px;padding:12px 18px;font-size:10px;font-weight:900;letter-spacing:.1em;transform:rotate(-5deg)}
.button-link{display:inline-block;margin-top:18px;background:var(--blue);color:#fff;padding:14px 23px;border:2px solid var(--ink);border-radius:30px;box-shadow:4px 4px 0 var(--ink);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.button-link:hover{background:var(--coral);color:#fff;transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
.section{padding:72px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-head .eyebrow{background:var(--lav)}.section-head h2{font-size:clamp(34px,4vw,52px);line-height:1;letter-spacing:-.06em;margin:17px 0 0;font-weight:900}.section-head p{color:var(--muted);font-size:12px;margin:0}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.category-card{position:relative;background:var(--lav);border:2px solid var(--ink);border-radius:20px;padding:25px;min-height:175px;transition:.2s;overflow:hidden}.category-card:nth-child(2),.category-card:nth-child(5){background:#ffe1dc}.category-card:nth-child(3),.category-card:nth-child(6){background:#fff0b8}.category-card:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:7px 7px 0 var(--ink);color:var(--ink)}.category-no{display:inline-grid;place-items:center;width:34px;height:34px;background:#fff;border:2px solid var(--ink);border-radius:50%;font-size:11px;font-weight:900}.category-card h3{font-size:25px;line-height:1.1;letter-spacing:-.04em;margin:18px 0 7px;font-weight:900}.category-card p{color:#555a70;font-size:12px;margin:0;max-width:260px}.category-card:after{content:'↗';position:absolute;right:18px;bottom:14px;font-size:25px;font-weight:bold}
.latest-section{background:#f3f1ff}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-card{background:#fff;border:2px solid var(--ink);border-radius:18px;overflow:hidden;transition:.2s}.post-card:hover{transform:translateY(-5px);box-shadow:7px 7px 0 var(--blue)}.post-card>a{display:block}.post-thumb{aspect-ratio:16/10;background:var(--yellow);overflow:hidden;border-bottom:2px solid var(--ink)}.post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.post-card:hover .post-thumb img{transform:scale(1.05)}.post-card> a> .post-meta,.post-card> a>h3,.post-card> a>p{margin-left:19px;margin-right:19px}.post-meta{font-size:9px;color:var(--blue);font-weight:900;letter-spacing:.1em;text-transform:uppercase;margin-top:16px}.post-card h3{font-size:23px;line-height:1.15;letter-spacing:-.04em;margin-top:9px;margin-bottom:9px;font-weight:900}.post-card p{font-size:12px;color:var(--muted);margin-top:0;margin-bottom:20px}
.manifesto{background:var(--coral);color:var(--ink);padding:75px 0;text-align:center;position:relative;overflow:hidden}.manifesto .eyebrow{background:#fff}.manifesto h2{font-size:clamp(36px,5vw,62px);line-height:1;letter-spacing:-.065em;font-weight:900;max-width:850px;margin:22px auto}.manifesto p{color:#493b49;max-width:650px;margin:0 auto;font-size:14px}
.content-area{padding:58px 0}.content-area h1,.entry-title{font-weight:900;line-height:1.05;letter-spacing:-.055em}.content-area h1{font-size:clamp(38px,5vw,60px)}.entry-content{max-width:800px}.entry-content h2,.entry-content h3{font-weight:900;letter-spacing:-.04em}.entry-content p{color:#555a70}.archive-intro{background:var(--mint);border:2px solid var(--ink);border-radius:24px;padding:35px;margin-bottom:35px}.pagination{margin-top:35px}.pagination a,.pagination span{padding:9px 14px;border:2px solid var(--ink);border-radius:30px;margin-right:5px}
.site-footer{background:var(--ink);color:#fff;padding:48px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-brand{font-size:27px;font-weight:900;letter-spacing:-.06em}.site-footer p,.site-footer a{font-size:12px;color:#c6c8d7}.footer-title{font-size:10px;letter-spacing:.16em;color:var(--yellow);font-weight:900;text-transform:uppercase}.footer-nav{list-style:none;padding:0;margin:12px 0}.footer-nav li{margin:7px 0}.copyright{border-top:1px solid #41445c;margin-top:35px;padding-top:18px;font-size:10px;color:#a9abc0}
@media(max-width:900px){.main-nav{display:none}.menu-toggle{display:block}.mobile-nav.open{display:block;border-top:1px solid var(--line);padding:15px 0}.mobile-nav ul{list-style:none;padding:0;margin:0}.mobile-nav li{padding:9px 0;border-bottom:1px solid var(--line)}.hero-grid{grid-template-columns:1fr;gap:35px}.hero-art{min-height:320px;max-width:680px;width:90%;margin:0 auto}.category-grid,.post-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.site-wrap{padding:0 18px}.topline .site-wrap{font-size:8px}.header-inner{min-height:80px}.brand-name{font-size:21px}.brand-mark{width:41px;height:41px}.hero{padding:45px 0}.hero h1{font-size:52px}.hero-art{min-height:250px;width:86%}.section{padding:52px 0}.section-head{display:block}.section-head p{margin-top:12px}.category-grid,.post-grid,.footer-grid{grid-template-columns:1fr}.category-card{min-height:150px}.manifesto{padding:55px 0}}