:root{--orange:#ff8707;--gold:#bd914b;--ink:#0b1013;--paper:#f6f7f9;--line:#e3e6eb}body{font-family:Arial,"Segoe UI",sans-serif;line-height:1.45}.container{width:min(1440px,calc(100% - 80px))}h1,h2,h3{font-weight:800}em{font-family:inherit;font-style:normal;font-weight:800;color:var(--orange)}.header{background:#fff;backdrop-filter:blur(16px)}.header-inner{min-height:86px;gap:20px}.brand{font-size:30px;letter-spacing:2px;flex-shrink:0}.brand-symbol{width:60px;height:65px}.brand small{font-size:9px;letter-spacing:2.4px}.brand-tagline{border-left:1px solid var(--orange);padding-left:20px;font-size:10px;letter-spacing:1.3px;line-height:1.6}nav{gap:25px;margin-left:auto;font-size:13px}.button{background:linear-gradient(115deg,#ffb13d,#ff8404);color:#0b1013;border-radius:4px;font-weight:700;padding:16px 27px;position:relative;overflow:hidden}.button::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,#fff7,transparent);transform:translateX(-130%);transition:transform .65s}.button:hover::before{transform:translateX(130%)}.button:hover{background:linear-gradient(115deg,#ffbb55,#ff910c);transform:translateY(-3px);box-shadow:0 8px 22px #ff87072a}.button.outline{background:#ffffffc9;border:1px solid var(--orange);padding:15px 35px}.button.dark{background:#0b1013;color:white}.button.dark span{color:var(--orange)}.eyebrow{letter-spacing:1.5px;font-size:11px;color:var(--ink);display:flex;align-items:center;gap:12px}.eyebrow::before{content:"";width:40px;height:2px;background:var(--orange);flex-shrink:0}.hero{display:block;position:relative;padding:0;background:#e9edf0 url('assets/hero.png') center 46%/cover no-repeat;min-height:440px;isolation:isolate}.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff 0%,#fffffff7 19%,#ffffffdb 32%,#ffffff4d 48%,transparent 64%)}.hero-layout{display:grid;grid-template-columns:1fr 260px;gap:30px;min-height:440px}.hero-copy{padding:44px 0 48px;align-self:center}.hero .eyebrow{color:var(--orange);font-size:12px;letter-spacing:2px;margin-bottom:10px}.hero .eyebrow::before{display:none}h1{font-size:86px;letter-spacing:-3px;line-height:.98;margin:0 0 20px}h1>span{display:block;font-size:39px;letter-spacing:-1.5px;line-height:1.15;margin-top:5px}h1 strong,h2 strong{color:var(--orange)}.lead{font-size:17px;line-height:1.35;color:#101518;max-width:600px;margin-bottom:23px}.hero-actions{gap:12px}.hero-directions{background:linear-gradient(130deg,#0b1118eb,#090d11f5);color:white;padding:28px 20px 28px 35px;position:relative;border-left:2px solid var(--orange);display:flex;flex-direction:column;justify-content:center}.hero-directions::before{content:"";position:absolute;inset:0;opacity:.25;background:repeating-linear-gradient(125deg,transparent 0 24px,#b88d4c33 25px 26px);pointer-events:none}.hero-directions a{position:relative;display:flex;align-items:center;gap:19px;padding:20px 0;border-bottom:1px solid #ffffff2b;transition:transform .25s}.hero-directions a:hover{transform:translateX(5px)}.hero-directions a:last-child{border:0}.hero-directions b{font-size:34px;color:var(--orange);font-family:"Arial Narrow",Arial,sans-serif;line-height:1}.hero-directions span{font-size:11px;line-height:1.5}.hero-directions i{font-style:normal;color:var(--orange);margin-left:auto}.competency-strip{display:grid;grid-template-columns:repeat(6,1fr);padding-block:24px}.competency-strip a{border-left:1px solid var(--line);padding:0 22px;display:flex;flex-direction:column;transition:color .2s,transform .2s}.competency-strip a:hover{color:var(--orange);transform:translateY(-4px)}.competency-strip a:last-child{border-right:1px solid var(--line)}.icon{color:var(--orange);display:block;margin-bottom:7px;height:36px;font-size:33px;line-height:1}.icon svg{width:34px;height:34px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.competency-strip b{font-size:10px}.competency-strip small{font-size:11px;color:#68717b;margin-top:3px}.intro-band{background:linear-gradient(120deg,#f5f7fa,white);border-block:1px solid var(--line)}.intro-grid{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:30px;min-height:270px;align-items:center;padding-block:28px}.intro-grid h2{font-size:29px;letter-spacing:-.5px;margin-bottom:12px;line-height:1.06}.intro-grid p:not(.eyebrow){font-size:13px;max-width:380px}.intro-grid .eyebrow{font-size:10px;margin-bottom:15px}.intro-grid .button{padding:11px 20px;font-size:12px}.intro-image{height:245px;background:linear-gradient(90deg,#f6f7f9,transparent 25%,transparent 80%,#fff),url('assets/hero.png') 70% center/cover;position:relative}.intro-image::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 23px,#ffffff66 24px 25px),repeating-linear-gradient(90deg,transparent 0 35px,#ffffff55 36px 37px);mask-image:linear-gradient(90deg,#000,transparent 60%)}.intro-principles>div{display:flex;gap:22px;border-top:1px solid var(--line);padding:15px 0;align-items:center}.intro-principles b{font-size:32px;color:var(--orange)}.intro-principles span{font-size:13px;color:#525c66}.section{padding-block:60px}.section-heading{margin-bottom:25px;gap:35px}.section-heading h2{font-size:34px;letter-spacing:-1px;margin-bottom:0}.section-heading>p{font-size:13px;max-width:420px;margin-bottom:0}.section-heading .eyebrow{margin-bottom:13px}.service-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:40px}.service-cards>a{border:1px solid var(--line);border-radius:7px;overflow:hidden;transition:transform .3s,box-shadow .3s;background:#fff}.service-cards>a:hover{transform:translateY(-6px);box-shadow:0 16px 35px #0b101314}.card-image{height:135px;background-image:url('assets/hero.png');background-size:cover;transition:transform .5s}.service-cards>a:hover .card-image{transform:scale(1.04)}.design-photo{background-position:50% 25%;filter:saturate(.65)}.systems-photo{background-position:80% 50%}.install-photo{background-position:60% 90%}.docs-photo{background-position:20% 50%;filter:grayscale(.7)}.service-cards h3{font-size:12px;letter-spacing:0;margin:15px 14px 7px;line-height:1.3;display:flex;gap:8px;justify-content:space-between}.service-cards h3 span{color:var(--orange);font-size:20px}.service-cards p{font-size:11px;color:#68717b;margin:0 14px 15px}.services-list{margin-top:25px}summary{padding:20px 0}summary h3{font-size:22px}.number,.plus{color:var(--orange)}.projects-section{background:#f5f7f9}.project-visual{border-radius:6px;background-image:linear-gradient(#0001,#0002),url('assets/hero.png');background-size:cover;background-position:70% 50%;height:280px}.project-visual .building,.project-visual .room,.project-visual .tech-diagram{display:none}.interior{background-position:85% 50%}.technical{background-position:60% 70%;filter:saturate(.6)}.visual-label{background:#ffffffdd;padding:5px 10px}.project h3{font-size:25px;font-weight:700}.demo{border-left:2px solid var(--orange)}.project-link{color:var(--orange);border-color:var(--orange)}.about{gap:60px}.about h2,.contact-grid h2{font-size:38px;letter-spacing:-1px}.about-lead{font-size:18px}.principles>div>span{color:var(--orange)}.process-grid span{font-family:inherit;font-weight:700;color:var(--orange)}.contact-section{background:linear-gradient(120deg,#f4f6f9,#fff)}.request-form{border:1px solid var(--line);border-radius:8px;box-shadow:0 15px 60px #1823340a}.footer{border-top:1px solid var(--line)}.footer .brand{font-size:24px}.footer .brand-symbol{width:43px;height:48px}dialog{border-radius:8px}.loader{position:fixed;inset:0;z-index:200;background:#fff;display:grid;place-content:center;gap:18px;justify-items:center;transition:opacity .45s,visibility .45s}.loader.done{opacity:0;visibility:hidden;pointer-events:none}.loader img{width:85px;height:85px;animation:logo-enter 1s ease both}.loader-name{font-size:22px;font-weight:800;letter-spacing:5px}.loader-line{width:140px;height:2px;background:#eee;overflow:hidden}.loader-line::after{content:"";display:block;width:50%;height:100%;background:var(--orange);animation:load-line .8s ease-in-out infinite}.scroll-progress{position:fixed;top:0;left:0;height:2px;background:var(--orange);width:0;z-index:50}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}.hero-copy{animation:hero-enter .8s .15s both}.hero-directions{animation:hero-enter .8s .3s both}.back-top{position:fixed;bottom:25px;right:25px;background:var(--ink);color:var(--orange);border:1px solid var(--gold);width:44px;height:44px;border-radius:4px;z-index:30;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.back-top.shown{opacity:1;pointer-events:auto}.back-top:hover{transform:translateY(-4px)}@keyframes load-line{from{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes logo-enter{from{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:none}}@keyframes hero-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(min-width:1700px){.hero,.hero-layout{min-height:520px}.hero-copy{padding-block:65px}.hero{background-position:center 47%}h1{font-size:100px}h1>span{font-size:45px}}
@media(max-width:1200px){.container{width:calc(100% - 48px)}.brand-tagline{display:none}.brand{font-size:26px}nav{gap:18px}.hero-layout{grid-template-columns:1fr 240px}.hero-directions{padding-left:20px}h1{font-size:72px}h1>span{font-size:31px}.hero .eyebrow{font-size:10px}.lead{font-size:15px}.competency-strip a{padding-inline:13px}.intro-grid{gap:20px}.intro-grid h2{font-size:25px}}
@media(max-width:900px){nav{gap:13px;font-size:12px}.brand{font-size:22px}.brand-symbol{width:45px;height:50px}.brand small{font-size:7px}.hero-layout{grid-template-columns:1fr 210px;gap:15px}.hero-directions span{font-size:9px}.hero-directions b{font-size:28px}.hero-directions a{gap:12px}h1{font-size:65px}h1>span{font-size:27px}.hero .eyebrow{max-width:440px;line-height:1.6;letter-spacing:1px}.lead br{display:none}.hero-copy{max-width:480px}.intro-grid{grid-template-columns:1fr 1fr}.intro-image{display:none}.service-cards{grid-template-columns:1fr 1fr}.competency-strip{grid-template-columns:repeat(3,1fr);gap:22px 0}}
@media(max-width:800px){.header-inner{min-height:76px}.brand{font-size:25px}.brand-symbol{width:50px;height:55px}nav{margin-left:0;font-size:14px;gap:20px}.hero-layout{grid-template-columns:1fr}.hero-copy{padding-top:40px;padding-bottom:35px;max-width:600px}.hero-directions{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;margin-bottom:25px;border-left:0;border-top:2px solid var(--orange);padding:10px 22px}.hero-directions a{padding:17px 0}.hero-directions a:nth-child(3){border:0}.hero-directions span{font-size:10px}.hero::before{background:linear-gradient(90deg,#fffffff5,#ffffffcd 42%,#ffffff35)}h1{font-size:76px}h1>span{font-size:33px}.hero-actions{flex-wrap:nowrap}.lead{font-size:16px}.section-heading h2{font-size:30px;margin-bottom:15px}.hero{background-position:65% center}.about h2,.contact-grid h2{font-size:32px}.section-heading{display:block}.competency-strip b{font-size:10px}.section{padding-block:45px}}
@media(max-width:520px){.container{width:calc(100% - 32px)}.brand{font-size:23px}.hero .eyebrow{font-size:9px;letter-spacing:1px;max-width:330px}.hero-copy{padding-top:30px}h1{font-size:56px;letter-spacing:-2px}h1>span{font-size:24px;letter-spacing:-.8px;max-width:340px}.lead{font-size:14px;max-width:340px}.hero-actions{gap:10px}.hero-actions .button{font-size:12px;padding:13px 18px;gap:20px}.hero-actions .outline{padding:12px 20px}.hero-directions{gap:0 15px;padding:7px 14px}.hero-directions span{font-size:9px}.hero-directions b{font-size:26px}.hero-directions a{gap:10px}.competency-strip{padding-block:20px;gap:20px 0}.competency-strip a{padding-inline:10px}.competency-strip b{font-size:8px}.competency-strip small{font-size:9px}.intro-grid{grid-template-columns:1fr;gap:25px;padding-block:30px}.intro-grid h2{font-size:29px}.intro-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.intro-principles .eyebrow{grid-column:1/-1;margin-bottom:0}.intro-principles>div{display:block}.intro-principles b{font-size:27px;display:block;margin-bottom:6px}.intro-principles span{font-size:10px;display:block}.service-cards{gap:12px}.card-image{height:95px}.service-cards h3{font-size:10px;margin:12px 10px 6px}.service-cards p{font-size:10px;margin:0 10px 12px}.service-cards h3 span{font-size:16px}.section-heading h2{font-size:27px}.section-heading>p{font-size:12px}.project-grid{gap:30px}summary h3{font-size:19px}.footer .brand{font-size:19px}.back-top{bottom:16px;right:16px}.about h2,.contact-grid h2{font-size:30px}}
@media(max-width:520px){.hero::before{background:linear-gradient(90deg,#fffffffa,#ffffffd9 45%,#ffffff50)}}
.card-image{background-image:url('assets/services.png');background-size:200% 200%;filter:none}.design-photo{background-position:0 0}.systems-photo{background-position:100% 0}.install-photo{background-position:0 100%}.docs-photo{background-position:100% 100%}
.service-content{grid-template-columns:280px 1fr 1fr;gap:18px 30px;padding-left:55px;align-items:start}
.service-photo{grid-column:1;grid-row:1/3;min-height:190px;height:100%;border-radius:6px;position:relative;overflow:hidden;background-image:url('assets/services.png');background-size:200% 200%;box-shadow:0 8px 24px #0b101310}
.service-photo::after{content:"";position:absolute;inset:0;border:1px solid #ffffff40;border-radius:6px;pointer-events:none}
.service-photo>span{position:absolute;bottom:10px;left:10px;background:#0b1013d9;color:white;font-size:8px;letter-spacing:1px;padding:6px 8px;border-left:2px solid var(--orange)}
.service-content>p{grid-column:2}.service-content>ul{grid-column:3}.service-content>a{grid-column:2/4;align-self:end}
details[open] .service-photo{animation:hero-enter .45s ease both}
@media(max-width:1100px){.service-content{grid-template-columns:240px 1fr;gap:18px 25px}.service-content>p,.service-content>ul,.service-content>a{grid-column:2}.service-photo{grid-row:1/4;min-height:210px}}
@media(max-width:650px){.service-content{padding-left:0;grid-template-columns:1fr;gap:18px}.service-photo{grid-column:1;grid-row:auto;height:210px;min-height:0}.service-content>p,.service-content>ul,.service-content>a{grid-column:1}.service-content>ul{margin-left:0}}
/* Main navigation: warm accents and a clear current section. */
#navigation>a:not(.button){position:relative;padding:12px 16px;border-radius:4px;font-weight:600;letter-spacing:.15px;transition:color .25s,background .25s}
#navigation>a:not(.button)::after{content:"";position:absolute;bottom:5px;left:16px;right:16px;height:2px;background:linear-gradient(90deg,var(--gold),var(--orange));transform:scaleX(0);transform-origin:left;transition:transform .3s}
#navigation>a:not(.button)+a:not(.button)::before{content:"";position:absolute;left:-8px;top:50%;width:1px;height:12px;background:#bd914b55;transform:translateY(-50%)}
#navigation>a:not(.button):hover,#navigation>a:not(.button):focus-visible{background:#fff5e7;color:#a34b00}
#navigation>a:not(.button):hover::after,#navigation>a:not(.button):focus-visible::after,#navigation>a[aria-current="location"]::after{transform:scaleX(1)}
#navigation>a[aria-current="location"]{color:#a34b00;background:#fff5e7}
@media(min-width:801px){#navigation{gap:16px}}
@media(max-width:1100px) and (min-width:801px){#navigation{gap:10px}#navigation>a:not(.button){padding-inline:10px}#navigation>a:not(.button)::after{left:10px;right:10px}#navigation>a:not(.button)+a:not(.button)::before{left:-5px}}
@media(max-width:800px){#navigation{gap:10px}#navigation>a:not(.button){padding:14px 18px;border:1px solid var(--line);background:#fbfcfd}#navigation>a:not(.button)::after{left:18px;right:18px}#navigation>a:not(.button)+a:not(.button)::before{display:none}#navigation>a[aria-current="location"]{border-color:#f3be80;background:#fff5e7}}
@media(prefers-reduced-motion:reduce){.loader{display:none}.hero-copy,.hero-directions{animation:none}.reveal{opacity:1;transform:none}.loader-line::after{animation:none}*{scroll-behavior:auto!important}}

/* Each use below selects a different scene from the nine-scene illustration atlas. */
.intro-image{background-image:url('assets/unique-scenes.png');background-size:300% 300%;background-position:0 0;border-radius:6px}
.intro-image::after{display:none}
.service-photo{background-image:url('assets/unique-scenes.png');background-size:300% 300%}
.unique-service-1{background-position:50% 0}
.unique-service-2{background-position:100% 0}
.unique-service-3{background-position:0 50%}
.unique-service-4{background-position:50% 50%}
.unique-service-5{background-position:100% 50%}
.project-visual{background-image:url('assets/unique-scenes.png');background-size:300% 300%;filter:none}
.project-visual.office{background-position:0 100%}
.project-visual.interior{background-position:50% 100%}
.project-visual.technical{background-position:100% 100%}