/*
Theme Name: Man Made
Theme URI: https://example.com/man-made
Author: Man Made
Description: A custom single-page WordPress theme for Man Made premium men's grooming, converted from the supplied landing page.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: man-made
*/


:root{--black:#0c0c0c;--paper:#e9e4db;--copper:#c69b79;--muted:#a7a39d;--line:#ffffff26}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--black);color:var(--paper);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--copper);outline-offset:6px}::selection{background:var(--copper);color:#111}.wrap{width:min(1320px,90%);margin:auto}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:3px;font-weight:700;color:var(--copper);line-height:1.8}.topline{background:var(--paper);color:#222;text-align:center;padding:10px 15px;font-size:10px;letter-spacing:2.8px;text-transform:uppercase}header{position:sticky;top:0;z-index:10;background:#0c0c0cf2;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{width:174px;height:68px;display:block;overflow:hidden;position:relative;flex-shrink:0}.brand img{position:absolute;width:250px;max-width:none;left:-38px;top:-120px}.navlinks{display:flex;align-items:center;gap:34px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.navlinks a:hover{color:var(--copper)}.navlinks .contact{border:1px solid #777;padding:13px 18px}.menu{display:none;border:1px solid var(--line);background:none;color:var(--paper);padding:10px}.hero{min-height:740px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;position:relative}.hero-copy{padding:70px 0;z-index:1}.hero h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(78px,8.6vw,136px);font-weight:900;letter-spacing:-2px;line-height:.94;text-transform:uppercase;margin:26px 0}.hero h1 span{color:var(--copper)}.intro{max-width:365px;font-size:16px;line-height:1.85;color:var(--muted)}.actions{display:flex;gap:25px;align-items:center;margin-top:34px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;background:var(--paper);color:#151515;padding:19px 24px;font-size:11px;font-weight:bold;letter-spacing:1.4px;text-transform:uppercase;transition:background .2s,transform .2s}.button:hover{background:var(--copper);transform:translateY(-2px)}.text-link{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid #777;padding-bottom:6px}.hero-image{margin:0;align-self:stretch;display:flex;align-items:center;justify-content:center}.hero-image img{display:block;width:100%;height:auto;max-height:800px;object-fit:contain}.micro{margin-top:55px;display:flex;gap:26px;font-size:10px;letter-spacing:1.8px;color:#aaa;text-transform:uppercase}.micro span+span{border-left:1px solid #555;padding-left:26px}.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0}.band .wrap{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:3px;text-transform:uppercase}.band b{color:var(--copper);font-weight:normal}.section{padding:110px 0}.product{display:grid;grid-template-columns:.95fr 1fr;gap:100px;align-items:center}.product-visual{border:1px solid var(--line);position:relative;overflow:hidden;aspect-ratio:1/1.12;background:#101010}.product-visual img{width:100%;height:100%;object-fit:cover;object-position:center 53%;transform:scale(1.11)}.section h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(43px,5vw,72px);line-height:1.05;text-transform:uppercase;letter-spacing:-.7px;margin:22px 0}.body-copy{font-size:15px;color:var(--muted);line-height:1.9;max-width:470px}.specs{margin:32px 0}.specs div{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px}.specs dt{color:var(--muted)}.specs dd{margin:0;font-weight:bold}.ritual{background:var(--paper);color:var(--black)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px}.ritual .eyebrow{color:#795438}.section-head p{max-width:320px;line-height:1.8;color:#666;font-size:14px;margin-bottom:27px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:40px}.step{border-top:1px solid #b5afa5;padding-top:26px}.step .number{font-family:Georgia,serif;font-size:45px;color:#9a775b;font-style:italic}.step h3{font-size:20px;margin:27px 0 12px}.step p{font-size:14px;line-height:1.85;color:#57534d;max-width:290px}.brand-story{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.brand-art{width:100%;aspect-ratio:1.7;overflow:hidden;position:relative}.brand-art img{width:100%;position:absolute;top:50%;transform:translateY(-50%)}.brand-story h2{font-size:clamp(42px,4.5vw,64px)}.faq{border-top:1px solid var(--line);margin-top:65px;padding-top:30px;display:grid;grid-template-columns:1fr 1.4fr;gap:60px}.faq h3{font-size:23px;margin:15px 0}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:14px;line-height:1.6}.faq details p{color:var(--muted);font-size:14px;line-height:1.8}.closing{border-top:1px solid var(--line);padding:75px 0;background:#141210}.closing .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.closing h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(45px,6vw,80px);text-transform:uppercase;line-height:1;margin:15px 0}.closing p{color:var(--muted);font-size:14px;line-height:1.7}footer{padding:32px 0}footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;color:var(--muted);letter-spacing:1px}footer a{color:var(--paper)}.skip{position:fixed;top:-80px;left:20px;padding:15px;background:var(--paper);color:#111;z-index:30}.skip:focus{top:10px}
@media(min-width:1500px){.hero{min-height:830px}}@media(max-width:1000px){.product,.brand-story{gap:45px}.hero{min-height:620px}.hero h1{font-size:92px}.navlinks{gap:20px}.hero-image img{max-height:680px}.section{padding:80px 0}.steps{gap:25px}}
@media(max-width:700px){.wrap{width:88%}.topline{font-size:8px;letter-spacing:1.8px}nav{height:74px}.brand{transform:scale(.85);transform-origin:left center;width:150px}.menu{display:block}.navlinks{display:none;position:absolute;top:74px;left:0;right:0;background:#101010;padding:24px 6%;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:24px}.navlinks.open{display:flex}.hero{display:flex;flex-direction:column;align-items:stretch}.hero-copy{padding:55px 0 15px}.hero h1{font-size:clamp(73px,17vw,116px);margin:20px 0}.intro{font-size:14px}.micro{margin-top:32px;font-size:9px}.hero-image{margin:0 -6.8%;height:auto}.hero-image img{width:100%;max-height:620px}.band .wrap{flex-wrap:wrap;justify-content:center;font-size:9px;letter-spacing:1.5px;gap:14px 25px}.section{padding:65px 0}.product,.brand-story{grid-template-columns:1fr;gap:40px}.product-visual{aspect-ratio:1.1}.section-head{display:block}.section-head p{margin-bottom:0}.steps{grid-template-columns:1fr;gap:28px}.step{display:grid;grid-template-columns:55px 1fr;gap:0 20px}.step .number{grid-row:1/3;font-size:36px}.step h3{margin:5px 0 10px}.step p{margin:0;max-width:none}.brand-art{order:2}.faq{grid-template-columns:1fr;gap:10px;margin-top:45px}.closing .wrap{display:block}.closing .button{margin-top:20px}footer .wrap{flex-wrap:wrap;font-size:9px;line-height:1.8}.button{padding:18px 22px}.actions{gap:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.icon{width:19px;height:19px;display:inline-block;vertical-align:middle;flex-shrink:0}.text-link .icon,footer .icon,.contact .icon{width:15px;height:15px;margin-left:5px}.band .wrap{align-items:center}.band-divider{display:block;width:26px;height:1px;background:var(--copper);flex-shrink:0}@media(max-width:700px){.band-divider{width:12px}}