:root{--card:#f5f5f5;--card-hover:#ebebeb;--muted:#808080;--line:#e5e5e5;--radius:10px;--sidebar:238px;--gap:10px;--font:'OPPO Sans 4.0',Arial,'PingFang SC',sans-serif}*{box-sizing:border-box}body{margin:0;background:#fff;color:#000;font-family:var(--font);font-size:14px;letter-spacing:-.02em}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}p,h1,h2,figure{margin:0}button{color:inherit;background:none;border:0}img{display:block;max-width:100%}button:focus-visible,a:focus-visible{outline:2px solid #2864df;outline-offset:4px}button:hover{background:var(--card)}[hidden]{display:none!important}.skip{position:fixed;top:-100px;padding:12px;background:#000;color:white;z-index:100}.skip:focus{top:10px}.toolbar{position:absolute;right:20px;top:20px;display:flex;gap:12px;z-index:20}.view-button{width:40px;height:32px;border:1px solid transparent;border-radius:8px;position:relative;display:flex;align-items:center;justify-content:center}.view-button[aria-current=page]{border-color:var(--line)}.view-icon{width:22px;height:16px;position:relative}.list-icon:before,.list-icon:after{content:'';position:absolute;height:14px;top:1px;border:1px solid;border-radius:2px}.list-icon:before{left:0;width:4px}.list-icon:after{left:6px;width:16px}.grid-icon{display:grid;grid-template-columns:9px 9px;grid-template-rows:6px 6px;gap:2px}.grid-icon i{border:1px solid;border-radius:2px}.process-icon .line{position:absolute;left:0;width:17px;object-fit:fill}.process-icon .line-a{top:8px}.process-icon .line-b{top:2px}.process-icon .line-c{top:8px;transform:scaleY(-1)}.process-icon .nodes{position:absolute;right:0;top:1px;display:flex;flex-direction:column;gap:2px}.process-icon i{display:block;width:6px;height:4px;border:1px solid;border-radius:1.5px}.compact-profile{position:absolute;left:10px;top:10px;background:var(--card);border-radius:10px;padding:10px;display:flex;align-items:center;gap:16px;height:60px;font-size:12px;letter-spacing:0}.compact-profile img{height:40px;width:40px;border-radius:50%;object-fit:cover}.profile-time{display:flex;gap:8px}.side-nav{position:absolute;left:10px;top:10px;width:228px;display:flex;flex-direction:column;gap:10px}.clock-profile{position:relative;width:228px;height:228px;display:block;border-radius:10px}.clock-profile img{position:absolute;left:22.17px;top:22.59px;width:160.39px;height:160.39px;border-radius:50%;object-fit:cover}.clock-time{position:absolute;left:0;right:0;top:13px;text-align:center;font-size:12px}.clock-date,.clock-city{position:absolute;font-size:12px;letter-spacing:0}.clock-date{left:9px;top:145px;transform:rotate(70deg)}.clock-city{left:181px;top:145px;transform:rotate(-65deg)}.nav-card{display:flex;align-items:start;gap:5px;padding:5px;border-radius:10px;background:var(--card);min-height:62px;transition:background-color .15s,transform .15s}.nav-card:hover,.nav-card[aria-current=page]{background:var(--card-hover)}.nav-card img{width:52px;height:52px;object-fit:cover;border-radius:5px;flex-shrink:0}.nav-card strong{display:block;font-size:9px;font-weight:500;margin-bottom:3px;letter-spacing:-.02em}.nav-card p{font-size:7.76px;line-height:1.18;color:var(--muted);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.nav-card.about-link{min-height:51px}.list-main,.detail-main{margin-left:248px;margin-right:10px;padding-top:80px;padding-bottom:10px}.media{position:relative;overflow:hidden;border-radius:10px;aspect-ratio:var(--ratio,1182/665);background:var(--media-bg,transparent)}.media>img,.media>video{width:100%;height:100%;object-fit:cover}.media.layers img{position:absolute;max-width:none}.showreel{border:0;border-radius:11.13px}.showreel img{object-fit:fill}.about-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:10px;align-items:start}.text-card{background:var(--card);border-radius:10px;padding:16px;min-width:0;font-size:14px;line-height:1.15}.text-card h2{color:var(--muted);font-size:14px;font-weight:400;margin-bottom:12px}.text-card p{white-space:pre-line}.about-layout>.text-card{min-height:140px}.about-portrait{aspect-ratio:586/527;background:var(--card)}.about-portrait img{object-fit:contain;object-position:bottom;width:90%;margin:auto}.about-right{display:grid;gap:10px}.contact-card a{text-decoration:underline}.museum-card{font-size:18px;line-height:1.15;min-height:409px;display:flex;flex-direction:column}.museum-card small{font-size:14px;color:var(--muted);margin-top:auto;padding-top:60px}.grid-main{padding:80px 10px 70px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 10px}.grid-card{display:block;min-width:0}.grid-card .media{border-radius:6.638px;aspect-ratio:705/396.314}.grid-card .card-title{font-size:14px;font-weight:400;line-height:16px;color:#aeadad;margin-top:10px}.grid-card:hover .media{box-shadow:none}/* AE hover.aep: two text layers move through one fixed mask. */
.grid-card .card-title{position:relative;height:22px;overflow:hidden}
.grid-card .card-title-label,.grid-card .card-title-hover{display:block;line-height:16px;transition:transform .349s cubic-bezier(.32,.94,.6,1);will-change:transform}
.grid-card .card-title-label{transform:translateY(0)}
.grid-card .card-title-hover{position:absolute;inset:0 auto auto 0;width:100%;color:#000;transform:translateY(25.2735px)}
@media(hover:hover) and (pointer:fine){
 .grid-card:hover .card-title-label{transform:translateY(-27.5px);transition-duration:.312s}
 .grid-card:hover .card-title-hover{transform:translateY(3px);transition-duration:.312s}
}
.grid-card:focus-visible .card-title-label,.grid-card.is-touch-held .card-title-label{transform:translateY(-27.5px);transition-duration:.312s}
.grid-card:focus-visible .card-title-hover,.grid-card.is-touch-held .card-title-hover{transform:translateY(3px);transition-duration:.312s}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){
 .grid-card .card-title-label,.grid-card .card-title-hover{transition-duration:.5s}
 .grid-card.is-touch-held .card-title-label,.grid-card.is-touch-held .card-title-hover{transition-duration:.48s}
}
@media(prefers-reduced-motion:reduce){.grid-card .card-title-label,.grid-card .card-title-hover{transition:none}}
.grid-card[data-disabled] .media{cursor:default}.project-intro{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start;min-height:339px;margin:10px 0}.project-heading h1{font-size:18px;font-weight:400;line-height:1.2;margin-bottom:11px}.project-tags{display:flex;gap:11px;flex-wrap:wrap}.project-tag{background:var(--line);padding:4px 10px;border-radius:4px;font-size:12px;letter-spacing:0}.description-card{font-size:18px;line-height:1.15}.description-card small{display:block;color:var(--muted);font-size:14px;margin-top:60px}.gallery{display:flex;flex-direction:column;gap:10px}.gallery-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}.gallery-row .text-card{font-size:18px;line-height:1.15}.gallery-row.full{grid-template-columns:1fr}.gallery-row.half-left>.media{grid-column:1}.gallery-row.half-right>.text-card,.gallery-row.half-right>.media{grid-column:2}.next-project{display:flex;justify-content:space-between;padding:30px 0 15px;color:var(--muted);font-size:14px}.next-project a:hover{color:#000}.process-wrap{width:100%;height:900px;overflow:auto;position:relative}.process-canvas{position:relative;min-width:1100px;height:900px;width:100%;touch-action:pan-x pan-y}.process-canvas svg.connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.connections path{stroke:#c5c5c5;fill:none;stroke-width:1;vector-effect:non-scaling-stroke}.category{position:absolute;border:1px solid var(--line);border-radius:8px;padding:12px 16px;background:#fff;font-size:14px;line-height:16px;white-space:nowrap;display:flex;gap:10px;z-index:2}.category span{color:var(--line);font-size:12px}.category[aria-pressed=true]{border-color:#aaa}.process-card{position:absolute;width:16.6667%;max-width:280px;z-index:3;transition:opacity .2s}.process-card .media{aspect-ratio:240/160;border-radius:8px}.process-card p{font-family:Arial,sans-serif;font-size:13px;line-height:18px;margin-top:8px;letter-spacing:0}.process-card:hover .media{box-shadow:0 2px 10px #0003}.process-card.dimmed{opacity:.16}.lightbox{position:fixed;inset:0;background:#fffffff5;z-index:100;display:flex;align-items:center;justify-content:center;padding:56px 4vw;cursor:zoom-out}.lightbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.lightbox button{position:absolute;right:20px;top:15px;font-size:30px;padding:8px}.zoomable{cursor:zoom-in}.empty-state{padding:100px 24px;text-align:center;color:var(--muted)}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.site-noscript{margin:80px 20px}.admin-bar .toolbar,.admin-bar .side-nav,.admin-bar .compact-profile{margin-top:32px}
.process-card p{font-family:'Inter',Arial,sans-serif}
.mobile-profile{display:none}
.clock-profile img,.compact-profile img{animation:avatar-spin 20s linear infinite reverse;transform-origin:center}
@keyframes avatar-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(min-width:1600px){.list-main,.detail-main{margin-left:calc(16.6667% + 8px)}.side-nav{width:calc(16.6667% - 12px)}.clock-profile{margin:auto}.grid-card .media{aspect-ratio:705/396.314}}
@media(max-width:1000px){:root{--sidebar:190px}.side-nav{width:180px}.clock-profile{width:180px;height:228px}.clock-profile img{left:10px;width:150px;height:150px;top:30px}.clock-date{left:-8px}.clock-city{left:151px}.list-main,.detail-main{margin-left:200px}.nav-card strong{font-size:10px}.nav-card p{font-size:9px;-webkit-line-clamp:3}.text-card{font-size:13px}.description-card,.gallery-row .text-card{font-size:16px}.museum-card{font-size:16px}.project-intro{min-height:0;margin-bottom:10px}.project-heading h1{font-size:16px}.about-layout>.text-card{min-height:180px}.compact-profile{gap:10px}}
@media(max-width:700px){.toolbar{right:10px;gap:4px;top:17px}.compact-profile{background:transparent;padding:0;gap:8px;height:44px}.compact-profile img{width:36px;height:36px}.profile-time{flex-wrap:wrap;gap:3px 6px;max-width:118px;font-size:10px}.side-nav{position:relative;width:auto;left:auto;top:auto;margin:0 10px;display:flex;flex-direction:row;overflow:auto;padding:80px 0 8px;gap:8px;scrollbar-width:none}.clock-profile{display:none}.nav-card{flex:0 0 160px;min-height:62px}.nav-card.about-link{flex-basis:140px;min-height:62px}.list-main,.detail-main{margin:0 10px;padding-top:10px}.about-layout{grid-template-columns:1fr}.about-layout>.text-card{min-height:0}.about-layout>.text-card:nth-child(2){grid-row:2}.about-portrait{grid-row:3}.about-right{grid-row:4}.text-card{font-size:14px;line-height:1.3}.museum-card{font-size:17px;min-height:0}.grid-main{grid-template-columns:1fr;gap:24px;padding-top:80px}.project-intro{grid-template-columns:1fr;gap:16px;margin-top:16px;margin-bottom:16px}.project-heading h1{font-size:18px}.description-card{font-size:16px;line-height:1.3}.description-card small{margin-top:24px}.gallery-row{gap:8px}.gallery-row .text-card{font-size:13px;padding:10px;line-height:1.3}.process-wrap{height:calc(100dvh - 80px);margin-top:80px}.process-canvas{height:820px}.lightbox{padding:60px 10px}.admin-bar .toolbar,.admin-bar .compact-profile{margin-top:46px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(prefers-reduced-motion:reduce){.clock-profile img,.compact-profile img,.profile-ring{animation:none}}
@media(max-width:700px){.mobile-profile{display:block}}
.clock-profile{width:228px;height:228px;flex-shrink:0}
.clock-profile img{left:14.825%;top:14.825%;width:70.35%;height:70.35%}
.profile-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;animation:avatar-spin 20s linear infinite;transform-origin:50% 50%}
.profile-ring text{font-family:var(--font);font-size:12px;fill:currentColor;letter-spacing:0;text-anchor:middle}
.compact-profile{width:60px;height:60px;padding:0;background:transparent;border-radius:50%;display:block}
.compact-profile img{position:absolute;left:20%;top:20%;width:60%;height:60%}
.compact-profile .profile-ring text{font-size:22px}
@media(min-width:701px) and (max-width:1000px){.clock-profile{width:180px;height:180px}}
@media(prefers-reduced-motion:reduce){.profile-ring{animation:none}}
.nav-card{gap:5px;padding:5px;min-height:0;aspect-ratio:228 / 62.08695;overflow:hidden}
.nav-card>span{min-width:0;flex:1}
.nav-card strong{font-size:13.5px;line-height:1.2;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-card p{font-size:11.64px;line-height:1.18;-webkit-line-clamp:2}
.nav-card img{width:23.73%;height:auto;aspect-ratio:1;object-fit:cover}
.nav-card.about-link{min-height:0;aspect-ratio:228 / 50.93479}
.nav-card.about-link p{-webkit-line-clamp:1}
@media(max-width:1000px){.nav-card p{-webkit-line-clamp:1}}
@media(max-width:700px){.nav-card{flex-basis:228px;align-self:flex-start}.nav-card.about-link{flex-basis:228px}.nav-card p{-webkit-line-clamp:2}.nav-card.about-link p{-webkit-line-clamp:1}}
.toolbar{gap:12px}
.view-button{padding:0;border:0;flex:none}
.view-button-icon{display:block;width:40px;height:32px;max-width:none}
.process-wrap{margin-top:80px;height:calc(100dvh - 80px);min-height:520px;overflow:auto}
.process-canvas{height:100%;min-height:720px;isolation:isolate}
.process-card{left:0!important;top:0!important;height:auto;max-width:none;transform-origin:50% 50%;transition:none;will-change:transform,opacity}
.process-card .media{transition:box-shadow .22s ease}
.process-card p{position:absolute;top:100%;left:0;margin-top:8px;padding:2px 0;background:transparent;white-space:nowrap;text-align:left;opacity:0;transform:translateY(5px);transition:opacity .18s ease,transform .22s ease;pointer-events:none}
.process-card.is-hovered p,.process-card:focus-visible p{opacity:1;transform:translateY(0)}
.process-card.is-hovered .media{box-shadow:0 10px 24px #0002}
.process-card[aria-hidden=true]{pointer-events:none}
.connections .process-link,.connections .process-branch{stroke:#dedede;stroke-width:1;transition:stroke .2s ease,opacity .2s ease}
.connections .is-highlighted{stroke:#999;stroke-width:1.15}
.connections .is-muted{opacity:.3}
.category{transition:border-color .2s ease,color .2s ease,box-shadow .2s ease;background:#fff}
.category[aria-pressed=true]{border-color:#999;box-shadow:0 0 0 .25px #999}
.category:not([aria-pressed=true]){color:#888}
.category:hover{color:#000;border-color:#bbb;background:#fff}
.process-empty{position:absolute;left:48%;top:48%;font-size:14px;color:#999;pointer-events:none}
@media(max-width:700px){.process-canvas{min-width:1100px}.process-empty{left:35%}}
@media(prefers-reduced-motion:reduce){.process-card,.process-card p,.process-card .media,.connections path,.category{transition:none;will-change:auto}}
@media(min-width:701px){
 .side-nav{position:fixed;height:min(calc(100dvh - 20px),var(--list-height,100dvh));padding-bottom:var(--stack-tail,48px);overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:none;isolation:isolate}
 .side-nav::-webkit-scrollbar{display:none}
 .side-nav .nav-card{position:relative;flex-shrink:0;transform-origin:top center;transition:background-color .15s;will-change:transform}
 .admin-bar .side-nav{height:min(calc(100dvh - 52px),var(--list-height,100dvh))}
 .side-nav .nav-card.is-stack-front{background:#e5e5e5;background-image:linear-gradient(115deg,#dedede,#efefef)}
 .side-nav .nav-card.is-stacked{background:#ededed}
 .side-nav .nav-card.is-stack-deep{background:#f5f5f5}
}
@media(prefers-reduced-motion:reduce){.side-nav .nav-card{will-change:auto}}
.compact-profile:not(.compact-profile--orbit){display:flex;align-items:center;width:238px;flex:none;height:60px;padding:10px;gap:16px;background:var(--card);border-radius:10px;letter-spacing:0}
.compact-profile:not(.compact-profile--orbit) img{position:static;flex:none;width:40px;height:40px}
.compact-profile:not(.compact-profile--orbit) .profile-time{display:flex;align-items:center;gap:8px;max-width:none;flex-wrap:nowrap;white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums}
@media(max-width:700px){.compact-profile:not(.compact-profile--orbit){width:204px;height:52px;padding:8px;gap:8px}.compact-profile:not(.compact-profile--orbit) img{width:32px;height:32px}.compact-profile:not(.compact-profile--orbit) .profile-time{font-size:10px;gap:6px}}
@media(max-width:360px){.compact-profile:not(.compact-profile--orbit){width:184px;height:48px;padding:6px;gap:6px}.compact-profile:not(.compact-profile--orbit) img{width:28px;height:28px}.compact-profile:not(.compact-profile--orbit) .profile-time{font-size:9px;gap:4px}.toolbar{gap:4px}}

.compact-profile:not(.compact-profile--orbit) .profile-time{display:grid;grid-template-columns:1fr 1.8fr 1.35fr;flex:1;min-width:0}

.side-nav .nav-card:hover,.side-nav .nav-card[aria-current=page]{background:var(--card-hover);box-shadow:none}

.card-preview video{pointer-events:none}.text-card a{text-decoration:underline;text-underline-offset:2px}

.media>.media-overlay{position:absolute;z-index:1;object-fit:contain;pointer-events:none}

/* Keep the About Me avatar link above the Process canvas. */
.compact-profile{z-index:30;cursor:pointer}
/* Process artwork uses the authored card proportions and full-page dot field. */
.process-wrap{margin-top:0;height:100dvh;min-height:900px}
.process-canvas{min-height:900px;background-image:url('images/process-dot-tile.svg');background-size:105px 105px;background-repeat:repeat;background-position:35px 80px}
.process-card .media{aspect-ratio:var(--ratio)}
.process-card video{pointer-events:none}
@media(max-width:700px){.process-wrap{margin-top:0;height:100dvh}.process-canvas{min-height:900px}}

/* Figma icon_ListView: Default / Hover / Selected, shared by all view controls. */
.view-button{background:transparent}
.view-button:hover{background:var(--card-hover)}
.view-button[aria-current=page],.view-button[aria-current=page]:hover{background:#e5e5e5;border:0}

.detail-main .project-intro{min-height:0;margin-bottom:10px}

@media(min-width:701px){
 .about-portrait{align-self:stretch;aspect-ratio:auto;min-height:0}
 .about-portrait img{position:absolute;inset:auto 5% 0;width:90%;height:100%;object-fit:contain;object-position:bottom}
 .about-right{align-self:stretch;grid-template-rows:auto 1fr;gap:10px}
 .about-right .museum-card{min-height:0}
}

/* Keep About copy consistent at every responsive breakpoint. */
.about-right .museum-card{font-size:14px}
@media(min-width:701px) and (max-width:1000px){.about-right .museum-card{font-size:13px}}

/* Portrait frame prefers a square and stays between 4:3 and 3:4. */
.about-layout{container-type:inline-size}
@media(min-width:1101px){
 .about-portrait{aspect-ratio:1;height:100%;min-height:calc((100cqw - 10px)*.375);max-height:calc((100cqw - 10px)*.6666667)}
}
@media(min-width:701px) and (max-width:1100px){
 .about-layout{grid-template-columns:1fr}
 .about-portrait{aspect-ratio:1;align-self:start;height:auto}
 .about-right{grid-template-rows:auto auto}
}
@media(max-width:700px){.about-portrait{aspect-ratio:1}}

@media(min-width:1101px){.about-layout>.text-card{align-self:stretch}}

/* Route focus announces the main content without outlining the entire page. */
#main[tabindex="-1"]:focus{outline:none}

/* Desktop-Process-opened: keep the canvas visible beneath a frosted backdrop. */
.process-lightbox{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:80px 20px;background:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:process-preview-fade .2s ease-out}
.process-preview{--preview-height:min(73.4444dvh,calc(100dvh - 192px));width:min(calc(var(--preview-height)*var(--preview-ratio)),calc(100vw - 40px),var(--preview-max,1100px));display:flex;flex-direction:column;gap:8px;animation:process-preview-enter .24s ease-out}
.process-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:24px}
.process-preview-heading h2{font-size:14px;font-weight:500;line-height:20px;letter-spacing:-.02em}
.process-preview-close{display:flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;padding:0;border-radius:4px}
.process-preview-close img{width:24px;height:24px}
.process-preview-media{width:100%;border-radius:10px;background:#fff;isolation:isolate}
.process-preview-media>video{object-fit:contain}
.process-preview-open .toolbar,.process-preview-open .compact-profile{z-index:110}
@keyframes process-preview-fade{from{opacity:0}to{opacity:1}}
@keyframes process-preview-enter{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:700px){.process-lightbox{padding:80px 16px 24px}.process-preview{--preview-height:calc(100dvh - 160px);width:min(calc(var(--preview-height)*var(--preview-ratio)),calc(100vw - 32px),var(--preview-max,1100px))}}
@media(prefers-reduced-motion:reduce){.process-lightbox,.process-preview{animation:none}}

/* Mobile-ListView-Demo1–3: shared clock, two view controls, project tabs. */
@media(max-width:700px){
 .toolbar{top:17px;right:10px;gap:12px}
 .compact-profile:not(.compact-profile--orbit){width:204px;height:52px;padding:8px;gap:8px;border-radius:10px}
 .compact-profile:not(.compact-profile--orbit) img{width:32px;height:32px}
 .compact-profile:not(.compact-profile--orbit) .profile-time{font-size:10px;gap:6px}
 .view-button--list:not([aria-current]) .view-button-icon{filter:brightness(1.114)}
 .view-button--list:not([aria-current]):hover .view-button-icon{filter:brightness(1.0262)}
 .side-nav{margin:0;padding:80px 10px 8px;gap:8px;width:100%;height:150px;overflow-x:auto;overflow-y:hidden;scroll-padding-inline:10px;overscroll-behavior-x:contain}
 .side-nav .nav-card,.side-nav .nav-card.about-link{flex:0 0 62px;width:62px;height:62px;min-height:62px;aspect-ratio:auto;padding:5px;gap:5px;background:var(--card);border-radius:10px}
 .side-nav .nav-card[aria-current=page]{flex-basis:232px;width:232px;background:var(--card)}
 .side-nav .nav-card img{flex:none;width:52px;height:52px;border-radius:5px}
 .side-nav .nav-card>span{flex:1;min-width:0}
 .side-nav .nav-card:not([aria-current=page])>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .side-nav .nav-card strong{font-size:13.5px;line-height:16.2px;margin-bottom:3px}
 .side-nav .nav-card p{font-size:11.64px;line-height:13.735px;-webkit-line-clamp:2}
 .side-nav .nav-card.about-link p{-webkit-line-clamp:2}
 .detail-main{padding-top:0}
 .side-nav .nav-card:focus-visible{outline-offset:-2px}
 .side-nav.is-tabs-animating{overflow:hidden}
 .side-nav.is-tabs-animating .nav-card{flex:none}
 .side-nav.is-tabs-animating .nav-card[aria-current=page]>span{flex:none;width:165px}
 .side-nav.is-tabs-animating .nav-card.about-link[aria-current=page]>span{width:165px}
 .side-nav .about-link{position:relative}
 .side-nav .about-link .about-tab-thumbnail{position:absolute;left:2px;top:0;width:58px;height:64px;aspect-ratio:auto;object-fit:contain;border-radius:0}
 .side-nav .about-link[aria-current] .about-tab-thumbnail{display:none}
 .side-nav.is-tabs-animating .nav-card.is-tab-outgoing>span{position:static;width:165px;height:auto;flex:none;clip-path:none;white-space:normal}
 .side-nav.is-tabs-animating .about-link.is-tab-outgoing>span{width:165px}
 .side-nav.is-tabs-animating .about-link.is-tab-outgoing .about-tab-thumbnail{display:none}
}

/* Figma 541:6643: shared artwork for expanded and collapsed mobile tabs. */
.mobile-square-thumb{display:none}
@media(max-width:700px){
 .side-nav .nav-card>.mobile-square-thumb{display:block}
 .side-nav .nav-card:has(.mobile-square-thumb)>img{display:none}
 .side-nav .mobile-square-thumb{position:relative;flex:none;width:52px;height:52px;overflow:hidden;border-radius:5px}
 .side-nav .mobile-square-thumb>img{width:52px;height:52px;object-fit:cover;border-radius:5px}
 .side-nav .mobile-square-thumb--fuelup>img{position:absolute;left:11.6%;top:36.74%;width:76.4%;height:27.03%;object-fit:contain;border-radius:0}
 .side-nav .about-link .mobile-square-thumb>.about-tab-thumbnail{display:block;left:1px;top:-2.5px;width:49px;height:60px;object-fit:contain;border-radius:0}
 .square-ppmt-layer{position:absolute;left:0;top:0;width:52px;height:52.984px;overflow:hidden}
 .side-nav .square-ppmt-layer>img{position:absolute;left:-80.27%;top:-.72%;width:264.37%;height:101.44%;max-width:none;aspect-ratio:auto;border-radius:0}
 .square-ppmt-mask{-webkit-mask-image:url('images/square-ppmt-mask.svg');mask-image:url('images/square-ppmt-mask.svg');-webkit-mask-size:45.414px 25.962px;mask-size:45.414px 25.962px;-webkit-mask-position:3.48px 12.111px;mask-position:3.48px 12.111px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
}