/*
Theme Name: Yuû Brand
Theme URI: https://archenexushub.com/
Author: Arche Nexus Hub
Description: 優幽夕 Yuû 専用のブランドサイト。心季01「静寂」の世界観を紹介するオリジナルテーマ。
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: yuu-brand
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;600&family=Cormorant+Garamond:wght@400;500;600&display=swap');
:root{--ink:#302f2b;--mute:#77716b;--paper:#eeeae5;--cream:#f7f4ef;--line:#ccc5bc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Serif JP',serif;font-weight:300;line-height:2.15}a{color:inherit;text-decoration:none}.serif{font-family:'Cormorant Garamond',serif;letter-spacing:.16em}.eng{font-family:'Cormorant Garamond',serif;letter-spacing:.19em;text-transform:uppercase;font-size:13px}header{height:80px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:3;width:100%;border-bottom:1px solid #8d857a25}.brand{font-size:25px;letter-spacing:.34em}.brand small{font-family:'Cormorant Garamond',serif;letter-spacing:.24em;font-size:11px;margin-left:13px}nav{display:flex;gap:38px}nav a{font-size:11px;letter-spacing:.14em}nav a:hover{opacity:.5}.hero{min-height:100svh;display:grid;grid-template-columns:51% 49%;align-items:stretch}.hero-copy{padding:150px 8% 90px 13%;display:flex;flex-direction:column;justify-content:center}.hero-copy .eng{color:var(--mute)}h1{font-size:clamp(25px,3vw,47px);font-weight:400;line-height:1.95;letter-spacing:.2em;margin:42px 0 18px;white-space:nowrap}.tag{font-size:14px;letter-spacing:.27em}.hero-photo{background:#e8e3dd url('assets/bottle.jpg') center center/cover no-repeat;min-height:690px}.scroll{font-size:12px;margin-top:90px;color:var(--mute);letter-spacing:.14em}.scroll:after{content:' ↓';margin-left:18px}.section{padding:130px 8% 140px}.section-label{font-family:'Cormorant Garamond',serif;letter-spacing:.2em;color:var(--mute);font-size:17px}.story{text-align:center;background:var(--cream)}h2{font-weight:400;font-size:clamp(26px,3vw,43px);letter-spacing:.17em;line-height:1.8;margin:42px auto}.bodycopy{max-width:720px;margin:40px auto;font-size:15px;line-height:3.2;letter-spacing:.12em}.trio{display:flex;justify-content:center;gap:0;max-width:850px;margin:100px auto 0}.trio div{width:33.33%;border-right:1px solid var(--line)}.trio div:last-child{border:0}.trio strong{font-weight:400;letter-spacing:.3em;font-size:25px}.trio span{display:block;font-size:12px;letter-spacing:.2em;color:var(--mute)}.product{display:grid;grid-template-columns:48% 52%;align-items:center;padding:0}.product-photo{background:#e4dfda url('assets/bottle.jpg') center/cover no-repeat;min-height:840px}.product-content{padding:80px 13%}.product h2{font-size:clamp(30px,4vw,56px);white-space:nowrap}.product h2 small{display:block;font-size:15px;letter-spacing:.28em}.spec{margin-top:55px;border-top:1px solid var(--line);max-width:400px}.spec div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:13px;padding:11px 0}.spec span{color:var(--mute)}.smallnote{font-size:11px;color:var(--mute);margin-top:18px}.moments{background:#e7e1db;text-align:center}.moment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1300px;margin:70px auto 0}.moment-grid img{width:100%;aspect-ratio:1.15;object-fit:cover;filter:saturate(.68)}.moment-grid h3{font-size:19px;font-weight:400;letter-spacing:.16em;margin:20px 0 4px}.moment-grid p{font-size:12px;letter-spacing:.08em;margin:0;color:var(--mute)}.ritual{background:#353330;color:#f5efe8;text-align:center}.ritual h2{font-size:34px}.ritual .section-label{color:#bdb4a9}.contact{text-align:center;background:var(--cream)}.contact .cta{display:inline-block;border:1px solid var(--ink);padding:14px 46px;letter-spacing:.18em;font-size:12px;transition:.3s}.contact .cta:hover{background:var(--ink);color:white}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:40px 7%;background:var(--paper);font-size:11px;color:var(--mute)}footer strong{font-weight:400;font-size:21px;letter-spacing:.25em;color:var(--ink)}.warning{font-size:10px;max-width:470px} @media(max-width:760px){header{height:68px;padding:0 6%}.brand{font-size:21px}.brand small{display:none}nav{gap:13px}nav a{font-size:9px}.hero{grid-template-columns:1fr}.hero-copy{padding:115px 8% 75px;min-height:500px;align-items:center;text-align:center}.hero-photo{min-height:550px;background-position:center 35%}h1{font-size:clamp(22px,5vw,31px)}.scroll{margin-top:55px}.section{padding:90px 7% 100px}.bodycopy{font-size:13px;line-height:2.9}.trio{margin-top:70px}.trio strong{font-size:18px}.trio span{font-size:10px}.product{grid-template-columns:1fr}.product-photo{min-height:570px}.product-content{padding:70px 9% 100px}.product h2{font-size:38px}.moment-grid{grid-template-columns:1fr;gap:55px}.moment-grid img{aspect-ratio:1.4}footer{flex-direction:column;text-align:center} }

/* WordPress refinements */
.admin-bar header{top:32px}body:not(.home) header{position:relative;background:var(--paper)}
.page-wrap{max-width:920px;margin:0 auto;padding:110px 25px;min-height:65vh}
.page-wrap h1{font-size:clamp(30px,4vw,50px);white-space:normal}.page-wrap img{max-width:100%;height:auto}
.wp-block-image img{max-width:100%;height:auto}.entry-content{overflow-wrap:anywhere}
.menu-toggle{display:none}
@media(max-width:600px){.admin-bar header{top:46px}nav{gap:9px}nav a{font-size:8px}header .brand{letter-spacing:.14em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}