:root{--black:#050505;--gold:#d49b22;--gold2:#f2bf46;--cream:#f6f0e7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505;color:#fff;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}
.topbar{height:86px;background:#070707;display:flex;align-items:center;justify-content:space-between;padding:0 5.2vw;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:10}
.brand-lockup{display:flex;align-items:center;gap:10px}.brand-lockup img{height:46px;width:auto;background:#fff;border-radius:2px;padding:2px}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-text span{font-family:Georgia,serif;font-size:24px;letter-spacing:.3px}.brand-text strong{color:#fff;font-weight:900}.brand-text em{font-style:normal;color:var(--gold);font-weight:900}.brand-text small{font-size:12px;letter-spacing:5px;text-transform:uppercase;color:#fff;text-align:center;margin-top:4px}
nav{display:flex;gap:38px;text-transform:uppercase;font-size:15px;font-weight:900}nav a{color:#eee}.active,nav a:hover{color:var(--gold)}.icons{display:flex;gap:28px;font-size:28px;color:#fff}
.hero{height:540px;position:relative;overflow:hidden;display:flex;align-items:center;padding:0 6vw;background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.66) 36%,rgba(0,0,0,.18) 63%,rgba(0,0,0,.72) 100%),url('assets/hero-clean.jpg') center center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.08) 60%,rgba(0,0,0,.8) 100%),repeating-linear-gradient(115deg,rgba(255,255,255,.04) 0 1px,transparent 1px 120px)}
.hero-left{position:relative;z-index:2;width:42%;max-width:620px}.hero h1{font-family:Impact,Arial Black,sans-serif;font-size:60px;line-height:1.02;margin:0;text-transform:uppercase;letter-spacing:1px;text-shadow:0 5px 18px #000}.hero h1 span{color:var(--gold)}.gold-line{width:300px;height:4px;background:var(--gold);margin:22px 0}.hero p{font-size:22px;line-height:1.45;color:#eee;margin:0 0 26px}.outline-btn{border:2px solid var(--gold);color:var(--gold2);display:inline-block;padding:17px 34px;text-transform:uppercase;font-weight:900;background:rgba(0,0,0,.18)}
.hero-book{position:absolute;z-index:3;right:11%;top:50%;transform:translateY(-50%);height:315px;filter:drop-shadow(0 26px 40px rgba(0,0,0,.75))}.hero-book img{height:100%;width:auto;object-fit:contain;border-radius:3px;box-shadow:18px 12px 0 rgba(0,0,0,.36)}
.service-bar{display:grid;grid-template-columns:repeat(4,1fr);background:#0b0b0b;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.12);padding:20px 6vw}.service{display:grid;grid-template-columns:48px 1fr;column-gap:12px;border-right:1px solid rgba(255,255,255,.16);padding:0 24px}.service:last-child{border-right:0}.service span{grid-row:1/3;color:var(--gold);font-size:34px}.service strong{text-transform:uppercase;font-size:14px}.service small{color:#ccc;line-height:1.35}
.collection{background:var(--cream);color:#111;padding:38px 5vw 52px;text-align:center}.collection h2{display:flex;align-items:center;justify-content:center;gap:28px;font-family:Arial Black,Arial,sans-serif;font-size:34px;letter-spacing:5px;margin:0 0 28px}.collection h2 span{display:block;width:150px;height:2px;background:#d7c7a2}.products{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.product{background:#fff;padding:18px 16px 20px;border-radius:3px;box-shadow:0 8px 18px rgba(0,0,0,.08);min-height:330px}.product img,.fake-cover{height:190px;margin:auto;box-shadow:0 8px 18px rgba(0,0,0,.3)}.product img{width:auto}.workbook-cover-wrap{position:relative;display:inline-block}.workbook-cover-wrap img{height:190px;width:auto}.workbook-badge{position:absolute;left:0;right:0;bottom:0;background:#c47a18;color:#fff;font-weight:900;font-size:12px;letter-spacing:1px;padding:5px 0;text-align:center}.fake-cover{width:130px;background:#111;color:#fff;font-family:Impact,Arial Black,sans-serif;font-size:25px;line-height:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px}.fake-cover.black{background:linear-gradient(#111,#222)}.fake-cover.man{background:linear-gradient(#111,#3b2a12)}.fake-cover.blue{background:linear-gradient(#111 70%,#3c7791 70%)}.fake-cover.compass{background:linear-gradient(#111 70%,#9e6b21 70%)}.fake-cover em{font-size:14px;color:#fff;font-style:normal}.product h3{font-size:15px;margin:13px 0 4px}.product p{font-size:13px;margin:0;color:#333;min-height:32px}.price{font-weight:900;margin:6px 0}.product a{background:#080808;color:var(--gold2);text-transform:uppercase;font-size:12px;font-weight:900;padding:8px 28px;display:inline-block}.view-all{margin-top:22px;display:inline-block;border:1px solid var(--gold);color:#9e6b00;text-transform:uppercase;padding:12px 55px;font-weight:900}
.about{background:#0b0b0b;padding:80px 7vw;text-align:center}.about h2{font-family:Impact,Arial Black,sans-serif;font-size:48px;text-transform:uppercase;margin:0 0 16px}.about p{max-width:840px;margin:0 auto;color:#d8d8d8;font-size:22px;line-height:1.55}
.subscribe{display:grid;grid-template-columns:54px 1.2fr 1fr 1fr 180px 1.1fr;gap:14px;align-items:center;background:#101010;padding:30px 10vw;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.mail{font-size:35px}.subscribe h3{font-size:27px;text-transform:uppercase;margin:0}.subscribe p{color:#ccc;margin:4px 0 0;font-size:13px}.subscribe input{height:43px;background:#080808;border:1px solid #777;color:#fff;padding:0 12px}.subscribe button{height:43px;background:var(--gold);border:0;color:#111;font-weight:900;text-transform:uppercase}.subscribe blockquote{font-size:18px;margin:0;color:#eee}
footer{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:55px;background:#080808;padding:42px 11vw;color:#ddd}.footer-lockup img{height:46px}footer h4{text-transform:uppercase;color:#fff;margin:0 0 12px}footer a{display:block;color:#ddd;font-size:13px;margin:5px 0}footer p{color:#ccc}.socials{color:var(--gold);font-size:26px}.copyright{text-align:center;background:#080808;color:#aaa;font-size:13px;padding:0 0 18px}
@media(max-width:1100px){.products{grid-template-columns:repeat(3,1fr)}.subscribe{grid-template-columns:1fr}.service-bar{grid-template-columns:repeat(2,1fr);gap:22px}.service{border:0}.hero-left{width:50%}.hero-book{right:6%;height:285px}nav{gap:20px}}
@media(max-width:720px){nav,.icons{display:none}.topbar{height:auto;padding:16px}.brand-lockup img{height:42px}.brand-text span{font-size:19px}.brand-text small{font-size:9px;letter-spacing:4px}.hero{height:auto;min-height:690px;padding:52px 6vw;display:block;background-position:center center}.hero-left{width:100%}.hero h1{font-size:43px}.hero-book{position:absolute;right:8%;top:auto;bottom:36px;transform:none;height:190px}.products{grid-template-columns:1fr}.service-bar{grid-template-columns:1fr}.collection h2 span{display:none}footer{grid-template-columns:1fr}.subscribe{padding:30px}}