/* ZCS product family — shared geometry, six creative disciplines. */
.suite-section{padding-top:96px;padding-bottom:68px}.suite-section .section-heading{margin-bottom:38px}.suite-section h2{font-size:clamp(38px,4.5vw,62px);line-height:1.08;letter-spacing:-.018em}.suite-section .section-heading>p{font-size:13px;line-height:1.85}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{--accent:#f09064;--tint:#32231d;position:relative;border:1px solid #ffffff1d;border-radius:16px;overflow:hidden;background:#191817;isolation:isolate;transition:border-color .3s,transform .3s;min-width:0}.product-card:hover{border-color:var(--accent);transform:translateY(-5px)}.product-card:focus-visible{outline-offset:4px}.product-edit{--accent:#cfbf91;--tint:#2d2a22}.product-adapt{--accent:#ff8557;--tint:#3d261d}.product-motion{--accent:#d7aab9;--tint:#31252a}.product-campaign{--accent:#dabb87;--tint:#342e21}.product-album{--accent:#bdc79d;--tint:#292e24}.product-card-top{position:absolute;top:18px;left:20px;right:20px;display:flex;align-items:center;gap:10px;z-index:4}.suite-badge{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;border:1px solid color-mix(in srgb,var(--accent,#f09064) 44%,transparent);background:var(--tint,#32231d);color:var(--accent,#f09064);font-size:19px;font-weight:600;line-height:1;letter-spacing:0;border-radius:10px}.product-discipline{font-size:8px;font-weight:600;letter-spacing:1.1px;color:#e8ddd1}.product-link-arrow{margin-left:auto;display:grid;place-items:center;width:27px;height:27px;border:1px solid #ffffff2b;border-radius:50%;color:#e8ddd1;transition:background .3s}.product-link-arrow svg{width:13px;height:13px}.product-card:hover .product-link-arrow{background:var(--accent);color:#171512;border-color:transparent}.product-art{height:255px;position:relative;overflow:hidden;isolation:isolate}.product-card-copy{position:relative;padding:23px 23px 18px;background:linear-gradient(140deg,#ffffff03,transparent);border-top:1px solid #ffffff0d}.product-card h3{font-size:24px;letter-spacing:-.01em}.product-card-copy>p{font-size:13px;line-height:1.65;color:#a9a49c;margin-top:10px}.product-card-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #ffffff10;padding-top:17px;margin-top:20px}.product-card-bottom>span:first-child{font-size:10px;line-height:1.5;max-width:180px;color:#bfb4a6}.product-availability{font-size:8px;white-space:nowrap;color:#aaa296;display:flex;gap:5px;align-items:center}.product-availability:before{content:'';width:4px;height:4px;background:#79736b;border-radius:50%;flex-shrink:0}.product-availability.available{color:#c9d4b2}.product-availability.available:before{background:#b0c58d;box-shadow:0 0 8px #b0c58d55}.suite-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:23px;font-size:10px;color:#918a80}.suite-bottom>span:first-child{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:1px}.suite-bottom svg{width:21px;height:21px;fill:var(--orange)}
/* Album: semantic discovery over a contact sheet. */
.art-album{background:radial-gradient(ellipse at 60% 75%,#6971512b,transparent 80%),#20231e}.library-composition{position:absolute;width:267px;top:75px;left:50%;transform:translateX(-50%) rotate(-6deg)}.library-search{background:#e7e0cf;color:#373c2d;height:30px;display:flex;gap:8px;align-items:center;border-radius:5px;padding:0 10px;font-size:8px;box-shadow:0 5px 15px #0005;position:relative;z-index:2}.library-search svg{width:12px;height:12px}.library-tiles{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:60px;gap:5px;padding:8px 7px;background:#3e4435;border:1px solid #7583605c;border-radius:0 0 4px 4px;margin:0 7px}.library-tiles>div{border-radius:2px}.library-tiles>div:nth-child(4){filter:brightness(.8)}.library-tiles>div:nth-child(5){filter:saturate(.5)}.library-tiles>div:nth-child(6){filter:brightness(1.2)}.library-match{position:absolute;right:-13px;bottom:-7px;border:1px solid #a3af8a6b;border-radius:4px;background:#353e2c;box-shadow:0 5px 12px #0006;color:#d1dabb;padding:8px;font-size:7px;display:flex;gap:6px;align-items:center;transform:rotate(6deg)}.library-match svg{width:10px;height:10px}
/* Feature explorer. Panels are real accessible tabs, artwork is illustrative. */
.capabilities-section{padding:65px 0 35px;background:#161513;border-block:1px solid #ffffff0d}.capabilities-section .section-heading{align-items:center;margin-bottom:30px}.capabilities-section h2{font-size:clamp(32px,3.7vw,49px);letter-spacing:-.018em}.capabilities-section .section-kicker{margin-bottom:18px}.explorer-intro{text-align:right}.explorer-intro p{font-size:12px;color:#ada69a}.explorer-intro .motion-control{color:#c5ae96;margin-top:12px;font-size:10px}.product-explorer{border:1px solid #ffffff20;border-radius:16px;background:#1b1917;overflow:hidden}.product-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-bottom:1px solid #ffffff16;padding:9px;gap:5px;background:#121211}.product-tabs button{background:transparent;display:flex;align-items:center;justify-content:center;gap:9px;padding:13px 7px;color:#a9a49b;border-radius:8px;position:relative;font-size:11px;border:1px solid transparent}.product-tabs button:hover{background:#ffffff05;color:#eee5da}.product-tabs button[aria-selected=true]{background:#30231c;border-color:#bf704944;color:#ffe6d2}.product-tabs .suite-badge{width:27px;height:27px;font-size:13px;border-radius:6px;color:#bbaa94;background:#ffffff07;border-color:#ffffff12}.product-tabs [aria-selected=true] .suite-badge{background:var(--orange);color:#fff;border-color:transparent}.capability-panel{--accent:#f09064;--tint:#32231d;display:grid;grid-template-columns:1fr 1.1fr;gap:40px;padding:34px;align-items:center;animation:panel-appear .35s ease}.capability-panel[hidden]{display:none}.capability-scene{border:1px solid #ffffff18;border-radius:10px;overflow:hidden;background:#171614;min-width:0}.scene-toolbar{height:37px;border-bottom:1px solid #ffffff12;display:flex;justify-content:space-between;align-items:center;padding:0 14px;font-size:8px;color:#bcafa1}.scene-toolbar>span:first-child{display:flex;gap:7px;align-items:center}.scene-toolbar>span:last-child{font-family:monospace;font-size:7px;color:#9e8b78}.capability-scene .product-art{height:298px}.scene-route{display:flex;align-items:center;justify-content:space-evenly;height:42px;border-top:1px solid #ffffff12;font-size:9px;color:#d0bdaa}.scene-route>span{display:flex;align-items:center;gap:10px}.scene-route>span:not(:last-child):after{content:'→';color:#b27850;margin-left:16px}.capability-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.capability-title h3{font-size:28px;letter-spacing:-.015em}.capability-description{font-size:12px;line-height:1.7;color:#c1b6a8;max-width:460px;margin-top:12px}.capability-features{margin:20px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:22px 20px}.capability-features li{display:flex;gap:9px;border-top:1px solid #ffffff16;padding-top:13px;align-items:baseline}.feature-number{font-family:monospace;font-size:8px;color:#ce855d}.capability-features h4{font-size:13px;font-weight:550;color:#eee3d4;margin:0 0 7px}.capability-features p{font-size:12px;line-height:1.7;color:#aaa195}.capability-copy>.text-link{margin-top:20px;font-size:11px}.capability-scene .prism-scene{inset:10% 10% 0 25%;transform:rotate(-25deg) scale(1.25)}.capability-scene .visual-word{font-size:43px;bottom:45px;left:29px}.capability-scene .visual-label{left:29px;font-size:7px}.capability-scene .format-composition{top:51px;transform:translateX(-50%) rotate(-7deg) scale(1.2)}.capability-scene .film-composition{top:65px;transform:translateX(-50%) rotate(-7deg) scale(1.15)}.capability-scene .idea-note{top:57px}.capability-scene .note-research{top:64px;left:10%}.capability-scene .note-brief{top:101px;left:34%}.capability-scene .note-concept{top:157px;left:58%}.capability-scene .library-composition{top:57px;transform:translateX(-50%) rotate(-6deg) scale(1.2)}.capability-scene .edit-sun{width:85px;height:85px;top:16%}.shared-foundation{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:22px;align-items:center;margin-top:23px;padding:22px 0;border-bottom:1px solid #ffffff12}.shared-foundation>div{display:flex;align-items:center;gap:12px;font-size:11px;color:#d1c3b1}.shared-foundation>div>svg{color:#c79570;width:18px;height:18px;flex-shrink:0}.shared-foundation small{display:block;font-size:9px;color:#999184;margin-top:5px}.foundation-brand>svg{fill:var(--orange);width:32px!important;height:32px!important}.foundation-brand strong{font-size:12px;font-weight:500}.foundation-brand>div>span{display:block;font-size:9px;color:#999184;margin-top:6px}.suite-generation-note{font-size:9px;color:#989083;line-height:1.6;margin-top:18px}.studio-motion-paused .prism-core,.studio-motion-paused .film-playhead,.studio-motion-paused .sculpture-wrap,.studio-motion-paused .orbit-label{animation-play-state:paused}.product-card:hover .prism-core{box-shadow:16px 12px 35px #0007,0 0 45px #c4784733}.product-card .format-composition,.product-card .library-composition{transition:transform .5s}.product-card:hover .format-composition{transform:translateX(-50%) rotate(-3deg) translateY(-4px)}.product-card:hover .library-composition{transform:translateX(-50%) rotate(-2deg) translateY(-4px)}
@keyframes creative-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes playhead{0%{left:3%}100%{left:97%}}@keyframes panel-appear{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.product-art{height:275px}.product-card-copy{padding:26px}.product-card-bottom>span:first-child{font-size:9px}}
@media(max-width:1100px){.product-grid{gap:14px}.product-card-top{left:16px;right:16px}.product-discipline{font-size:6px;letter-spacing:.8px}.product-card-copy{padding:20px 17px 16px}.product-card h3{font-size:22px}.product-card-bottom{align-items:flex-start;flex-direction:column;gap:9px}.product-card-bottom>span:first-child{max-width:none;font-size:9px}.product-art{height:240px}.format-composition{transform:translateX(-50%) rotate(-7deg) scale(.85)}.product-card:hover .format-composition{transform:translateX(-50%) rotate(-3deg) scale(.85)}.film-composition{transform:translateX(-50%) rotate(-7deg) scale(.82)}.library-composition{transform:translateX(-50%) rotate(-6deg) scale(.88)}.product-card:hover .library-composition{transform:translateX(-50%) rotate(-2deg) scale(.88)}.visual-word{font-size:26px}.prism-scene{left:15%}.idea-note{width:110px;height:100px}.idea-note>span{font-size:15px}.note-concept{left:55%;width:105px}.capability-panel{gap:25px;padding:26px;grid-template-columns:.9fr 1.1fr}.product-tabs button{gap:6px;font-size:10px}.product-tabs .suite-badge{width:24px;height:24px;font-size:12px}.capability-scene .visual-word{font-size:32px}.capability-scene .format-composition{transform:translateX(-50%) rotate(-7deg) scale(.96)}.capability-scene .film-composition{transform:translateX(-50%) rotate(-7deg) scale(.9)}.capability-scene .library-composition{transform:translateX(-50%) rotate(-6deg)}.capability-scene .note-research{left:5%}.capability-scene .note-brief{left:30%}.capability-scene .note-concept{left:51%}.capability-title{align-items:flex-start;flex-direction:column;gap:8px}.shared-foundation{grid-template-columns:1.25fr repeat(3,1fr);gap:15px}.shared-foundation>div{gap:8px;font-size:10px}.shared-foundation small{font-size:8px}}
@media(max-width:800px){.suite-section{padding-top:64px;padding-bottom:45px}.suite-section .section-heading{gap:20px}.suite-section .section-heading>p br{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-art{height:245px}.product-card-copy{padding:21px}.product-card h3{font-size:23px}.product-discipline{font-size:7px}.product-card-bottom{gap:10px}.suite-bottom{align-items:flex-start;flex-direction:column;gap:12px}.capabilities-section{padding-top:45px}.capabilities-section .section-heading{align-items:flex-start;gap:18px}.explorer-intro{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;gap:12px}.explorer-intro .motion-control{margin:0;white-space:nowrap}.product-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.product-tabs button{font-size:11px;padding:10px 6px;justify-content:flex-start;padding-left:12px}.capability-panel{grid-template-columns:1fr;gap:25px;padding:24px}.capability-scene .product-art{height:235px}.capability-scene .prism-scene{inset:0 15% 0 36%;transform:rotate(-25deg)}.capability-scene .visual-word{font-size:38px;bottom:42px}.capability-scene .format-composition{top:29px;transform:translateX(-50%) rotate(-7deg)}.capability-scene .film-composition{top:32px;transform:translateX(-50%) rotate(-7deg) scale(1.1)}.capability-scene .library-composition{top:27px;transform:translateX(-50%) rotate(-6deg)}.capability-scene .note-research{top:26px;left:20%}.capability-scene .note-brief{top:60px;left:40%}.capability-scene .note-concept{top:96px;left:60%}.capability-title{flex-direction:row;align-items:center}.capability-description{max-width:none}.capability-features{gap:20px 25px}.capability-features p{font-size:11px}.capability-features h4{font-size:13px}.shared-foundation{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.foundation-brand{grid-column:1/-1}.shared-foundation>div{font-size:11px;gap:8px}.shared-foundation small{font-size:8px;line-height:1.5}}
@media(max-width:540px){.suite-section .section-heading>p{font-size:12px;max-width:300px}.suite-section h2{font-size:39px}.product-grid{grid-template-columns:1fr;gap:18px}.product-art{height:260px}.product-card-top{left:22px;right:22px;top:20px}.product-discipline{font-size:8px}.product-card-copy{padding:22px}.product-card h3{font-size:26px}.product-card-copy>p{font-size:14px;line-height:1.5}.product-card-bottom{flex-direction:row;align-items:center;gap:12px}.product-card-bottom>span:first-child{font-size:10px;max-width:145px}.product-availability{font-size:8px}.visual-word{font-size:33px}.prism-scene{left:24%}.format-composition{top:79px;transform:translateX(-50%) rotate(-7deg)}.product-card:hover .format-composition{transform:translateX(-50%) rotate(-3deg)}.film-composition{transform:translateX(-50%) rotate(-7deg) scale(.95);top:77px}.library-composition{transform:translateX(-50%) rotate(-6deg);top:75px}.product-card:hover .library-composition{transform:translateX(-50%) rotate(-2deg)}.idea-note{width:124px;height:110px}.idea-note>span{font-size:17px}.note-concept{width:118px;left:57%;top:124px}.suite-bottom>span:first-child{font-size:7px;letter-spacing:.6px}.suite-bottom>span:last-child{font-size:10px}.capabilities-section h2{font-size:33px;max-width:300px}.explorer-intro p{font-size:10px}.explorer-intro .motion-control{font-size:9px}.product-tabs{padding:7px;gap:4px}.product-tabs button{padding:9px 4px;gap:7px;justify-content:center;flex-direction:column;font-size:10px}.product-tabs .suite-badge{width:29px;height:29px;font-size:14px}.capability-panel{padding:16px;gap:21px}.capability-scene .product-art{height:221px}.scene-toolbar{padding:0 10px;font-size:7px}.scene-toolbar>span:last-child{font-size:6px}.capability-scene .visual-word{font-size:29px;left:20px;bottom:36px}.capability-scene .prism-scene{left:12%;transform:rotate(-25deg) scale(.85);top:-8%}.capability-scene .visual-label{left:20px;font-size:5px}.capability-scene .format-composition{top:25px;transform:translateX(-50%) rotate(-7deg) scale(.88)}.capability-scene .film-composition{transform:translateX(-50%) rotate(-7deg) scale(.8);top:26px}.capability-scene .library-composition{transform:translateX(-50%) rotate(-6deg) scale(.89);top:20px}.capability-scene .idea-note{width:108px;height:94px}.capability-scene .idea-note>span{font-size:14px}.capability-scene .note-research{left:5%;top:23px}.capability-scene .note-brief{left:29%;top:58px}.capability-scene .note-concept{left:54%;top:93px}.capability-title h3{font-size:25px}.capability-title .product-availability{font-size:7px}.capability-description{font-size:12px}.capability-features{gap:18px 15px;margin-top:18px}.capability-features li{gap:6px}.capability-features h4{font-size:11px;line-height:1.4}.capability-features p{font-size:10px;line-height:1.7}.scene-route{font-size:8px}.scene-route>span:not(:last-child):after{margin-left:6px}.shared-foundation{grid-template-columns:1fr;gap:19px;padding:0 7px 22px}.foundation-brand{padding-bottom:6px}.shared-foundation>div{font-size:12px;gap:13px}.shared-foundation small,.foundation-brand>div>span{font-size:10px}.suite-generation-note{font-size:9px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.product-card,.product-card .format-composition,.product-card .library-composition{transition:none}.prism-core,.film-playhead,.capability-panel{animation:none}.product-card:hover{transform:none}}

.product-card .art-motion .film-composition{top:66px}

/* Art direction, October 2026: photographic scale and kinetic editorial layouts. */
.art-imagine{background:#191918}.imagine-cinema{position:absolute;inset:0;overflow:hidden}.cinema-image{width:100%;height:100%;object-fit:cover;object-position:50% 58%;animation:cinema-pan 16s ease-in-out infinite;will-change:transform}.cinema-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0008,transparent 40%,#0009)}.cinema-caption{position:absolute;bottom:23px;left:24px;z-index:2}.cinema-caption>span{font-size:6px;letter-spacing:1.5px;color:#f4d9bf;display:block;margin-bottom:9px}.cinema-caption strong{font-size:31px;line-height:1.04;font-weight:500;letter-spacing:-.01em;color:#fff3e3;display:block}.cinema-index{position:absolute;bottom:24px;right:21px;font-family:monospace;font-size:6px;letter-spacing:1px;color:#dcc8b3;writing-mode:vertical-rl}.cinema-focus{position:absolute;width:45%;height:44%;left:39%;top:33%;animation:focus-compose 16s ease-in-out infinite;opacity:.7}.cinema-focus i{position:absolute;width:12px;height:12px;border-color:#ffe4c699;border-style:solid}.cinema-focus i:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}.cinema-focus i:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}.cinema-focus i:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}.cinema-focus i:nth-child(4){bottom:0;right:0;border-width:0 1px 1px 0}
.art-adapt{background:#1c1b19;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:24px 24px}.adapt-stage{position:absolute;width:320px;height:163px;left:50%;top:71px;transform:translateX(-50%);isolation:isolate}.design-sheet{position:absolute;overflow:hidden;border:1px solid #f5e5c366;box-shadow:0 7px 14px #0005;border-radius:2px;color:#24211c;background:#f1e7d3}.sheet-portrait{width:97px;height:159px;left:2px;top:0;animation:adapt-portrait 10s cubic-bezier(.65,0,.25,1) infinite}.sheet-square{width:122px;height:103px;left:113px;top:0;background:#e46738;animation:adapt-square 10s cubic-bezier(.65,0,.25,1) infinite}.sheet-landscape{width:196px;height:43px;left:113px;top:116px;animation:adapt-landscape 10s cubic-bezier(.65,0,.25,1) infinite}.sheet-kicker{display:block;position:absolute;left:9px;top:8px;font-size:4px;letter-spacing:.8px}.design-sheet strong{position:absolute;top:25px;left:9px;font-size:24px;font-weight:780;letter-spacing:-.02em;line-height:.9;z-index:2}.sheet-square strong{font-size:19px;top:23px}.sheet-landscape strong{top:8px;font-size:14px;max-width:115px}.sheet-size{position:absolute;left:9px;bottom:7px;z-index:3;font-size:5px;letter-spacing:1px}.sheet-corner{position:absolute;right:7px;bottom:4px;font-size:17px;z-index:3}.cut-mark{position:absolute;width:80px;height:62px;right:-10px;bottom:17px;transform:rotate(-42deg)}.cut-mark i{display:block;position:absolute;width:14px;height:74px;background:#ed6434;transform:skewY(29deg);left:0;top:0}.cut-mark i:nth-child(2){left:23px;top:-9px;height:92px}.cut-mark i:nth-child(3){left:46px;top:-18px;height:110px}.sheet-square .cut-mark{right:-34px;bottom:-10px;transform:rotate(-42deg) scale(.83)}.sheet-square .cut-mark i{background:#3c382b}.sheet-landscape .cut-mark{right:-20px;bottom:-22px;transform:rotate(-42deg) scale(.58)}.format-guide{position:absolute;width:311px;height:164px;left:-3px;top:-4px;pointer-events:none;background:linear-gradient(#d6b086,#d6b086) left top/8px 1px no-repeat,linear-gradient(#d6b086,#d6b086) left top/1px 8px no-repeat,linear-gradient(#d6b086,#d6b086) right bottom/8px 1px no-repeat,linear-gradient(#d6b086,#d6b086) right bottom/1px 8px no-repeat;animation:guide-reveal 10s ease infinite}.adapt-caption{position:absolute;bottom:11px;left:23px;right:23px;display:flex;justify-content:space-between;font-size:5px;letter-spacing:1.1px;color:#b6a28c}
.art-motion{background:#252124}.motion-composition{position:absolute;width:330px;height:173px;left:50%;top:71px;transform:translateX(-50%)}.kinetic-type{position:absolute;top:0;left:10px;right:74px}.kinetic-row{height:47px;display:flex;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid #efd1b41a}.kinetic-row>span{font-size:49px;line-height:1;letter-spacing:-.025em;font-weight:760;color:#f2d9c2;display:block;animation:kinetic-enter 9s cubic-bezier(.7,0,.25,1) infinite}.kinetic-row:nth-child(2)>span{color:#e98564;animation-delay:.15s}.kinetic-row:nth-child(3)>span{animation-delay:.3s}.kinetic-row>i{font-family:monospace;font-size:6px;font-style:normal;color:#ad8c87;position:absolute;right:3px;top:9px}.kinetic-arrow{font-size:52px;color:#e98564;line-height:1;margin-left:48px;font-weight:350;animation:arrow-launch 9s ease-in-out infinite}.motion-side{position:absolute;right:10px;top:7px;height:135px;width:43px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.motion-side>span{writing-mode:vertical-rl;font-size:6px;letter-spacing:1.7px;color:#c1a49c}.motion-timecode{font-family:monospace;font-size:7px;display:flex;color:#f4ccb0;gap:2px;height:10px;line-height:10px}.seconds-reel{display:block;height:10px;overflow:hidden}.seconds-reel b{display:block;line-height:10px;font-weight:400;animation:timecode-tick 6s steps(5,end) infinite}.motion-registration{position:absolute;width:8px;height:8px;border-style:solid;border-color:#8e6f6966}.reg-top{top:-5px;left:2px;border-width:1px 0 0 1px}.reg-bottom{bottom:25px;right:2px;border-width:0 1px 1px 0}.motion-sequence{position:absolute;left:10px;right:10px;bottom:6px;height:11px;display:grid;grid-template-columns:1.4fr .8fr 1.2fr;gap:3px}.motion-sequence>span{background:#af8b80;border-radius:1px;opacity:.55}.motion-sequence>span:nth-child(2){background:#e98564}.motion-sequence>span:nth-child(3){background:#eac6a6}.motion-sequence>i{position:absolute;width:1px;height:19px;top:-4px;background:#f4d0ae;animation:sequence-scan 9s linear infinite}.motion-sequence>i:before{content:'';position:absolute;top:0;left:-2px;width:5px;height:3px;background:#f4d0ae}
.art-campaign{background:#20201c}.campaign-map{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.map-input text{fill:#dfcfb4;font-size:8px;letter-spacing:1px;font-weight:500}.map-eyebrow{fill:#695a3f;font-size:5px;letter-spacing:1px}.map-idea{fill:#332a1d;font-size:20px;letter-spacing:-.2px;font-weight:500}.map-footnote{fill:#a89576;font-size:5px;letter-spacing:1px}.map-signals path{stroke-dasharray:12 110;animation:map-connect 5s linear infinite}.map-signals path:nth-child(2){animation-delay:-2s}.map-signals path:nth-child(3){animation-delay:-1s;stroke-dasharray:8 43}.map-hub{animation:hub-focus 5s ease-in-out infinite}.map-output{animation:idea-focus 5s ease-in-out infinite}
.capability-scene .cinema-caption{left:25px;bottom:26px}.capability-scene .cinema-caption strong{font-size:40px}.capability-scene .adapt-stage{top:63px;transform:translateX(-50%) scale(1.3)}.capability-scene .adapt-caption{bottom:19px;left:24px;right:24px;font-size:7px}.capability-scene .motion-composition{top:54px;transform:translateX(-50%) scale(1.28)}.capability-scene .campaign-map{inset:-28px 0 0;width:100%;height:calc(100% + 28px)}
@keyframes cinema-pan{0%,100%{transform:scale(1.02) translateX(0)}50%{transform:scale(1.1) translateX(-1%)}}@keyframes focus-compose{0%,100%{transform:translateX(0);opacity:.35}50%{transform:translateX(-16%);opacity:.85}}@keyframes adapt-portrait{0%,12%,90%,100%{transform:translate(110px,0) scale(.93);opacity:.35}25%,78%{transform:translate(0,0);opacity:1}}@keyframes adapt-square{0%,12%,90%,100%{transform:translate(0,20px) scale(.95);opacity:0}29%,78%{transform:translate(0,0);opacity:1}}@keyframes adapt-landscape{0%,12%,90%,100%{transform:translate(-15px,-65px) scale(.8);opacity:0}34%,78%{transform:translate(0,0);opacity:1}}@keyframes guide-reveal{0%,15%,85%,100%{opacity:0}32%,74%{opacity:.7}}@keyframes kinetic-enter{0%,6%,96%,100%{transform:translateY(108%)}19%,83%{transform:translateY(0)}93%{transform:translateY(-108%)}}@keyframes arrow-launch{0%,19%,100%{transform:translate(-9px,9px);opacity:0}32%,74%{transform:translate(0,0);opacity:1}86%{transform:translate(9px,-9px);opacity:0}}@keyframes sequence-scan{from{left:0}to{left:100%}}@keyframes timecode-tick{from{transform:translateY(0)}to{transform:translateY(-50px)}}@keyframes map-connect{from{stroke-dashoffset:122}to{stroke-dashoffset:0}}@keyframes hub-focus{0%,100%{opacity:.78}45%{opacity:1}}@keyframes idea-focus{0%,100%{opacity:.8}65%{opacity:1}}
/* Pause covers every new animation, as well as the hero. */
.studio-motion-paused .product-art *{animation-play-state:paused!important}
@media(min-width:801px) and (max-width:1100px){.adapt-stage{transform:translateX(-50%) scale(.8);top:70px}.motion-composition{transform:translateX(-50%) scale(.78);top:69px}.cinema-caption strong{font-size:27px}.capability-scene .adapt-stage{transform:translateX(-50%) scale(.98);top:60px}.capability-scene .motion-composition{transform:translateX(-50%) scale(.98);top:60px}.capability-scene .cinema-caption strong{font-size:33px}.capability-scene .campaign-map{inset:0;height:100%}}
@media(max-width:800px){.adapt-stage{transform:translateX(-50%) scale(.85);top:69px}.motion-composition{transform:translateX(-50%) scale(.85);top:65px}.cinema-caption strong{font-size:28px}.capability-scene .adapt-stage{transform:translateX(-50%);top:35px}.capability-scene .motion-composition{transform:translateX(-50%);top:32px}.capability-scene .campaign-map{inset:-45px 0 0;height:calc(100% + 45px)}.capability-scene .cinema-caption strong{font-size:36px}.capability-scene .adapt-caption{font-size:6px;bottom:13px}}
@media(max-width:540px){.adapt-stage{transform:translateX(-50%);top:72px}.motion-composition{transform:translateX(-50%);top:72px}.cinema-caption strong{font-size:34px}.cinema-index{right:20px}.capability-scene .adapt-stage{transform:translateX(-50%) scale(.85);top:29px}.capability-scene .motion-composition{transform:translateX(-50%) scale(.85);top:28px}.capability-scene .cinema-caption strong{font-size:31px}.capability-scene .campaign-map{inset:-12px 0 0;height:calc(100% + 12px)}}
@media(max-width:359px){.adapt-stage{transform:translateX(-50%) scale(.82)}.motion-composition{transform:translateX(-50%) scale(.82)}.capability-scene .adapt-stage{transform:translateX(-50%) scale(.72)}.capability-scene .motion-composition{transform:translateX(-50%) scale(.7)}}
@media(prefers-reduced-motion:reduce){.product-art *{animation:none!important}.design-sheet,.kinetic-row>span,.kinetic-arrow{opacity:1;transform:none}}
/* Zen Edit: a photographic color study with a working comparison in the explorer. */
.art-edit{background:#282924}.edit-photograph{--reveal:50%;position:absolute;inset:0;overflow:hidden}.grade-photo{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 61%}.grade-finished{filter:saturate(1.16) contrast(1.1) brightness(1.07)}.grade-neutral{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.grade-neutral .grade-photo{filter:saturate(.24) contrast(.87) brightness(1.12)}.grade-vignette{position:absolute;inset:0;background:linear-gradient(180deg,#08101155,transparent 34%,transparent 58%,#0e100dd9)}.grade-seam{position:absolute;top:0;bottom:0;left:var(--reveal);width:1px;background:#f3ebce99;box-shadow:0 0 9px #1113}.grade-seam>span{position:absolute;top:52%;left:-3px;width:7px;height:24px;border:1px solid #e8dabb99;border-radius:3px;background:#30322a;box-shadow:0 2px 5px #0004}.grade-labels{position:absolute;left:23px;right:23px;bottom:49px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.6px;color:#f0e4cf}.grade-palette{position:absolute;bottom:20px;left:23px;right:23px;display:flex;align-items:center;gap:3px}.grade-palette i{width:17px;height:7px;background:#3c4240}.grade-palette i:nth-child(2){background:#797766}.grade-palette i:nth-child(3){background:#b89971}.grade-palette i:nth-child(4){background:#d89b5e}.grade-palette i:nth-child(5){background:#f1d1a0}.grade-palette>span{margin-left:auto;color:#d8c5a6;letter-spacing:1.1px;font-size:5px}.product-card .grade-neutral{animation:grade-wipe 12s ease-in-out infinite}.product-card .grade-seam{animation:grade-divider 12s ease-in-out infinite}.edit-compare-controls{display:flex;align-items:center;gap:15px;padding:12px 15px;background:#23231e;border-top:1px solid #ffffff1a}.edit-compare-controls label{font-size:9px;color:#d9cbb3;white-space:nowrap}.edit-compare-controls input{min-width:30px;width:100%;height:16px;margin:0;accent-color:#d3ac79;cursor:ew-resize}.edit-compare-controls input:focus-visible{outline:2px solid #ffa077;outline-offset:4px;border-radius:2px}.edit-compare-controls output{font:8px monospace;min-width:45px;text-align:right;color:#c8b89c;white-space:nowrap}.capability-scene .grade-labels{font-size:8px;bottom:49px}.capability-scene .grade-palette>span{font-size:6px}.capability-scene .grade-palette i{width:23px;height:8px}@keyframes grade-wipe{0%,100%{clip-path:inset(0 50% 0 0)}30%,40%{clip-path:inset(0 77% 0 0)}70%,80%{clip-path:inset(0 23% 0 0)}}@keyframes grade-divider{0%,100%{left:50%}30%,40%{left:23%}70%,80%{left:77%}}
@media(max-width:1100px) and (min-width:801px){.grade-palette>span{font-size:4px;letter-spacing:.6px}.grade-palette i{width:13px}.edit-compare-controls{gap:9px;padding:12px 10px}.edit-compare-controls label{font-size:8px}}
@media(max-width:540px){.grade-labels{font-size:7px}.grade-palette>span{font-size:5px;letter-spacing:.7px}.capability-scene .grade-palette>span{font-size:5px}.capability-scene .grade-palette i{width:16px}.edit-compare-controls{gap:9px;padding:11px 10px}.edit-compare-controls label{font-size:8px}.edit-compare-controls output{font-size:7px;min-width:39px}}
@media(prefers-reduced-motion:reduce){.product-card .grade-neutral,.product-card .grade-seam{animation:none}}