:root{--paper:#fff;--mist:#f2f7fc;--ink:#142b49;--blue:#0078d4;--amber:#f5ad3d;--muted:#50627a;--line:#d9e4ef;--heading:'Manrope',Arial,sans-serif;--body:'Source Sans 3',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--paper);color:var(--ink);font:19px/1.6 var(--body);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ca7900;outline-offset:5px}button:disabled{cursor:default}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:600}h2{font-size:clamp(32px,3.2vw,44px);line-height:1.25;letter-spacing:-1.8px}h3{font-size:28px;line-height:1.3;letter-spacing:-.8px}p{color:var(--muted)}.container{width:min(1280px,calc(100% - 112px));margin-inline:auto}.section-space{padding-block:116px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:var(--ink);color:#fff;padding:12px 20px}.skip-link:focus{top:16px}
.preview-note{display:flex;justify-content:space-between;padding:6px 34px;font-size:12px;background:#edf3f9;color:#576a81;letter-spacing:.3px}.site-header{position:sticky;top:0;z-index:20;background:rgb(255 255 255 / 95%);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .2s}.site-header.scrolled{border-color:var(--line)}.header-inner{height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;gap:12px;align-items:center;font:700 28px/1 var(--heading);letter-spacing:-1px;white-space:nowrap}.brand-dot{color:var(--blue)}.brand-symbol{width:31px;height:33px;display:block;position:relative}.brand-symbol i{position:absolute;display:block;background:var(--blue);height:7px;border-radius:1px;transform:skewY(-24deg);left:0}.brand-symbol i:nth-child(1){width:30px;top:3px}.brand-symbol i:nth-child(2){width:23px;top:15px}.brand-symbol i:nth-child(3){width:9px;top:27px;background:var(--amber)}nav{display:flex;gap:35px;align-items:center}nav a{font-size:16px;transition:color .15s}nav a:hover{color:var(--blue)}.nav-contact{display:flex;align-items:center;gap:23px;margin-left:12px;font-weight:600}.arrow{width:20px;height:12px;display:inline-block;position:relative;flex-shrink:0;transition:transform .2s}.arrow:before{content:'';position:absolute;top:5px;left:0;width:19px;height:1.5px;background:currentColor}.arrow:after{content:'';position:absolute;right:0;top:1px;width:9px;height:9px;border-top:1.5px solid;border-right:1.5px solid;transform:rotate(45deg)}a:hover .arrow,button:hover .arrow{transform:translateX(4px)}.menu-toggle{display:none}.small-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--amber);flex-shrink:0}
.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;padding-top:68px;padding-bottom:75px}.hero-context{font-size:16px;display:flex;gap:11px;align-items:center;margin-bottom:24px}.hero h1{font-size:clamp(56px,5.7vw,82px);line-height:1.075;letter-spacing:-4px}.hero-description{max-width:440px;font-size:21px;line-height:1.55;margin-top:27px}.button{border:0;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:17px 24px;font-size:17px;font-weight:600;line-height:1.4;transition:background .18s,box-shadow .18s}.button-primary{background:var(--blue);color:white}.button-primary:hover{background:#0067b8;box-shadow:0 7px 16px #0078d41a}.hero .button{margin-top:30px}.hero-audience{margin-top:26px;font-size:15px;line-height:1.5;color:#66758a}.hero-visual{min-width:0;padding-top:15px}.architecture-art{position:relative;isolation:isolate}.art-grid{position:absolute;inset:2% 0 6%;z-index:-1;background-image:radial-gradient(#b4c9dc .8px,transparent .8px);background-size:24px 24px;mask-image:radial-gradient(ellipse,#000 30%,transparent 70%);opacity:.75}.system-art{display:block;width:100%;overflow:visible}.art-callout{font-size:16px}.art-corner{position:absolute;right:7%;bottom:9%;font:300 30px var(--heading);color:#a6bfd7}.layer,.warm-module,.architecture-links,.data-points,.ground-shadow{transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .65s;transform-box:fill-box;transform-origin:center}.system-selector{display:flex;justify-content:center;gap:4px;margin:0 auto;border-bottom:1px solid var(--line);width:90%}.system-selector button{border:0;background:none;border-bottom:2px solid transparent;padding:12px 15px 13px;font-size:16px;white-space:nowrap;color:var(--muted);margin-bottom:-1px;transition:background .2s,color .2s,border-color .2s}.system-selector button span{font-size:12px;margin-right:9px;color:#6d7e90}.system-selector button[aria-pressed="true"]{color:var(--blue);border-color:var(--blue)}.system-selector button:hover{background:#f2f7fc}.stage-caption{text-align:center;font-size:15px;padding:17px 8px;min-height:65px}.hero-visual{animation:assemble-in 1.2s cubic-bezier(.22,1,.36,1) both}@keyframes assemble-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.experience-strip{background:var(--mist)}.experience-inner{display:flex;gap:48px;align-items:center;justify-content:space-between;padding-block:28px}.experience-inner p{font-size:16px;line-height:1.5;flex-shrink:0}.experience-inner strong{font-weight:600;color:var(--ink)}.experience-inner>div{display:flex;gap:44px;align-items:center;justify-content:space-between;flex:1;max-width:860px;font:500 17px var(--heading);color:#607087}.section-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:end;margin-bottom:56px}.section-heading>p{max-width:430px;line-height:1.65;margin-bottom:4px}.service-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px}.service-tabs{padding-top:20px}.service-tab{width:100%;display:flex;align-items:center;gap:22px;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);padding:29px 0;font:600 21px/1.4 var(--heading)}.service-tab>span:nth-child(2){flex:1}.service-tab small{display:block;font:400 16px/1.6 var(--body);color:var(--muted);margin-top:8px}.service-tab .arrow{opacity:0}.service-tab[aria-selected="true"]{color:var(--blue)}.service-tab[aria-selected="true"] .arrow{opacity:1}.service-icon{width:44px;font:500 26px var(--heading);color:var(--blue);flex-shrink:0}.architecture-icon{height:40px;position:relative}.architecture-icon i{position:absolute;width:27px;height:17px;border:1.5px solid var(--blue);transform:rotate(-30deg) skewX(30deg);left:3px}.architecture-icon i:nth-child(1){top:2px}.architecture-icon i:nth-child(2){top:11px}.architecture-icon i:nth-child(3){top:20px}.service-content{background:#edf5fc;border-radius:12px;overflow:hidden}.service-panel{position:relative;padding:44px 46px;min-height:415px;isolation:isolate;animation:content-in .3s ease}.service-panel h3{margin-bottom:21px;font-size:31px}.service-panel>p{max-width:460px}.service-watermark{position:absolute;top:24px;right:29px;color:#cfE3f5;font:500 90px var(--heading);z-index:-1;letter-spacing:10px}.plain-list{list-style:none;padding:0;margin:23px 0;color:var(--ink);font-size:17px}.plain-list li{padding-left:20px;position:relative;margin-top:7px}.plain-list li:before{content:'';width:5px;height:5px;border-radius:50%;position:absolute;left:0;top:11px;background:var(--blue)}.technology-list{display:flex;gap:9px 18px;flex-wrap:wrap;font-size:14px;color:#3f5f7d;margin-top:25px}.technology-list span{border-top:1px solid #bfd6e9;padding-top:8px}.service-footnote{font-size:16px;font-weight:600;margin-top:25px}.integration-note{display:flex;gap:22px;align-items:center;max-width:780px;margin-top:40px;font-size:17px}.integration-mark{font:300 38px var(--heading);color:var(--blue)}.integration-note strong{font-weight:600;color:var(--ink)}
.projects{background:#f6f8fb}.project-list{border-top:1px solid #ccd9e5}.project{border-bottom:1px solid #ccd9e5}.project summary{display:grid;grid-template-columns:.75fr 1.5fr 36px;gap:30px;align-items:center;list-style:none;padding:28px 0;cursor:pointer}.project summary::-webkit-details-marker{display:none}.project-type{font-size:16px;color:var(--muted)}.project-name{font:500 27px/1.35 var(--heading);letter-spacing:-.7px}.project-name>span{display:block;font:400 16px/1.5 var(--body);color:var(--muted);letter-spacing:0;margin-top:8px}.project-toggle{font:300 35px/1 var(--heading);color:var(--blue);transition:transform .3s}.project[open] .project-toggle{transform:rotate(45deg)}.project-body{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:15px 0 46px;animation:content-in .4s ease}.project-body h3{margin-bottom:20px}.project-body p{max-width:480px}.project-tags{display:flex;flex-wrap:wrap;gap:10px 23px;font-size:14px;color:#56728b;margin-top:23px}.project-graphic{height:280px;border-radius:9px;background:#e2eef9;position:relative;overflow:hidden}.graphic-window{position:absolute;width:235px;height:170px;top:48px;left:50%;transform:translateX(-50%) rotate(-7deg);border:1px solid #89b7df;border-radius:10px;background:#fff;box-shadow:12px 16px 0 #c4ddef;padding:25px 20px;display:flex;gap:10px;align-content:flex-start;flex-wrap:wrap}.graphic-window i{height:7px;border-radius:5px;width:50%;background:#dcebf7}.graphic-window i:nth-child(2){width:34%}.graphic-window i:nth-child(3){width:75%;margin-bottom:10px}.graphic-window b{height:60px;width:55px;background:#b4d8f6;border-radius:5px}.graphic-window b:nth-of-type(2){background:#0078d4}.graphic-window b:nth-of-type(3){background:#f5ad3d}.graphic-orbit{position:absolute;width:370px;height:195px;border:1px dashed #79acd5;border-radius:50%;left:50%;top:40px;transform:translateX(-50%) rotate(-25deg)}.graphic-chip{position:absolute;left:10%;top:45px;background:#fff;color:var(--blue);font-size:15px;padding:6px 18px;border-radius:6px;box-shadow:0 4px 12px #4e81ad10}.secondary-chip{left:auto;right:8%;top:auto;bottom:37px;background:#fff6e7;color:#805413}.document-sheet{position:absolute;left:22%;top:40px;width:120px;height:160px;border-radius:5px;background:white;box-shadow:8px 10px 0 #b6d7f1;transform:rotate(-8deg);padding:30px 20px}.document-sheet i{display:block;height:5px;margin:10px 0;background:#c8e1f5}.document-sheet b{position:absolute;right:16px;bottom:8px;color:var(--blue);font:600 40px var(--heading)}.second-sheet{left:53%;top:77px;transform:rotate(7deg);background:#0078d4;box-shadow:8px 10px 0 #b6d7f1}.second-sheet b{color:#fff}.transfer-line{position:absolute;left:39%;top:130px;width:110px;height:50px;border-top:3px solid var(--amber);border-right:3px solid var(--amber);transform:rotate(-10deg)}.market-graphic{display:flex;align-items:end;justify-content:center;gap:18px;padding:50px}.market-graphic span{width:35px;background:#7bb8e8;height:40%;border-radius:4px 4px 0 0}.market-graphic span:nth-child(2){height:65%}.market-graphic span:nth-child(3){height:48%}.market-graphic span:nth-child(4){height:78%;background:#0078d4}.market-graphic span:nth-child(5){height:60%}.market-graphic span:nth-child(6){height:95%;background:var(--amber)}.market-graphic i{position:absolute;bottom:47px;width:80%;height:1px;background:#9cbdd9}
.process-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.process-steps button{display:flex;align-items:center;gap:24px;width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);padding:23px 0;text-align:left;font:500 21px var(--heading)}.process-steps button>span:first-child{font:400 14px var(--body);color:#74869a}.step-indicator{width:8px;height:8px;border:1px solid #9fb2c5;border-radius:50%;margin-left:auto}.process-steps button[aria-selected="true"]{color:var(--blue)}.process-steps button[aria-selected="true"] .step-indicator{background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 5px #e8f3fc}.process-panel{position:relative;padding:31px 0 20px;min-height:345px}.process-progress{position:absolute;top:0;left:0;height:2px;width:100%;background:#e6edf4}.process-progress span{display:block;width:25%;height:100%;background:var(--blue);transition:width .4s}.process-number{font:500 14px var(--heading);color:var(--blue);display:block;margin-bottom:22px}.process-panel h3{margin-bottom:23px}.process-panel>p{min-height:124px}.process-outcome{display:flex;gap:12px;align-items:center;font-size:16px;color:var(--ink);margin-top:26px}.maintenance{margin-top:60px;padding:30px 34px;display:grid;grid-template-columns:.8fr 1.3fr auto;gap:30px;align-items:center;background:var(--mist);border-radius:9px}.maintenance h3{font-size:21px;line-height:1.5;letter-spacing:-.5px}.maintenance p{font-size:17px;line-height:1.6}.text-button{border:0;background:none;padding:10px 0;font-size:16px;white-space:nowrap;color:var(--blue);display:flex;gap:24px;align-items:center}.text-button span{font-size:25px;font-weight:300}.text-button[aria-expanded="true"] span{transform:rotate(45deg)}#maintenance-details{grid-column:2/-1;padding-bottom:8px}.photography{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-bottom:120px}.photo-placeholder{background:#f0efec;height:330px;border-radius:8px;position:relative;overflow:hidden;display:flex;align-items:end;justify-content:center;padding:24px}.photo-placeholder>span{font-size:13px;letter-spacing:.2px;color:#797971}.room-lines{position:absolute;inset:0 0 57px;overflow:hidden}.room-lines:before{content:'';position:absolute;left:14%;top:20%;width:55%;height:72%;border:1px solid #ccccc3;transform:skewY(-12deg)}.room-lines:after{content:'';position:absolute;right:0;top:9%;width:31%;height:72%;border-top:1px solid #ccccc3;border-bottom:1px solid #ccccc3;transform:skewY(12deg)}.room-lines span{position:absolute;top:27%;left:24%;width:26%;height:47%;border:8px solid #deded5;transform:skewY(-12deg);background:#f9f9f6}.room-lines i{position:absolute;width:39%;height:27%;background:#e4e1d8;bottom:5%;left:40%;transform:skewY(-12deg);border-radius:2px}.room-lines b{position:absolute;width:6%;height:29%;bottom:18%;right:20%;background:#cfd3c6;border-radius:60% 60% 30% 30%;transform:rotate(14deg)}.luxadis-wordmark{font:400 26px Georgia,serif;letter-spacing:4px;color:#796548;display:inline-block;margin-bottom:23px}.photo-copy h2{font-size:36px;margin-bottom:22px}.photo-copy p{max-width:380px}.text-link{display:inline-flex;gap:24px;align-items:center;margin-top:25px;font-size:17px;color:var(--blue)}.external-arrow{font-size:24px}.text-link:hover{text-decoration:underline;text-underline-offset:6px}
.contact{background:#edf5fc}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.contact-symbol{font:300 64px/1 var(--heading);color:var(--blue);display:block;margin-bottom:28px}.contact h2{font-size:60px;letter-spacing:-2.8px}.contact-copy>p{margin-top:26px;font-size:21px}.contact-copy .contact-small{font-size:16px;max-width:290px;margin-top:35px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}form label{display:block;font-size:16px;font-weight:600;margin-bottom:20px}form label>span{font-weight:400;color:var(--muted);font-size:14px}input,textarea{display:block;width:100%;margin-top:7px;border:1px solid #c6d9e9;border-radius:5px;background:#ffffffd9;padding:13px 15px;outline:none;font-weight:400;font-size:17px;color:var(--ink);transition:border-color .2s}textarea{resize:vertical;min-height:133px}input:focus,textarea:focus{border-color:var(--blue)}input::placeholder,textarea::placeholder{color:#738398;opacity:1}.form-preview-info{display:flex;gap:10px;align-items:center;font-size:13px;line-height:1.5;color:#526980}.form-preview-info .small-dot{width:5px;height:5px}.form-bottom{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:23px}.form-bottom p{font-size:13px;line-height:1.5;max-width:225px}.form-bottom .button{white-space:nowrap;padding-inline:20px;gap:22px}.form-status{padding:15px 18px;margin-top:20px;background:#fff;border-left:3px solid var(--blue);font-size:16px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:47px}.footer-inner .brand{font-size:25px}.footer-inner>span{font-size:15px;color:var(--muted)}.back-top{font-size:15px;display:flex;gap:23px;align-items:center}.back-top span{font-size:22px;color:var(--blue)}.preview-footer{padding-bottom:23px;font-size:12px;color:#6f7d8e}@keyframes content-in{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero{padding-top:90px;padding-bottom:100px}.hero h1{font-size:88px}}
@media(max-width:1100px){.container{width:calc(100% - 72px)}nav{gap:22px}.nav-contact{margin-left:0}.hero{padding-top:48px;gap:0}.hero h1{font-size:65px;letter-spacing:-3px}.hero-context{font-size:14px}.hero-description{font-size:19px;max-width:355px}.hero-visual{margin-right:-16px}.system-selector{width:100%}.system-selector button{font-size:15px;padding-inline:9px}.experience-inner>div{gap:22px;font-size:15px;flex-wrap:wrap}.section-heading{gap:45px}.service-layout,.process-layout{gap:40px}.service-tab{gap:15px;font-size:18px}.service-icon{width:37px}.service-panel{padding:36px 32px;min-height:435px}.project-body{gap:50px}.maintenance{grid-template-columns:1fr 1.5fr;gap:20px 35px}.maintenance .text-button{grid-column:1}.maintenance #maintenance-details{grid-column:2;grid-row:2}.contact-layout{gap:55px}.contact h2{font-size:53px}.form-bottom{align-items:start;flex-direction:column}.form-bottom p{max-width:100%}.photography{gap:50px}}
@media(max-width:780px){html{scroll-padding-top:90px}.container{width:calc(100% - 40px)}.preview-note{padding:6px 20px;font-size:11px}.preview-note span:last-child{display:none}.header-inner{height:78px}.brand{font-size:26px}.menu-toggle{display:flex;align-items:center;gap:17px;background:none;border:0;padding:10px 0;font-size:15px}.menu-toggle span{font-size:25px;font-weight:300}.menu-toggle[aria-expanded="true"] span{transform:rotate(45deg)}nav{display:none;position:absolute;left:0;right:0;top:78px;background:white;border-bottom:1px solid var(--line);padding:16px 24px 26px;box-shadow:0 16px 24px #142b4908;align-items:stretch;gap:0}nav.open{display:flex;flex-direction:column}nav a{padding:13px 0}.nav-contact{justify-content:space-between}.hero{grid-template-columns:1fr;gap:4px;padding-top:36px;padding-bottom:25px}.hero-context{font-size:14px;margin-bottom:22px}.hero h1{font-size:clamp(48px,10vw,72px);letter-spacing:-2.8px}.hero-description{max-width:460px;font-size:20px;margin-top:24px}.hero .button{margin-top:25px}.hero-audience{margin-top:20px;font-size:14px}.hero-visual{margin:5px auto 0;width:min(100%,560px);padding-top:0}.architecture-art{margin-bottom:-12px}.system-selector{width:100%}.system-selector button{padding:12px 15px;font-size:16px}.stage-caption{font-size:14px;padding:16px 7px;min-height:66px}.experience-inner{align-items:start;gap:24px;padding-block:25px}.experience-inner p{font-size:14px}.experience-inner>div{display:grid;grid-template-columns:1fr;gap:8px;font:400 14px var(--body)}.section-space{padding-block:72px}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:36px}h2{font-size:34px;letter-spacing:-1.3px}.section-heading>p{font-size:18px;max-width:480px}.service-layout,.process-layout{grid-template-columns:1fr;gap:28px}.service-tabs{padding:0}.service-tab{padding:20px 0;font-size:19px;gap:18px}.service-tab small{font-size:15px;margin-top:4px}.service-panel{padding:32px 26px;min-height:0}.service-panel h3{font-size:29px}.service-panel>p{font-size:18px}.integration-note{margin-top:25px;font-size:16px;align-items:start;gap:17px}.integration-mark{line-height:1.2}.project summary{grid-template-columns:1fr 28px;gap:10px;padding:23px 0}.project-type{grid-column:1;font-size:13px}.project-name{font-size:24px;grid-column:1;grid-row:2}.project-name>span{font-size:15px}.project-toggle{grid-column:2;grid-row:1/3;font-size:30px}.project-body{grid-template-columns:1fr;gap:28px;padding:5px 0 32px}.project-graphic{height:250px}.project-body h3{font-size:27px}.project-body p{font-size:18px}.project-tags{font-size:13px;gap:8px 18px}.process-steps button{padding:18px 0;font-size:19px}.process-layout{gap:35px}.process-panel{min-height:0}.process-panel>p{min-height:0;font-size:18px}.process-panel h3{font-size:28px}.process-outcome{font-size:15px;align-items:start}.process-outcome .small-dot{margin-top:9px}.maintenance{grid-template-columns:1fr;gap:17px;margin-top:36px;padding:26px}.maintenance h3{font-size:22px}.maintenance .text-button,.maintenance #maintenance-details{grid-column:auto;grid-row:auto}.maintenance .text-button{justify-self:start;padding:0}.photography{grid-template-columns:1fr;gap:34px;padding-bottom:72px}.photo-placeholder{height:280px}.photo-copy h2{font-size:32px}.photo-copy p{font-size:18px}.luxadis-wordmark{margin-bottom:20px}.contact-layout{grid-template-columns:1fr;gap:40px}.contact-symbol{font-size:48px;margin-bottom:22px}.contact h2{font-size:49px}.contact-copy>p{font-size:20px;margin-top:22px}.contact-copy .contact-small{margin-top:18px;max-width:100%;font-size:15px}.form-bottom{flex-direction:row;align-items:center}.form-bottom p{max-width:190px}.form-bottom .button{font-size:16px;gap:18px}.footer-inner{flex-wrap:wrap;padding-block:35px;gap:25px}.footer-inner>span{order:3;width:100%;font-size:14px}.preview-footer{font-size:11px;max-width:400px;margin-left:20px}}
@media(max-width:400px){.container{width:calc(100% - 36px)}.hero-context{font-size:12px;gap:8px}.hero h1{font-size:48px;letter-spacing:-2.8px}.hero-description{font-size:18px}.system-selector button{padding-inline:9px;font-size:14px}.system-selector button span{margin-right:7px}.art-callout{font-size:16px}.experience-inner{gap:20px}.experience-inner>div{font-size:13px}.service-tab{font-size:17px;gap:14px}.service-tab small{font-size:13px}.service-panel{padding:28px 22px}.form-row{grid-template-columns:1fr;gap:0}.form-bottom{flex-direction:column;align-items:start}.form-bottom p{max-width:100%}.graphic-window{width:200px;padding-inline:14px}.graphic-window b{width:48px}.graphic-orbit{width:300px}.graphic-chip{left:4%}.secondary-chip{right:4%;left:auto}.photo-copy h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Revision 02: explain the visual and give projects a spatial gallery. */
.hero{align-items:start;gap:34px}.hero-copy{padding-top:24px}.hero-visual{padding-top:0}.hero-audience{display:grid;grid-template-columns:1fr;gap:18px;margin-top:32px;max-width:450px;border-left:3px solid var(--blue);padding:2px 0 2px 19px}.hero-audience strong{display:block;font:600 20px/1.4 var(--heading);letter-spacing:-.4px;color:var(--ink)}.hero-audience p{font-size:16px;line-height:1.5;margin-top:4px;max-width:350px}.hero-audience>div:last-child strong{color:var(--blue)}
.layer-label path{fill:none;stroke:#779bbd;stroke-width:1.6}.layer-label circle{fill:#0078d4}.layer-label rect{fill:#fff;stroke:#d5e3ef;stroke-width:1}.layer-label text{font:600 22px var(--body);fill:#264967}.label-external path{stroke:#b17724}.label-external circle{fill:#d58a20}.label-external text{fill:#855313}.label-external rect{fill:#fff8eb;stroke:#efd5a9}.layer{opacity:.75;transition:opacity .5s,filter .5s,transform .6s}.warm-module{opacity:1}.hero-visual[data-stage="business"] .layer-base,.hero-visual[data-stage="architecture"] .layer-middle,.hero-visual[data-stage="software"] .layer-top{opacity:1;filter:drop-shadow(0 5px 6px #0078d422)}.hero-visual[data-stage="business"] .label-business rect,.hero-visual[data-stage="architecture"] .label-architecture rect,.hero-visual[data-stage="software"] .label-software rect{fill:#e9f4ff;stroke:#0078d4;stroke-width:2}.hero-visual[data-stage="software"] .warm-module{transform:translateY(-6px)}.hero-visual[data-stage="business"] .architecture-links{opacity:.3}.system-art{margin-top:-20px;margin-bottom:-10px}.system-selector{width:100%}.stage-caption{text-align:left;padding:24px 0 0;min-height:0}.stage-caption h2{font-size:23px;line-height:1.35;letter-spacing:-.5px;margin-bottom:13px}.stage-caption>p{font-size:17px;line-height:1.6}.stage-caption .stage-result{font-size:15px;margin-top:15px;color:#264967}.stage-result strong{font-weight:600}.external-explanation{font-size:14px;line-height:1.6;background:#fff8ec;padding:13px 16px;margin-top:18px;border-radius:6px;color:#785522}.external-explanation>span{display:inline-block;width:9px;height:9px;background:var(--amber);margin-right:7px}.external-explanation strong{font-weight:600}.architecture-links{transition:opacity .4s}
.projects{overflow:hidden;background:#f2f7fc}.projects .section-heading{margin-bottom:24px}.project-carousel{width:100%;isolation:isolate}.orbit-stage{position:relative;height:570px;width:100%;max-width:1500px;margin:auto;perspective:1400px;perspective-origin:50% 42%;touch-action:pan-y;cursor:grab;outline-offset:-6px!important}.orbit-stage:active{cursor:grabbing}.orbit-card{position:absolute;top:30px;left:50%;width:570px;max-width:calc(100% - 100px);min-height:490px;background:white;border:1px solid #d6e5f2;border-radius:15px;box-shadow:0 25px 45px -28px #244d7455;overflow:hidden;backface-visibility:hidden;transition:transform .75s cubic-bezier(.2,.8,.2,1),opacity .55s,box-shadow .55s;transform:translateX(-50%) translateZ(-480px);opacity:0;pointer-events:none;user-select:none}.orbit-card[data-position="0"]{transform:translateX(-50%) translateZ(0) rotateY(0);opacity:1;z-index:5;pointer-events:auto;user-select:text}.orbit-card[data-position="-1"]{transform:translateX(-117%) translateZ(-200px) rotateY(34deg);opacity:.66;z-index:4;pointer-events:auto}.orbit-card[data-position="1"]{transform:translateX(17%) translateZ(-200px) rotateY(-34deg);opacity:.66;z-index:4;pointer-events:auto}.orbit-card[data-position="-2"]{transform:translateX(-160%) translateZ(-420px) rotateY(47deg);opacity:0;z-index:2}.orbit-card[data-position="2"]{transform:translateX(60%) translateZ(-420px) rotateY(-47deg);opacity:0;z-index:2}.orbit-art{height:165px;background:#dceefe;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.orbit-glyph{font:600 105px/1 var(--heading);letter-spacing:-7px;color:#0078d4;transform:rotate(-9deg);position:relative;z-index:1}.orbit-shape{position:absolute;width:215px;height:100px;border:1px solid #76add5;border-radius:50%;transform:rotate(-23deg)}.orbit-art-label{position:absolute;bottom:14px;left:25px;font-size:12px;color:#416b8c}.art-invoice{background:#e7effa}.art-invoice .orbit-shape{border-radius:6px;width:90px;height:110px;transform:rotate(12deg);background:#ffffffaa;left:50%}.art-invoice .orbit-glyph{color:#006abe}.art-educators{background:#e4f1eb}.art-educators .orbit-glyph{color:#388068;font-size:91px;letter-spacing:-6px}.art-educators .orbit-shape{border-color:#8ab5a6}.art-travel{background:#fff1d8}.art-travel .orbit-glyph{color:#be7c18;font-size:125px}.art-travel .orbit-shape{border-radius:8px;border-color:#d6b373;width:210px;height:80px;transform:rotate(-12deg)}.art-assessment{background:#eaeafb}.art-assessment .orbit-glyph{color:#6f71b6;font-size:95px}.art-assessment .orbit-shape{border-color:#b1b3d7;border-radius:12px;width:110px;height:110px;transform:rotate(8deg)}.art-market{background:#e8f0f6}.art-market .orbit-glyph{color:#467591;font-size:125px}.art-market .orbit-shape{border-radius:0;border-color:#93b1c4;width:190px;height:80px;transform:skewY(-20deg)}.orbit-copy{padding:25px 32px 28px}.orbit-kind{font-size:12px;margin-bottom:9px;color:#546d84}.orbit-copy h3{font-size:29px;line-height:1.2;letter-spacing:-.9px}.orbit-client{font-size:15px;color:#0078d4;margin-top:7px}.orbit-description{font-size:17px;line-height:1.6;margin-top:16px}.orbit-tags{font-size:12px;line-height:1.5;margin-top:20px;color:#627a8f}.orbit-controls{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:0}.orbit-controls button{width:48px;height:48px;border:1px solid #b5d0e7;background:white;border-radius:50%;font-size:25px;line-height:1;color:var(--blue);transition:background .2s,color .2s}.orbit-controls button:hover{background:var(--blue);border-color:var(--blue);color:white}.orbit-status{text-align:center;min-width:250px;font-size:14px;color:var(--blue)}.orbit-status span{display:block;color:var(--ink);font-size:16px;margin-top:2px}.orbit-help{text-align:center;font-size:13px;margin:18px 20px 23px}.orbit-selectors{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.orbit-selectors button{border:1px solid #c9dbe9;background:transparent;color:#516b82;padding:8px 16px;border-radius:22px;font-size:14px;transition:background .2s}.orbit-selectors button[aria-current="true"]{background:var(--blue);border-color:var(--blue);color:white}.orbit-selectors button:hover{border-color:var(--blue)}.orbit-draft{text-align:center;font-size:12px;margin-top:25px;color:#6b7f91}
@media(max-width:1100px){.hero{gap:24px}.hero h1{font-size:60px}.hero-visual{margin-right:0}.stage-caption{min-height:0}.stage-caption h2{font-size:21px}.hero-audience strong{font-size:18px}.hero-audience p{font-size:15px}.system-selector button{font-size:14px;padding-inline:9px}.orbit-card{width:530px}.orbit-stage{height:570px}.orbit-copy h3{font-size:27px}}
@media(max-width:780px){.hero{gap:22px}.hero-copy{padding-top:0}.hero-audience{max-width:100%;grid-template-columns:1fr 1fr;gap:22px;padding-left:16px;margin-top:30px}.hero-audience strong{font-size:17px}.hero-audience p{font-size:14px}.hero h1{font-size:clamp(48px,10vw,72px)}.hero-visual{margin-top:5px;max-width:560px}.system-art{margin-top:0}.layer-label text{font-size:23px}.stage-caption{min-height:0;padding-top:23px}.stage-caption h2{font-size:23px}.stage-caption>p{font-size:17px}.external-explanation{margin-bottom:20px}.projects .section-heading{margin-bottom:10px}.orbit-stage{height:590px;perspective:1000px}.orbit-card{width:470px;max-width:calc(100% - 70px);top:25px;min-height:525px}.orbit-card[data-position="-1"]{transform:translateX(-123%) translateZ(-240px) rotateY(29deg)}.orbit-card[data-position="1"]{transform:translateX(23%) translateZ(-240px) rotateY(-29deg)}.orbit-copy{padding:24px}.orbit-copy h3{font-size:26px}.orbit-description{font-size:16px}.orbit-art{height:160px}.orbit-controls{gap:17px}.orbit-status{min-width:210px;max-width:230px}.orbit-controls button{width:43px;height:43px;flex-shrink:0}.orbit-selectors{gap:8px}.orbit-selectors button{padding:7px 13px;font-size:13px}.orbit-help{font-size:12px;max-width:290px;margin-inline:auto}.orbit-draft{font-size:11px}}
@media(max-width:400px){.hero-audience{grid-template-columns:1fr;gap:16px}.hero-audience strong{font-size:19px}.hero-audience p{font-size:15px}.system-selector button{font-size:14px;padding-inline:7px}.system-selector button span{margin-right:6px}.stage-caption h2{font-size:21px}.stage-caption>p{font-size:16px}.orbit-card{max-width:calc(100% - 52px);min-height:540px}.orbit-stage{height:600px}.orbit-copy{padding:22px}.orbit-copy h3{font-size:24px}.orbit-client{font-size:14px}.orbit-description{font-size:15px}.orbit-tags{font-size:11px}.orbit-art{height:140px}.orbit-glyph{font-size:90px}.orbit-status{min-width:0;width:180px}.orbit-status span{font-size:14px}.orbit-controls{gap:12px}.orbit-controls button{width:39px;height:39px}}
@media(prefers-reduced-motion:reduce){.orbit-card,.layer,.warm-module{transition:none!important}}
