.brand-oal{--ink:#141413;--ink-deep:#0B0B0A;--block:#1E1D1B;--block-high:#2A2926;--orange:#FF7A18;--on-ink:#F0EDE8;--on-ink-soft:#9A968F;--material:color-mix(in srgb,#0B0B0A 72%,transparent);--material-blur:24px;--material-edge:color-mix(in srgb,var(--on-ink) 8%,transparent);--rule-color:color-mix(in oklab,var(--on-ink-soft) 22%,transparent);--face-text:var(--font-space-grotesk),var(--font-noto-hk),"Noto Sans HK","PingFang HK",system-ui,sans-serif;--face-mono:var(--font-jetbrains-mono),ui-monospace,"SF Mono",Menlo,monospace;--text-hero:clamp(2.6rem,1rem + 6.4vw,6.5rem);--text-title:clamp(2rem,1rem + 4.2vw,4rem);--text-head:clamp(1.3rem,1rem + 1.2vw,1.75rem);--text-lede:clamp(1.12rem,1rem + 0.55vw,1.4rem);--text-body:1.0625rem;--text-small:0.9375rem;--text-spec:0.8125rem;--text-caps:0.75rem;--track-hero:-0.035em;--track-title:-0.025em;--track-head:-0.015em;--track-lede:-0.008em;--track-small:0.004em;--track-spec:0.01em;--track-caps:0.16em;--leading-hero:1;--leading-title:1.08;--leading-head:1.25;--leading-lede:1.5;--leading-body:1.65;--space-tight:0.75rem;--space-line:1.25rem;--space-block:2.25rem;--space-zone:clamp(5rem,9vw,10rem);--gutter:clamp(20px,4vw,40px);--measure:62ch;--measure-lede:34em;--page:72rem;--radius-lg:28px;--radius-md:18px;--radius-sm:10px;--radius-pill:999px;--bar-h:56px;--gbar-h:44px;--lbar-h-mob:52px;--ease-settle:cubic-bezier(0.32,0.72,0,1);--dur-press:100ms;--dur-fast:180ms;--dur-base:320ms;--dur-slow:520ms;--background:60 3% 8%;--foreground:38 21% 93%;--muted-foreground:38 5% 58%;--primary:26 100% 55%;--ring:26 100% 55%;min-height:100dvh;background:var(--ink);color:var(--on-ink);font-family:var(--face-text);font-size:var(--text-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}@media (prefers-reduced-transparency:reduce){.brand-oal{--material:#0B0B0A;--material-blur:0px}}@media (prefers-reduced-motion:reduce){.brand-oal{--dur-press:1ms;--dur-fast:1ms;--dur-base:1ms;--dur-slow:1ms}}.brand-oal h1,.brand-oal h2,.brand-oal h3{margin:0;font-weight:700;text-wrap:balance}.brand-oal h1{font-size:var(--text-hero);line-height:var(--leading-hero);letter-spacing:var(--track-hero)}.brand-oal h2{font-size:var(--text-title);line-height:var(--leading-title);letter-spacing:var(--track-title)}.brand-oal h3{font-size:var(--text-head);line-height:var(--leading-head);letter-spacing:var(--track-head)}.brand-oal p{margin:0;max-width:var(--measure);text-wrap:pretty}.brand-oal a{color:inherit;text-decoration:none}.brand-oal ::selection{background:var(--orange);color:var(--ink)}.brand-oal :focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:6px}.brand-oal h1:lang(zh),.brand-oal h2:lang(zh),.brand-oal h3:lang(zh){letter-spacing:.01em}.brand-oal .spec{font-family:var(--face-mono);font-size:var(--text-spec);letter-spacing:var(--track-spec)}.brand-oal .plate,.brand-oal .spec{font-weight:500;color:var(--on-ink-soft)}.brand-oal .plate{display:inline-block;font-size:var(--text-caps);letter-spacing:var(--track-caps);text-transform:uppercase}.brand-oal .lede,.brand-oal .soft{color:var(--on-ink-soft)}.brand-oal .lede{font-size:var(--text-lede);line-height:var(--leading-lede);letter-spacing:var(--track-lede);max-width:var(--measure-lede)}.brand-oal [data-mark]{display:block;background-color:currentColor;-webkit-mask:var(--mark) center /contain no-repeat;mask:var(--mark) center /contain no-repeat}.brand-oal [data-action]{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:44px;padding:.7em 1.35em;font:inherit;font-weight:500;letter-spacing:var(--track-small);line-height:1.2;border:0;border-radius:var(--radius-pill);background:var(--block-high);color:var(--on-ink);cursor:pointer;transition:transform var(--dur-press) var(--ease-settle),background-color var(--dur-fast) var(--ease-settle)}.brand-oal [data-action]:hover{background:color-mix(in oklab,var(--block-high) 82%,var(--on-ink))}.brand-oal [data-action]:active{transform:scale(.97)}.brand-oal [data-action=quiet]{background:transparent;color:var(--on-ink-soft);padding-inline:.9em}.brand-oal [data-action=quiet]:hover{background:var(--block);color:var(--on-ink)}.brand-oal [data-action=primary]{background:var(--orange);color:var(--ink);font-weight:700}.brand-oal [data-action=primary]:hover{background:color-mix(in oklab,var(--orange) 88%,var(--on-ink))}.brand-oal .actions{display:flex;flex-wrap:wrap;gap:var(--space-tight);justify-content:center}.brand-oal [data-block]{background:var(--block);border-radius:var(--radius-lg)}.brand-oal [data-block=high]{background:var(--block-high)}.brand-oal [data-block][data-size=md]{border-radius:var(--radius-md)}.oal-bar{position:relative;z-index:40;padding-top:env(safe-area-inset-top)}.oal-bar[data-sticky]{position:sticky;top:0}.oal-bar-in{display:flex;align-items:center;justify-content:space-between;gap:var(--space-line);max-width:var(--page);height:var(--bar-h);margin:0 auto;padding:0 var(--gutter)}.oal-gbar{background:var(--ink-deep)}.oal-gbar[data-sticky]{background:var(--material);-webkit-backdrop-filter:blur(var(--material-blur)) saturate(160%);backdrop-filter:blur(var(--material-blur)) saturate(160%);box-shadow:inset 0 -1px 0 var(--material-edge)}.oal-gbar .oal-bar-in{height:var(--gbar-h)}.oal-lbar{z-index:41;padding-top:0;background:var(--material);-webkit-backdrop-filter:blur(var(--material-blur)) saturate(160%);backdrop-filter:blur(var(--material-blur)) saturate(160%);box-shadow:inset 0 -1px 0 var(--material-edge)}.oal-lockup{display:inline-flex;align-items:center;gap:.6rem;color:var(--on-ink);min-height:44px;flex:none}.oal-lockup .m{width:22px;aspect-ratio:1;color:var(--orange)}.oal-lockup .w{height:13px;aspect-ratio:2486/656}.oal-gbar .oal-lockup .m{width:18px}.oal-gbar .oal-lockup .w{height:11px}.oal-lockup .p{font-weight:700;font-size:1.02rem;letter-spacing:-.01em;white-space:nowrap}.oal-nav{display:flex;align-items:center;gap:.25rem}.oal-nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 .8rem;font-size:var(--text-small);color:var(--on-ink-soft);white-space:nowrap;transition:color var(--dur-fast) var(--ease-settle)}.oal-gnav a{font-size:var(--text-spec);padding:0 .7rem}.oal-nav a:hover,.oal-nav a[aria-current=page]{color:var(--on-ink)}.oal-lnav{margin-left:auto}.oal-lnav a[aria-current=page]:after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:6px;height:2px;border-radius:2px;background:var(--orange)}.brand-oal .oal-lcta{flex:none;display:inline-flex;align-items:center;min-height:36px;padding:0 1rem;margin-left:var(--space-tight);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--on-ink) 70%,transparent);color:var(--on-ink);font-size:var(--text-small);font-weight:600;white-space:nowrap;transition:box-shadow var(--dur-fast) var(--ease-settle),background var(--dur-fast) var(--ease-settle)}.brand-oal .oal-lcta:hover{box-shadow:inset 0 0 0 1px var(--on-ink);background:color-mix(in oklab,var(--on-ink) 8%,transparent)}.oal-gmenu,.oal-lmenu{display:none}.oal-gmenu>summary,.oal-lmenu>summary{list-style:none;cursor:pointer}.oal-gmenu>summary::-webkit-details-marker,.oal-lmenu>summary::-webkit-details-marker{display:none}.oal-gmenu-panel,.oal-lmenu-panel{position:absolute;left:0;right:0;top:100%;display:grid;padding:.5rem var(--gutter) 1rem;background:var(--ink-deep);box-shadow:inset 0 -1px 0 var(--material-edge)}.oal-gmenu-panel a,.oal-lmenu-panel a{display:flex;align-items:center;min-height:48px;color:var(--on-ink-soft);font-size:var(--text-body);border-bottom:1px solid var(--rule-color)}.oal-gmenu-panel a:last-child,.oal-lmenu-panel a:last-child{border-bottom:0}.oal-gmenu-panel a[aria-current=page],.oal-lmenu-panel a[aria-current=page]{color:var(--on-ink)}@media (max-width:900px){.oal-gnav,.oal-lnav{display:none}.oal-gmenu,.oal-lmenu{display:block}.oal-gbar .oal-lockup .w{display:none}.oal-gmenu>summary{display:grid;place-items:center;width:44px;height:44px;margin-right:-10px}.oal-gmenu>summary>span,.oal-gmenu>summary>span:before{display:block;width:18px;height:1.5px;border-radius:1px;background:var(--on-ink);transition:transform var(--dur-fast) var(--ease-settle)}.oal-gmenu>summary>span{position:relative;transform:translateY(-3px)}.oal-gmenu>summary>span:before{content:"";position:absolute;top:6px}.oal-gmenu[open]>summary>span{transform:rotate(45deg)}.oal-gmenu[open]>summary>span:before{transform:translateY(-6px) rotate(-90deg)}.oal-lmenu{margin-right:auto}.oal-lmenu>summary{display:inline-flex;align-items:center;gap:.55rem;min-height:44px;color:var(--on-ink)}.oal-lmenu>summary .m{width:22px;aspect-ratio:1;color:var(--orange)}.oal-lmenu>summary .p{font-weight:700;font-size:1.02rem;letter-spacing:-.01em}.oal-lmenu .chev{width:7px;height:7px;margin:-3px 0 0 .1rem;border-right:1.5px solid var(--on-ink-soft);border-bottom:1.5px solid var(--on-ink-soft);transform:rotate(45deg);transition:transform var(--dur-fast) var(--ease-settle)}.oal-lmenu[open] .chev{transform:translateY(4px) rotate(-135deg)}.oal-lbar .oal-bar-in>.oal-lockup{display:none}.oal-lbar .oal-bar-in{height:var(--lbar-h-mob)}}.sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.oal-zone{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-line);padding:var(--space-zone) var(--gutter);max-width:calc(var(--page) + var(--gutter) * 2);margin:0 auto}.oal-zone>*{width:100%}.oal-zone>.lede,.oal-zone>p{margin-inline:auto}.oal-zone .actions{margin-top:var(--space-tight)}.oal-zone--hero{padding-top:clamp(4rem,10vw,8rem);padding-bottom:var(--space-block)}.oal-zone--left{align-items:flex-start;text-align:left}.oal-zone--left>.lede,.oal-zone--left>p{margin-inline:0}.oal-bleed{position:relative;width:100%;max-width:1600px;margin:0 auto}.oal-bleed img{display:block;width:100%;height:auto}.oal-bleed:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,var(--ink) 0,transparent 18%,transparent 78%,var(--ink) 100%),linear-gradient(to right,var(--ink) 0,transparent 12%,transparent 88%,var(--ink) 100%)}@media (max-width:760px){.oal-bleed img{aspect-ratio:4/5;object-fit:cover;object-position:62% 50%}}.oal-figure{overflow:hidden;border-radius:var(--radius-lg);background:var(--block)}.oal-figure img{display:block;width:100%;height:auto}.oal-narrow{max-width:40rem;margin-inline:auto}.oal-products{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:var(--space-tight);text-align:left}.oal-product{display:flex;flex-direction:column;gap:var(--space-tight);padding:clamp(1.5rem,3vw,2.5rem);overflow:hidden}.oal-product h3{font-size:var(--text-title);line-height:var(--leading-title);letter-spacing:var(--track-title)}.oal-product p{color:var(--on-ink-soft)}.oal-product .actions{justify-content:flex-start;margin-top:auto;padding-top:var(--space-line)}.oal-product .shot{margin:0 calc(clamp(1.5rem, 3vw, 2.5rem) * -1) var(--space-tight)}.oal-product .shot img{display:block;width:100%;height:auto}.oal-product--later,.oal-product--later h3{color:var(--on-ink-soft)}.oal-product--later .m{width:clamp(88px,12vw,140px);aspect-ratio:1;margin:var(--space-block) 0;color:var(--block-high)}@media (max-width:760px){.oal-products{grid-template-columns:minmax(0,1fr)}}.oal-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-tight);counter-reset:step;text-align:left;margin:0;padding:0;list-style:none}.oal-steps li{padding:var(--space-line);border-radius:var(--radius-md);background:var(--block);counter-increment:step}.oal-steps li:before{content:counter(step);display:block;margin-bottom:var(--space-tight);font-family:var(--face-mono);font-size:var(--text-spec);color:var(--on-ink-soft)}.oal-steps li:last-child{background:var(--block-high)}.oal-steps b{display:block;font-size:var(--text-head);line-height:var(--leading-head);letter-spacing:var(--track-head);margin-bottom:.3rem}.oal-steps span{color:var(--on-ink-soft);font-size:var(--text-small)}@media (max-width:900px){.oal-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.oal-steps{grid-template-columns:minmax(0,1fr)}}.oal-facts{display:grid;gap:2px;margin:0;text-align:left;border-radius:var(--radius-lg);overflow:hidden}.oal-facts>div{display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:var(--space-line);padding:1.1rem clamp(1.25rem,3vw,2rem);background:var(--block);align-items:baseline}.oal-facts dt{color:var(--on-ink-soft);font-size:var(--text-small)}.oal-facts dd{margin:0;overflow-wrap:anywhere}.oal-facts a{text-decoration:underline;text-decoration-color:var(--rule-color);text-underline-offset:.25em}.oal-facts a:hover{text-decoration-color:var(--on-ink)}@media (max-width:560px){.oal-facts>div{grid-template-columns:minmax(0,1fr);gap:.15rem}}.oal-portrait{width:min(100%,26rem);margin:0 auto}.oal-foot{margin-top:var(--space-zone);background:var(--ink-deep);color:var(--on-ink-soft);font-size:var(--text-small)}.oal-foot-in{max-width:var(--page);margin:0 auto;padding:clamp(3rem,6vw,4.5rem) var(--gutter) calc(var(--space-line) + env(safe-area-inset-bottom));display:grid;gap:clamp(2.5rem,5vw,4rem)}.oal-crumbs ol{list-style:none;margin:0;padding:0 0 var(--space-line);display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 0;border-bottom:1px solid var(--rule-color);font-size:var(--text-spec)}.oal-crumbs li{display:inline-flex;align-items:center}.oal-crumbs li+li:before{content:"›";margin:0 .6rem;color:var(--on-ink-soft);opacity:.6}.oal-crumbs a{display:inline-flex;align-items:center;min-height:32px;color:var(--on-ink-soft);transition:color var(--dur-fast) var(--ease-settle)}.oal-crumbs a:hover{color:var(--on-ink)}.oal-crumbs .m{width:16px;aspect-ratio:1;color:var(--orange)}.oal-crumbs [aria-current]{color:var(--on-ink)}.oal-foot-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:var(--space-block) var(--space-line);align-items:start}.oal-foot-brand{display:grid;gap:var(--space-tight);justify-items:start}.oal-foot-brand p{margin:0;max-width:22ch;line-height:1.6}.brand-oal .oal-foot .oal-foot-col h2{margin:0 0 .5rem;font-size:var(--text-caps);line-height:1.4;font-weight:600;letter-spacing:var(--track-caps);color:var(--on-ink)}.oal-foot-col ul{list-style:none;margin:0;padding:0;display:grid}.oal-foot-col a{display:inline-flex;align-items:center;gap:.5rem;min-height:40px;transition:color var(--dur-fast) var(--ease-settle)}.oal-foot-base>a:hover,.oal-foot-col a:hover{color:var(--on-ink)}.oal-foot-col .pm{width:16px;aspect-ratio:1;flex:none;color:var(--orange)}.oal-foot-base{display:flex;flex-wrap:wrap;align-items:center;gap:0 1.25rem;padding-top:var(--space-line);border-top:1px solid var(--rule-color);font-size:var(--text-spec)}.oal-foot-base p{margin:0;max-width:none}.oal-foot-base>a{display:inline-flex;align-items:center;min-height:44px}.oal-foot-base .oal-foot-reach{margin-left:auto}@media (max-width:760px){.oal-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oal-foot-brand{grid-column:1/-1}}.oal-reach{list-style:none;margin:0;padding:0;display:flex;gap:.25rem}.oal-reach a{display:grid;place-items:center;color:var(--on-ink-soft);transition:color var(--dur-fast) var(--ease-settle),background-color var(--dur-fast) var(--ease-settle),transform var(--dur-press) var(--ease-settle)}.oal-reach .i{display:grid;place-items:center}.oal-reach svg{width:100%;height:100%}.oal-reach[data-size=sm] a{width:44px;height:44px;border-radius:50%}.oal-reach[data-size=sm] .i{width:20px;height:20px}.oal-reach[data-size=sm] a:hover{color:var(--on-ink);background:var(--block)}.oal-reach[data-size=lg]{justify-content:center;gap:clamp(1.5rem,5vw,3rem);margin-top:var(--space-tight)}.oal-reach[data-size=lg] a{gap:.6rem;color:var(--on-ink-soft);font-size:var(--text-small)}.oal-reach[data-size=lg] .i{width:clamp(4.5rem,12vw,5.5rem);aspect-ratio:1;border-radius:50%;background:var(--block-high);color:var(--on-ink);padding:26%;transition:inherit}.oal-reach[data-size=lg] [data-reach=wa] .i{background:#25D366;color:#fff}.oal-reach[data-size=lg] a:hover{color:var(--on-ink)}.oal-reach[data-size=lg] a:hover .i{transform:translateY(-2px)}.oal-reach[data-size=lg] a:active .i{transform:scale(.96)}.brand-oal [data-action] .ai{display:inline-grid;width:1.15em;height:1.15em;flex:none}.brand-oal [data-action] .ai svg{width:100%;height:100%}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.oal-rise{animation:oal-rise linear both;animation-timeline:view();animation-range:entry 6% cover 24%}@keyframes oal-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}}}.oal-factory .plate{margin-bottom:calc(var(--space-tight) * -1)}.oal-factory-mark{aspect-ratio:1;margin:var(--space-block) auto;color:var(--orange)}.oal-factory-mark,.oal-zone>.oal-factory-mark{width:clamp(120px,22vw,240px)}.oal-clause{display:inline-block}.brand-oal h1:lang(zh){font-size:max(calc(var(--text-title) * 1.2),calc(var(--text-hero) * .75))}.brand-oal h2:lang(zh){font-size:min(var(--text-title),calc((100vw - 2.5rem) / 12.4))}.oal-404{min-height:80dvh;justify-content:center}.oal-zone>.oal-404-mark{width:64px;aspect-ratio:1;color:var(--block-high);margin:0 auto}.press,.press-head{position:relative}.press-head{z-index:1;padding:clamp(5rem,12vw,9rem) max(var(--gutter),(100% - var(--page))/2) var(--space-block)}.brand-oal .press-title{font-size:clamp(2.75rem,.5rem + 7vw,8.6rem);line-height:.96;letter-spacing:-.04em;text-transform:uppercase;text-wrap:balance;max-width:none}@media (max-width:699px){.brand-oal .press-title{font-size:clamp(2.75rem,14.5vw,4rem)}}.press-br{display:none}@media (min-width:900px){.press-br{display:inline}}.press-dot{display:inline-block;width:.17em;height:.17em;margin-left:.05em;background:var(--orange);clip-path:polygon(29% 0,71% 0,100% 29%,100% 71%,71% 100%,29% 100%,0 71%,0 29%)}.press-sub{margin-top:var(--space-line);font-size:var(--text-lede);line-height:var(--leading-lede);color:var(--on-ink-soft)}.press-canvas,.press-lane{display:none}.press-floor{position:relative;padding:var(--space-zone) 0 0}.floor-head{position:relative;z-index:1;display:grid;gap:var(--space-tight);justify-items:start;width:max-content;max-width:calc(100% - var(--gutter) * 2);margin:0 max(var(--gutter),(100% - var(--page))/2)}.brand-oal .floor-head h2{font-size:var(--text-title);line-height:var(--leading-title)}.floor-head p{color:var(--on-ink-soft);font-size:var(--text-lede)}.press-doors{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,6vw,6rem);padding:var(--space-block) max(var(--gutter),(100% - var(--page))/2) 0}.press-door{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;justify-items:start;row-gap:var(--space-tight)}.press-door .art{width:clamp(7rem,15vw,12rem);aspect-ratio:1;margin-bottom:var(--space-line);color:var(--orange)}.press-door .art svg{display:block;width:100%;height:100%}.brand-oal .press-door h3{font-size:var(--text-title)}.press-door p{color:var(--on-ink-soft)}.brand-oal .press-door .plate{font-size:var(--text-small);letter-spacing:.06em}.press-door [data-action]{margin-top:var(--space-tight)}@media (max-width:699px){.press-doors{grid-template-columns:minmax(0,1fr);gap:var(--space-block)}.press-door{grid-template-columns:7.5rem minmax(0,1fr);column-gap:1rem;row-gap:.35rem}.press-door .art{grid-row:span 4;width:100%;margin:0;align-self:center}.brand-oal .press-door h3{font-size:1.5rem}.press-door p{font-size:var(--text-small);line-height:1.5}.press-door [data-action]{margin-top:.25rem}}@media (prefers-reduced-motion:no-preference){.press{display:grid;grid-template-rows:auto minmax(9rem,1fr);min-height:calc(100svh - var(--gbar-h));overflow:hidden}.press .press-head{padding-top:clamp(2.5rem,10vh,8rem);padding-bottom:0}.press .press-lane{display:block;margin:clamp(1.5rem,5vh,4rem) max(var(--gutter),(100% - var(--page))/2) clamp(1.5rem,6vh,5rem)}}.press.is-live .press-dot{opacity:var(--press-dot,0)}.press-floor.is-live .press-canvas,.press.is-live .press-canvas{display:block;position:absolute;inset:0;z-index:2;pointer-events:none}.press-floor.is-live .press-canvas{z-index:0}.press-floor.is-live .floor-head{opacity:var(--floor-head,0);transform:translateY(calc((1 - var(--floor-head, 0)) * 16px))}.press-floor.is-live .press-door .art{opacity:var(--floor-art,0)}.press-floor.is-live .press-door>:not(.art){opacity:var(--floor-doors,0);transform:translateY(calc((1 - var(--floor-doors, 0)) * 14px))}