.context-section{background:#fafafa;padding:90px 0 66px;overflow:hidden;scroll-margin-top:24px}.context-header{display:flex;align-items:flex-end;justify-content:space-between;gap:48px}.context-header h2{font-size:clamp(38px,4.1vw,64px);letter-spacing:-.055em}.context-header>p{max-width:350px;color:#737378;font-size:16px;line-height:1.6}.context-header .eyebrow{margin-bottom:18px}.context-nav{display:flex;justify-content:center;gap:5px;margin:36px auto 0;padding:5px;width:max-content;border:1px solid #e4e4e5;border-radius:40px;background:#fff;position:relative;z-index:3}.context-nav button{background:none;padding:11px 20px;border-radius:30px;font-size:13px;white-space:nowrap;transition:background .2s,color .2s}.context-nav button[aria-pressed=true]{background:#222;color:#fff}.context-nav button:hover:not([aria-pressed=true]){background:#f1f1f2}.context-scene{height:590px;max-width:1560px;margin:auto;position:relative;isolation:isolate;--drift:0px}.context-piece{position:absolute;transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .6s;transform-origin:center;will-change:transform}.context-piece-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:12px;gap:15px}.context-piece-heading span:first-child{font-weight:600}.context-piece-heading span:last-child{color:#85858a;font-size:10px}.context-crop{overflow:hidden;position:relative;width:100%;background:#fff}.context-crop img{position:absolute;max-width:none;height:auto}.context-products{width:440px;left:3%;top:116px;z-index:2;transform:translateY(var(--drift)) rotate(-5deg)}.context-product-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}.context-product-grid .context-crop{border-radius:7px}.context-product-names{display:flex;justify-content:space-around;font-size:10px;gap:12px;padding-top:10px}.context-dna{width:550px;left:calc(50% - 275px);top:5px;z-index:1}.context-dna-picture{mix-blend-mode:multiply}.context-palette{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:-35px;position:relative}.context-palette i{width:22px;height:22px;border-radius:50%;border:1px solid #ddd}.context-palette span{font-size:11px;margin-left:10px;color:#747479}.context-competitors{width:290px;right:4%;top:59px;z-index:2;transform:translateY(calc(var(--drift) * -1)) rotate(5deg)}.context-competitor-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.context-competitor-grid .context-crop{border-radius:7px}.context-trends{width:330px;right:7%;top:335px;background:#f0f1e8;padding:20px 24px;border-radius:10px;z-index:3;transform:translateY(calc(var(--drift) * -.5)) rotate(-3deg)}.context-trends h3{font-size:28px;line-height:1.1;margin:18px 0}.context-trend-list>div{display:flex;align-items:center;gap:10px;border-top:1px solid #d9dacd;padding:9px 0;font-size:10px}.context-trend-list strong{font-weight:500;flex:1}.context-trend-list span{font-size:9px;color:#818478}.context-trends>p{font-size:10px;color:#707467;margin-top:10px}.context-footer{border-top:1px solid #e0e0e2;padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.context-description h3{font-size:25px;letter-spacing:-.035em;margin-bottom:5px}.context-description p{font-size:14px;color:#737378}.context-scene:not([data-view=overview]) .context-piece{opacity:.17;pointer-events:none}.context-scene[data-view=products] .context-products{transform:translate(calc(47vw - 50% - 3vw),10px) rotate(0) scale(1.65);opacity:1;z-index:5}.context-scene[data-view=products] .context-dna{transform:translateX(-450px) scale(.7)}.context-scene[data-view=dna] .context-dna{transform:scale(1.07);opacity:1;z-index:5}.context-scene[data-view=dna] .context-products{transform:translateX(-230px) rotate(-9deg)}.context-scene[data-view=dna] .context-competitors{transform:translateX(180px) rotate(9deg)}.context-scene[data-view=dna] .context-trends{transform:translateX(260px)}.context-scene[data-view=competitors] .context-competitors{transform:translate(calc(-46vw + 50% + 4vw),90px) rotate(0) scale(1.85);opacity:1;z-index:5}.context-scene[data-view=competitors] .context-dna{transform:translateX(-400px) scale(.65)}.context-scene[data-view=trends] .context-trends{transform:translate(calc(-43vw + 50% + 7vw),-150px) rotate(0) scale(1.55);opacity:1;z-index:5}.context-scene[data-view=trends] .context-dna{transform:translateX(-370px) scale(.75)}
@media(min-width:1560px){.context-scene[data-view=products] .context-products{transform:translate(513px,10px) scale(1.65)}.context-scene[data-view=competitors] .context-competitors{transform:translate(-510px,90px) scale(1.85)}.context-scene[data-view=trends] .context-trends{transform:translate(-400px,-150px) scale(1.55)}}
@media(max-width:1000px){.context-products{width:330px;left:1%}.context-dna{width:470px;left:calc(50% - 235px);top:20px}.context-competitors{width:220px;right:2%}.context-trends{width:290px;right:3%;top:310px}.context-scene{height:570px}.context-header>p{max-width:270px;font-size:14px}.context-scene[data-view=products] .context-products{transform:translate(calc(49vw - 50%),60px) scale(1.7)}}
@media(max-width:640px){.context-section{padding:55px 0 40px}.context-header{display:block;width:calc(100% - 40px)}.context-header h2{font-size:39px}.context-header>p{max-width:none;margin-top:20px;font-size:14px}.context-nav{max-width:calc(100% - 24px);overflow-x:auto;justify-content:flex-start;margin-top:25px}.context-nav button{padding:10px 13px;font-size:11px}.context-scene{height:450px}.context-dna{width:340px;left:calc(50% - 170px);top:35px}.context-products{width:210px;left:-65px;top:170px;transform:rotate(-7deg)}.context-competitors{width:158px;right:-45px;top:30px;transform:rotate(8deg)}.context-trends{width:200px;right:-22px;top:285px;padding:13px;transform:rotate(-4deg)}.context-trends h3{font-size:22px;margin:12px 0}.context-piece-heading{font-size:10px}.context-piece-heading span:last-child{display:none}.context-trend-list span:last-child{display:none}.context-trends>p{display:none}.context-palette{margin-top:-15px}.context-palette i{width:17px;height:17px}.context-palette span{display:none}.context-footer{width:calc(100% - 40px);flex-direction:column;align-items:flex-start}.context-description h3{font-size:23px}.context-description p{font-size:13px}.context-scene[data-view=products] .context-products{transform:translate(calc(50vw - 40px),-20px) rotate(0) scale(1.5)}.context-scene[data-view=competitors] .context-competitors{transform:translate(calc(-50vw + 34px),115px) rotate(0) scale(1.85)}.context-scene[data-view=trends] .context-trends{transform:translate(calc(-50vw + 78px),-115px) rotate(0) scale(1.45)}.context-scene[data-view=dna] .context-dna{transform:translateY(25px) scale(1.03)}}
@media(prefers-reduced-motion:reduce){.context-piece,.context-nav button{transition:none!important}.context-scene{--drift:0px!important}}
.context-dna{mix-blend-mode:multiply}.context-scene:not([data-view=overview]) .context-piece{opacity:.08}.context-scene[data-view=products] .context-products,.context-scene[data-view=dna] .context-dna,.context-scene[data-view=competitors] .context-competitors,.context-scene[data-view=trends] .context-trends{opacity:1}
@media(max-width:640px){.context-header h2{font-size:35px;text-wrap:initial;max-width:345px}.context-header h2 br{display:none}.context-nav{scrollbar-width:none}.context-nav::-webkit-scrollbar{display:none}.context-products{left:-35px;width:175px}.context-scene[data-view=products] .context-products{transform:translate(calc(50vw - 52px),-5px) scale(1.75)}}
/* Interface-led revision: wider screenshots retain the product controls and labels. */
.context-scene{height:660px;max-width:1440px}.context-piece{transform-origin:center top;transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .5s,width .8s,left .8s,top .8s;}
.context-piece-heading{height:30px;margin-bottom:8px}.interface-window{background:white;border:1px solid #e5e5e7;border-radius:12px;overflow:hidden;box-shadow:0 16px 50px #1818200a}.context-dna{mix-blend-mode:normal}.context-products{width:49%;left:-3%;top:95px;transform:translateY(var(--drift)) rotate(-5deg);z-index:2}.context-dna{width:52%;left:25%;top:28px;transform:rotate(0);z-index:1}.context-competitors{width:45%;left:59%;right:auto;top:250px;transform:translateY(calc(var(--drift) * -1)) rotate(5deg);z-index:3}.context-trends{width:280px;left:10%;right:auto;top:425px;transform:rotate(-3deg);z-index:4}.context-trends h3{font-size:25px;margin:8px 0}.context-trends .context-piece-heading{height:auto}.dna-view-switch{display:flex;gap:3px;padding:3px;background:#eeeef0;border-radius:20px}.dna-view-switch button{padding:5px 10px;border-radius:20px;font-size:10px;background:transparent}.dna-view-switch button[aria-pressed=true]{background:#fff;box-shadow:0 1px 3px #0001}.context-scene:not([data-view=overview]) .context-piece{opacity:0;pointer-events:none;}
.context-scene[data-view=products] .context-products,.context-scene[data-view=dna] .context-dna,.context-scene[data-view=competitors] .context-competitors{width:min(88%,1060px);left:50%;top:25px;right:auto;transform:translateX(-50%);opacity:1;pointer-events:auto;z-index:6}
.context-scene[data-view=trends] .context-trends{left:50%;top:100px;right:auto;width:360px;transform:translateX(-50%) scale(1.2);opacity:1;pointer-events:auto}
@media(min-width:1560px){.context-scene{height:710px}}
@media(max-width:1000px) and (min-width:641px){.context-scene{height:580px}.context-trends{top:345px}.context-competitors{top:220px}.context-scene[data-view=products],.context-scene[data-view=competitors],.context-scene[data-view=dna]{height:600px}}
@media(max-width:640px){.context-scene{height:465px}.context-products{width:86%;left:-20%;top:100px;transform:rotate(-5deg)}.context-dna{width:90%;left:20%;top:30px}.context-competitors{width:87%;left:30%;top:260px;transform:rotate(5deg)}.context-trends{width:160px;left:-15px;top:295px;padding:13px}.context-trends h3{font-size:18px}.context-trends .context-trend-list>div{padding:6px 0;font-size:9px}.context-scene[data-view=products] .context-products,.context-scene[data-view=dna] .context-dna,.context-scene[data-view=competitors] .context-competitors{width:calc(100% - 32px);left:50%;top:25px;transform:translateX(-50%)}.context-scene:not([data-view=overview]) .interface-window{overflow:auto;max-height:395px;scrollbar-width:thin;touch-action:pan-x pan-y}.context-scene:not([data-view=overview]) .interface-crop{width:680px;max-width:none}.context-scene:not([data-view=overview]) .interface-window::after{content:'Swipe to explore the interface';display:block;position:sticky;left:0;padding:10px 14px;font-size:10px;color:#777;background:white;width:100%;box-sizing:border-box}.context-scene[data-view=trends] .context-trends{width:280px;left:50%;top:70px;transform:translateX(-50%)}.context-scene[data-view=trends] .context-trends h3{font-size:28px}.context-scene[data-view=trends] .context-trend-list>div{padding:14px 0;font-size:12px}.context-piece-heading span:last-child{display:block}.dna-view-switch button{padding:5px 8px}}
@media(min-width:1001px){.context-scene[data-view=dna]{height:720px}}
/* Real Trends interface: three views from the supplied product screens. */
.context-trends{background:transparent;padding:0;border-radius:0;width:430px;left:8%;top:415px}.context-trends .context-piece-heading{height:30px}.trends-view-switch{display:flex;gap:3px;padding:3px;border-radius:20px;background:#eeeef0}.trends-view-switch button{background:transparent;font-size:10px;padding:5px 10px;border-radius:20px}.trends-view-switch button[aria-pressed=true]{background:#fff;box-shadow:0 1px 3px #0001}.trends-window-title{padding:16px 15px 8px;display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:600;letter-spacing:-.03em}.trends-window-title span:last-child{font-size:10px;font-weight:400;color:#8a8a90;letter-spacing:0}.context-trends .trends-insight{font-size:12px;color:#777;margin-top:14px;display:none;line-height:1.5}.context-scene[data-view=trends] .context-trends{width:min(88%,1060px);left:50%;top:25px;right:auto;transform:translateX(-50%);opacity:1;pointer-events:auto;z-index:6}.context-scene[data-view=trends] .trends-insight{display:block}.context-scene[data-view=overview]{height:745px}.context-scene[data-view=trends]{height:750px}.context-scene[data-view=trends] .trends-window-title{padding:20px 20px 10px;font-size:22px}.context-scene[data-view=trends] .trends-view-switch button{font-size:12px;padding:7px 14px}
@media(max-width:1000px) and (min-width:641px){.context-scene[data-view=overview]{height:670px}.context-trends{width:360px;top:375px}.context-scene[data-view=trends]{height:620px}}
@media(max-width:640px){.context-scene[data-view=overview]{height:505px}.context-trends{width:260px;left:-25px;top:320px;transform:rotate(-4deg);padding:0}.trends-window-title{font-size:12px;padding:12px 10px 4px}.trends-window-title span:last-child{display:none}.trends-view-switch button{padding:4px 7px;font-size:9px}.context-scene[data-view=trends]{height:530px}.context-scene[data-view=trends] .context-trends{width:calc(100% - 32px);left:50%;top:25px;transform:translateX(-50%);padding:0}.context-scene[data-view=trends] .interface-window{max-height:410px}.context-scene[data-view=trends] .trends-window-title{font-size:18px;padding:16px 12px 6px;position:sticky;left:0}.context-scene[data-view=trends] .trends-view-switch button{font-size:10px;padding:6px 9px}.context-scene[data-view=trends] .trends-insight{font-size:12px;margin-top:12px}}
.competitor-view-switch{display:flex;gap:3px;padding:3px;border-radius:20px;background:#eeeef0}.competitor-view-switch button{background:transparent;font-size:10px;padding:5px 10px;border-radius:20px;white-space:nowrap}.competitor-view-switch button[aria-pressed=true]{background:#fff;box-shadow:0 1px 3px #0001}.competitor-note{display:none;font-size:12px;color:#777;margin-top:14px}.competitor-moves-image{width:100%;height:auto}.context-scene[data-view=competitors] .competitor-note{display:block}.context-scene[data-view=competitors] .competitor-view-switch button{font-size:12px;padding:7px 14px}.context-scene[data-view=competitors]:has([data-competitor-view=profile][aria-pressed=true]){height:860px}.context-scene[data-view=competitors]:has([data-competitor-view=moves][aria-pressed=true]){height:850px}.context-scene[data-view=competitors]:has([data-competitor-view=moves][aria-pressed=true]) .context-competitors{width:min(80%,730px)}
@media(max-width:1000px) and (min-width:641px){.context-scene[data-view=competitors]:has([data-competitor-view=profile][aria-pressed=true]){height:710px}.context-scene[data-view=competitors]:has([data-competitor-view=moves][aria-pressed=true]){height:800px}}
@media(max-width:640px){.context-scene[data-view=competitors] .context-piece-heading{height:auto;min-height:30px;gap:6px}.competitor-view-switch button{font-size:8px;padding:4px 6px}.context-scene[data-view=competitors] .competitor-view-switch button{font-size:9px;padding:6px 8px}.context-scene[data-view=competitors]:has([data-competitor-view=profile][aria-pressed=true]),.context-scene[data-view=competitors]:has([data-competitor-view=moves][aria-pressed=true]){height:550px}.context-scene[data-view=competitors]:has([data-competitor-view=moves][aria-pressed=true]) .context-competitors{width:calc(100% - 32px)}.context-scene[data-view=competitors] .competitor-moves-image{width:580px;max-width:none}.context-scene[data-view=competitors] .competitor-note{font-size:12px}}
/* Recent activity sits alongside the brand profile, rather than in a separate view. */
.context-scene[data-view=competitors]:has([data-competitor-view=profile][aria-pressed=true]) .context-competitors{width:min(94%,1260px)}
.context-competitors .interface-window:has(.competitor-profile-composition:not([hidden])):has([data-competitor-panel=profile]:not([hidden])){background:transparent;border:0;box-shadow:none;overflow:visible}
.competitor-profile-composition{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.4fr);align-items:center;gap:20px}
.competitor-profile-main,.competitor-profile-moves{overflow:hidden;background:#fff;border:1px solid #e5e5e7;border-radius:12px;box-shadow:0 14px 40px #18182008}
.competitor-profile-moves img{width:100%;height:auto}
.context-scene[data-view=competitors]:has([data-competitor-view=profile][aria-pressed=true]){height:740px}
@media(max-width:1000px) and (min-width:641px){.competitor-profile-composition{gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,.47fr)}.context-scene[data-view=competitors]:has([data-competitor-view=profile][aria-pressed=true]){height:580px}}
@media(max-width:640px){.context-scene[data-view=competitors]:has([data-competitor-view=profile][aria-pressed=true]) .context-competitors{width:calc(100% - 32px)}.competitor-profile-composition{grid-template-columns:1fr;gap:16px}.context-scene[data-view=competitors] .interface-window:has([data-competitor-panel=profile]:not([hidden])){max-height:none;overflow:visible}.context-scene[data-view=competitors] .interface-window:has([data-competitor-panel=profile]:not([hidden]))::after{display:none}.competitor-profile-main{overflow:auto;max-height:350px;touch-action:pan-x pan-y}.competitor-profile-moves{width:88%;justify-self:end}.context-scene[data-view=competitors]:has([data-competitor-view=profile][aria-pressed=true]){height:800px}}
/* Overview keeps a single level of navigation. */
.context-scene[data-view="overview"] .dna-view-switch,
.context-scene[data-view="overview"] .trends-view-switch,
.context-scene[data-view="overview"] .competitor-view-switch{display:none}
/* Brand DNA: one large screen, with a soft preview of the next. */
.context-scene[data-view=dna] .context-dna{width:min(94%,1220px);top:22px}
.dna-gallery-viewport{overflow:hidden;padding:8px 0 22px}.dna-gallery-track{display:flex;gap:24px;transform:translateX(calc(var(--dna-index,0) * ( -85% - 24px)));transition:transform .65s cubic-bezier(.22,1,.36,1)}.dna-slide{flex:0 0 85%;min-width:0;opacity:.32;filter:blur(2px);transform:scale(.96);transform-origin:left center;transition:filter .65s,opacity .65s,transform .65s}.dna-slide.is-active{opacity:1;filter:none;transform:scale(1)}.dna-slide-frame{aspect-ratio:1.7;overflow:hidden;background:white;border:1px solid #e5e5e7;border-radius:12px;box-shadow:0 10px 26px #18182009;display:flex;align-items:center;justify-content:center}.dna-slide-frame>.context-crop{width:100%;flex:none}.dna-slide:last-child .context-crop{width:59%}.dna-gallery-controls{display:flex;align-items:center;justify-content:space-between;width:85%;padding-top:2px}.dna-gallery-caption{display:flex;align-items:center;gap:18px;font-size:17px}.dna-gallery-caption #dna-gallery-count{color:#929298;font-size:12px}.dna-gallery-arrows{display:flex;gap:10px}.dna-gallery-arrows button{width:43px;height:43px;border:1px solid #d9d9dd;border-radius:50%;background:transparent;font-size:22px;transition:background .2s}.dna-gallery-arrows button:hover:not(:disabled){background:#e2ff52;border-color:#e2ff52}.dna-gallery-arrows button:disabled{opacity:.3;cursor:default}.context-scene[data-view=overview] .dna-gallery-track{transform:none}.context-scene[data-view=overview] .dna-slide{flex-basis:100%;opacity:1;filter:none;transform:none}.context-scene[data-view=overview] .dna-slide:not(:first-child),.context-scene[data-view=overview] .dna-gallery-controls{display:none}.context-scene[data-view=dna]{height:760px}
@media(max-width:1000px) and (min-width:641px){.context-scene[data-view=dna]{height:610px}}
@media(max-width:640px){.context-scene[data-view=dna] .context-dna{width:calc(100% - 24px)}.dna-gallery-track{gap:12px;transform:translateX(calc(var(--dna-index,0) * (-89% - 12px)))}.dna-slide{flex-basis:89%;filter:blur(1px)}.dna-slide.is-active{filter:none}.dna-slide-frame{border-radius:8px}.dna-gallery-controls{width:89%;padding-top:10px}.dna-gallery-caption{font-size:15px;gap:12px}.dna-gallery-arrows button{width:38px;height:38px}.context-scene[data-view=dna]{height:350px}.dna-gallery{touch-action:pan-y}}
@media(prefers-reduced-motion:reduce){.dna-gallery-track,.dna-slide{transition:none}}
/* Shared gallery controls sit over the edges of the active screen. */
.shared-gallery{position:relative}.shared-gallery .dna-gallery-arrows{position:absolute;left:0;top:8px;width:85%;aspect-ratio:1.7;display:flex;align-items:center;justify-content:space-between;pointer-events:none;padding:0 12px}.shared-gallery .dna-gallery-arrows button{pointer-events:auto;background:#fffffff0;backdrop-filter:blur(10px);border:1px solid #dddde1;box-shadow:0 3px 12px #00000012;width:46px;height:46px}.shared-gallery .dna-gallery-arrows button:disabled{visibility:hidden}.shared-gallery [data-gallery-count]{font-size:12px;color:#929298}.shared-gallery .dna-slide:last-child .context-crop{width:100%}.context-dna .dna-slide:last-child .context-crop{width:59%}.gallery-trends-content{width:100%}.gallery-trends-content .trends-window-title{padding:10px 12px 6px;font-size:18px}.shared-gallery .competitor-profile-composition{width:100%;gap:12px;padding:8px;grid-template-columns:minmax(0,1fr) minmax(0,.4fr)}.shared-gallery .competitor-profile-main,.shared-gallery .competitor-profile-moves{box-shadow:none}.shared-gallery .competitor-profile-moves{width:100%}.context-scene[data-view=competitors] .context-competitors,.context-scene[data-view=trends] .context-trends{width:min(94%,1220px);left:50%;top:22px;transform:translateX(-50%)}.context-scene[data-view=competitors],.context-scene[data-view=trends]{height:760px}.context-scene[data-view=overview] .shared-gallery .dna-gallery-controls{display:none}
@media(max-width:1000px) and (min-width:641px){.context-scene[data-view=competitors],.context-scene[data-view=trends]{height:610px}}
@media(max-width:640px){.context-scene[data-view=competitors] .context-competitors,.context-scene[data-view=trends] .context-trends{width:calc(100% - 24px)}.context-scene[data-view=competitors],.context-scene[data-view=trends]{height:350px}.shared-gallery .dna-gallery-arrows{width:89%;padding:0 5px}.shared-gallery .dna-gallery-arrows button{width:34px;height:34px;font-size:19px}.shared-gallery .competitor-profile-composition{gap:5px;padding:3px}.shared-gallery .competitor-profile-main{max-height:none;overflow:hidden}.shared-gallery .interface-crop{width:100%!important;max-width:100%}.shared-gallery .competitor-profile-moves{width:100%}.gallery-trends-content .trends-window-title{font-size:10px;padding:4px 5px}.shared-gallery .dna-slide-frame{border-radius:8px}}
.product-detail-overlay{position:absolute;width:41%;right:-3%;bottom:-24px;z-index:4;overflow:hidden;border-radius:12px;border:1px solid #e5e5e7;box-shadow:0 18px 50px #17171d26;background:#fff;transform:rotate(2deg)}
.context-scene[data-view=products] .context-products{width:min(84%,1040px);left:46%;transform:translateX(-50%)}
.context-scene[data-view=products]{height:750px}.context-scene[data-view=overview] .product-detail-overlay{width:43%;right:-2%;bottom:-18px}
.gallery-peek{position:absolute;left:calc(85% + 24px);right:0;top:8px;height:calc((100% - 70px));border-radius:12px;background:transparent;padding:0;cursor:pointer;z-index:5}.gallery-peek:hover{background:#ffffff08}.context-scene[data-view=overview] .gallery-peek{display:none}
@media(max-width:1000px) and (min-width:641px){.context-scene[data-view=products]{height:600px}}
@media(max-width:640px){.context-scene[data-view=products] .context-products{width:calc(100% - 32px);left:50%;transform:translateX(-50%)}.context-scene[data-view=products] .product-detail-overlay{width:62%;right:0;bottom:-105px;transform:rotate(2deg)}.context-scene[data-view=products]{height:600px}.product-detail-overlay{border-radius:7px}.gallery-peek{left:calc(89% + 12px)}.context-scene[data-view=overview] .product-detail-overlay{width:43%;bottom:-12px}}
@media(min-width:641px){.context-scene[data-view=products] .product-detail-overlay{right:-14%}}
/* Each top-level chapter carries its own introduction, explanation and CTA. */
.context-header{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:end;gap:60px}.context-header h2{min-height:2.12em;max-width:720px}.context-header #context-summary{max-width:380px;min-height:4.8em}.context-footer{align-items:center;gap:60px;min-height:155px}.context-description{max-width:720px;flex:1}.context-description #context-detail{font-size:15px;line-height:1.7;min-height:5.1em}.context-footer .button{flex-shrink:0;white-space:nowrap}
@media(max-width:1000px){.context-header{gap:30px;grid-template-columns:1.4fr 1fr}.context-footer{gap:30px}.context-description #context-detail{font-size:14px}}
@media(max-width:640px){.context-header{display:block}.context-header h2{min-height:3.18em}.context-header #context-summary{min-height:4.8em;max-width:none}.context-footer{align-items:flex-start;gap:22px;min-height:0}.context-description #context-detail{min-height:0;font-size:14px}}
/* Give the current screen a readable caption, separate from the body copy. */
.shared-gallery .dna-gallery-controls{padding-top:8px;min-height:48px}
.shared-gallery .dna-gallery-caption{gap:24px;line-height:1.25}
.shared-gallery [data-gallery-name]{font-size:28px;font-weight:500;letter-spacing:-.025em;color:#1d1d1f}
.shared-gallery [data-gallery-count]{font-size:18px;font-weight:400;color:#73737b;font-variant-numeric:tabular-nums}
@media(max-width:640px){.shared-gallery .dna-gallery-caption{gap:16px}.shared-gallery [data-gallery-name]{font-size:22px}.shared-gallery [data-gallery-count]{font-size:15px}}
.hero-audience{font-size:13px;line-height:1.5;color:#ffffffdb;margin:18px 0 0;max-width:540px}
.agent-section.agent-compact{padding:64px 0;background:#151517;min-height:0;color:#fff}
.agent-compact h2{font-size:clamp(30px,3vw,42px);max-width:700px}
.agent-compact .eyebrow{color:#adadb3;margin-bottom:16px}
.agent-compact .agent-pillars{margin-top:34px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.agent-compact .agent-pillars article{padding-top:20px;border-top:1px solid #ffffff26}
.agent-compact .agent-pillars h3{font-size:18px;letter-spacing:-.02em;margin-bottom:10px}
.agent-compact .agent-pillars p{color:#bbbbc2;font-size:14px;line-height:1.65;max-width:370px}
@media(max-width:640px){.hero-audience{font-size:12px;max-width:270px}.agent-section.agent-compact{padding:44px 0}.agent-compact .agent-pillars{grid-template-columns:1fr;gap:23px;margin-top:26px}.agent-compact .agent-pillars p{max-width:none}}
.hero-audience{margin-bottom:16px}

/* Even spacing between the text-only hero categories. */
@media(min-width:641px){.hero-stage .capability-grid{display:flex;justify-content:space-between;gap:20px}.hero-stage .capability-grid a,.hero-stage .capability-grid a:last-child{justify-content:center;flex:0 0 auto}}