/* Design05: the ordinary days we protect, followed by clear business routes. */
.site-header{height:92px;background:#fafaf7}
.cinematic-hero{position:relative;isolation:isolate;min-height:560px;height:calc(100svh - 248px);max-height:760px;color:#fff;overflow:hidden;background:#373e38}
.cinematic-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%;z-index:-2}
.cinematic-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(15,23,19,.69),rgba(15,23,19,.28) 56%,rgba(15,23,19,.05)),linear-gradient(0deg,rgba(15,23,19,.19),transparent 65%)}
.cinematic-content{height:100%;min-height:inherit;display:flex;flex-direction:column;justify-content:center;max-width:1660px;margin:auto;padding:44px var(--gutter) 49px}
.cinematic-kicker{font:12px/1.7 Arial,sans-serif;letter-spacing:.13em;color:#f5e82d;margin-bottom:35px}
.cinematic-hero h1{font:400 clamp(58px,7.2vw,116px)/.98 Arial,"Helvetica Neue",sans-serif;letter-spacing:-.058em;margin:0;white-space:nowrap}
.cinematic-hero h1 span{color:#f5e82d}
.cinematic-copy{margin-top:38px;display:flex;align-items:baseline;gap:64px}
.cinematic-copy .cinematic-jp{font-size:25px;line-height:1.7;font-weight:500;letter-spacing:.01em;white-space:nowrap}
.cinematic-copy>p:last-child{font-size:14px;line-height:1.9;color:#f0f0e9}
.cinematic-note{position:absolute;right:var(--gutter);bottom:20px;font-size:11px;letter-spacing:.03em;color:#fff;background:#1e241d88;padding:3px 9px}
.entry-band{display:grid;grid-template-columns:1fr 1fr .75fr;background:#f5e82d;padding-inline:var(--gutter);min-height:155px}
.entry-route{position:relative;padding:32px 30px 28px 0;display:flex;flex-direction:column;justify-content:center;gap:9px;transition:background .2s}
.entry-route:nth-child(2){padding-left:35px;border-left:1px solid #77782066}
.entry-route>span{font-size:12px;line-height:1.65;letter-spacing:0}
.entry-route strong{font-size:20px;line-height:1.6;font-weight:600;letter-spacing:-.025em;padding-right:29px;word-break:keep-all}
.entry-route i{position:absolute;right:27px;bottom:40px;font:23px/1 Arial,sans-serif;transition:transform .2s}
.entry-route:hover i{transform:translateX(5px)}
.entry-product{margin:21px 0 21px 29px;background:#fff;display:flex;align-items:center;gap:12px;padding:8px 17px 8px 7px}
.entry-product>img{width:76px;height:100px;object-fit:contain}
.entry-product>span{display:flex;flex-direction:column;gap:8px}
.entry-product small{font:10px/1.7 Arial,sans-serif;letter-spacing:.07em;color:#626660}
.entry-product strong{font-size:14px;line-height:1.8;font-weight:500;border-bottom:1px solid #83877d}
.audience-section{padding-top:114px}
.story-product-image{height:560px;max-width:1504px;margin:auto}
.story-product-image>img{object-position:center 60%}
.story-product-image:after{background:linear-gradient(90deg,#22272077,transparent 75%)}
.story-words{font-size:66px;font-weight:400;letter-spacing:-.04em;line-height:1.05}
@media(min-width:1700px){.cinematic-hero h1{font-size:126px}.cinematic-content{padding-left:88px}.cinematic-hero{max-height:810px}.entry-band{padding-inline:max(88px,calc((100% - 1504px)/2))}}
@media(max-width:1200px){.entry-route strong{font-size:17px}.entry-route:nth-child(2){padding-left:26px}.entry-route i{right:20px}.entry-product{margin-left:21px;padding-right:12px;gap:5px}.entry-product>img{width:66px}.entry-product strong{font-size:12px}.cinematic-copy{gap:35px}.cinematic-copy .cinematic-jp{font-size:23px}}
@media(max-width:1100px){.site-header{height:80px}.mobile-nav{top:80px}.cinematic-hero{height:560px;min-height:530px}.cinematic-hero h1{font-size:8.25vw}.entry-band{grid-template-columns:1fr 1fr;min-height:140px}.entry-product{display:none}.entry-route{padding-block:29px}.entry-route:nth-child(2){padding-left:31px}.entry-route strong{font-size:19px}.entry-route i{bottom:38px}.cinematic-content{padding-block:40px}.cinematic-copy{display:block;margin-top:32px}.cinematic-copy>p:last-child{margin-top:16px;font-size:15px}.cinematic-copy>p:last-child br{display:none}.cinematic-note{font-size:10px}}
@media(max-width:800px){.cinematic-hero{height:525px;min-height:500px}.cinematic-hero h1{font-size:8.1vw}.cinematic-kicker{margin-bottom:30px}.entry-route strong{font-size:18px}.entry-route>span{font-size:11px}.entry-route{padding-right:21px}.entry-route:nth-child(2){padding-left:23px}.entry-route i{right:17px;font-size:20px}.audience-section{padding-top:90px}.story-product-image{height:440px}.story-words{font-size:49px}}
@media(max-width:600px){.site-header{height:76px}.mobile-nav{top:76px}.cinematic-hero{height:438px;min-height:0}.cinematic-photo{object-position:59% center}.cinematic-hero:after{background:linear-gradient(90deg,#10181399,#10181333),linear-gradient(0deg,#10181322,transparent 65%)}.cinematic-content{padding:41px 24px 42px;justify-content:flex-end}.cinematic-kicker{font-size:10px;letter-spacing:.09em;margin-bottom:23px}.cinematic-hero h1{font-size:8.8vw;line-height:1.06;letter-spacing:-.055em}.cinematic-copy{margin-top:27px}.cinematic-copy .cinematic-jp{font-size:21px;letter-spacing:0}.cinematic-copy>p:last-child{font-size:13px;line-height:1.9;margin-top:12px;max-width:280px}.cinematic-copy>p:last-child br{display:block}.cinematic-note{right:24px;bottom:12px;font-size:9px;background:transparent;padding:0}.entry-band{padding:0 24px;min-height:147px}.entry-route{padding:22px 16px 36px 0;justify-content:flex-start;gap:10px}.entry-route:nth-child(2){padding-left:19px;padding-right:0}.entry-route>span{font-size:10px;line-height:1.6;min-height:32px}.entry-route strong{font-size:14px;line-height:1.7;padding-right:0;letter-spacing:-.035em}.entry-route i{font-size:20px;right:16px;bottom:16px}.entry-route:nth-child(2) i{right:0}.audience-section{padding-top:77px}.story-product-image{height:370px}.story-product-image>img{object-position:54% center}.story-words{font-size:37px;bottom:40px;left:24px}}
@media(max-width:365px){.cinematic-content{padding-inline:20px}.cinematic-hero{height:410px}.cinematic-copy .cinematic-jp{font-size:19px}.cinematic-copy>p:last-child{font-size:12px}.entry-band{padding-inline:20px}.entry-route strong{font-size:12px}.entry-route>span{font-size:9px}.entry-route:nth-child(2){padding-left:16px}.entry-route{padding-right:12px}.cinematic-note{right:20px}.story-words{font-size:33px}}
@media(prefers-reduced-motion:reduce){.entry-route i{transition:none}}
