@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#25352e;--paper:#f4f2e9;--orange:#da713c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #da713c;outline-offset:5px}[hidden]{display:none!important}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #25352e18;position:relative;z-index:5}.wordmark{font-family:Manrope,sans-serif;font-size:36px;font-weight:800;text-decoration:none;letter-spacing:-2px}.wordmark span{font-size:12px;vertical-align:top;margin-left:5px}.header-note,.eyebrow,.door-top,.entrance-foot,.studio-caption{font-size:10px;letter-spacing:1.6px;font-weight:700}.portal{font-size:12px;text-decoration:none;border:1px solid #25352e55;border-radius:30px;padding:12px 18px}.lead{max-width:1180px;margin:38px auto 28px;display:grid;grid-template-columns:1.1fr 1fr;align-items:end}.lead .eyebrow{grid-column:1/-1;margin-bottom:16px}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-2.8px}h1{font-size:clamp(36px,4.2vw,64px);line-height:1.1;margin:0}em{font-style:normal;color:#8b9a82}p{font-size:15px;line-height:1.65}.lead p{justify-self:end;color:#69736b;margin:0 0 4px}.doors{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:26px;perspective:1600px}.door{padding:25px 32px 30px;border-radius:18px;border:1px solid #d7d9cb;display:flex;flex-direction:column;justify-content:space-between;text-align:left;text-decoration:none;min-height:420px;box-shadow:0 16px 35px #26352d0c;transition:transform .35s,box-shadow .35s}.door:hover{transform:translateY(-8px);box-shadow:0 24px 45px #26352d20}.traditional{background:#e6e9de;transform:rotateY(4deg)}.interactive{background:#243f33;color:#fff;transform:rotateY(-4deg);border-color:#243f33}.door-top{display:flex;justify-content:space-between;opacity:.75}.door h2{font-size:27px;letter-spacing:-1px;margin:6px 0}.door p{font-size:13px;opacity:.7;max-width:350px;margin:8px 0 22px}.door strong{display:flex;justify-content:space-between;font-size:13px;border-top:1px solid #858e7760;padding-top:16px}.interactive strong{color:#edc384}.mini-browser{background:#fafbf4;border:1px solid #fff;padding:14px 22px;width:73%;align-self:center;margin:23px 0 18px;transform:rotate(-4deg);box-shadow:12px 12px 0 #cdd2c1;border-radius:8px}.dots{font-size:8px;color:#aaa;letter-spacing:3px}.mini-browser b{display:block;font-size:25px;letter-spacing:-1px;margin:15px 0}.mini-rule{width:48px;height:8px;background:#de8652;border-radius:4px}.mini-grid{display:flex;gap:10px;margin-top:17px}.mini-grid i{background:#dbe1d2;height:22px;width:30%}.mini-office{height:172px;width:220px;align-self:center;position:relative;margin:25px;transform:rotateX(35deg) rotateZ(-30deg)}.tile{position:absolute;width:85px;height:65px;box-shadow:-10px 12px 0 #111c17;border:5px solid #e5e1cd;display:grid;place-items:center;font-size:15px;font-weight:800;color:#263c32}.t1{left:0;top:0;background:#d99f7d}.t2{right:0;top:0;background:#aea8d1}.t3{left:0;bottom:0;background:#85acbf}.t4{right:0;bottom:0;background:#8bb29b}.core{left:85px;top:65px;width:50px;height:38px;background:#eed7a4;border:0}.entrance-foot{max-width:1180px;margin:28px auto;display:flex;justify-content:space-between;color:#7a8277;font-size:9px}.entrance-foot i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#768c6e;margin-right:7px}#studio{position:fixed;inset:96px 0 0;background:#e9ece1}#world{position:absolute;inset:0}canvas{display:block}.studio-heading{position:absolute;left:4vw;top:35px;pointer-events:none}.studio-heading h1{font-size:40px;margin-top:14px}.studio-heading p{font-size:12px;color:#6e7c6a}.departments{position:absolute;bottom:63px;left:50%;transform:translateX(-50%);display:flex;gap:5px;background:#fffffff0;padding:7px;border-radius:40px;box-shadow:0 8px 30px #23392518;white-space:nowrap}.departments button{border:0;background:none;padding:12px;font-size:11px;border-radius:25px}.departments button.active{background:#e7ebdf}.departments i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.view-controls{position:absolute;right:24px;top:28px;display:flex;flex-direction:column;gap:7px}.view-controls button{border:1px solid #fff;background:#ffffffd9;padding:11px 14px;border-radius:9px;text-align:left;font-size:13px}.view-controls span{font-size:10px;margin-left:6px}.studio-caption{position:absolute;bottom:23px;left:4vw;right:4vw;display:flex;justify-content:space-between;font-size:9px;color:#6c7a65}.pin{position:absolute;transform:translate(-50%,-50%);border:1px solid #fff;border-radius:20px;padding:8px 12px;background:#fffffff0;box-shadow:0 3px 12px #26352d20;font-size:10px;font-weight:700;white-space:nowrap}.pin span{color:#b26e35;margin-left:7px}#pins{position:absolute;inset:0;pointer-events:none;overflow:hidden}.pin{pointer-events:auto}dialog{border:0;border-radius:20px;padding:35px;width:min(510px,calc(100% - 28px));max-height:85dvh;color:var(--ink);box-shadow:0 25px 100px #0004}dialog::backdrop{background:#172c2560;backdrop-filter:blur(5px)}#close{position:absolute;right:15px;top:12px;border:0;background:#eef0e8;border-radius:50%;width:30px;height:30px;font-size:20px}dialog h2{font-size:32px;letter-spacing:-1.4px;margin:12px 0}dialog p{font-size:13px}dialog .eyebrow{color:#9b7149}.example{background:#f1f3eb;border:1px solid #e1e5d7;border-radius:12px;padding:20px;margin:20px 0}.example h3{margin:0 0 6px;font-size:16px}.example button,.action{background:#294b3b;color:white;border:0;border-radius:7px;padding:11px 16px;font-size:12px;text-decoration:none;display:inline-block;margin-top:10px}.sample{font-size:10px!important;color:#79816e}.result{font-family:monospace;background:#fff;padding:13px;font-size:11px;line-height:1.8;margin-top:12px;border-radius:6px}.work-links{display:grid;gap:10px}.work-links a{font-size:12px;color:#46725b;text-underline-offset:4px}#cinema{position:fixed;inset:0;background:#14251f;z-index:20}#introVideo{width:100%;height:100%;object-fit:cover}.cinema-copy{position:absolute;left:8vw;bottom:15vh;color:white;text-shadow:0 2px 25px #000}.cinema-copy h1{font-size:clamp(32px,5vw,65px);margin-top:18px}.cinema-copy em{color:#e6c086}#skip{position:absolute;right:35px;top:30px;background:#ffffffed;border:0;border-radius:30px;padding:14px 22px}#fallback{position:absolute;top:45%;left:10%;right:10%;text-align:center;background:white;padding:20px}@media(min-width:1500px){.lead{margin-top:60px}.door{min-height:470px}}@media(max-width:700px){header{height:75px;padding:0 20px}.wordmark{font-size:30px}.header-note{display:none}.portal{font-size:10px;padding:9px 12px}.lead{display:block;margin:25px 22px}.lead p{margin-top:15px;font-size:13px}.doors{margin:0 22px;gap:15px;grid-template-columns:1fr}.door{min-height:350px;transform:none;padding:22px}.mini-browser{margin:17px 0}.mini-office{height:150px;margin:16px}.door h2{font-size:25px}.entrance-foot{margin:25px 22px;line-height:1.8}.entrance-foot>span:last-child{display:none}#studio{top:75px}.studio-heading{top:24px;left:22px}.studio-heading h1{font-size:30px}.studio-heading .eyebrow{font-size:8px}.studio-heading p{max-width:190px;font-size:11px}.view-controls{right:15px;top:22px}.view-controls span{display:none}.departments{bottom:55px;width:calc(100% - 22px);display:grid;grid-template-columns:1fr 1fr;border-radius:16px;white-space:normal}.departments button{padding:9px 5px;font-size:10px}.studio-caption{bottom:17px;font-size:8px;letter-spacing:.2px}.studio-caption>span:last-child{display:none}.pin{font-size:8px;padding:6px 8px}.cinema-copy{left:24px;bottom:16vh}.cinema-copy .eyebrow{font-size:8px;max-width:220px;display:block}dialog{padding:25px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

