/*
Theme Name: PSNY Neckwear
Description: PSNYのストール・スヌード紹介用テーマ。購入は公式オンラインストアへ案内します。
Version: 1.0.1
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: psny-neckwear
*/
:root{--ink:#28342e;--paper:#f5f3ee;--muted:#626960;--line:#d5d8cf;--accent:#57664d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;line-height:1.95;font-size:15px}a{color:inherit;text-underline-offset:6px}a:hover{color:var(--accent)}a:focus-visible,summary:focus-visible{outline:2px solid #7c4a25;outline-offset:5px}.site-header{min-height:108px;display:flex;justify-content:space-between;align-items:center;padding:20px 5%;border-bottom:1px solid var(--line);gap:30px}.brand{text-decoration:none;display:flex;gap:24px;align-items:center}.brand>span,.wordmark{font:italic 52px Georgia,serif;letter-spacing:-3px}.brand small{font-size:10px;letter-spacing:.22em;border-left:1px solid var(--line);padding-left:24px}.desktop-nav{display:flex;gap:38px}.desktop-nav a{text-decoration:none;font-size:13px;padding:12px 0}.desktop-nav a[aria-current]{border-bottom:1px solid}.mobile-nav{display:none}.skip{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:9}.skip:focus{top:8px}h1,h2,h3{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-weight:400;line-height:1.65}h1{font-size:clamp(34px,4vw,60px);letter-spacing:.1em;margin:20px 0 24px}h2{font-size:clamp(27px,3vw,40px);letter-spacing:.06em;margin:10px 0 24px}h3{font-size:23px}p{margin:0 0 24px}.eyebrow{font:11px/1.8 Arial,sans-serif;letter-spacing:.2em;margin-bottom:20px;color:var(--accent)}figure{margin:0}img{display:block;width:100%;height:auto}figcaption{font:9px Arial,sans-serif;letter-spacing:.2em;padding:12px 0;color:var(--muted)}.hero{display:grid;grid-template-columns:46% 54%;padding:40px 5% 0;align-items:center;max-width:1600px;margin:auto}.hero-copy{padding:20px 8% 70px 0}.hero img{aspect-ratio:1;object-fit:cover}.hero-sub{font-size:12px;letter-spacing:.18em;color:var(--muted)}.text-link{display:inline-block;text-decoration:none;border-bottom:1px solid var(--line);padding:10px 0;min-height:44px;font-size:13px}.text-link span{margin-left:12px}.editorial{text-align:center;padding:110px 24px 80px}.editorial p:last-child{color:var(--muted)}.feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:35px 6% 65px;max-width:1440px;margin:auto}.feature-copy{padding:20px 3%}.feature-copy>p:not(.eyebrow){max-width:31em;color:var(--muted)}.feature.reverse figure{order:2}.feature img{aspect-ratio:1;object-fit:cover}.material-band{background:#e8e9e1;text-align:center;padding:90px 24px;margin-top:35px}.purchase{padding:20px 0}.purchase small{display:block;font-size:11px;line-height:1.8;color:var(--muted);margin-top:14px}main>.purchase,.page-content>.purchase{text-align:center;padding:70px 24px 90px}.button{display:inline-block;background:var(--ink);color:white;padding:16px 24px;text-decoration:none;font-size:13px}.button:hover{background:var(--accent);color:white}.breadcrumb{font-size:11px;padding:24px 6%}.breadcrumb span{margin-left:12px}.page-intro{padding:35px 6% 65px;max-width:1440px;margin:auto}.page-intro h1{font-size:clamp(34px,4vw,52px)}.section{padding:55px 6% 70px;max-width:1440px;margin:auto}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;border-top:1px solid var(--line);padding-top:25px}.three p,.note{color:var(--muted)}.narrow{max-width:860px}.narrow h2{font-size:26px;margin-top:36px}.cards{max-width:600px;margin-top:36px}.cards .eyebrow{margin-top:24px}.note{font-size:13px;margin-top:35px}.site-footer{background:#26342e;color:#f5f3ee;padding:65px 6% 24px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px}.site-footer h2{font-family:inherit;font-size:12px;letter-spacing:.12em;margin-bottom:20px}.site-footer a{display:block;text-decoration:none;font-size:12px;padding:9px 0;min-height:44px}.site-footer a:hover{color:#d5dfca}.site-footer .text-link{border:0}..site-footer-brand p{font-size:11px;margin-top:18px;letter-spacing:.12em}.copyright{grid-column:1/-1;border-top:1px solid #59645c;margin:20px 0 0;padding-top:20px;font-size:10px;color:#c5ccc5}@media(max-width:700px){.site-header{min-height:85px;padding:16px 6%;gap:12px}.brand{gap:14px}.brand>span{font-size:42px}.brand small{padding-left:14px;font-size:8px}.desktop-nav{display:none}.mobile-nav{display:block}.mobile-nav summary{cursor:pointer;font-size:12px;list-style:none;padding:12px 0}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;left:0;right:0;top:85px;background:var(--paper);padding:20px 6%;border-bottom:1px solid var(--line);z-index:5;box-shadow:0 12px 20px #28342e15}.mobile-nav nav a{display:block;padding:12px 0;text-decoration:none}.hero{display:flex;flex-direction:column;padding:30px 6% 0;align-items:stretch}.hero-copy{padding:10px 0 30px}.hero h1{font-size:38px}.hero-copy p{margin-bottom:18px}.hero .eyebrow{font-size:10px}.hero img{aspect-ratio:1}.editorial{padding:65px 6% 30px;text-align:left}.editorial br{display:none}.feature,.feature.reverse{display:flex;flex-direction:column;gap:15px;padding:25px 6% 40px}.feature.reverse figure{order:0}.feature-copy{padding:15px 0;width:100%}.feature h2{font-size:30px}.material-band{padding:55px 6%;text-align:left}.material-band br{display:none}.three{grid-template-columns:1fr;gap:10px}.page-intro{padding:20px 6% 30px}.section{padding:25px 6% 50px}.button{max-width:100%}.site-footer{grid-template-columns:1fr 1fr;gap:30px}..site-footer-brand{grid-column:1/-1}.site-footer h2{font-size:11px}body{font-size:14px}.note{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.nav-links{list-style:none;margin:0;padding:0;display:flex;gap:38px}.nav-links li{margin:0}.site-footer .nav-links{display:block}.nav-links .sub-menu{list-style:none;padding-left:16px}.site-header{position:relative}.mobile-nav nav{top:100%}.page-content{min-width:0}.page-content:after{content:"";display:table;clear:both}.wp-block-image img{max-width:100%}.alignwide{max-width:1440px;margin-inline:auto}.aligncenter{margin-inline:auto}@media(max-width:700px){.nav-links{display:block}.mobile-nav nav{top:100%}}

.brand-logo{width:112px;height:auto;flex-shrink:0}.site-footer .footer-logo{display:inline-block;background:var(--paper);padding:12px 16px;line-height:0;min-height:0}.footer-logo img{width:112px;height:auto}@media(max-width:700px){.brand-logo{width:92px}.footer-logo img{width:100px}}