/*
Theme Name: Style Publishing
Description: Native block theme using the original Style Publishing branding. Prepared for isolated staging.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: style-publishing
*/
:root{--ink:#171b1d;--muted:#666b6e;--line:#dedfe0;--black:#0d1114}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:var(--ink);font:16px/1.7 Arial,Helvetica,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #8d668e;outline-offset:5px}.wrap{max-width:1140px;margin:0 auto;padding-left:40px;padding-right:40px}.preview{background:#e9e9e9;color:#45494a;padding:7px 5%;font-size:10px;display:flex;justify-content:space-between;letter-spacing:.3px}.preview a{text-decoration:underline}header{background:var(--black);color:white}.header-inner{max-width:1240px;margin:auto;padding:17px 40px;display:flex;align-items:center;justify-content:space-between;gap:40px}.logo{display:block;width:237px;height:auto} .sp-nav{display:flex;gap:30px;font-size:13px;color:#e0e1e2} .sp-nav a{padding:10px 0;border-bottom:1px solid transparent} .sp-nav a:hover{border-color:#bbb}.hero{min-height:530px;background:linear-gradient(90deg,#101315e8 0%,#101315ab 43%,#10131510 100%),url('assets/Computer.jpg') center/cover;display:flex;align-items:center;color:white}.hero-content{max-width:1240px;padding:75px 40px;width:100%;margin:auto}.kicker{font-size:11px;letter-spacing:1.8px;font-weight:bold;margin:0 0 20px}.hero .kicker{color:#d1d3d4}h1,h2,h3{font-weight:500;line-height:1.16;margin:0;letter-spacing:-1px}h1{font-size:clamp(40px,4.7vw,64px);max-width:700px}h2{font-size:38px}h3{font-size:25px}.hero p:not(.kicker){max-width:490px;font-size:19px;line-height:1.7;color:#e6e7e8;margin:22px 0 30px}.button{display:inline-flex;gap:40px;align-items:center;background:white;color:#15191c;padding:13px 21px;font-size:12px;border:1px solid white}.button:hover{background:#e4e4e4}.intro{padding-top:80px;padding-bottom:70px;display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.intro p{margin-top:0;color:var(--muted);font-size:15px}.intro .lead{color:var(--ink);font-size:20px;line-height:1.6}.intro .kicker{font-size:10px;color:#6e7477}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}.section-head p{font-size:13px;color:var(--muted);margin:0;max-width:370px}.approach{padding-bottom:80px}.approach h2{font-size:33px}.image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.image-grid img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.image-grid h3{margin:21px 0 10px;font-size:24px}.image-grid p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}.work-panel{background:#f0f1f2;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}.work-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:65px;padding-bottom:65px}.work-layout>div>p:not(.kicker){font-size:15px;color:var(--muted);max-width:400px}.work-layout .sp-work-list{list-style:none;margin:0;padding:0}.work-layout .sp-work-item{display:flex;gap:24px;border-bottom:1px solid #d1d4d5;padding:19px 0}.work-layout .sp-work-item:first-child{padding-top:0}.work-layout .sp-work-item:last-child{border-bottom:none}.work-layout .sp-work-item>span{color:#83888b;font-size:12px;margin-top:5px}.work-layout .sp-work-item h3{font-size:21px;letter-spacing:-.4px}.work-layout .sp-work-item p{font-size:13px;margin:8px 0 0;color:var(--muted)}.next-chapters{padding-top:75px;padding-bottom:75px}.chapter-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;border-top:1px solid var(--line);padding-top:35px}.chapter-grid article+article{border-left:1px solid var(--line);padding-left:60px}.chapter-grid h3{font-size:32px;line-height:1.2}.chapter-grid p{font-size:14px;color:var(--muted)}.chapter-grid .kicker{font-size:10px;color:#53595c}.note{font-size:12px!important;color:#767c80!important}.text-button{background:none;border:0;border-bottom:1px solid #696f73;padding:7px 0;color:var(--ink);display:flex;justify-content:space-between;gap:35px;font-size:12px}.text-button span{font-size:20px;line-height:1}.ideas{background:#f5f5f5;padding-top:65px;padding-bottom:70px}.article-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.article-grid article{border-top:2px solid #24282b;padding-top:25px}.article-grid h3{font-size:25px;line-height:1.3;max-width:390px}.article-grid p:not(.kicker){font-size:14px;color:var(--muted)}.article-grid .kicker{font-size:9px;letter-spacing:1px;color:#616669}.article-grid small{font-size:10px;color:#767c80;display:block;line-height:1.6}.closing{padding:65px 0;background:url('assets/Contact2.png') center/cover;color:white}.closing h2{font-size:42px}.closing p{font-size:16px;color:#e3e4e4;margin:20px 0 27px}footer{background:var(--black);color:#b6babe}.footer-inner{display:flex;justify-content:space-between;align-items:center;padding-top:30px;padding-bottom:30px;gap:30px}footer .logo{width:210px}footer p,footer a{font-size:11px}#review{padding-top:35px;padding-bottom:35px;color:#777c7f}#review h2{font-size:16px;letter-spacing:0}#review p{font-size:11px;max-width:1000px} @media(max-width:800px){.header-inner{padding:18px 25px;gap:25px}.logo{width:210px} .sp-nav{gap:16px;font-size:11px}.hero-content{padding:65px 35px}.hero{min-height:470px}.intro{gap:35px}.intro h2{font-size:31px}.intro .lead{font-size:18px}.work-layout{gap:40px}.section-head{display:block}.section-head p{margin-top:17px}.chapter-grid{gap:30px}.chapter-grid article+article{padding-left:30px}.article-grid{gap:30px}.image-grid{gap:20px}}@media(max-width:540px){.wrap{padding-left:25px;padding-right:25px}.header-inner{display:block;padding:20px 25px}.logo{width:210px;margin:0 auto} .sp-nav{justify-content:center;margin-top:17px;gap:20px;font-size:10px} .sp-nav a{padding:3px 0}.hero{min-height:440px;background-position:60% center;background-image:linear-gradient(90deg,#101315e6,#1013159c),url('assets/Computer.jpg')}.hero-content{padding:55px 25px}.hero h1{font-size:42px;max-width:340px}.hero p:not(.kicker){font-size:17px}.hero .kicker{font-size:10px}.intro{grid-template-columns:1fr;gap:25px;padding-top:45px;padding-bottom:45px}.intro h2{font-size:34px}.intro .kicker{margin-bottom:15px}.intro .lead{font-size:18px}.intro p:last-child{margin-bottom:0}.approach{padding-bottom:45px}.approach h2{font-size:29px}.section-head{margin-bottom:27px}.image-grid{grid-template-columns:1fr;gap:30px}.image-grid article{display:grid;grid-template-columns:125px 1fr;column-gap:20px;align-items:start}.image-grid img{grid-row:1/3;width:125px;height:125px;object-fit:cover}.image-grid h3{font-size:23px;margin:0 0 8px}.image-grid p{font-size:12px;line-height:1.6}.work-layout{grid-template-columns:1fr;gap:25px;padding-top:45px;padding-bottom:45px}.work-layout h2{font-size:34px}.next-chapters{padding-top:45px;padding-bottom:45px}.next-chapters h2{font-size:32px}.chapter-grid{grid-template-columns:1fr;gap:30px}.chapter-grid article+article{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:30px}.chapter-grid h3{font-size:30px}.ideas{padding:45px 0}.ideas h2{font-size:32px}.article-grid{grid-template-columns:1fr;gap:35px}.closing{padding:45px 0;background-position:60% center}.closing h2{font-size:38px}.footer-inner{flex-wrap:wrap;justify-content:center;gap:17px;text-align:center}footer .logo{width:210px;margin:0}footer p{flex-basis:100%;margin:0}#review{padding-top:25px;padding-bottom:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Small colour accents echo the original Instagram graphics, without replacing the logo. */
.hero .button{border-bottom:3px solid #df197c}.image-grid article:nth-child(1) h3{border-left:3px solid #df197c;padding-left:12px}.image-grid article:nth-child(2) h3{border-left:3px solid #34a9a7;padding-left:12px}.image-grid article:nth-child(3) h3{border-left:3px solid #b68d38;padding-left:12px}.text-button:hover{color:#b71466;border-color:#b71466}

/* Native WordPress block alignment */
.wp-site-blocks{padding:0}.wp-block-group{box-sizing:border-box}.wp-block-image{margin:0}.logo img{display:block;width:100%;height:auto}.sp-nav{display:flex}.sp-nav p{margin:0}.sp-button a{display:inline-flex;gap:40px;align-items:center;background:#fff;color:#15191c;padding:13px 21px;font-size:12px;border:1px solid #fff;border-radius:0;text-decoration:none}.hero .sp-button a{border-bottom:3px solid #df197c}.sp-button a:hover{background:#e4e4e4}.sp-small{font-size:10px;color:#767c80;line-height:1.6}.sp-number{margin:5px 0 0;color:#83888b;font-size:12px}.sp-content{padding-top:60px;padding-bottom:60px}.hero-content p.kicker{margin-bottom:20px}.hero .wp-block-buttons{margin-top:30px}.closing .wp-block-buttons{margin-top:27px}.image-grid .wp-block-image{width:100%}.image-grid .wp-block-image img{width:100%;height:auto}.site-header .header-inner{width:100%}.sp-work-list .sp-work-item>div{flex:1}.site-footer .logo{flex-shrink:0}.wp-block-group.wrap{margin-left:auto;margin-right:auto}
@media(max-width:540px){.image-grid .wp-block-image{grid-row:1/3;width:125px;height:125px}.image-grid .wp-block-image img{width:125px;height:125px;object-fit:cover}.sp-nav{justify-content:center}.site-header .logo{margin:0 auto}.footer-inner .logo{margin:0}.hero .sp-button a{font-size:12px}.wp-block-group.wrap{margin-left:auto;margin-right:auto}}