@font-face{font-family:Pretendard;src:url('/Content/IndustryExamples/fonts/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{font-family:Pretendard,Arial,sans-serif;font-synthesis:none;--bg:#15191f;--ink:#f2f0e9;--muted:#aeb5bd;--line:#ffffff24;--accent:#f88451;--gutter:clamp(22px,4.3vw,80px);background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button[hidden],[hidden]{display:none!important}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #ffb17a;outline-offset:6px}h1,h2,h3,p{margin:0;word-break:keep-all;overflow-wrap:break-word}.skip{position:fixed;top:-100px;left:16px;z-index:100;background:white;color:#111;padding:15px}.skip:focus{top:10px}
.site-header{position:absolute;top:0;left:var(--gutter);right:var(--gutter);height:85px;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:15;border-bottom:1px solid var(--line)}.wordmark{font-size:30px;font-weight:750;letter-spacing:-1.6px;white-space:nowrap}.wordmark>span{color:var(--accent);margin-left:6px;font-weight:400}.site-header nav{display:flex;gap:26px}.site-header nav a,.header-contact{display:flex;align-items:center;min-height:44px;font-size:12px}.header-contact{border-bottom:1px solid #7e858d}.eyebrow{font-size:10px;font-weight:550;letter-spacing:1.6px;line-height:1.5;color:var(--muted)}
.button{background:#f78652;color:#171a20;display:inline-flex;align-items:center;justify-content:center;padding:17px 23px;min-height:54px;font-size:13px;font-weight:720;gap:20px}.button:hover{background:#ffab79}.plain-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px;padding:8px 0;text-decoration:underline;text-underline-offset:7px;text-decoration-color:#76808b}.actions{display:flex;align-items:center;gap:24px}.chapter-action{font-size:12px;min-height:44px;display:inline-flex;align-items:center;justify-content:flex-end;white-space:nowrap;text-decoration:underline;text-underline-offset:7px}.chapter-description{font-size:14px;line-height:1.9;color:#b8bec5}.chapter h1{font-size:clamp(46px,6.5vw,96px);line-height:1.07;font-weight:650;letter-spacing:-.065em}.chapter h1 span{color:#bdc5ce}.chapter h2{font-size:clamp(28px,3.2vw,46px);line-height:1.2;letter-spacing:-.045em;font-weight:600}.chapter h2,.chapter h1{margin:17px 0}.chapter .static-detail{font-size:15px;line-height:1.9;max-width:750px;margin-top:24px;color:var(--muted)}
.story{position:relative;background:var(--bg)}.story-stage{padding-top:115px}.chapter{padding:65px var(--gutter);border-bottom:1px solid var(--line)}.chapter .actions{margin-top:25px}.chapter .chapter-action{margin-top:20px}.chapter .static-actions{margin-top:25px;display:flex;gap:25px}.scene-holder,.scene-edition,.scene-note{display:none}#intro-replay{border:0;background:none;color:var(--muted);font-size:11px;margin-top:12px;gap:12px}
/* One spatial stage. The model openings and content use the same projection. */
.story.has-motion{height:600svh;min-height:3500px}.has-motion .story-stage{height:100svh;min-height:640px;padding:0;position:sticky;top:0;overflow:hidden;background:#15191f}.has-motion .scene-holder{display:block;position:absolute;inset:200px 0 110px}.scene-holder canvas{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.has-motion .scene-edition{position:absolute;display:flex;justify-content:space-between;top:106px;left:var(--gutter);right:var(--gutter);font-size:8px;letter-spacing:1.1px;color:#9ca6b2;z-index:5;pointer-events:none}.has-motion .chapter{position:absolute;top:139px;left:var(--gutter);right:var(--gutter);padding:0;border:0;display:flex;gap:35px;justify-content:space-between;align-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility .25s;z-index:5}.has-motion .chapter.is-active{opacity:1;visibility:visible;pointer-events:auto}.has-motion .chapter h2{font-size:clamp(24px,2.5vw,39px);margin:10px 0 0}.has-motion .chapter .eyebrow{font-size:8px}.has-motion .chapter-description{font-size:12px;line-height:1.7}.has-motion .chapter .chapter-action{margin:0}.has-motion .chapter .static-detail,.has-motion .static-actions,.has-motion .intro-static{display:none}
.has-motion .chapter-intro{left:17%;right:17%;top:50%;transform:translateY(-43%);display:block;text-align:center}.has-motion .chapter-intro h1{font-size:clamp(52px,6.6vw,103px);margin:18px 0 22px}.has-motion .chapter-intro .eyebrow{font-size:10px}.has-motion .chapter-intro .chapter-description{font-size:14px;line-height:1.8}.has-motion .chapter-intro .actions{justify-content:center;margin-top:27px}.has-motion .chapter-intro #intro-replay{margin-top:9px}.has-motion .scene-note{display:block;position:absolute;bottom:91px;left:var(--gutter);right:var(--gutter);text-align:center;color:#9ba5b0;font-size:10px;line-height:1.6;z-index:5}
.scene-surface{position:absolute;z-index:3;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden}.scene-surface.is-ready{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s}.minisite{background:#222a2b;color:#f6f0e5;container-type:size}.minisite-nav{height:14%;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 3.2%;font-size:clamp(8px,1.2cqw,13px)}.minisite-nav b{letter-spacing:2px;font-size:clamp(12px,1.7cqw,20px)}.minisite-nav small{font-size:10px;color:#b9c6c5}.minisite-body{height:86%;position:relative;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.minisite-copy{padding:7% 7% 14%;align-self:center;z-index:1}.minisite-copy>span{font-size:clamp(8px,1cqw,11px);letter-spacing:1.1px;color:#aabebb}.minisite-copy h3{font-family:Georgia,Pretendard,serif;font-size:clamp(24px,4.7cqw,55px);font-weight:400;letter-spacing:-2px;line-height:1.2;margin:6% 0}.minisite-copy p{font-size:clamp(10px,1.4cqw,15px);line-height:1.8;color:#bfcbc7}.minisite-copy a{display:inline-flex;margin-top:7%;padding:10px 0;font-size:clamp(10px,1.3cqw,14px);border-bottom:1px solid #a4b5b0;min-height:40px}.minisite-body>img{width:100%;height:100%;object-fit:cover;object-position:center}.minisite-bottom{position:absolute;bottom:0;left:0;width:50%;padding:3%;display:flex;gap:15px;background:#222a2b;font-size:clamp(8px,1cqw,11px);border-top:1px solid #ffffff21}
.program{color:#eceff1;container-type:size;background:#15191f}.program>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:2% 1% 3%;height:24%}.program>header span{font-size:clamp(8px,1.1cqw,12px);color:#97a5b3;letter-spacing:.5px}.program>header h3{font-size:clamp(22px,3.5cqw,36px);margin:9px 0 0;font-weight:500;letter-spacing:-1px}.program .program-tag{border:1px solid #566675;border-radius:30px;padding:8px 14px;color:#d4dfe4}.program-grid{display:grid;grid-template-columns:21% 1fr;height:76%}.program-sidebar{padding:18% 8% 0 0;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:25px;font-size:clamp(10px,1.4cqw,15px);color:#9eabb8}.program-sidebar b{font-weight:600;color:#f3a778;display:flex;justify-content:space-between;padding-right:20%}.program-main{padding:2% 0 0 4%}.table-head,.demo-row{display:grid;grid-template-columns:1fr 15% 20%;gap:15px;align-items:center}.table-head{font-size:clamp(9px,1.1cqw,12px);color:#8695a5;height:15%}.demo-row{height:24%;border-top:1px solid var(--line);font-size:clamp(11px,1.4cqw,15px)}.demo-row>div{display:flex;flex-direction:column;gap:7px}.demo-row b{font-weight:550}.demo-row>div span{font-size:clamp(9px,1.1cqw,12px);color:#91a0ad}.demo-row>span{font-size:clamp(9px,1.2cqw,13px);color:#b7c2cb}.demo-row em{font-size:clamp(9px,1.1cqw,12px);font-style:normal;color:#b3c5d1}.demo-row.active em{color:#ffb184}.program-main>p{font-size:clamp(8px,1cqw,10px);color:#8a99a8;padding-top:3%}
.flow-label{overflow:visible;text-align:left}.flow-label>span{font-size:9px;letter-spacing:1px;color:#d1a387}.flow-label h3{font-size:clamp(22px,2.4vw,35px);font-weight:550;letter-spacing:-1.2px;margin:10px 0 8px}.flow-label p{font-size:13px;line-height:1.8;color:#a7b4c2}.service-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;overflow:visible}.service-choice>span{font-size:10px;letter-spacing:1.4px;color:#b3bdc7}.service-choice>strong{font-size:clamp(28px,3.6vw,51px);font-weight:550;letter-spacing:-2px}.service-choice>p{color:#a8b6c5;font-size:14px;line-height:1.8}.service-choice>b{font-size:13px;font-weight:600;color:#ffac7a;border-bottom:1px solid #ae7656;padding:11px 0}.service-choice:hover b{color:white}.inquiry-token{position:absolute;z-index:7;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#e99263;color:#141b20;border:0;box-shadow:0 10px 40px #0005;white-space:nowrap;transform:translate(-50%,-50%);font-size:12px;font-weight:700;min-height:46px}.inquiry-token i{font-style:normal;font-size:20px}.inquiry-token small{font-size:10px;font-weight:500;padding-left:12px;border-left:1px solid #593c2e60}
.story-controls{position:absolute;bottom:22px;left:var(--gutter);right:var(--gutter);display:flex;align-items:flex-end;justify-content:space-between;gap:20px;z-index:9}.story-progress{display:flex;border-top:1px solid var(--line);padding-top:12px;position:relative}.story-progress i{position:absolute;top:-1px;left:0;height:1px;width:var(--progress,0%);background:#f49a67}.story-progress button{border:0;background:none;padding:0 25px 0 0;min-height:44px;display:flex;gap:9px;align-items:center;font-size:10px;color:#939da7}.story-progress button b{font-size:9px;font-weight:400}.story-progress button[aria-current]{color:#f8b17f}.playback{display:flex;align-items:center;gap:23px}.playback>span{font-size:9px;color:#a1acb6}.playback button{border:0;background:none;font-size:10px;min-height:44px;padding:8px 0}.playback button:last-child{color:#95a0ab}.playback button#replay-story{border-bottom:1px solid #77818b;min-width:75px;text-align:left}.scene-loading{position:absolute;top:115px;left:var(--gutter);z-index:10;display:flex;gap:9px;font-size:12px;color:#aebdcc}.scene-loading>span{width:13px;height:13px;border:2px solid #536272;border-top-color:white;border-radius:50%;animation:loading-spin .7s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}
/* The charcoal palette continues through every lower section. */
.work{padding:100px var(--gutter);background:#191e25;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:45px}.section-heading h2{font-size:clamp(37px,4.6vw,68px);letter-spacing:-.05em;line-height:1.2;font-weight:550;margin:20px 0}.section-heading p:not(.eyebrow){font-size:15px;color:var(--muted)}.section-heading>.plain-link{white-space:nowrap;font-size:12px}.work-display{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:5%;align-items:center}.work-image{line-height:0;border:1px solid #ffffff28;display:block}.work-image img{display:block;width:100%;height:auto}.project-navigation{display:flex;align-items:center;gap:20px;margin:0 0 45px}.project-navigation button{width:45px;height:45px;border:1px solid #71808b;border-radius:50%;background:transparent;font-size:23px}.project-navigation button:hover{background:#ffffff12}.project-navigation span{font-size:11px;color:#b0bac4;letter-spacing:2px}.work-description #project-category{font-size:12px;color:#f3b08b}.work-description h3{font-size:32px;font-weight:500;letter-spacing:-1.5px;margin:16px 0}.work-description #project-brand{font-size:10px;color:#9dabb9;letter-spacing:2px;margin:0 0 30px}.work-description>a{display:flex;width:max-content;max-width:100%;margin:15px 0}.disclosure{font-size:10px;line-height:1.7;color:#a1acb6;margin-top:25px}.process{background:#171c22;padding:100px var(--gutter);border-top:1px solid var(--line)}.process h2{font-size:clamp(35px,4.2vw,62px);font-weight:500;line-height:1.3;letter-spacing:-.05em;margin:23px 0 55px}.process ol{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:0;gap:35px}.process li{border-top:1px solid #677482;padding-top:22px}.process b{font-size:11px;color:#eca77d;font-weight:400}.process h3{font-size:22px;letter-spacing:-.8px;font-weight:550;margin:35px 0 14px}.process p{font-size:13px;line-height:1.8;color:var(--muted)}.questions{background:#191e25;padding:95px var(--gutter);display:grid;grid-template-columns:1fr 1.4fr;gap:8%;border-top:1px solid var(--line)}.questions h2{font-size:45px;letter-spacing:-2px;font-weight:550;margin:22px 0}.question-list details{border-bottom:1px solid var(--line)}.question-list details:first-child{border-top:1px solid var(--line)}.question-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:78px;padding:20px 0;font-size:15px}.question-list summary::-webkit-details-marker{display:none}.question-list summary span{font-size:23px;font-weight:300}.question-list details[open] summary span{transform:rotate(45deg)}.question-list details p{font-size:13px;line-height:1.9;color:var(--muted);padding:0 25px 24px 0}.closing{background:#15191f;padding:95px var(--gutter);border-top:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.closing h2{font-size:clamp(48px,6.8vw,100px);line-height:1.1;font-weight:550;letter-spacing:-.065em;margin-top:25px}.closing .actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px}footer{padding:45px var(--gutter) 30px;background:#15191f;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:35px;border-bottom:1px solid var(--line)}.footer-top .wordmark{font-size:40px}.footer-top nav{display:flex;gap:25px;font-size:11px}.footer-top nav a{min-height:44px;display:flex;align-items:center}.footer-bottom{display:flex;justify-content:space-between;gap:30px;padding-top:25px;font-size:10px;line-height:1.9;color:#a3afba}.footer-bottom>p:last-child{text-align:right}
@media(max-width:1100px) and (min-width:761px){.has-motion .chapter-description{display:none}.has-motion .chapter h2{font-size:30px}.has-motion .chapter-intro .chapter-description{display:block}.has-motion .chapter-intro h1{font-size:70px}.playback>span{display:none}.work-display{grid-template-columns:minmax(0,1fr) 260px}.work-description h3{font-size:26px}.site-header nav{gap:17px}}
@media(max-height:780px) and (min-width:761px){.site-header{height:70px}.has-motion .scene-edition{top:90px}.has-motion .chapter{top:115px}.has-motion .scene-holder{top:180px;bottom:110px}.has-motion .chapter-intro{top:50%}.has-motion .chapter-intro h1{font-size:clamp(54px,5.9vw,85px);margin:15px 0}.has-motion .chapter-intro .actions{margin-top:20px}.has-motion .chapter-intro .chapter-description{font-size:12px}.service-choice{gap:10px}.service-choice>strong{font-size:39px}.service-choice>p{font-size:12px}.service-choice>b{font-size:11px}}
@media(max-width:760px){:root{--gutter:22px}.site-header{height:72px}.site-header nav{display:none}.wordmark{font-size:25px}.header-contact{font-size:11px}.story-stage{padding-top:85px}.chapter{padding:50px var(--gutter)}.chapter h1{font-size:46px}.chapter h2{font-size:30px}.chapter-description{font-size:13px}.chapter .actions{gap:16px;flex-wrap:wrap}.button{font-size:12px;padding:14px 18px;min-height:48px}.plain-link{font-size:12px}.has-motion.story{height:570svh;min-height:3300px}.has-motion .story-stage{height:100svh;min-height:660px}.has-motion .scene-edition{top:92px;font-size:6px;letter-spacing:.5px}.has-motion .scene-holder{top:235px;bottom:135px;left:0;right:0}.has-motion .chapter{top:127px;display:block;left:22px;right:22px}.has-motion .chapter h2{font-size:27px;line-height:1.2;letter-spacing:-1.3px;max-width:310px;margin-top:10px}.has-motion .chapter-description{display:none}.has-motion .chapter .chapter-action{font-size:10px;margin-top:5px;min-height:35px}.has-motion .chapter-intro{top:50%;left:15%;right:15%;transform:translateY(-35%)}.has-motion .chapter-intro h1{font-size:36px;line-height:1.15;letter-spacing:-2px;margin:15px 0}.has-motion .chapter-intro .eyebrow{font-size:7px;letter-spacing:.5px}.has-motion .chapter-intro .chapter-description{display:block;font-size:11px;line-height:1.75}.has-motion .chapter-intro .actions{gap:8px;flex-direction:column;margin-top:20px}.has-motion .chapter-intro .plain-link{font-size:10px;min-height:32px}.has-motion .chapter-intro #intro-replay{font-size:9px;margin-top:7px;min-height:32px}.has-motion .scene-note{bottom:103px;font-size:8px;line-height:1.7}.story-controls{bottom:14px;left:22px;right:22px;display:block}.story-progress{justify-content:space-between;padding-top:5px}.story-progress button{padding:0;gap:5px;font-size:8px;min-height:36px}.story-progress button b{font-size:7px}.playback{display:flex;justify-content:space-between;gap:15px}.playback>span{font-size:7px}.playback button{font-size:8px;min-height:30px;padding:5px 0}.playback button#replay-story{min-width:64px}.minisite-nav{padding:0 4%;font-size:7px;gap:5px}.minisite-nav b{font-size:10px;letter-spacing:.8px}.minisite-nav>span{display:none}.minisite-nav small{font-size:7px}.minisite-copy{padding:12% 8% 16%}.minisite-copy>span{font-size:6px;letter-spacing:0}.minisite-copy h3{font-size:23px;letter-spacing:-1px;line-height:1.3;margin:12% 0}.minisite-copy p{font-size:8px;line-height:1.8}.minisite-copy a{font-size:8px;padding:7px 0;min-height:32px}.minisite-bottom{font-size:6px;gap:8px}.program>header{padding-bottom:5%}.program>header span{font-size:7px}.program>header h3{font-size:23px;margin-top:7px}.program .program-tag{font-size:8px;padding:6px 9px}.program-grid{grid-template-columns:1fr}.program-sidebar{display:none}.program-main{padding:0}.table-head{font-size:8px}.demo-row{font-size:10px;gap:10px}.demo-row>div{gap:5px}.demo-row>div span,.demo-row>span,.demo-row em{font-size:8px}.program-main>p{font-size:7px}.flow-label>span{font-size:6px;letter-spacing:.3px}.flow-label h3{font-size:18px;letter-spacing:-.7px;margin:7px 0}.flow-label p{font-size:9px;line-height:1.75}.service-choice{gap:6px}.service-choice>span{font-size:7px;letter-spacing:.7px}.service-choice>strong{font-size:27px;letter-spacing:-1.4px}.service-choice>p{display:none}.service-choice>b{font-size:10px;padding:7px 0}.inquiry-token{padding:9px 11px;gap:8px;min-height:40px;font-size:10px}.inquiry-token i{font-size:16px}.inquiry-token small{display:none}.scene-loading{top:115px;font-size:10px}.work{padding:55px var(--gutter)}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:35px;letter-spacing:-1.5px}.section-heading p:not(.eyebrow){font-size:12px;line-height:1.8}.section-heading>.plain-link{margin-top:20px;font-size:10px}.work-display{display:block}.work-description{margin-top:25px}.project-navigation{margin-bottom:25px}.work-description h3{font-size:27px;margin:13px 0}.work-description #project-brand{margin-bottom:20px}.work-description>a{display:inline-flex;margin:0 12px 10px 0;font-size:11px}.disclosure{font-size:9px;margin-top:8px}.process{padding:55px var(--gutter)}.process h2{font-size:30px;letter-spacing:-1.3px;margin:24px 0 35px}.process ol{grid-template-columns:1fr 1fr;gap:30px 20px}.process h3{font-size:18px;margin:22px 0 12px}.process p{font-size:11px}.questions{padding:55px var(--gutter);display:block}.questions h2{font-size:35px}.questions>.plain-link,.questions>div>.plain-link{margin-bottom:25px}.question-list summary{font-size:13px;min-height:70px}.question-list details p{font-size:12px}.closing{padding:55px var(--gutter);display:block}.closing h2{font-size:49px;letter-spacing:-2.5px}.closing .actions{margin-top:30px}footer{padding:35px var(--gutter) 25px}.footer-top{display:block}.footer-top .wordmark{font-size:34px}.footer-top nav{margin-top:20px;gap:20px;font-size:10px;flex-wrap:wrap}.footer-bottom{display:block;font-size:9px}.footer-bottom>p:last-child{text-align:left;margin-top:18px}}
@media(max-width:760px){.has-motion.is-short .scene-holder{top:210px;bottom:130px}.has-motion.is-short .chapter{top:119px}.has-motion.is-short .chapter h2{font-size:24px}.has-motion.is-short .chapter-intro{top:47%}.has-motion.is-short .chapter-intro h1{font-size:31px}.has-motion.is-short .chapter-intro .chapter-description{font-size:10px}.has-motion.is-short .chapter-intro .actions{margin-top:12px}.has-motion.is-short .chapter-intro .eyebrow{font-size:6px}.minisite-copy h3{font-size:20px}.minisite-copy p{display:none}.flow-label p{font-size:8px}.flow-label h3{font-size:16px}.service-choice>strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.has-motion .chapter{transition:none}.has-motion .chapter.is-active{opacity:var(--chapter-opacity,1)}
.program .demo-row.active{visibility:hidden}
/* Keep the same reserved stage through loading and mobile browser-bar changes. */
.story.has-motion{height:calc(var(--stage-height,100svh)*6)}
.has-motion .story-stage{height:var(--visible-stage-height,var(--stage-height,100svh));min-height:0}
.story.is-pending:not([data-phase]) .chapter-intro{opacity:1;visibility:visible;pointer-events:auto}
.story.is-pending #scene-loading[hidden]{display:flex!important}
.story.is-pending #intro-replay[hidden]{display:inline-flex!important;visibility:hidden;pointer-events:none}
@media(max-width:760px){.story.has-motion{height:calc(var(--stage-height,100svh)*5.7)}}
@media(max-height:780px) and (min-width:761px){.minisite-bottom{display:none}}
@media(max-width:760px){.minisite-copy{padding:12px}.minisite-copy h3{font-size:21px;line-height:1.25;margin:12px 0}.minisite-copy p,.minisite-bottom{display:none}.minisite-copy a{margin-top:10px;min-height:32px}.inquiry-token{max-width:calc(100vw - 44px)}.flow-label p{font-size:8px}.flow-label h3{font-size:17px}}
@media(max-width:760px){.minisite-copy{padding:10px}.minisite-copy a{margin-top:6px}.program-main .table-head{height:18px}.program-main .demo-row{height:34px}.program-main .demo-row.active{height:44px}.program-main .demo-row:last-of-type{display:none}.program-main>p{padding-top:10px}}
/* Rounded, tactile controls share the copper / graphite material of the objects. */
.button{border-radius:16px;border:1px solid #ffc29d88;background:linear-gradient(145deg,#ffa06f,#f28351 70%);box-shadow:inset 0 1px 0 #ffe0cb99,inset 0 -2px 0 #b35f3855,0 5px 16px #0003;transition:background .2s,box-shadow .2s,transform .2s;gap:14px}
.button .action-arrow{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#341c1b17;border:1px solid #51291920;font-size:16px;line-height:1;transition:transform .2s}
.button:hover{background:linear-gradient(145deg,#ffb68c,#ff945f);box-shadow:inset 0 1px 0 #ffe0cb,0 8px 22px #0004;transform:translateY(-2px)}
.button:hover .action-arrow{transform:rotate(45deg)}.button:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #71362033}
.header-contact{border:1px solid #ffffff28;border-radius:99px;padding:0 16px;background:linear-gradient(145deg,#ffffff0b,#ffffff02);box-shadow:inset 0 1px 0 #ffffff0a;transition:border-color .2s,background .2s}
.header-contact:hover{border-color:#f5a27490;background:#e88d5d13}
.chapter-action{border:1px solid #ffffff23;border-radius:99px;padding:9px 17px;text-decoration:none;background:linear-gradient(130deg,#ffffff0b,#ffffff02);box-shadow:inset 0 1px 0 #ffffff09;gap:10px}
.chapter-action:hover{border-color:#e89b6d88;color:#ffc29b}
.inquiry-token{border-radius:14px;border:1px solid #ffc7a29c;background:linear-gradient(140deg,#ffbc8c,#e99263 75%);box-shadow:inset 0 1px 0 #ffe9da99,0 8px 24px #0005}
.inquiry-token i{display:grid;place-items:center;width:28px;height:28px;flex:none;border:1px solid #6a3b2633;border-radius:9px;background:#78402415}
.inquiry-token:hover i{background:#7840242b}.inquiry-token:active{filter:brightness(.95)}
.story-progress button{border-radius:9px;transition:color .2s,background .2s}.story-progress button b{border:1px solid #ffffff26;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;transition:background .2s,border-color .2s}
.story-progress button[aria-current] b{border-color:#e7986970;background:#ce784320;box-shadow:inset 0 1px 0 #ffcea428}.story-progress button:hover{color:#f8cfb2}
.playback button#replay-story{border:1px solid #ffffff29;border-radius:99px;padding:8px 13px;background:#ffffff04;text-align:center}
.minisite{border-radius:9px;box-shadow:inset 0 1px 0 #ffffff26,0 14px 24px #0003}.minisite-nav{background:linear-gradient(120deg,#ffffff08,transparent);border-bottom:1px solid #ffffff16}.minisite-nav b:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#bacaaf;margin-right:9px;box-shadow:0 0 0 3px #bacaaf15}
.minisite-copy a{border:1px solid #bdd0c641;border-radius:99px;padding:8px 12px;background:#d5e4d60b;align-items:center;gap:8px}.minisite-copy a:hover{background:#d5e4d61b}
.program{border-radius:12px;padding:0 8px;background:linear-gradient(135deg,#1c222a,#15191f);box-shadow:inset 0 1px 0 #ffffff14,0 14px 24px #0002}.program .program-tag{display:flex;align-items:center;gap:6px;background:#92b7b90a;border-color:#91b2b032}.program-tag:before{content:'';width:5px;height:5px;border-radius:50%;background:#91c2b3;box-shadow:0 0 0 3px #91c2b311}
.program-sidebar b{border-radius:8px;background:#f3a7780b;padding:9px 10px;margin-top:-9px;margin-right:8px;border-left:2px solid #e99263}.demo-row em{border-radius:99px;background:#8bafbc12;border:1px solid #95b6c21c;padding:5px 8px;width:max-content;max-width:100%;white-space:nowrap}.program-main .demo-row:last-of-type em{background:#daab7810;color:#d2b999}
.flow-label>span{display:inline-block;border:1px solid #e3a47a30;border-radius:99px;padding:5px 8px;background:#df95690b}.service-choice>b{border:1px solid #ffb6843b;border-radius:99px;padding:10px 16px;background:linear-gradient(135deg,#fda16d18,#b9653708);box-shadow:inset 0 1px 0 #ffd3ac10;transition:background .2s,border-color .2s}.service-choice:hover>b{background:#fda16d25;border-color:#ffb68488}
.work-image{border-radius:18px;overflow:hidden;box-shadow:0 18px 50px #0003}.project-navigation button{background:linear-gradient(145deg,#ffffff08,#ffffff01);box-shadow:inset 0 1px 0 #ffffff18;transition:transform .2s,border-color .2s}.project-navigation button:hover{transform:translateY(-2px);border-color:#e8a279}
.process li>b{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;border:1px solid #d9946b3b;background:linear-gradient(140deg,#ef9c6d19,#ef9c6d05);box-shadow:inset 0 1px 0 #ffcdad12}.question-list summary span{display:grid;place-items:center;width:28px;height:28px;flex:none;border:1px solid #ffffff1e;border-radius:50%;font-size:20px;transition:transform .2s,background .2s}.question-list details[open] summary span{background:#e7925e16;border-color:#e7925e55}
.scene-loading>span{border:0;animation:none;width:auto;height:auto;border-radius:0}.scene-loading>span:first-child{flex:none;width:13px;height:13px;border:2px solid #536272;border-top-color:white;border-radius:50%;animation:loading-spin .7s linear infinite}
.scene-loading{align-items:center;flex-wrap:wrap;max-width:calc(100% - 44px)}.scene-loading button,.scene-recovery button{font:inherit;border:1px solid #bc896752;border-radius:99px;background:#ed9c6d16;padding:8px 12px;min-height:36px;color:#ffd2af}.scene-recovery{padding:100px var(--gutter) 20px;font-size:12px;color:#b8c2ca;line-height:1.8}.scene-recovery button{margin-left:10px}
/* Keep a real canvas on short screens; change its composition, never its eligibility. */
@media(max-width:760px) and (orientation:portrait){.story.has-motion[data-phase="0"] .scene-holder,.story.has-motion.is-pending:not([data-phase]) .scene-holder{top:95px;bottom:105px}}
@media(max-width:760px){
 .button{border-radius:14px;padding:11px 16px}.button .action-arrow{width:23px;height:23px;font-size:14px}.header-contact{padding:0 12px;min-height:38px}.chapter-action{padding:7px 12px}.story-progress button b{width:18px;height:18px}.minisite-copy a{font-size:8px;padding:5px 7px;min-height:30px;white-space:nowrap}.program{padding:0 6px}.demo-row em{padding:4px 6px}.flow-label>span{padding:4px 5px}.service-choice>b{padding:7px 12px}.playback button#replay-story{padding:5px 10px}.has-motion .chapter-intro .actions{gap:8px}
}
@media(max-width:760px) and (max-height:650px) and (orientation:portrait){
 .site-header{height:60px}.has-motion .scene-edition{top:77px}.has-motion .chapter,.has-motion.is-short .chapter{top:103px}.has-motion .chapter h2,.has-motion.is-short .chapter h2{font-size:22px;line-height:1.25;margin-top:7px}.has-motion .scene-holder,.has-motion.is-short .scene-holder{top:190px;bottom:108px}.has-motion .chapter-intro,.has-motion.is-short .chapter-intro{top:44%;left:14%;right:14%;transform:translateY(-35%)}.has-motion .chapter-intro h1,.has-motion.is-short .chapter-intro h1{font-size:29px;margin:12px 0}.has-motion .chapter-intro .chapter-description{font-size:10px}.has-motion .chapter-intro .actions{margin-top:13px}.has-motion .chapter-intro #intro-replay{font-size:8px;min-height:25px;margin-top:3px}.has-motion .scene-note{bottom:91px;font-size:7px}.story-controls{bottom:8px}.scene-loading{top:92px;font-size:9px}.minisite-copy h3{font-size:18px;margin:8px 0}.minisite-nav small{display:none}.program>header h3{font-size:19px;margin-top:5px}.program-main>p{padding-top:5px;font-size:6px}.service-choice>strong{font-size:21px}.service-choice{gap:4px}
}
@media(max-height:540px) and (min-aspect-ratio:1/1){
 :root{--gutter:22px}.site-header{height:52px;gap:16px}.wordmark{font-size:23px}.site-header nav{display:none}.header-contact{font-size:10px;min-height:34px;padding:0 12px}.has-motion .scene-edition{top:65px;left:22px;right:22px;font-size:6px;letter-spacing:.5px}.has-motion .scene-holder,.has-motion.is-short .scene-holder{left:43%;right:0;top:85px;bottom:86px}.has-motion .chapter,.has-motion.is-short .chapter{left:22px;right:58%;top:105px;display:block;transform:none}.has-motion .chapter h2,.has-motion.is-short .chapter h2{font-size:25px;line-height:1.24;max-width:none;margin-top:12px;letter-spacing:-1px}.has-motion .chapter-description{display:none}.has-motion .chapter .chapter-action{font-size:10px;margin-top:18px;min-height:36px;padding:7px 11px;white-space:normal;text-align:left}.has-motion .chapter-intro,.has-motion.is-short .chapter-intro{top:89px;left:22px;right:58%;text-align:left;transform:none}.has-motion .chapter-intro h1,.has-motion.is-short .chapter-intro h1{font-size:30px;line-height:1.15;margin:10px 0;letter-spacing:-1.5px}.has-motion .chapter-intro .eyebrow{font-size:6px;letter-spacing:0}.has-motion .chapter-intro .chapter-description{display:block;font-size:9px;line-height:1.7}.has-motion .chapter-intro .actions{align-items:flex-start;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:4px 12px;margin-top:12px}.has-motion .chapter-intro .button{font-size:10px;min-height:37px;padding:7px 11px;gap:8px}.has-motion .chapter-intro .plain-link{font-size:9px;min-height:31px}.has-motion .chapter-intro #intro-replay{display:none!important}.has-motion .scene-note{left:43%;right:22px;bottom:68px;font-size:7px;line-height:1.4}.story-controls{display:flex;align-items:center;bottom:7px;left:22px;right:22px;gap:20px}.story-progress{flex:1;justify-content:space-between;padding-top:6px}.story-progress button{padding:0;min-height:36px;font-size:8px;gap:5px}.story-progress button b{width:18px;height:18px;font-size:7px}.playback{gap:12px}.playback>span{display:none}.playback button{font-size:8px;min-height:34px}.playback button#replay-story{min-width:64px;padding:5px 9px}.scene-loading{top:86px;font-size:9px;left:44%;right:22px}.minisite-nav{font-size:7px;gap:5px}.minisite-nav b{font-size:9px;letter-spacing:.5px}.minisite-nav span,.minisite-nav small{display:none}.minisite-copy{padding:8px}.minisite-copy>span{font-size:6px;letter-spacing:0}.minisite-copy h3{font-size:18px;line-height:1.2;margin:9px 0;letter-spacing:-1px}.minisite-copy p,.minisite-bottom{display:none}.minisite-copy a{font-size:7px;min-height:27px;padding:4px 7px;margin-top:4px;white-space:nowrap}.program>header{height:25%;padding:4px 0 8px}.program>header span{font-size:6px}.program>header h3{font-size:19px;margin-top:5px}.program .program-tag{font-size:7px;padding:4px 6px}.program-grid{grid-template-columns:1fr}.program-sidebar{display:none}.program-main{padding:0}.program-main .table-head{height:16px;font-size:7px}.program-main .demo-row{height:32px;font-size:9px;gap:8px}.program-main .demo-row.active{height:40px}.program-main .demo-row:last-of-type{display:none}.demo-row>div{gap:4px}.demo-row>div span,.demo-row>span,.demo-row em{font-size:7px}.demo-row em{padding:3px 5px}.program-main>p{padding-top:4px;font-size:6px}.inquiry-token{font-size:9px;min-height:36px;padding:6px 9px;gap:7px}.inquiry-token i{width:24px;height:24px;font-size:14px}.inquiry-token small{display:none}.flow-label>span{font-size:5px;padding:3px 5px}.flow-label h3{font-size:14px;margin:7px 0}.flow-label p{font-size:7px;line-height:1.6}.service-choice{gap:5px}.service-choice>span{font-size:6px;letter-spacing:.5px}.service-choice>strong{font-size:20px;letter-spacing:-1px}.service-choice>p{display:none}.service-choice>b{font-size:8px;padding:6px 9px}
}
@media(max-height:540px) and (min-aspect-ratio:1/1){.program>header{height:42px;padding:4px 0 6px}.program>header h3{font-size:16px;margin-top:4px}.program .program-tag{display:none}.program-grid{height:calc(100% - 42px)}.program-main .table-head{display:none}.program-main>p{line-height:1.3;margin-top:3px;padding-top:2px}.service-choice{gap:3px}.service-choice>strong{font-size:18px}.service-choice>b{padding:5px 9px}}
@media(max-height:540px) and (min-aspect-ratio:1/1){.has-motion .scene-note{left:22px;right:58%;bottom:68px;text-align:left}}