.story-hero{position:relative;width:100%;height:80vh;height:80svh;min-height:560px;overflow:hidden}.story-hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.story-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 var(--side) clamp(80px,14vh,160px);text-align:center}.story-hero-tag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:300;color:#ffffffa6;margin-bottom:22px}.story-hero-title{font-family:var(--serif);font-size:clamp(28px,5vw,48px);font-weight:300;letter-spacing:.06em;color:#fff;line-height:1.4;margin-bottom:16px}.story-hero-sub{font-size:11px;letter-spacing:.12em;font-weight:300;color:#ffffff80}.story-opening{max-width:1200px;margin:0 auto;padding:0 var(--side);text-align:center;position:relative}.story-opening:before{content:"";display:none;width:1px;height:64px;background:var(--tx3);margin:0 auto 56px;opacity:.35}.story-opening .gs-quote{display:block;margin-bottom:28px}.story-split{display:grid;grid-template-columns:1fr;gap:0;max-width:1200px;margin:0 auto;padding:0 var(--side)}@media(min-width:768px){.story-split{grid-template-columns:1fr 1fr;gap:0;align-items:stretch}}.story-split.reverse .story-split-img{order:1}@media(max-width:767px){.story-split.reverse .story-split-img{order:0}}.story-split-img{aspect-ratio:4/5;background:var(--bg2);overflow:hidden;position:relative}.story-split-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.8s ease}.story-split-text{padding:clamp(36px,5vw,60px) clamp(24px,3vw,48px);display:flex;flex-direction:column;justify-content:flex-end}.story-split-text .gs-tag{margin-bottom:14px}.story-split-text .gs-heading{font-size:18px;margin-bottom:20px;line-height:2}.story-timeline{max-width:800px;margin:0 auto;padding:0 var(--side);position:relative}.story-timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:1px;background:var(--ln)}@media(min-width:768px){.story-timeline:before{left:50%;transform:translate(-50%)}}.timeline-item{position:relative;padding:0 0 48px 52px;display:flex;flex-direction:column}@media(min-width:768px){.timeline-item{padding:0 0 64px;display:grid;grid-template-columns:1fr 1fr;gap:48px}.timeline-item:nth-child(2n) .timeline-content{order:2;text-align:left}.timeline-item:nth-child(2n) .timeline-media{order:1}}.timeline-dot{position:absolute;left:14px;top:4px;width:12px;height:12px;border:1px solid var(--tx3);border-radius:50%;background:var(--bg);z-index:1}@media(min-width:768px){.timeline-dot{left:50%;transform:translate(-50%)}}.timeline-year{font-family:var(--serif);font-size:18px;font-weight:300;letter-spacing:.02em;color:var(--tx);margin-bottom:8px}.timeline-title{font-size:13px;letter-spacing:.02em;font-weight:300;color:var(--tx);margin-bottom:8px}.timeline-desc{font-size:13px;font-weight:300;line-height:2.2;color:var(--tx2)}.timeline-media{aspect-ratio:3/2;background:var(--bg2);overflow:hidden;margin-top:16px}@media(min-width:768px){.timeline-media{margin-top:0}}.timeline-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.story-values{max-width:1100px;margin:0 auto;padding:0 clamp(0px,2vw,40px)}.values-grid{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--ln)}@media(min-width:600px){.values-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.values-grid{grid-template-columns:repeat(3,1fr)}}.value-card{padding:clamp(32px,3.5vw,44px);border:none;border-bottom:1px solid var(--ln);border-right:1px solid transparent}@media(min-width:600px){.value-card{border-right:1px solid var(--ln)}.value-card:nth-child(2n){border-right:1px solid transparent}}@media(min-width:900px){.value-card{border-right:1px solid var(--ln)}.value-card:nth-child(2n){border-right:1px solid var(--ln)}.value-card:nth-child(3n){border-right:1px solid transparent}}.value-icon{width:48px;height:48px;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.value-icon svg{width:32px;height:32px;stroke:var(--tx);stroke-width:1;fill:none}.value-title{font-family:var(--serif);font-size:18px;font-weight:300;letter-spacing:.02em;color:var(--tx);margin-bottom:8px}.value-title-ja{font-size:11px;letter-spacing:.05em;font-weight:300;color:var(--tx3);margin-bottom:16px}.value-desc{font-size:13px;font-weight:300;line-height:2.2;color:var(--tx2)}.story-designer{max-width:1000px;margin:0 auto;padding:0 var(--side);display:grid;grid-template-columns:1fr;gap:0}@media(min-width:768px){.story-designer{grid-template-columns:2fr 3fr;gap:clamp(40px,5vw,80px);align-items:center}}.designer-portrait{aspect-ratio:3/4;background:var(--bg2);overflow:hidden;position:relative}.designer-portrait img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.designer-portrait:hover img{transform:scale(1.04)}.designer-portrait-label{position:absolute;bottom:20px;left:20px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#ffffffb3;font-weight:300}.designer-info{padding:clamp(28px,4vw,48px) clamp(24px,3vw,48px);display:flex;flex-direction:column;justify-content:flex-end}.designer-name{font-family:var(--serif);font-size:18px;font-weight:300;letter-spacing:.02em;color:var(--tx);margin-bottom:4px}.designer-name-ja{font-size:11px;letter-spacing:.05em;font-weight:300;color:var(--tx2);margin-bottom:20px}.designer-role{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:400;color:var(--tx3);margin-bottom:24px}.story-fullbleed{width:100%;overflow:hidden;position:relative}.story-fullbleed img{width:100%;height:70vh;object-fit:cover}.story-pair{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:0 var(--side)}.story-pair img{width:100%;aspect-ratio:4/5;object-fit:cover}.story-vision{max-width:900px;margin:0 auto;padding:clamp(48px,6vw,80px) var(--side);text-align:center;background:var(--bg2);border:none}.story-vision .gs-heading{margin-bottom:16px}.story-vision .gs-body{margin-bottom:32px}.sp-only,.pc-only{display:none}@media(min-width:768px){.pc-only{display:inline}}.story-opening.no-bar:before{display:none}.story-opening.no-bar{max-width:1200px}.story-video{width:100%;overflow:hidden}.story-video video{width:100%;display:block}.pillars-section{max-width:1000px;margin:0 auto;padding:0 var(--side)}.pillars-header{margin-bottom:clamp(40px,6vh,64px)}.accordion-item{border-top:1px solid var(--ln)}.accordion-item:last-child{border-bottom:1px solid var(--ln)}.accordion-header{display:flex;align-items:center;padding:28px 0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .3s}.accordion-header:hover{opacity:.6}.acc-num{font-family:var(--serif);font-size:14px;letter-spacing:.05em;color:var(--tx3);width:60px;flex-shrink:0}.acc-title{flex:1;font-size:14px;font-weight:400;letter-spacing:.05em;text-align:center;color:var(--tx)}.acc-toggle{width:40px;text-align:right;font-family:var(--serif);font-size:20px;color:var(--tx3);transition:transform .4s;flex-shrink:0}.accordion-item.active .acc-toggle{transform:rotate(45deg)}.accordion-body{max-height:0;overflow:hidden;transition:max-height .6s cubic-bezier(.4,0,.2,1)}.accordion-content{display:flex;gap:40px;padding:0 0 40px;align-items:flex-start}.acc-img{width:50%;flex-shrink:0}.acc-img img{width:100%;height:320px;object-fit:cover;display:block}.acc-text{font-size:13px;line-height:2.2;color:var(--tx2);font-weight:300;letter-spacing:.02em;padding-top:8px}@media(max-width:767px){.accordion-content{flex-direction:column;gap:20px}.acc-img{width:100%}.acc-img img{height:220px}}.story-tips{max-width:1000px;margin:0 auto;padding:0 var(--side);position:relative}.tips-badge{position:absolute;top:-12px;left:calc(var(--side) + 24px);background:var(--bg);padding:0 16px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:400;color:var(--tx3);z-index:1}.tips-inner{border:1px solid var(--ln);padding:clamp(40px,5vw,64px) clamp(32px,4vw,56px)}.tips-images{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-bottom:clamp(28px,4vw,40px)}.tips-images img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.tips-title{font-family:var(--serif);font-size:18px;font-weight:300;letter-spacing:.02em;color:var(--tx);margin-bottom:4px}.tips-sub{font-size:11px;letter-spacing:.08em;font-weight:300;color:var(--tx3)}.tips-text{position:relative}.tips-text .gs-cta{display:inline-block;margin-top:8px}@media(max-width:767px){.tips-images{grid-template-columns:1fr}.tips-badge{left:calc(var(--side) + 16px)}}.story-commitment-card{max-width:1200px;margin:0 auto;padding:clamp(40px,5vw,64px) clamp(32px,4vw,56px);background:var(--bg);border:1px solid var(--ln);text-align:center;position:relative}.story-commitment-card .gs-heading{margin-bottom:16px}.story-commitment-card .gs-body{margin-bottom:0}@media(max-width:767px){.sp-only{display:inline}.story-hero{height:70vh;height:70svh;min-height:400px}.story-split-text{padding:28px 0}.timeline-item{padding-left:40px}.timeline-dot{left:10px}.story-pair{gap:2px;padding:0}.story-opening{padding-top:0}.story-commitment-card,.story-vision{margin-left:var(--side);margin-right:var(--side)}.story-opening .sp-m{height:8px}.story-split-text .gs-heading,.timeline-year{font-size:14px}.timeline-title{font-size:11px}.timeline-desc{font-size:11px;line-height:2}.value-title{font-size:14px}.value-desc{font-size:11px;line-height:2}.designer-name,.tips-title{font-size:14px}.acc-text{font-size:11px;line-height:2}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/page-story.css.map */