.brand-story{background:#10231c;color:#efeade;overflow:hidden;}
.brand-story .story-kicker{color:#c6b17e;font:500 10px/1.8 sans-serif;letter-spacing:.22em;margin-bottom:24px;}
.brand-story h1,.brand-story h2,.brand-story h3{font-weight:500;}
.story-opening{padding:180px 24px 80px;text-align:center;background:radial-gradient(ellipse at 70% 10%,rgba(202,180,125,.11),transparent 65%);}
.story-opening h1{font-size:clamp(36px,5vw,66px);margin:0 0 24px;letter-spacing:.16em;}
.story-subtitle{font-size:16px;line-height:2.1;color:#d2d9cf;}
.story-line{display:block;width:1px;height:56px;background:linear-gradient(#bdab7a,transparent);margin:36px auto 20px;}
.story-whisper{font-family:"Noto Serif TC",serif;letter-spacing:.18em;color:#c8b987;font-size:14px;}
.story-letter{max-width:760px;margin:auto;padding:88px 32px;}
.brand-story h2{font-size:clamp(28px,3.2vw,42px);line-height:1.6;letter-spacing:.06em;margin:0 0 32px;}
.story-prose{max-width:620px;}
.story-prose p{font-size:16px;line-height:2.25;color:#c8d0c5;margin:0 0 24px;}
.story-belief{text-align:center;padding:88px 24px;background:rgba(198,177,126,.045);border-block:1px solid rgba(198,177,126,.12);}
.story-belief h2{color:#e7d7ad;}
.story-belief>p:not(.story-kicker){font-size:15px;line-height:2.2;color:#c5cec1;max-width:680px;margin:20px auto;}
.story-spaces{max-width:1120px;margin:auto;padding:96px 32px;}
.story-spaces-heading{margin-bottom:56px;}
.story-spaces-heading>p:last-child{color:#b4c1b2;}
.story-space{display:grid;grid-template-columns:1.35fr 1fr;gap:48px;align-items:center;margin:0 0 72px;}
.story-space>img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;}
.story-space h3{font-size:26px;margin:0 0 14px;color:#f3e9d5;}
.story-space p{color:#bbc8b9;font-size:15px;line-height:2;}
.story-space .story-kicker{margin-bottom:12px;}
.story-space .story-space-motto{font-family:"Noto Serif TC",serif;color:#d2bd87;font-size:17px;}
.story-space a{display:inline-flex;gap:24px;padding:8px 0;border-bottom:1px solid #7d754f;font-size:13px;color:#e1cc95;}
.story-care{border-top:1px solid rgba(198,177,126,.18);}
.brand-story .story-ending{display:block;text-align:center;padding:88px 24px 100px;border:0;background:radial-gradient(ellipse at center,rgba(184,160,100,.08),transparent 70%);}
.story-ending p:not(.story-kicker){color:#bbc8b9;line-height:2.2;}
.story-ending>a{display:inline-flex;align-items:center;gap:28px;margin-top:24px;padding:14px 24px;border:1px solid #b39e6d;border-radius:4px;color:#efdfb6;font-size:14px;}
.story-mobile-break{display:none;}
.brand-story a:focus-visible{outline:2px solid #e3c98c;outline-offset:5px;}
@media(max-width:767px){
 .site-header.about-mobile-header{gap:10px;padding-inline:16px;overflow:visible;z-index:1000;}
 .about-mobile-header .brand{font-size:16px;letter-spacing:.05em;gap:7px;margin-right:auto;min-width:0;}
 .about-mobile-header .brand-mark{width:40px;height:40px;}
 .about-mobile-header [data-about-back]{white-space:nowrap;font:16px "Noto Serif TC",serif;}
 .about-mobile-header .nav-toggle{width:36px;height:44px;padding:0;flex:none;}
 .site-header.about-mobile-header nav{gap:0;right:16px;left:auto;top:calc(100% + 8px);width:200px;padding:6px;max-width:calc(100vw - 32px);}
 .about-mobile-header nav>a,.about-mobile-header nav>form{margin:0;padding:0;min-height:0;border-bottom:1px solid rgba(205,174,112,.16);}
 .about-mobile-header nav>a,.about-mobile-header nav>form>.link-button{display:flex;align-items:center;justify-content:flex-start;height:48px;min-height:48px;width:100%;padding:0 12px;font-size:14px;font-weight:500;line-height:1.4;letter-spacing:.04em;}
 .about-mobile-header nav>form{display:block;}
 .about-mobile-header nav>:last-child{border-bottom:0;}
 .story-opening{padding:136px 24px 48px;}.story-opening h1{font-size:34px;}.story-subtitle{font-size:15px;}
 .story-letter{padding:56px 24px;}.story-prose p{font-size:15px;line-height:2.1;}
 .brand-story h2{font-size:28px;margin-bottom:24px;}.story-belief{padding:56px 24px;}.story-belief br:not(.story-mobile-break){display:none;}.story-mobile-break{display:block;}
 .story-spaces{padding:56px 24px 8px;}.story-spaces-heading{margin-bottom:32px;}.story-space{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:48px;}.story-space h3{font-size:24px;}.story-space>img{aspect-ratio:1.65;}.brand-story .story-ending{padding:56px 24px 72px;}
}