/* Scene 03: a quiet editorial pause after the manifesto. */
main{height:calc(450svh + var(--gallery-overflow,0px))}.stage{overflow:clip}.yellow-layer{position:absolute;inset:0;z-index:1;pointer-events:none}
.solutions{position:absolute;inset:0 0 auto;min-height:100svh;z-index:4;background:var(--black);padding:112px 7% 42px;clip-path:inset(0 100% 0 0);visibility:hidden;pointer-events:none;will-change:transform}
.gallery-intro{display:grid;grid-template-columns:55fr 45fr;gap:5%;align-items:end;margin-bottom:42px}.solutions .eyebrow{color:var(--yellow);font-size:12px;letter-spacing:1.8px;margin-bottom:20px}.solutions h2{font-size:clamp(40px,4.1vw,60px);font-weight:700;letter-spacing:-.055em;line-height:1.02;max-width:650px}.gallery-lead{font-size:14px;line-height:1.6;color:#aeb5ab;max-width:440px;margin:0 0 3px;padding-left:30px}
.solution-gallery{display:grid;grid-template-columns:55fr 45fr;gap:5%;align-items:start;position:relative}.service-list{min-width:0}.solution-row{border-top:1px solid #ffffff21;transition:border-color .3s}.solution-row:last-child{border-bottom:1px solid #ffffff21}.solution-row h3{margin:0;font-size:inherit}.solution-trigger{width:100%;display:grid;grid-template-columns:24px 1fr 20px;align-items:center;gap:12px;padding:23px 0;background:none;border:0;text-align:left;color:#e9ece3;cursor:pointer}.row-number{font-size:10px;color:#8e988c;letter-spacing:1px;align-self:start;padding-top:8px}.row-title{font-size:clamp(36px,2.8vw,44px);font-weight:600;line-height:1.12;letter-spacing:-.05em;transition:color .25s}.row-arrow{font-size:20px;color:#8e988c;text-align:right;line-height:1;transition:transform .3s,color .25s}.solution-row.active .row-title,.solution-row.open .row-title{color:var(--yellow)}.solution-row.active .row-arrow{color:var(--yellow);transform:translate(2px,-2px)}.solution-row.open .row-arrow{color:var(--yellow);transform:rotate(90deg)}.solution-trigger:focus-visible{outline:1px solid var(--yellow);outline-offset:5px}.row-reveal{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.2,.8,.2,1)}.reveal-inner{min-height:0;overflow:hidden}.solution-row.open .row-reveal{grid-template-rows:1fr}.row-description{padding:0 25px 24px 36px}.row-description>p:first-child{font-size:15px;line-height:1.6;max-width:380px;margin:0 0 13px;color:#aeb8a9}.applications{font-size:15px;color:var(--yellow);border:0;border-bottom:1px solid #f5c40055;background:none;padding:3px 0 6px;cursor:pointer}.applications span{margin-left:12px}.applications-copy{font-size:12px;color:#b3bcaf;line-height:1.7;margin:14px 0 0}.gallery-caption{display:flex;justify-content:space-between;gap:25px;padding-top:24px;font-size:9px;letter-spacing:1px;line-height:1.5;color:#8e988c}.touch-hint{display:none}
/* Every visual stays inside a dedicated, clipped composition. */
.preview-column{min-width:0;padding-left:30px;border-left:1px solid #ffffff14}.preview-heading{display:flex;justify-content:space-between;gap:15px;align-items:baseline;padding:5px 0 20px}.preview-kicker{font-size:8px;color:#8e988c;letter-spacing:1.8px;flex-shrink:0}.preview-name{font-size:12px;color:#c3cabd;text-align:right}.visual-field{height:330px;width:100%;position:relative;overflow:hidden;contain:paint;isolation:isolate;background:radial-gradient(ellipse at 50% 50%,#f5c40008,transparent 75%)}.preview-layer{position:absolute;inset:0;opacity:0;transform:translateY(8px);transition:opacity .32s ease,transform .45s cubic-bezier(.2,.8,.2,1);pointer-events:none}.preview-layer.show{opacity:1;transform:none}.preview-caption{display:flex;justify-content:space-between;gap:20px;border-top:1px solid transparent;padding-top:16px;margin-top:12px;color:#8e988c;font-size:8px;letter-spacing:1.2px}.preview-index{color:var(--yellow)}
.artifact{position:absolute;border:1px solid #f5c40040;background:#eceede;color:#060A0A;overflow:hidden;box-shadow:0 12px 25px #0003;padding:15px}.artifact b{display:block;font-size:clamp(25px,2.6vw,36px);font-weight:800;letter-spacing:-.065em;line-height:.95;margin-top:23px}.micro{display:flex;justify-content:space-between;gap:8px;font-size:5px;letter-spacing:.8px}.rule{height:1px;background:currentColor;opacity:.2;margin-top:10px}.art-a{width:72%;height:180px;left:4%;top:50px;transform:rotate(-3deg)}.art-b{width:32%;height:190px;right:4%;top:105px;transform:rotate(3deg);background:var(--yellow);border-radius:12px;padding:13px}.art-b b{font-size:clamp(22px,2.3vw,32px);margin-top:30px}.art-c{display:none}.ui-pieces{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:16px}.ui-pieces i{height:18px;background:currentColor;opacity:.25;transition:transform .65s ease}.preview-layer[data-visual="3"] .art-a .ui-pieces i:nth-child(1){transform:translate(8px,10px) rotate(-8deg)}.preview-layer[data-visual="3"] .art-a .ui-pieces i:nth-child(2){transform:translate(-8px,-10px) rotate(5deg)}.preview-layer[data-visual="3"].show .art-a .ui-pieces i{transform:none}.art-b .ui-pieces{grid-template-columns:1fr 1fr}.art-b .ui-pieces i{height:15px}
[data-visual="0"] .art-a{width:78%;height:185px;top:48px}[data-visual="0"] .art-a b{max-width:160px;position:relative;z-index:1;font-size:clamp(25px,2.35vw,34px);margin-top:20px}[data-visual="0"] .art-a:after{content:'';position:absolute;right:15px;top:63px;width:83px;height:83px;border-radius:50%;background:var(--yellow)}[data-visual="0"] .art-b{width:29%;height:170px;top:128px}[data-visual="1"] .art-a{width:56%;height:226px;top:40px;left:10%;background:var(--yellow)}[data-visual="1"] .art-a b{font-size:48px}[data-visual="1"] .art-b{width:42%;height:167px;top:130px;right:5%;background:#eceede;border-radius:0}[data-visual="1"] .art-b b{font-size:34px;margin-top:18px}[data-visual="2"] .art-a{width:74%;height:170px;top:52px;background:var(--yellow)}[data-visual="2"] .art-b{width:40%;height:204px;top:95px;background:#eceede;border-radius:0}[data-visual="2"] .art-b b{font-size:28px;margin-top:25px}[data-visual="3"] .art-a{width:72%;height:180px;top:57px;background:#eceede}[data-visual="3"] .art-a b{font-size:27px;margin-top:20px}[data-visual="3"] .art-b{width:43%;height:186px;top:117px;border-radius:0}[data-visual="3"] .art-b b{font-size:27px;margin-top:16px}.touch-art{display:none}
body.in-solutions header{background:linear-gradient(#060a0a 55%,#060a0a00)}
@media(max-width:1100px) and (min-width:761px){.solutions{padding-left:6%;padding-right:6%}.gallery-intro,.solution-gallery{gap:4%}.preview-column{padding-left:20px}.gallery-lead{padding-left:20px}.row-title{font-size:36px}.solution-trigger{gap:8px;grid-template-columns:20px 1fr 18px}.row-description{padding-left:28px}.art-a{height:165px}.art-b{padding:10px}.art-b b{font-size:24px}.artifact .micro{font-size:4px}[data-visual="1"] .art-a b{font-size:37px}[data-visual="1"] .art-b b{font-size:28px}[data-visual="2"] .art-b b{font-size:23px}[data-visual="3"] .art-a b,[data-visual="3"] .art-b b{font-size:23px}}
@media(max-height:760px) and (min-width:761px){.solutions{padding-top:98px;padding-bottom:30px}.gallery-intro{margin-bottom:28px}.solutions h2{font-size:46px}.solution-trigger{padding:19px 0}.visual-field{height:310px}}
@media(max-width:760px){.solutions{padding:99px 7% 32px}.gallery-intro{grid-template-columns:1fr;gap:17px;margin-bottom:28px}.solutions h2{font-size:clamp(32px,7.4vw,42px);max-width:440px}.solutions .eyebrow{font-size:12px;margin-bottom:16px}.gallery-lead{padding:0;font-size:13px;max-width:330px;line-height:1.6}.solution-gallery{display:block}.preview-column{display:none}.solution-trigger{grid-template-columns:20px 1fr 18px;gap:9px;padding:20px 0}.row-title{font-size:clamp(25px,5.5vw,32px);font-weight:600;line-height:1.15;letter-spacing:-.045em}.row-number{font-size:9px;padding-top:5px}.row-arrow{font-size:18px}.row-description{padding:0 0 22px 29px}.row-description>p:first-child{font-size:15px;line-height:1.6}.applications{font-size:15px}.touch-art{display:block;position:relative;width:100%;height:230px;margin:0 0 20px;overflow:hidden;contain:paint;background:radial-gradient(ellipse,#f5c40006,transparent 70%)}.touch-art .art-a{width:68%;height:151px;left:8%;top:25px;padding:13px;transform:rotate(-2deg)}.touch-art .art-a b{font-size:27px;margin-top:20px}.touch-art .art-b{width:30%;height:160px;right:7%;top:50px;padding:11px;transform:rotate(2deg)}.touch-art .art-b b{font-size:23px;margin-top:26px}.touch-art .art-c{display:none}.touch-art .art-a:after{width:65px;height:65px;top:62px;right:10px}.touch-art[data-visual="1"] .art-a{width:48%;height:177px;top:15px;left:12%}.touch-art[data-visual="1"] .art-a b{font-size:36px}.touch-art[data-visual="1"] .art-b{width:38%;height:139px;top:70px;border-radius:0}.touch-art[data-visual="1"] .art-b b{font-size:26px;margin-top:18px}.touch-art[data-visual="2"] .art-b{width:37%;height:173px;top:35px;border-radius:0}.touch-art[data-visual="2"] .art-b b{font-size:23px;margin-top:22px}.touch-art[data-visual="3"] .art-a b{font-size:24px}.touch-art[data-visual="3"] .art-b{width:39%;height:161px;top:51px;border-radius:0}.touch-art[data-visual="3"] .art-b b{font-size:23px;margin-top:15px}.touch-art .ui-pieces i{height:13px}.gallery-caption{font-size:8px;letter-spacing:.6px;padding-top:20px;gap:20px}.desktop-hint{display:none}.touch-hint{display:inline;max-width:165px;text-align:right}.gallery-caption>span:first-child{max-width:115px}}

body.reduce main{height:auto}body.reduce .yellow-layer{display:none}body.reduce .solutions{position:relative;min-height:100svh;clip-path:none!important;visibility:visible!important;pointer-events:auto;transform:none!important}body.reduce .solutions *{transition:none!important;animation:none!important}body.reduce .preview-layer{transform:none}body.reduce header{background:#060A0A!important}
/* A shared detail height makes desktop service changes exchange equal space. */
@media(min-width:761px) and (hover:hover) and (pointer:fine){.row-description{min-height:128px}.service-list{align-self:start}}
.contact-cta{display:inline-block;text-decoration:none;line-height:1.4}.contact-cta:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}
/* Decorative layers never mask input. The incoming scene's clip-path defines its hit area. */
.grid,.orb,.signature,.label,.visual-field,.touch-art,.trajectory:before{pointer-events:none}
.foot{pointer-events:none}.foot .scroll{pointer-events:auto}
main,.trajectory{overflow-anchor:none}
@media(hover:hover) and (pointer:fine){.solution-trigger:hover .row-title{color:var(--yellow)}.solution-trigger:hover .row-arrow{color:var(--yellow);transform:translate(2px,-2px)}}
.solution-trigger{min-height:44px}
/* Neutral until an explicit selection; service-to-service transitions bypass the watermark. */
.preview-watermark{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;font-size:clamp(120px,15vw,235px);font-weight:800;letter-spacing:-.09em;padding-right:.09em;line-height:1;color:#eef0e7;opacity:0;transition:opacity .4s ease;pointer-events:none}
.preview-column.is-neutral .preview-watermark{opacity:.07}
.preview-column.is-neutral .visual-field{background:none}
.preview-heading{transition:opacity .35s ease}
.preview-column.is-neutral .preview-heading{opacity:0;visibility:hidden}