/* An editorial studio for light, material and participation. */
.art-technology{padding:55px var(--gutter) 90px;background:#1b1c17;position:relative;overflow:hidden}
.tech-intro{display:grid;grid-template-columns:1.15fr .75fr;gap:9vw;align-items:end;padding:82px 0 65px}
.tech-intro h2{font-size:clamp(48px,5.6vw,88px);max-width:800px}
.tech-intro-copy>p:first-child{font-size:14px;line-height:1.9;color:#c5c0af;max-width:420px}
.tech-scope{font-family:var(--serif);font-size:17px;line-height:1.5;color:#bca47f;margin-top:24px}
.tech-studio{display:grid;grid-template-columns:1.12fr 1fr;gap:6vw;align-items:start}
.tech-study{margin:0;min-width:0}
.tech-scene{position:relative;aspect-ratio:1.24;isolation:isolate;overflow:hidden;background:#141610;border:1px solid #6f70553d;--study-x:0px;--study-turn:0deg;--study-spread:1;touch-action:pan-y}
.tech-scene:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 90px #0b0d0870;pointer-events:none}
.tech-scene svg{display:block;width:100%;height:100%;overflow:hidden}
.tech-scene-label{position:absolute;top:24px;left:26px;right:26px;font-size:8px;letter-spacing:2px;line-height:1.7;color:#c4b89b;z-index:2}
.study-field{transform:translateX(var(--study-x)) rotate(var(--study-turn)) scaleX(var(--study-spread));transform-origin:50% 55%;transition:transform .35s ease-out}
.study-variant{opacity:0;transition:opacity .6s}
.tech-scene[data-mode=ai] .study-ai,.tech-scene[data-mode=object] .study-object,.tech-scene[data-mode=interaction] .study-interaction,.tech-scene[data-mode=light] .study-light{opacity:1}
.study-floor-glow{transform:translateX(var(--study-x));transition:transform .35s ease-out}
.tech-study figcaption{display:flex;justify-content:space-between;gap:25px;padding-top:17px}
.tech-study figcaption strong{font-family:var(--serif);font-size:21px;line-height:1.25;font-weight:400;max-width:45%}
.tech-study figcaption p{font-size:10px;line-height:1.75;color:#b7b4a6;max-width:245px;flex:1}
.tech-study-hint{font-size:10px;line-height:1.8;color:#b2b49f;margin-top:21px;min-height:2em}
.tech-light-control{display:grid;grid-template-columns:1fr auto;gap:13px 20px;align-items:center;margin-top:18px}
.tech-light-control label{font-size:10px;letter-spacing:.5px}
.tech-light-control input{grid-column:1/-1;width:100%;margin:0;min-height:32px;accent-color:var(--bronze);cursor:ew-resize}
.tech-light-control input:focus-visible{outline:2px solid var(--bronze);outline-offset:4px}
.tech-reset{font-size:10px;color:#c6b493;text-decoration:underline;text-underline-offset:4px;min-height:32px;padding:0 2px;text-align:right}
.tech-range-ends{grid-column:1/-1;display:flex;justify-content:space-between;color:#9d9d8a;font-size:8px;letter-spacing:1px;margin-top:-15px}
.tech-directions{min-width:0}
.tech-tabs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-bottom:36px}
.tech-tabs button{display:grid;grid-template-columns:22px 1fr;gap:8px;text-align:left;align-content:start;min-height:78px;border-bottom:1px solid var(--line);padding:18px 10px 16px 0;color:#b2b1a0;font-size:12px;line-height:1.6;position:relative}
.tech-tabs button:nth-child(even){padding-left:17px;border-left:1px solid var(--line)}
.tech-tabs button>span:first-child{font-size:9px;color:#a59374;line-height:2.2}
.tech-tabs button[aria-selected=true]{color:#f0ebdf}
.tech-tabs button[aria-selected=true]:after{content:"";position:absolute;height:2px;background:var(--bronze);bottom:-1px;left:0;right:0}
.tech-tabs button:focus-visible{outline-offset:-4px}
.tech-panel{min-height:465px}
.tech-panel[hidden]{display:none}
.tech-panel h3{font-family:var(--serif);font-size:clamp(36px,3.8vw,58px);line-height:1.08;letter-spacing:-.045em;margin:0 0 24px}
.tech-panel>p{font-size:13px;line-height:1.9;color:#d1cbbb;max-width:470px}
.tech-panel dl{margin:27px 0 0}
.tech-panel dt{font-size:8px;letter-spacing:1.5px;color:#c6ad84;margin-top:22px;line-height:1.6}
.tech-panel dd{margin:8px 0 0;font-size:12px;line-height:1.85;color:#b7b4a6;max-width:470px}
.tech-process{margin-top:78px;padding-top:26px;border-top:1px solid var(--line)}
.tech-process>.section-label{color:#c6ad84}
.tech-process ol{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:5vw}
.tech-process li>span{display:block;font-family:var(--serif);font-size:14px;font-style:italic;color:#bca47f;margin-bottom:24px}
.tech-process h3{font-family:var(--serif);font-size:31px;margin-bottom:15px;letter-spacing:-.035em}
.tech-process p{font-size:12px;line-height:1.85;color:#b7b4a6;max-width:330px}
.tech-cta{display:inline-flex;align-items:center;gap:45px;margin-top:48px;padding:17px 0;border-bottom:1px solid #8a795b;font-size:12px;line-height:1.6;max-width:100%}
.tech-cta>span:first-child{min-width:0}.tech-cta>span:last-child{font-size:21px;flex:none}
.tech-service-entry{display:grid;grid-template-columns:.8fr 1fr auto;gap:4vw;align-items:center;margin-top:55px;padding:31px 0;border-top:1px solid #bdb6a6;border-bottom:1px solid #bdb6a6}
.tech-service-entry h3{font-family:var(--serif);font-size:32px;letter-spacing:-.03em;line-height:1.15}
.tech-service-entry h3>span{font-family:var(--sans);font-size:9px;letter-spacing:1px;display:block;margin-bottom:15px;color:#7f6850}
.tech-service-entry p{font-size:12px;line-height:1.85;color:#646052;max-width:380px}
.tech-service-entry a{display:inline-flex;gap:18px;align-items:center;font-size:11px;border-bottom:1px solid #9b9485;padding:12px 0;line-height:1.6}
[lang=fr] .tech-tabs button{font-size:11px;min-height:90px}
[lang=fr] .tech-panel{min-height:500px}
[lang=zh-Hant] .tech-panel h3{font-size:clamp(36px,3.4vw,54px);line-height:1.3;letter-spacing:-.025em}
.motion-paused .study-field,.motion-paused .study-floor-glow,.motion-paused .study-variant{transition:none}
@media(max-width:1100px){.tech-intro{gap:5vw;grid-template-columns:1.1fr .9fr}.tech-studio{gap:4vw;grid-template-columns:1fr 1fr}.tech-panel{min-height:500px}.tech-panel h3{font-size:40px}.tech-service-entry{grid-template-columns:1fr 1fr}.tech-service-entry>a{grid-column:2;justify-self:start}[lang=fr] .tech-panel{min-height:560px}}
@media(max-width:760px){.art-technology{padding-top:38px;padding-bottom:58px}.art-technology>.section-label>span:last-child{max-width:40%;text-align:right}.tech-intro{display:block;padding:47px 0 35px}.tech-intro h2{font-size:clamp(39px,10.5vw,60px)}.tech-intro-copy{margin-top:27px}.tech-intro-copy>p:first-child{font-size:12px;line-height:1.9;max-width:none}.tech-scope{font-size:16px;margin-top:16px}.tech-studio{display:flex;flex-direction:column;gap:37px}.tech-study,.tech-directions{width:100%}.tech-scene{aspect-ratio:1.1}.tech-scene-label{top:19px;left:19px;font-size:7px;letter-spacing:1.5px}.tech-study figcaption{gap:20px}.tech-study figcaption strong{font-size:20px;max-width:44%}.tech-study figcaption p{font-size:10px;line-height:1.7}.tech-study-hint{font-size:10px;margin-top:18px}.tech-light-control{margin-top:12px}.tech-tabs{margin-bottom:30px}.tech-tabs button{font-size:11px;min-height:79px;padding:14px 9px 14px 0;grid-template-columns:18px 1fr;gap:6px}.tech-tabs button:nth-child(even){padding-left:12px}.tech-panel,.tech-panel[hidden],[lang=fr] .tech-panel{min-height:0}.tech-panel h3{font-size:42px}.tech-panel>p{font-size:12px}.tech-panel dd{font-size:12px}.tech-process{margin-top:43px}.tech-process ol{display:block;margin-top:10px}.tech-process li{display:grid;grid-template-columns:30px 1fr;gap:8px 12px;padding:23px 0;border-bottom:1px solid var(--line)}.tech-process li>span{grid-row:1/3;margin:8px 0 0;font-size:12px}.tech-process h3{font-size:27px;margin:0}.tech-process p{grid-column:2;max-width:none;font-size:11px}.tech-cta{font-size:11px;margin-top:28px;gap:23px}.tech-service-entry{display:block;margin-top:32px;padding:25px 0}.tech-service-entry h3{font-size:29px}.tech-service-entry p{margin-top:15px}.tech-service-entry a{margin-top:13px;font-size:11px}[lang=fr] .tech-intro h2{font-size:clamp(37px,10vw,52px)}[lang=fr] .tech-tabs button{font-size:10px;min-height:90px}[lang=zh-Hant] .tech-intro h2{font-size:clamp(35px,9vw,52px)}[lang=zh-Hant] .tech-panel h3{font-size:37px}.mobile-menu>a{font-size:clamp(28px,7.2vw,40px);line-height:1.15}.mobile-menu{gap:20px}}
@media(prefers-reduced-motion:reduce){.study-field,.study-floor-glow,.study-variant{transition:none}}