/* r3: 写真を眺めながら、ブランドと紹介内容が読める入口。 */
.brand>small{font-size:9px;letter-spacing:.38em;line-height:1.2;font-weight:400;padding-left:1px}
.nav-link{font-size:16px;letter-spacing:.035em}
.home-intro{position:absolute;left:clamp(28px,3vw,54px);bottom:clamp(30px,4vh,48px);width:min(420px,40vw);z-index:4;isolation:isolate;pointer-events:none}
.home-intro::before{content:'';position:absolute;z-index:-1;inset:-65px -85px -65px -75px;background:radial-gradient(ellipse at 35% 68%,#c97164 20%,#c97164ed 43%,#c9716499 63%,transparent 76%);pointer-events:none}
.home-audience{font-size:16px;line-height:1.75;letter-spacing:.03em}
.home-intro h1{font-family:var(--font),'Yu Mincho',serif;font-size:clamp(26px,2.4vw,36px);font-weight:400;line-height:1.5;letter-spacing:.055em;margin:10px 0 14px}
.home-offering{font-size:16px;line-height:1.85;letter-spacing:.025em}
.home-intro .discover{position:relative;left:auto;bottom:auto;transform:none;width:236px;min-height:52px;margin-top:22px;font-size:16px;letter-spacing:.04em;pointer-events:auto;gap:22px}
.home-intro .discover>span{font-size:20px}
.collection-kind{display:inline-block;font-family:var(--font),'Yu Mincho',serif;font-size:17px;font-weight:400;line-height:1.5;letter-spacing:.06em;margin-left:22px;vertical-align:baseline}
.drag-hint{font-size:16px;line-height:1.5;letter-spacing:.03em}
.about-summary{max-width:780px;margin:0 auto;font-size:18px;line-height:2.05;letter-spacing:.05em}
.about-summary p+p{margin-top:22px}
@media(max-width:1023px) and (min-width:768px){
 .home-intro{width:370px;max-width:44vw}.home-intro h1{font-size:28px}
 .home-intro .discover{margin-top:17px}
}
@media(max-width:767px){
 .brand>small{font-size:8px}
 .header{align-items:flex-start}.nav-link{font-size:16px;line-height:1.5}
 .home-intro{left:24px;right:24px;bottom:52px;width:auto;max-width:none}
 .home-intro::before{inset:-65px -60px -80px;background:linear-gradient(transparent 0,#c97164df 24%,#c97164 55%)}
 .home-intro h1{font-size:28px;line-height:1.45;margin:8px 0 10px;letter-spacing:.035em}
 .home-audience,.home-offering{font-size:16px;letter-spacing:0;line-height:1.75}
 .home-intro .discover{width:232px;min-height:50px;margin-top:18px}
 .home .titles{mask-image:linear-gradient(#000 0,#000 calc(100% - 360px),transparent calc(100% - 280px))}
 .collection-kind{font-size:16px;margin-left:16px;letter-spacing:.02em}
 .drag-hint{font-size:16px;bottom:39px}.drag-long{display:none}
 .about-intro h1{font-size:clamp(26px,7.3vw,34px);letter-spacing:.02em;line-height:1.6}
 .about-summary{font-size:18px;line-height:1.95;letter-spacing:.01em;text-align:left}
 .about-summary p+p{margin-top:20px}.desktop-break{display:none}
 .about-editorial h2{font-size:30px}.about-footer h2{font-size:32px;letter-spacing:.02em}
}
@media(max-width:360px){
 .home-intro{left:20px;right:20px;bottom:48px}.home-intro h1{font-size:26px}
 .home-intro .discover{margin-top:15px;min-height:48px;width:220px}
 .home .titles{mask-image:linear-gradient(#000 0,#000 calc(100% - 345px),transparent calc(100% - 265px))}
 .nav-link{font-size:16px;letter-spacing:0}.brand>span{font-size:20px}
 .collection-kind{margin-left:13px}.drag-hint{right:20px}
}
@media(max-height:600px) and (min-width:768px){
 .home-intro{bottom:24px}.home-intro h1{font-size:24px;line-height:1.4;margin:5px 0 8px}
 .home-audience,.home-offering{font-size:16px;line-height:1.6}
 .home-intro .discover{margin-top:13px;min-height:46px}
}

/* r4: 見出しは意味のまとまりを一行に保ち、カラム幅に合わせて字の大きさを調整する。 */
.heading-line{display:block;white-space:nowrap}
.about-editorial>div{min-width:0;container-type:inline-size}
.about-editorial h2{font-size:clamp(24px,12cqw,58px);line-height:1.6;letter-spacing:.06em}
@media(max-width:767px){.about-editorial h2{font-size:clamp(24px,10cqw,30px)}}