/* r5: 淡いブルーの光と横方向のコレクション文字 */
:root{--text:#28545a;--ink:#2c5156;--paper:var(--text);--bg:#d4eeea;--line:#28545a66}
body,body[data-view=collections],body[data-view=detail],body[data-view=about]{--bg:#d4eeea;color:var(--text);background:var(--bg);transition:none}
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 7% 5%,#f7fbf7 0,transparent 54%),radial-gradient(ellipse at 95% 30%,#91d4d5a8 0,transparent 66%),linear-gradient(160deg,#d4eeeb 0%,#c0e5e2 44%,#f3f8f1 100%)}
::selection{background:#78c7c9;color:#173e43}
.brand>span{font-weight:300}
.ellipse,.home-intro .discover,.collection-controls .round,.round,.motion,.about-footer .ellipse{border-color:var(--line)}
.ellipse:hover,.round:hover,.motion:hover,.about-footer .ellipse:hover{background:#f6fcf677;border-color:var(--text)}
.motion{background:#eaf7f3b3;opacity:1}
.photo-hint{background:#28545ac9;color:#fff}
.text-link{border-color:var(--line)}
.detail-copy{scrollbar-color:#28545a55 transparent}
.footer-bottom{border-color:#28545a33}
.skip,.noscript-notice{background:#f0f8f3;color:var(--text)}
body[data-view=detail] .header,body[data-view=about] .header{background:none;box-shadow:none}
body[data-view=detail] .header::before,body[data-view=about] .header::before{content:'';position:absolute;inset:-40px -55px -35px;z-index:-1;pointer-events:none;background:linear-gradient(#e2f3ee 35%,#e2f3ee00)}
.vignette{background:linear-gradient(#e4f4efed,transparent) top/100% 20vh no-repeat,linear-gradient(transparent,#edf7efb3) bottom/100% 25vh no-repeat}
.home-intro::before{background:radial-gradient(ellipse at 35% 68%,#ecf7ef 15%,#e9f5efed 40%,#e7f4ed88 62%,transparent 77%)}
.titles,.home .titles,.collections .collection-backdrop{inset:0;mask-image:none;clip-path:none}
.title-track{inset:0;overflow:hidden}
.titles .title-item{left:0;top:39%;height:auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;will-change:transform}
.titles .title-word,.titles .title-label{position:relative;inset:auto;transform:none;width:auto;white-space:nowrap;color:#3a7074}
.titles .title-word{font-size:clamp(110px,13.8vw,240px);font-weight:200;line-height:1.1;letter-spacing:-.05em;opacity:.9}
.titles .title-label{font-size:11px;font-weight:500;line-height:1.5;letter-spacing:.23em;opacity:1}
.collections .title-item{top:42%}
.collections .title-word{opacity:.78}
.about-signature>span{transform:translate(-50%,-50%);font-weight:200;font-size:22vw;white-space:nowrap}
@media(max-width:767px){
 .vignette{background:linear-gradient(#e4f4ef,transparent) top/100% 17vh no-repeat,linear-gradient(transparent,#edf7efbb) bottom/100% 28vh no-repeat}
 .home-intro::before{background:linear-gradient(transparent 0,#e6f4ebdf 24%,#edf7ef 65%)}
 .titles .title-item{top:clamp(140px,29vh,280px);gap:10px}
 .titles .title-word{font-size:clamp(78px,23vw,160px)}
 .titles .title-label{font-size:10px;letter-spacing:.18em}
 .collections .title-item{top:calc(100px + (var(--collection-copy-top,65vh) - 100px)/2)}
 .close-detail{background:#eaf6eff5}
 .about-signature>span{font-size:29vw}
}
@media(max-width:767px) and (max-height:650px){.home .title-item{top:142px}.home .title-word{font-size:76px}.home .title-label{font-size:9px}}
@media(max-height:600px) and (min-width:768px){.titles .title-item{top:31%}.titles .title-word{font-size:110px}.collections .title-item{top:39%}}