.brand-history{--history-accent:#bd383e;--history-ink:#30373a;position:relative;height:650svh;background:#eef0ef;color:var(--history-ink);isolation:isolate}
.history-stage{height:100svh;min-height:680px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 75% 45%,#fafaf9,#e9ecea);font-family:Arial,'PingFang TC','Microsoft JhengHei',sans-serif}
.history-wheel-wrap{position:absolute;width:90vw;height:90vw;left:-40vw;top:50%;transform:translateY(-50%);pointer-events:none}
.history-wheel{width:100%;height:100%;display:block;will-change:transform;opacity:.65}
.history-veil{position:absolute;inset:0 48% 0 0;pointer-events:none;background:linear-gradient(90deg,#edf0edf0 0%,#edf0edc9 62%,#edf0ed00)}
.history-topline{position:absolute;left:6%;top:125px;width:40%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.18em;color:#7a8385}
.history-heading{position:absolute;top:128px;right:6%;text-align:right;background:none;padding:0;height:auto;border:0}
.history-heading p{font-size:clamp(27px,3vw,48px);font-weight:400;letter-spacing:-.04em;margin:0 0 12px}
.history-heading span{font-size:10px;letter-spacing:.15em;color:#7a8385}
.history-copy{position:absolute;left:6%;top:32%;width:29%;z-index:2;max-height:49%;overflow:auto;scrollbar-width:thin;scrollbar-color:#abb3b2 transparent;padding-right:15px}
.history-index{font-size:11px;letter-spacing:.12em;color:var(--history-accent);margin:0 0 22px}
.about-unified .history-copy h2{font-family:inherit!important;color:var(--history-ink)!important;font-size:clamp(26px,2.7vw,44px);font-weight:500;line-height:1.2;letter-spacing:-.035em;margin:0 0 23px;text-wrap:balance}
.history-body p{font-size:clamp(13px,1.2vw,18px);line-height:1.8;letter-spacing:.005em;margin:0 0 17px;color:#596367;white-space:pre-line}
.history-year-pane{position:absolute;top:29%;left:59%;width:36%}
.history-year{display:block;font:300 clamp(100px,17.8vw,310px)/.9 Arial,sans-serif;letter-spacing:-.085em;font-variant-numeric:tabular-nums;color:var(--history-ink);margin-left:-.04em}
.history-photo{margin:34px 0 0;width:82%}
.history-photo img{width:100%;height:clamp(135px,22svh,230px);object-fit:contain;object-position:left center;display:block;filter:saturate(.72)}
.history-photo figcaption{margin-top:12px;color:#81898b;font-size:9px;letter-spacing:.12em}
.history-no-photo{margin-top:35px;height:160px;border-top:1px solid #afb7b850;display:flex;flex-direction:column;justify-content:center;color:#abb2b3;gap:14px;font-size:10px;letter-spacing:.15em}.history-no-photo[hidden],.history-photo[hidden]{display:none}.history-no-photo strong{font-size:65px;font-weight:300;letter-spacing:-.08em}
.history-pointer{position:absolute;top:49%;left:43%;width:8%;height:2px;background:var(--history-accent)}
.history-drag{position:absolute;left:43.5%;top:calc(49% - 87px);width:64px;height:64px;border:0;border-radius:50%;background:var(--history-accent);color:#fff;cursor:grab;z-index:3;touch-action:none;display:grid;place-items:center}.history-drag:active{cursor:grabbing}.history-drag svg{width:30px;height:30px}
.history-controls{position:absolute;bottom:83px;left:6%;right:6%;display:flex;align-items:center;gap:22px;border-top:1px solid #89929245;padding-top:20px}
.history-controls button{width:40px;height:40px;border:1px solid #89929270;border-radius:50%;background:transparent;color:var(--history-ink);cursor:pointer;font-size:20px}.history-controls button:disabled{opacity:.25;cursor:default}
.history-controls label{display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:.1em;white-space:nowrap}
.history-select{font:500 16px Arial,sans-serif;border:0;border-bottom:1px solid #949e9d;background:transparent;color:var(--history-ink);padding:5px}
.history-range{flex:1;min-width:50px;accent-color:var(--history-accent);height:2px;cursor:pointer}
.history-bottom{position:absolute;bottom:31px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em;color:#7b8586}.history-source{border-bottom:1px solid #9ea5a680;padding-bottom:5px}
.brand-history :is(button,select,input,a):focus-visible{outline:2px solid var(--history-accent);outline-offset:5px}
@media(min-width:1600px){.history-photo{width:75%}.history-copy{top:34%}}
@media(max-width:800px){.history-stage{min-height:780px}.history-topline{top:108px;width:88%}.history-heading{top:147px;right:6%}.history-heading p{font-size:27px}.history-heading span{font-size:8px}.history-wheel-wrap{width:150vw;height:150vw;left:-93vw;top:46%}.history-veil{right:40%;opacity:.8}.history-copy{top:52%;left:7%;width:53%;max-height:28%;padding-right:8px}.about-unified .history-copy h2{font-size:25px;margin-bottom:14px}.history-index{font-size:9px;margin-bottom:12px}.history-body p{font-size:12px;line-height:1.65;margin-bottom:10px}.history-year-pane{top:29%;left:39%;width:55%}.history-year{font-size:26vw}.history-photo{position:absolute;top:calc(28svh - 15px);left:47%;width:53%;margin:0}.history-photo img{height:150px}.history-photo figcaption{font-size:7px;letter-spacing:.04em;line-height:1.5}.history-no-photo{display:none}.history-pointer{top:40%;left:27%;width:10%}.history-drag{top:calc(40% - 67px);left:25%;width:46px;height:46px}.history-drag svg{width:25px}.history-controls{bottom:79px;gap:13px}.history-controls label>span{display:none}.history-controls button{width:34px;height:34px;flex-shrink:0}.history-bottom{font-size:8px;line-height:1.6;letter-spacing:.03em;gap:15px}.history-bottom>span{max-width:42%}.history-source{max-width:47%}}
@media(max-width:800px){.history-wheel-wrap{left:-108vw}.history-pointer{left:20%;width:14%}.history-drag{left:20%}}
@media(prefers-reduced-motion:reduce){.brand-history{height:100svh!important}.history-stage{position:relative}.history-wheel{will-change:auto}.history-copy{scroll-behavior:auto}}