/* A typographic opening and four deliberately different ways into the work. */
.graphic-hero{min-height:700px;height:100svh;max-height:1150px;padding:115px var(--gutter) 30px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 80% 45%,#211c2d 0,transparent 45%),#090a0c;overflow:hidden;position:relative}
.hero-edition{display:flex;justify-content:space-between;color:#8c8396;font:9px monospace;letter-spacing:1.5px}
.hero-composition{position:relative;flex:1;display:flex;align-items:center}
.hero-type{position:relative;z-index:2;width:75%;pointer-events:none}
.hero-type>.eyebrow{font-size:9px;color:#9d8bb5;letter-spacing:2.5px;margin-bottom:38px}
.hero-type h1{font-family:Arial,Helvetica,sans-serif;font-weight:500;font-size:clamp(85px,9.9vw,180px);line-height:.95;letter-spacing:-.065em;margin:0}
.hero-type h1 em{font-family:Georgia,serif;font-weight:400;color:#c3b4db;letter-spacing:-.075em}
.hero-type h1>.type-period{color:#b9a4d6;display:inline}
.graphic-hero .hero-intro{display:block;width:auto;padding:0;font-size:13px;letter-spacing:4px;color:#92899e;margin:34px 0 28px}
.hero-explore{display:inline-flex;gap:48px;align-items:center;border-bottom:1px solid #ffffff38;padding:12px 0;font-size:11px;letter-spacing:1px;pointer-events:auto}
.hero-explore span{font-size:24px;transition:transform .4s}.hero-explore:hover span{transform:translate(6px,6px)}
.graphic-hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:26px;border-top:1px solid #ffffff1b;font:9px monospace;letter-spacing:.6px;color:#92889e;position:relative;z-index:2}
#graphicMotion{color:#bcb0cc;font-size:9px;padding:10px;border:1px solid #ffffff20;border-radius:3px}
.sculpture-field{position:absolute;right:-2%;top:4%;width:51%;height:92%;perspective:1100px;--rx:0deg;--ry:0deg}
.sculpture-shell{position:absolute;left:50%;top:50%;width:340px;height:340px;transform:translate(-50%,-50%) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .6s ease-out}
.sculpture-turn{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:sculpture-turn 28s linear infinite}
.sculpture-turn i{position:absolute;inset:0;border:1.5px solid #d7c6f4;border-radius:31%;transform:rotateY(calc(var(--i)*10deg)) rotateZ(35deg);background:linear-gradient(135deg,#d7c6f407,transparent 60%);box-shadow:inset 0 0 20px #b18cce04,0 0 9px #d4aaff0a}
.sculpture-axis{position:absolute;background:#bfa7df1a;left:50%;top:50%}.axis-x{height:1px;width:100%;left:0}.axis-y{width:1px;height:90%;top:5%}
.sculpture-label{position:absolute;font:8px monospace;letter-spacing:1px;color:#81728e}.label-top{top:6%;right:10%}.label-bottom{bottom:4%;right:10%}
.motion-paused .sculpture-turn,.motion-offscreen .sculpture-turn,.motion-hidden .sculpture-turn{animation-play-state:paused}
@keyframes sculpture-turn{from{transform:rotateX(-22deg) rotateY(0deg) rotateZ(-15deg)}to{transform:rotateX(-22deg) rotateY(360deg) rotateZ(-15deg)}}

.category-section{padding-top:95px}
.category-head{grid-template-columns:1fr 2fr 1fr}
.category-panels{display:grid;grid-template-columns:1fr 1fr;gap:22px;height:auto}
.category-panel{height:475px;border-radius:5px;isolation:isolate;transition:border-color .5s,background .5s}
.category-panel:hover,.category-panel:focus-visible{flex:initial;border-color:#bfadd866}
.category-panel>img{display:none}
.category-shade{background:linear-gradient(0deg,#09090d66,transparent 60%);z-index:1}
.category-top{top:25px;left:28px;right:28px;font-size:9px}
.category-top>span:last-child{display:inline;font-size:8px}
.category-bottom{bottom:25px;left:28px;right:28px;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:0 20px}
.category-bottom strong{font-size:17px;letter-spacing:2px;margin-bottom:9px;grid-column:1}
.category-bottom em{font-size:32px;line-height:1;grid-column:1}
.category-description{display:none}
.category-enter{grid-column:2;grid-row:1/3;align-self:end;padding-top:17px;margin:0;font:9px monospace;letter-spacing:.6px}
.category-panel[data-collection=brand]{background:#201926}
.category-panel[data-collection=product]{background:#141c22}
.category-panel[data-collection=story]{background:#24211e}
.category-panel[data-collection=ai]{background:#22202c}
.entry-experiment{position:absolute;left:0;right:0;top:54px;height:265px;z-index:0;pointer-events:none;perspective:1000px}
.entry-experiment img{position:absolute;object-fit:cover;border:1px solid #ffffff26;border-radius:4px;box-shadow:0 15px 35px #0006;transition:transform .8s cubic-bezier(.22,1,.36,1),filter .8s;filter:saturate(.7)}
.category-panel:hover .entry-experiment img{filter:saturate(1)}
.entry-product{transform-style:preserve-3d;transform:rotateX(-8deg)}
.entry-product img{width:31%;height:150px;left:35%;top:65px;transform:rotateY(calc(var(--n)*60deg)) translateZ(175px);backface-visibility:hidden}
.category-panel:hover .entry-product{animation:entry-orbit 13s linear infinite}
.entry-ai{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:66%;height:240px;left:18%;top:65px;transform:rotate(7deg)}
.entry-ai img{position:relative;width:100%;height:112px;transform:rotate(calc((var(--n) - 1)*-4deg))}
.entry-ai img:nth-child(2){transform:translateY(18px) rotate(7deg)}.entry-ai img:nth-child(3){transform:translateX(-15px) rotate(-7deg)}
.category-panel:hover .entry-ai img{transform:translate(calc((var(--n) - 1.5)*9px),calc((var(--n) - 1.5)*-7px)) rotate(calc((var(--n) - 1.5)*7deg))}
@keyframes entry-orbit{from{transform:rotateX(-8deg) rotateY(0)}to{transform:rotateX(-8deg) rotateY(360deg)}}

.dimension-gallery[hidden]{display:none}
.dimension-gallery{border:1px solid #ffffff1c;border-radius:5px;overflow:hidden;background:#0e0e13}
.dimension-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 28px;border-top:1px solid #ffffff16;font:9px monospace;color:#9e91ac;letter-spacing:.6px}
.dimension-controls>div{display:flex;gap:10px;flex-shrink:0}
.dimension-controls button{width:39px;height:39px;border-radius:50%;border:1px solid #ffffff30;transition:background .3s}
.dimension-controls button:hover{background:#3d2f4e}.dimension-controls button:disabled{opacity:.25;cursor:default}
.dimension-state{max-width:44%;line-height:1.6}
.dimension-caption{display:block;padding:20px 5px;color:#ded5e8}
.dimension-caption strong{display:block;font-size:15px;font-weight:400;line-height:1.5}
.dimension-caption>span{display:block;font-size:9px;color:#91859f;margin-top:8px}
.circular-stage{height:540px;position:relative;overflow:hidden;touch-action:pan-y pinch-zoom;cursor:grab;background:radial-gradient(ellipse at 50% 110%,#2b253c,transparent 65%);outline-offset:-4px}
.circular-orbit{position:absolute;top:130px;left:-20%;width:140%;height:430px;border:1px solid #b7a0d522;border-radius:50%;transform:rotate(-3deg);pointer-events:none}
.circular-orbit:after{content:"";position:absolute;inset:35px;border:1px dashed #b7a0d511;border-radius:50%}
.circular-card{position:absolute;width:340px;left:50%;top:95px;text-align:left;will-change:transform;user-select:none}
.circular-card .card-media{height:235px;aspect-ratio:auto;border-radius:6px;border:1px solid #ffffff35}
.circular-card .dimension-caption{padding:17px 4px}
.circular-card .card-media img{transition:transform .65s}.circular-card:hover .card-media img{transform:scale(1.06)}
.circular-stage.dragging,.circular-stage.dragging .circular-card{cursor:grabbing}.circular-stage.dragging .circular-card{pointer-events:none}
.idea-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 30px;font:9px monospace;letter-spacing:1px;color:#a99cbb}
.idea-heading button{border:1px solid #ffffff30;padding:11px 18px;border-radius:20px;font-size:10px}
.idea-heading button:hover{background:#33283f}
.idea-board{display:grid;grid-template-columns:repeat(12,1fr);gap:32px;padding:10px 32px 40px}
.idea-card{grid-column:span 7;position:relative;text-align:left;align-self:start}
.idea-card:nth-child(4n+2),.idea-card:nth-child(4n+3){grid-column:span 5}
.idea-card:nth-child(4n+2){margin-top:65px}.idea-card:nth-child(4n+4){margin-top:32px}
.idea-card .card-media{aspect-ratio:1.75;border-radius:3px;border:1px solid #ffffff20}
.idea-card:nth-child(4n+2) .card-media,.idea-card:nth-child(4n+3) .card-media{aspect-ratio:1.2}
.idea-index{position:absolute;top:15px;left:15px;font:9px monospace;letter-spacing:1px;background:#0a0911a8;padding:7px 10px;backdrop-filter:blur(10px);border:1px solid #ffffff25;border-radius:2px}
.idea-card .card-media img{transition:transform .7s,filter .7s;filter:saturate(.75)}
.idea-card:hover .card-media img{transform:scale(1.05);filter:saturate(1.1)}
.idea-card .dimension-caption{padding:16px 0}
@media(min-width:1700px){.sculpture-shell{width:450px;height:450px}.category-panel{height:530px}.entry-experiment{top:75px;height:290px}.entry-product img{height:180px;transform:rotateY(calc(var(--n)*60deg)) translateZ(220px)}.entry-ai img{height:130px}.entry-ai{height:270px}}
@media(max-width:1050px){.graphic-hero{min-height:730px}.sculpture-shell{width:270px;height:270px}.hero-type h1{font-size:clamp(75px,10vw,115px)}.category-panel{height:430px}.category-bottom em{font-size:28px}.category-enter{font-size:7px}.entry-product img{height:130px;transform:rotateY(calc(var(--n)*60deg)) translateZ(130px)}.entry-ai{height:200px}.entry-ai img{height:95px}}
@media(max-width:700px){
  .graphic-hero{height:auto;min-height:830px;max-height:none;padding:100px 22px 24px}
  .hero-edition{font-size:6px;letter-spacing:.4px}.hero-composition{display:block;flex:1;padding-top:44px}
  .hero-type{width:100%}.hero-type>.eyebrow{font-size:7px;letter-spacing:1.5px;margin:0 0 23px}
  .hero-type h1{font-size:clamp(64px,14vw,95px);letter-spacing:-4px;line-height:1}
  .graphic-hero .hero-intro{font-size:10px;letter-spacing:2px;margin:22px 0 12px}.hero-explore{font-size:9px;gap:30px}
  .sculpture-field{position:relative;height:280px;right:auto;top:auto;width:100%;margin:0}
  .sculpture-shell{width:185px;height:185px}.sculpture-label{font-size:6px}.label-top{right:0;top:20px}.label-bottom{right:0;bottom:20px}
  .graphic-hero-bottom{font-size:7px;flex-wrap:wrap;gap:13px;padding-top:20px}.graphic-hero-bottom>span:first-child{flex-basis:100%}#graphicMotion{font-size:8px}
  .category-section{padding-top:55px}.category-panels{grid-template-columns:1fr;gap:18px}.category-panel{height:390px}
  .category-top{font-size:8px;left:22px;right:22px;top:22px}.category-top>span:last-child{font-size:7px}
  .category-bottom{left:22px;right:22px;bottom:22px;gap:0 15px}.category-bottom strong{font-size:15px}.category-bottom em{font-size:27px}
  .category-enter{font-size:7px}.entry-experiment{height:220px;top:45px}
  .entry-product img{height:120px;transform:rotateY(calc(var(--n)*60deg)) translateZ(125px)}
  .entry-ai{width:60%;left:20%;top:55px;height:195px}.entry-ai img{height:91px}
  .dimension-gallery{margin:0 -6px}.circular-stage{height:440px}.circular-card{width:235px;top:65px}.circular-card .card-media{height:175px}
  .dimension-caption strong{font-size:12px}.dimension-caption>span{font-size:8px}
  .dimension-controls{padding:17px 16px;font-size:7px;gap:12px}.dimension-controls>span:last-child{display:none}.dimension-state{max-width:66%}.dimension-controls button{width:32px;height:32px}
  .idea-heading{padding:20px 16px;font-size:7px}.idea-heading button{padding:9px 12px;font-size:9px}
  .idea-board{gap:22px 13px;padding:5px 16px 25px}.idea-card,.idea-card:nth-child(n){grid-column:span 6;margin-top:0}
  .idea-card:nth-child(even){margin-top:28px}.idea-card .card-media,.idea-card:nth-child(n) .card-media{aspect-ratio:.85}
  .idea-index{font-size:6px;top:7px;left:7px;padding:5px}.idea-card .dimension-caption strong{font-size:10px}.idea-card .dimension-caption>span{font-size:7px}
}
@media(prefers-reduced-motion:reduce){.sculpture-turn,.category-panel:hover .entry-product{animation:none!important}.sculpture-turn{transform:rotateX(-22deg) rotateY(25deg)}.entry-experiment img,.sculpture-shell{transition:none!important}.circular-card{will-change:auto}}
.entry-ai{display:flex;gap:7px;left:12%;top:65px;width:76%;height:235px;transform:none}
.entry-ai img,.entry-ai img:nth-child(n),.category-panel:hover .entry-ai img{position:relative;flex:1;min-width:0;width:0;height:100%;transform:none;object-fit:cover;transition:flex .7s var(--ease),filter .6s}
.entry-ai img:first-child{flex:3}.category-panel:hover .entry-ai img:first-child{flex:1}.category-panel:hover .entry-ai img:nth-child(2){flex:3}
.gallery-ai{border:0;background:transparent;overflow:visible}
.accordion-gallery{display:flex;gap:12px;height:590px}
.accordion-panel{position:relative;isolation:isolate;flex:1;min-width:0;border:1px solid #ffffff25;border-radius:7px;overflow:hidden;background:#201a2a;transition:flex .8s var(--ease)}
.accordion-panel.is-active{flex:4.4}
.accordion-art.card-media{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0;pointer-events:none}
.accordion-art.card-media img,.accordion-art.card-media video{height:100%;width:100%;object-fit:cover;transform:translateX(var(--image-shift,0px)) scale(1.12);transition:transform .75s var(--ease),filter .7s;filter:brightness(.55) saturate(.6)}
.is-active .accordion-art.card-media img,.is-active .accordion-art.card-media video{filter:brightness(.85) saturate(1)}
.accordion-art.card-media:after{background:linear-gradient(180deg,#07050c40 0%,transparent 25%,#07050ce6 100%);z-index:2}
.accordion-select{position:absolute;inset:0;width:100%;height:100%;padding:25px 20px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;z-index:3;text-align:left}
.accordion-select>span{font:11px monospace;color:#c8bdd6;align-self:flex-start}
.accordion-select strong{writing-mode:vertical-rl;font-size:16px;font-weight:400;letter-spacing:3px;line-height:1.5;max-height:80%;overflow:hidden}
.is-active .accordion-select strong{opacity:0}
.accordion-details{position:absolute;z-index:4;bottom:32px;left:32px;right:32px;pointer-events:none;animation:accordion-caption .65s .12s both}
.accordion-details>span{font:9px monospace;letter-spacing:1px;color:#b1a4c1}
.accordion-details h3{font-size:clamp(25px,2.5vw,38px);font-weight:400;letter-spacing:-.6px;margin:17px 0}
.accordion-details p{font-size:11px;color:#b8acbe;line-height:1.9;max-width:430px;margin:0 0 25px}
.accordion-details button{pointer-events:auto;border:1px solid #ffffff75;background:#ffffff0b;backdrop-filter:blur(12px);padding:13px 20px;border-radius:30px;font-size:11px}
.accordion-details button:hover{background:#e7def0;color:#18101f}
@keyframes accordion-caption{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.accordion-gallery{height:510px;gap:8px}.accordion-panel.is-active{flex:4}.accordion-details{left:22px;right:22px;bottom:25px}.accordion-select{padding:22px 13px}.accordion-select strong{font-size:14px}.entry-ai{height:210px}}
@media(max-width:700px){
  .entry-ai{top:57px;height:195px;gap:5px}
  .accordion-gallery{flex-direction:column;height:680px;gap:9px}
  .accordion-panel{flex:0 0 72px;min-height:0}.accordion-panel.is-active{flex:1 0 380px}
  .accordion-select{padding:22px;flex-direction:row;align-items:center;justify-content:flex-start;gap:24px}
  .accordion-select>span{align-self:auto;font-size:9px}.accordion-select strong{writing-mode:horizontal-tb;font-size:13px;letter-spacing:1px;max-height:none}
  .is-active .accordion-select{align-items:flex-start}
  .accordion-details{left:23px;right:23px;bottom:23px}.accordion-details h3{font-size:26px;margin:13px 0}.accordion-details p{font-size:10px;line-height:1.8;margin-bottom:17px}.accordion-details>span{font-size:8px}.accordion-details button{font-size:10px;padding:11px 17px}
}
@media(prefers-reduced-motion:reduce){.accordion-panel,.accordion-art.card-media img,.accordion-art.card-media video{transition:none}.accordion-details{animation:none}}

/* Readability, touch targets and short-screen fallbacks. */
.nav-short{display:none}
.category-enter{font-family:Arial,"Microsoft YaHei",sans-serif;font-size:11px;letter-spacing:1px;min-height:44px}
.category-top,.category-top>span:last-child{font-size:10px}
.category-note{font-size:12px;color:#aca2b8}
.filters button{font-size:12px;min-height:44px;padding:11px 15px;color:#bcb5c7}
.filters sup{font-size:9px;opacity:.8}
.view-modes button{font-size:12px;min-height:44px;padding:11px 16px}
.search-box input{font-size:13px;min-height:44px;width:175px}
.search-box input::placeholder{color:#a29aac}
.results-meta{font-size:11px;color:#a69db2;line-height:1.7;gap:20px}
.section-note,.section-top .eyebrow{font-size:10px;color:#aaa0b6}
.dimension-caption>span,.card-category{font-size:11px;color:#a59aae;line-height:1.7}
.dimension-controls{font-size:10px;color:#b6a8c5}
.accordion-details>span{font-size:11px;color:#c1b6ce}
.accordion-details p{font-size:12px;color:#d0c5d7}
.accordion-details button{font-size:12px;min-height:44px}
.contact-top>.eyebrow,.contact-top>span{font-size:11px;color:#aba0b8}
.contact-bottom button{min-height:44px;font-size:12px}
#closeDialog{min-height:44px;min-width:70px}
.dialog-bottom button,.dialog-bottom a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#d7b8fc}
.accordion-select:focus-visible{outline-offset:-5px}
@media(max-width:1050px){.category-enter{font-size:10px}.category-top,.category-top>span:last-child{font-size:9px}}
@media(max-width:700px){
  .site-header nav a:first-child{display:inline-flex}
  .site-header{gap:18px}
  .site-header .nav-long{display:none}
  .site-header .nav-short{display:inline}
  .site-header nav>a{white-space:nowrap;flex-shrink:0}
  .site-header nav{gap:12px;font-size:10px}
  .site-header nav>a{min-height:44px;display:inline-flex;align-items:center}
  .site-header .nav-contact{font-size:0;gap:7px;padding:8px 10px}
  .site-header .nav-contact:before{content:"联系";font-size:10px}
  .site-header .nav-contact>span{font-size:12px;margin:0}
  .graphic-hero{min-height:780px}
  .hero-type h1{font-size:clamp(52px,16vw,95px)}
  .category-enter{font-size:10px;letter-spacing:.3px}
  .category-top,.category-top>span:last-child{font-size:9px}
  .filters{gap:3px;justify-content:flex-start}
  .filters button{font-size:11px;min-height:44px;padding:10px 11px}
  .filters sup{font-size:9px}
  .view-modes button{font-size:11px;min-height:44px}
  .search-box input{font-size:13px;width:190px;min-height:44px}
  .results-meta{font-size:10px;gap:10px;flex-wrap:wrap;padding:17px 0}
  .results-meta>span:last-child{font-size:10px}
  .section-note,.section-top .eyebrow{font-size:9px}
  .dimension-caption strong{font-size:13px}
  .dimension-caption>span,.card-category{font-size:10px}
  .dimension-controls{font-size:9px}
  .dimension-state{max-width:62%}
  .wall-controls>span:last-child{display:none}
  .wall-controls{font-size:8px}
  .accordion-details>span{font-size:10px}
  .accordion-details p{font-size:11px}
  .accordion-details button{font-size:12px;min-height:44px}
  .contact-top .eyebrow{font-size:11px}
  .contact-bottom button{font-size:11px}
  .dialog-bottom{gap:8px;font-size:10px}
}

/* Portrait films retain their complete composition in every browsing mode. */
.is-portrait .card-media img,.is-portrait .card-media video{object-fit:contain;background:#14101c}

/* Compact native Flex Carousel and elliptical Orbit Images. */
.flex-stage,.orbit-stage{position:relative;height:400px;overflow:hidden;touch-action:pan-y pinch-zoom;cursor:grab;perspective:1000px;outline-offset:-5px;isolation:isolate;background:radial-gradient(ellipse at 50% 80%,#32243e70,transparent 65%)}
.orbit-stage{height:410px;background:radial-gradient(ellipse at 50% 70%,#44392960,transparent 68%)}
.flex-card,.orbit-card{position:absolute;left:50%;top:58px;text-align:left;user-select:none;transform-origin:center;will-change:transform;max-width:none}
.flex-card .card-media{height:235px;aspect-ratio:auto;background:transparent;border-radius:0;overflow:visible}
.flex-card .card-media:after{display:none}
.flex-card .card-media>img{object-fit:cover;clip-path:inset(7% 0 round 5px)}
.flex-surface{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.flex-card .surface-ready>img{visibility:hidden}
.flex-card .surface-ready video{inset:7% 0;height:86%;border-radius:5px;object-fit:cover}
.flex-card:not(.is-current) .card-media video{display:none}
.flex-card .dimension-caption{padding:6px 3px 0}
.flex-card .dimension-caption strong{font-size:14px}
.flex-card:not(.is-current) .dimension-caption{opacity:.65}
.flex-card.is-portrait .card-media img,.flex-card.is-portrait .card-media video{object-fit:contain}
.flex-horizon{position:absolute;left:0;right:0;top:76%;height:1px;background:linear-gradient(90deg,transparent,#bea0dc25,transparent);pointer-events:none}
.orbit-card{top:166px;width:340px}
.orbit-card .card-media{height:190px;aspect-ratio:auto;border-radius:7px;border:1px solid #dbbd9840;box-shadow:0 18px 28px #0005}
.orbit-card .dimension-caption{padding:12px 3px 0}
.orbit-card:not(.is-current) .dimension-caption{opacity:.65}
.story-orbit{position:absolute;width:76%;height:170px;left:12%;top:126px;border:1px solid #b79b7438;border-radius:50%;transform:rotate(-5deg);pointer-events:none}
.story-orbit:after{content:"";position:absolute;inset:18px -20px;border:1px dashed #b79b741a;border-radius:50%}
.flex-stage.dragging,.orbit-stage.dragging{cursor:grabbing}
.dragging .flex-card,.dragging .orbit-card{pointer-events:none}
.flex-card:focus-visible,.orbit-card:focus-visible{outline:2px solid #d7b8fc;outline-offset:5px}
.dimension-controls button{min-width:44px;min-height:44px}
.entry-brand{top:80px;height:200px;left:0;right:0;overflow:hidden}
.entry-brand img{width:43%;height:155px;left:calc(28% + (var(--n) - 2)*46%);top:20px;transform:perspective(650px) rotateY(calc((var(--n) - 2)*-18deg));border-radius:12% / 5%}
.category-panel:hover .entry-brand img{transform:translateX(-20%) perspective(650px) rotateY(calc((var(--n) - 2)*-22deg))}
.entry-story{left:12%;top:100px;width:76%;height:160px;border:1px solid #b79b7430;border-radius:50%}
.entry-story img{width:48%;height:130px;left:26%;top:40px;transform:translateX(calc((var(--n) - 1)*70%)) translateY(calc((var(--n) - 1)*-22px)) scale(.7)}
.entry-story img:nth-child(2){transform:translateY(12px);z-index:2}
.category-panel:hover .entry-story img:nth-child(1){transform:translateX(-52%) translateY(-12px) scale(.75)}
.category-panel:hover .entry-story img:nth-child(3){transform:translateX(52%) translateY(-30px) scale(.65)}
@media(max-width:700px){
 .flex-stage{height:310px}.orbit-stage{height:320px}
 .flex-card{top:30px}.flex-card .card-media{height:195px}
 .flex-card .dimension-caption strong,.orbit-card .dimension-caption strong{font-size:12px}
 .orbit-card{top:126px}.orbit-card .card-media{height:135px}
 .orbit-card .dimension-caption{padding-top:10px}
 .story-orbit{top:99px;height:125px;width:88%;left:6%}
 .entry-brand{top:70px;height:195px}.entry-brand img{height:140px}
 .entry-story{top:85px}.entry-story img{height:120px}
}
@media(prefers-reduced-motion:reduce){.flex-card,.orbit-card{will-change:auto}.entry-brand img,.entry-story img{transition:none!important}.category-panel:hover .entry-brand img{transform:none}}