/* Front-page header + FV (option 1: copy left, photo right). Photo/logo stay local, outside the theme. */
.rb-tone .site-header{position:relative;z-index:20;background:#fff;color:#3b2b26;border-bottom:1px solid #f1e8e6}
.rb-tone .header-inner{min-height:88px;padding:0 64px 0 52px;max-width:none}
.rb-tone .original-brand{display:block;line-height:0}
.rb-tone .original-brand img{display:block;width:290px;height:auto}
.rb-tone .primary-nav{font-size:13px;gap:48px;letter-spacing:.08em}
.rb-tone .primary-nav ul{gap:0}
.rb-tone .primary-nav li+li::before{content:"/";margin:0 26px;color:#b9aaa6;font-weight:300}
.rb-tone .primary-nav .button{min-height:50px;min-width:206px;padding:12px 30px;background:#c4777b;border-color:#c4777b;border-radius:0;font-size:15px;letter-spacing:.2em;gap:22px}
.rb-tone .primary-nav .button::after{content:"";width:22px;height:7px;border-bottom:1px solid currentColor;border-right:1px solid currentColor;transform:skewX(45deg) translateY(-3px)}
.rb-tone .primary-nav .button:hover{background:#ad6166}
.rb-tone .menu-toggle{color:#3b2b26;border-color:#d8c9c5;border-radius:0}

.fv{position:relative;overflow:hidden;height:clamp(560px,calc(100vh - 88px),735px);background:linear-gradient(160deg,#fcf8f5 0%,#f8ece9 55%,#f6e4e1 100%);color:#3b2b26}
.fv-photo{position:absolute;inset:0 0 0 33%;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 14%,#000 32%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 14%,#000 32%)}
.fv-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:30% 40%}
.fv-copy{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 0 30px 84px;max-width:560px}
.fv-title{margin:0;font-family:'Noto Serif JP','Yu Mincho',serif;font-weight:400;font-size:clamp(34px,3.55vw,52px);line-height:1.62;letter-spacing:.1em;color:#3b2b26}
.fv-title span{display:block;white-space:nowrap}
.fv-en{display:flex;align-items:center;gap:22px;margin:30px 0 0;font-family:Georgia,'Times New Roman',serif;font-size:15px;letter-spacing:.2em;color:#b77b7e}
.fv-en::before{content:"";width:132px;height:1px;background:#cf9c9d}
.fv-lead{margin:40px 0 0;font-family:'Noto Serif JP','Yu Mincho',serif;font-size:15px;line-height:2.2;letter-spacing:.1em;color:#7b6762}
.fv-lead span{display:block;white-space:nowrap}
.fv-scroll{position:absolute;z-index:3;left:40px;bottom:32px;display:flex;flex-direction:column;align-items:center;gap:14px;color:#9a8580;font-size:10px;letter-spacing:.2em}
.fv-scroll span{writing-mode:vertical-rl}
.fv-scroll::after{content:"";width:1px;height:56px;background:currentColor}
.fv-scroll:hover{text-decoration:none;color:#b77b7e}

@media(max-width:1280px){.rb-tone .header-inner{padding-inline:32px}.rb-tone .primary-nav{gap:28px}.rb-tone .primary-nav li+li::before{margin:0 14px}.rb-tone .primary-nav .button{min-width:0}.fv-copy{padding-left:60px}.fv-lead{font-size:14px}}
@media(max-width:1000px){.rb-tone .header-inner{min-height:64px;padding:10px 24px}.rb-tone .original-brand img{width:210px}.rb-tone .primary-nav{background:rgba(255,255,255,.98);border-color:#eadfdc}.rb-tone .primary-nav li+li::before{content:none}.rb-tone .primary-nav>.button{width:100%}
 .fv{height:auto;display:flex;flex-direction:column}
 .fv-photo{position:relative;inset:auto;order:-1;height:62vw;max-height:560px;-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 24%);mask-image:linear-gradient(0deg,transparent 0,#000 24%)}
 .fv-copy{max-width:none;padding:28px 40px 72px}
 .fv-scroll{left:auto;right:28px;bottom:24px}}
@media(max-width:600px){
 .rb-tone .site-header{background:#fff}
 .rb-tone .header-inner{padding:10px 18px;min-height:64px}
 .rb-tone .menu-toggle{padding:8px 10px}
 .fv-photo{height:auto;aspect-ratio:390/420}
 .fv-photo img{object-position:28% 30%}
 .fv-copy{padding:18px 24px 96px}
 .fv-title{font-size:clamp(24px,7vw,30px);line-height:1.7;letter-spacing:.06em}
 .fv-en{margin-top:18px;font-size:12px;gap:14px}.fv-en::before{width:56px}
 .fv-lead{margin-top:22px;font-size:13px;line-height:2}
 .fv-scroll{right:auto;left:50%;transform:translateX(-50%);bottom:16px}
 .fv-scroll span{writing-mode:horizontal-tb}
 .fv-scroll::after{height:36px}
}