/*
Theme Name: TMEKO Atelier
Theme URI: https://tmeko.com/
Author: TMEKO
Description: A concise editorial WooCommerce storefront for men's mechanical watches.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: tmeko-atelier
*/
:root{--ink:#151916;--paper:#f7f6f2;--cream:#e9e4d8;--gold:#b49365;--line:#d9d4ca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;height:auto}.screen-reader-text{position:absolute;left:-9999px}.screen-reader-text:focus{left:16px;top:16px;z-index:100;background:white;padding:12px}.topline{background:#141a18;color:#e8e5df;text-align:center;font-size:10px;letter-spacing:.2em;text-transform:uppercase;padding:10px 20px}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,84px);border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:5}.brand{font-family:Georgia,serif;font-size:29px;letter-spacing:.2em;font-weight:600}.header-nav{display:flex;gap:33px;align-items:center}.header-nav a,.header-end a{font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:600}.header-nav a:hover,.header-end a:hover{color:#916c40}.header-end{display:flex;gap:20px;align-items:center}.mobile-toggle{display:none;border:0;background:none;font-size:23px;cursor:pointer}.hero{display:grid;grid-template-columns:46% 54%;min-height:590px;background:#e9e5dc;overflow:hidden}.hero-copy{padding:105px 8vw 72px clamp(30px,8vw,150px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:10px;letter-spacing:.3em;text-transform:uppercase;font-weight:700;color:#806949}.hero h1,.section-head h2,.story h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}.hero h1{font-size:clamp(45px,5vw,78px);line-height:1.05;letter-spacing:-.045em;margin:21px 0 20px;max-width:610px}.hero p{font-size:15px;line-height:1.8;max-width:390px;color:#545651;margin:0 0 33px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 27px;background:#1a201d;color:white!important;border:1px solid #1a201d;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;transition:background .2s,color .2s}.button:hover{background:#334239}.button.secondary{background:transparent;color:#1a201d!important}.hero-art{position:relative;min-height:500px;background:radial-gradient(circle at 48% 44%,#d9cfbc 0,#c2b49e 32%,#8b8373 72%,#64675f 100%);overflow:hidden}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.11) 50%,transparent 61%)}.hero-product-img{width:78%;height:92%;object-fit:contain;position:absolute;inset:4% 11%;filter:drop-shadow(22px 26px 20px rgba(25,25,22,.3));z-index:1}.art-face{position:absolute;width:min(57%,420px);aspect-ratio:1;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);border:20px solid #b7a17d;box-shadow:0 0 0 5px #373936,0 16px 40px #302c2670,inset 0 0 0 5px #c7bda7;background:radial-gradient(circle,#26332f 0,#141d1c 78%)}.art-face:before{content:'TMEKO';position:absolute;left:0;right:0;top:24%;text-align:center;letter-spacing:.38em;font:14px Georgia,serif;color:#e7dac3}.art-face:after{content:'';position:absolute;width:46%;height:2px;background:#c5a67b;top:50%;left:50%;transform-origin:left center;transform:rotate(-28deg);box-shadow:0 2px 1px #151916}.watch-strap{position:absolute;left:39%;width:22%;height:100%;top:0;background:linear-gradient(90deg,#181e1c,#4b514b 46%,#181d1b);transform:rotate(-19deg);box-shadow:12px 17px 30px #20211e70}.art-caption{position:absolute;right:32px;bottom:26px;z-index:2;color:#fff;font-size:10px;letter-spacing:.2em;text-transform:uppercase}.container{width:min(1240px,calc(100% - 48px));margin:auto}.intro-strip{display:flex;justify-content:center;gap:clamp(25px,7vw,115px);border-bottom:1px solid var(--line);padding:23px 20px;text-align:center}.intro-strip span{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#66665e}.section{padding:88px 0 96px}.section-head{text-align:center;margin-bottom:36px}.section-head h2{font-size:clamp(35px,4vw,51px);letter-spacing:-.035em;margin:14px 0 10px}.section-head p{color:#76746f;font-size:14px;margin:0}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{min-width:0}.product-image{background:#eeece7;aspect-ratio:1/1.08;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;transition:transform .35s}.product-card:hover img{transform:scale(1.045)}.product-image .placeholder{width:45%;aspect-ratio:1;border:12px solid #b1a68f;border-radius:50%;box-shadow:0 0 0 3px #303633,inset 0 0 0 4px #dedbd2;background:#23302c}.product-meta{padding:19px 4px 3px}.product-meta h3{font:normal 18px Georgia,serif;margin:0 0 9px}.product-meta p{font-size:13px;color:#686963;margin:0}.product-meta del{opacity:.5}.product-meta ins{text-decoration:none}.section-link{text-align:center;margin:40px 0 0}.text-link{font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;border-bottom:1px solid #9a7a52;padding-bottom:7px}.story{background:#202824;color:#f6f3eb;display:grid;grid-template-columns:1fr 1fr;min-height:350px}.story-art{background:radial-gradient(circle at 65% 45%,#aaa188 0,#5a665d 31%,#25322e 68%);position:relative;overflow:hidden}.story-art:before{content:'';position:absolute;width:190px;aspect-ratio:1;left:calc(50% - 95px);top:calc(50% - 95px);border:18px solid #a19270;border-radius:50%;box-shadow:0 10px 50px #0a100e,inset 0 0 0 6px #d6cbb4;background:#1d2925}.story-content{padding:75px clamp(28px,7vw,105px);align-self:center}.story h2{font-size:clamp(34px,4vw,52px);line-height:1.1;margin:15px 0}.story p{font-size:14px;line-height:1.9;color:#d0d0c8;max-width:430px}.story .text-link{display:inline-block;margin-top:10px}.site-footer{background:#161c19;color:#efeee9;padding:58px max(24px,calc((100% - 1240px)/2)) 23px}.footer-grid{display:flex;justify-content:space-between;gap:30px;padding-bottom:52px}.footer-brand{font:28px Georgia,serif;letter-spacing:.19em}.footer-desc{font-size:12px;line-height:1.7;color:#bbbdb6;max-width:250px}.footer-links{display:grid;gap:13px}.footer-links strong{font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:6px}.footer-links a{font-size:12px;color:#c5c7bf}.footer-links a:hover{color:white}.footer-bottom{border-top:1px solid #3e4841;padding-top:20px;color:#aeb1ab;font-size:11px}.content-area{width:min(1040px,calc(100% - 48px));margin:64px auto 90px;min-height:42vh}.content-area h1{font:normal clamp(36px,4vw,53px) Georgia,serif}.content-area p{line-height:1.8}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:22px}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none}.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important}.woocommerce ul.products li.product a img{background:#ebe9e3;aspect-ratio:1;object-fit:contain}.woocommerce ul.products li.product .woocommerce-loop-product__title{font:normal 19px Georgia,serif;color:#1b211e}.woocommerce ul.products li.product .price{color:#4c514a}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{border-radius:0;background:#1b211e;color:white}.woocommerce div.product p.price,.woocommerce div.product span.price{color:#4b514b}.woocommerce .quantity .qty{padding:8px}.woocommerce-message{border-top-color:#a48c66}.woocommerce-message:before{color:#a48c66}@media(max-width:900px){.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:70px 6vw}.hero h1{font-size:51px}.product-grid,.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}.story-content{padding:50px 6vw}}@media(max-width:650px){.site-header{height:67px;padding:0 18px}.brand{font-size:23px}.mobile-toggle{display:block}.header-nav{display:none;position:absolute;left:0;right:0;top:67px;background:var(--paper);padding:24px;box-shadow:0 12px 20px #0002;flex-direction:column;align-items:flex-start}.header-nav.open{display:flex}.header-end{gap:12px}.header-end a{font-size:10px}.hero{grid-template-columns:1fr}.hero-copy{padding:58px 28px 56px}.hero h1{font-size:50px}.hero-art{min-height:370px;order:-1}.hero-product-img{height:100%;top:0}.intro-strip{gap:14px;flex-wrap:wrap}.intro-strip span{font-size:9px}.section{padding:65px 0}.container{width:calc(100% - 32px)}.product-grid,.woocommerce ul.products{gap:12px}.product-meta h3{font-size:15px}.story{grid-template-columns:1fr}.story-art{height:235px}.story-content{padding:46px 25px 56px}.footer-grid{display:grid;grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:span 2}.content-area{margin-top:40px}}