@media(max-width:700px){.cinema-copy{bottom:6vh}.cinema-copy h1{font-size:31px}.cinema-copy p{margin-bottom:0}#introVideo{object-fit:contain;object-position:top}}

/* Guided experience / 02 */
.guided-mode .studio-heading,.guided-mode #pins{display:none}
#hostPanel{position:absolute;left:32px;bottom:130px;width:365px;padding:20px 22px;background:#fbfaf2f5;border:1px solid #ffffff;border-radius:16px;box-shadow:0 12px 45px #15312622;z-index:3}
.host-identity{display:flex;align-items:center;gap:11px}.host-identity img{width:47px;height:47px;object-fit:cover;border-radius:50%;border:2px solid #d7c49d}.host-identity span{font-size:9px;font-weight:800;letter-spacing:1.3px;display:block}.host-identity small{font-size:9px;color:#7a8074;display:block;line-height:1.5;margin-top:4px}.host-identity #tourAgain{margin-left:auto;border:0;background:transparent;font-size:25px;color:#53705d;padding:3px}
#hostCaption{font-size:15px;line-height:1.6;margin:17px 0}.host-actions{display:flex;gap:8px;flex-wrap:wrap}.host-actions button{padding:13px 15px;border-radius:8px;border:0;font-size:12px;background:#294b3b;color:white;font-weight:600}.host-actions #skipWalk{background:#e6e9dc;color:#354c3e}.host-actions button:disabled{background:#dce2d5;color:#516b54;cursor:default}.walk-track{height:3px;background:#e1e5d8;border-radius:2px;margin-top:16px;overflow:hidden}#walkProgress{height:100%;width:0;background:#b28b4c}#studio:not([data-journey="walking"]) .walk-track{display:none}
#detail.gallery-open{width:min(850px,calc(100% - 28px));padding:38px;max-height:88dvh}.portfolio-gallery{margin:28px 0}.gallery-label{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#8d7657;margin:24px 0 13px}.portfolio-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.portfolio-cards a{display:block;text-decoration:none;background:#edf0e5;border:1px solid #dce1d2;border-radius:12px;overflow:hidden;padding-bottom:20px}.portfolio-cards img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.portfolio-cards span,.portfolio-cards h3,.portfolio-cards p,.portfolio-cards b{margin-left:18px;margin-right:18px;display:block}.portfolio-cards span{font-size:9px;letter-spacing:1px;margin-top:17px;color:#778168}.portfolio-cards h3{font-family:Manrope,sans-serif;font-size:20px;line-height:1.25;letter-spacing:-.6px;margin-top:9px;margin-bottom:8px}.portfolio-cards p{font-size:12px;color:#6d7867}.portfolio-cards b{font-size:12px;color:#3f6a50}.article{border-top:1px solid #dce0d1;padding:17px 0}.article summary{font-size:15px;font-weight:600;cursor:pointer;line-height:1.5}.article summary span{display:block;font-size:9px;color:#8c967e;letter-spacing:1px;margin-top:5px}.article p{color:#61705c;max-width:640px}.editorial-note{font-size:10px!important;color:#84907a}.gallery-open .example{margin-bottom:0}.gallery-open .work-links{display:none}
@media(min-width:1100px){#hostPanel{left:4vw;bottom:135px}}
@media(max-width:700px){#hostPanel{left:12px;right:12px;bottom:159px;width:auto;padding:13px 16px;border-radius:13px}.host-identity img{width:35px;height:35px}.host-identity span{font-size:8px}.host-identity small{font-size:8px}#hostCaption{font-size:12px;line-height:1.45;margin:10px 0}.host-actions button{font-size:11px;padding:12px}.host-identity #tourAgain{font-size:23px}.guided-mode .view-controls{top:12px;right:12px;flex-direction:row;gap:4px}.guided-mode .view-controls button{padding:9px 11px}.guided-mode .departments{bottom:49px}.guided-mode .studio-caption{bottom:17px}.portfolio-cards{grid-template-columns:1fr}#detail.gallery-open{padding:28px 22px}.gallery-open h2{font-size:28px}.portfolio-cards img{max-height:185px}.host-actions{gap:6px}}
@media(max-height:650px){#hostPanel{bottom:110px;padding:10px 14px;width:330px}#hostCaption{font-size:11px;margin:8px 0}.host-identity small{display:none}.host-identity img{width:30px;height:30px}.host-actions button{padding:9px;font-size:10px}}

.guide-heading{display:none;position:absolute;top:36px;left:4vw;pointer-events:none}.guided-mode .guide-heading{display:block}.guide-heading h1{font-size:38px;margin-top:12px}.guide-heading p{font-size:12px;color:#7c8874;margin-top:12px}.guided-mode .studio-caption>span:first-child{font-size:0}.guided-mode .studio-caption>span:first-child:after{content:"Choose a department · Skip any walk · Explore at your pace";font-size:9px}@media(max-width:700px){.guide-heading{top:83px;left:23px}.guide-heading h1{font-size:28px;letter-spacing:-1px;margin-top:7px}.guide-heading .eyebrow{font-size:8px}.guide-heading p{display:none}.guided-mode .studio-caption>span:first-child:after{font-size:8px}}
.gallery-open #close{position:sticky;top:0;float:right;margin:-14px -6px 0 8px;z-index:10;box-shadow:0 2px 8px #26352d18}

#employeeStatus{font-size:10px;color:#6e7f64;letter-spacing:.3px;margin:-5px 0 13px}#studio:not([data-journey="arrived"]) #employeeStatus{display:none}#employeeStatus:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#91a876;margin-right:7px}

.wordmark{display:flex;align-items:center}.wordmark img{display:block;width:112px;height:auto;max-height:76px;object-fit:contain}.tile.core img{width:42px;height:auto}@media(max-width:700px){.wordmark img{width:88px;max-height:59px}}

/* Room technology displays */
.technology-section{margin:24px 0}.technology-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.technology-card{display:flex;align-items:center;gap:12px;padding:15px 12px;background:#f0f2e9;border:1px solid #dfe4d7;border-radius:12px;min-width:0}.technology-card img{object-fit:contain;flex:0 0 40px}.technology-card h3{font-size:13px;margin:0 0 4px;letter-spacing:0}.technology-card p{font-size:11px;line-height:1.4;margin:0;color:#64735f}.technology-card small{font-size:9px;color:#64735f}.technology-monogram{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:10px;background:#375846;color:white;font-size:15px;font-weight:700}@media(max-width:480px){.technology-grid{grid-template-columns:1fr}.technology-card{padding:12px 14px}}
@media(max-width:700px){#studio[data-journey="walking"] .guide-heading,#studio[data-journey="arrived"] .guide-heading{display:none}}

/* Modern office finish; uncluttered arrival-only labels. */
:root{--paper:#f4f6f5;--ink:#243746}#hostPanel{background:#f8fbfaf5;box-shadow:0 16px 48px #16314220}.departments button.active{background:#e2efeb}#studio #pins{display:none}

/* Full-color brand tiles */
.technology-card{background:#fff;border-top:4px solid var(--brand,#375846)}.technology-card img{width:76px;height:60px;flex:0 0 76px;background:#fff;border-radius:5px;padding:4px}

/* Discoverable room and board actions; no perpetual motion. */
.pin{min-height:44px;border:2px solid #34735d;border-radius:14px;font-size:11px;padding:8px 12px;transition:background .15s,box-shadow .15s}.pin small{display:block;font-size:10px;color:#365c4b;margin-top:3px;font-weight:600}.pin:hover,.pin:focus-visible{background:#e1f4e9;box-shadow:0 0 0 4px #34735d30}.board-hint{background:#254f40;color:#fff;border-color:#fff;font-size:12px}.board-hint span{color:#a9edc8;margin:0 5px 0 0}.board-hint:hover,.board-hint:focus-visible{background:#36745c}@media(max-width:700px){.pin{padding:6px 9px;font-size:10px}.pin small{font-size:9px}.board-hint{font-size:12px}}
#studio #pins{display:block}
@media(max-width:700px){#studio.guided-mode .guide-heading{display:none}}

/* iRusty orange interaction palette; vendor identities stay original. */
:root{--orange:#ff7900;--orange-hover:#ff941f;--orange-soft:#fff1e0;--orange-ink:#a84400;--on-orange:#20160e}
.host-actions button,.example button,.action,.board-hint,#skip{background:var(--orange);color:var(--on-orange)}
.host-actions button:not(:disabled):hover,.example button:hover,.action:hover,.board-hint:hover,.board-hint:focus-visible,#skip:hover{background:var(--orange-hover);color:var(--on-orange)}
.host-actions #skipWalk,.departments button.active,#close{background:var(--orange-soft);color:var(--orange-ink)}
.host-actions button:disabled{background:#f4d4c0;color:#76503a}
.pin{border-color:var(--orange)}.pin small,.pin span,.host-identity #tourAgain,.work-links a,.portfolio-cards b,.gallery-label,dialog .eyebrow{color:var(--orange-ink)}
.pin:hover,.pin:focus-visible{background:var(--orange-soft);box-shadow:0 0 0 4px #ff790030}
.board-hint,.board-hint span{color:var(--on-orange)}.board-hint:hover,.board-hint:focus-visible{background:var(--orange-hover)}
.departments i{background:var(--orange)!important}.departments button:hover,.view-controls button:hover,.portal:hover{background:var(--orange-soft);color:var(--orange-ink)}
.view-controls button,.portal{border-color:var(--orange);color:var(--orange-ink)}
#walkProgress,.entrance-foot i,#employeeStatus:before,.mini-rule{background:var(--orange)}
em{color:var(--orange-ink)}.host-identity img{border-color:var(--orange)}
.article summary:hover,.article summary:focus-visible{color:var(--orange-ink)}