/* V5: original portfolio identity and meaningful project demonstrations. */
.header .name{display:flex;align-items:center;gap:12px;flex-shrink:0}.name>img{width:43px;height:43px}.work-nav{gap:30px;flex-wrap:wrap}.work-nav a{min-height:36px}.pc-cover,.audio-cover{height:465px}.pc-cover{background:#15133f}.pc-cover .cover-heading{padding:22px 24px 12px}.pc-cover .cover-heading img{width:145px}.pc-demo-heading{padding:0 24px}.pc-demo-heading>p:first-child{font-size:9px;color:#b1b9e6;margin:4px 0 5px}.pc-demo-heading h4{font-size:26px;font-weight:500;letter-spacing:-.04em;line-height:1.15;margin:0 0 8px}.pc-demo-heading>p:last-child{font-size:10px;color:#c4c6df;margin:0}.pc-scenes{position:relative;flex:1;min-height:0;padding:18px 24px 0}.pc-scene{height:100%;border:1px solid #ffffff20;border-radius:10px;padding:13px 16px;background:#ffffff06;overflow:hidden}.pc-scene[hidden]{display:none}.pc-app-top{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#b5b8da;margin-bottom:15px}.pc-person{display:flex;align-items:center;gap:9px;font-size:11px}.pc-person i,.leave-avatar{font-style:normal;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#6766e6;color:white;font-size:10px}.pc-person>div{display:grid;gap:3px}.pc-person b{font-weight:500}.pc-person>div>span{font-size:8px;color:#b9bad5}.pc-check{margin-left:auto;border-radius:50%;color:#79dcc1;border:1px solid #79dcc155;width:24px;height:24px;text-align:center;animation:pc-check 8s infinite}.pc-fields{display:grid;gap:8px;margin:14px 0}.pc-fields>div{display:grid;grid-template-columns:85px 1fr;gap:8px;align-items:center;min-height:32px;border-bottom:1px solid #ffffff15}.pc-fields small{font-size:8px;color:#b9bad5}.pc-type{display:block;font-size:10px;white-space:nowrap;clip-path:inset(0 100% 0 0);animation:pc-type 8s infinite}.pc-type-later{animation-name:pc-role}.pc-invite{position:relative;height:31px;border-radius:5px;background:#6867eb;font-size:10px;text-align:center;display:grid;place-items:center}.pc-invite>span{grid-area:1/1}.invite-before{animation:pc-before 8s infinite}.invite-after{opacity:0;animation:pc-after 8s infinite}.pc-caption{display:flex;justify-content:space-between;gap:6px;margin-top:14px;color:#9b9ec0;font-size:8px}.pc-rota svg{width:100%;height:calc(100% - 30px);overflow:visible}.pc-rota text{fill:#c8cae4;font:11px var(--sans)}.rota-cell{fill:#ffffff08;stroke:#ffffff19}.rota-shift{fill:#6262ef}.rota-shift2{fill:#2fc4a2}.rota-drag{animation:rota-drag 6s ease infinite}.rota-ghost{fill:none;stroke:white;stroke-dasharray:4 4;opacity:0;animation:rota-ghost 6s infinite}.leave-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;min-height:165px}.calendar-month{font-size:10px}.calendar-week,.calendar-dates{display:grid;grid-template-columns:repeat(5,1fr);text-align:center;gap:5px;font-size:10px}.calendar-week{font-size:8px;color:#a4a7c7;margin:18px 0 8px}.calendar-dates>span{display:grid;place-items:center;min-height:28px;border-radius:4px}.leave-day{animation:leave-select 8s infinite}.leave-request{display:flex;align-items:start;flex-direction:column;gap:7px;font-size:10px}.leave-request>b{font-weight:500}.leave-request>span:not(.leave-avatar){font-size:8px;color:#b9bad5}.leave-request p{font-size:8px;margin:5px 0}.coverage{color:#79dcc1;opacity:0;animation:leave-coverage 8s infinite}.leave-status{align-self:stretch;display:grid;text-align:center;border:1px solid #ffffff22;border-radius:6px;min-height:30px;align-items:center}.leave-status span{grid-area:1/1;font-size:9px}.leave-pending{animation:pc-before 8s infinite}.leave-approved{color:#79dcc1;opacity:0;animation:pc-after 8s infinite}.pc-cover .cover-control{padding:12px 24px 18px;min-height:66px}.pc-cover .segments{background:#ffffff12}.pc-cover .segments button{color:#c5c6e1;min-height:38px}.pc-cover .segments button[aria-pressed=true]{background:#6766e6;color:white}.pc-cover .cover-control>span{color:#b8bad5}
@keyframes pc-type{0%,8%{clip-path:inset(0 100% 0 0)}25%,88%{clip-path:inset(0)}98%,100%{clip-path:inset(0 100% 0 0)}}
@keyframes pc-role{0%,28%{clip-path:inset(0 100% 0 0)}42%,88%{clip-path:inset(0)}98%,100%{clip-path:inset(0 100% 0 0)}}
@keyframes pc-before{0%,55%{opacity:1}60%,90%{opacity:0}98%,100%{opacity:1}}
@keyframes pc-after{0%,55%{opacity:0}60%,90%{opacity:1}98%,100%{opacity:0}}
@keyframes pc-check{0%,47%{opacity:.15;transform:scale(.8)}55%,90%{opacity:1;transform:scale(1)}100%{opacity:.15;transform:scale(.8)}}
@keyframes rota-drag{0%,15%{transform:translate(0)}35%,70%{transform:translate(190px,50px)}90%,100%{transform:translate(0)}}
@keyframes rota-ghost{0%,18%,75%,100%{opacity:0}25%,68%{opacity:.6}}
@keyframes leave-select{0%,10%,100%{background:transparent;color:inherit}25%,90%{background:#6867eb;color:white}}
@keyframes leave-coverage{0%,32%,100%{opacity:0}42%,90%{opacity:1}}
.audio-cover{background:#eae8e1;color:var(--ink)}.audio-cover .cover-heading{padding:22px 24px 8px}.audio-demo{--sunk:#eae8e1;--ink3:#62635d;--red:#8a5129;--t-base:250ms;--ease:cubic-bezier(.2,.8,.2,1);--mono:var(--sans);position:relative;flex:1;min-height:0;padding:12px 30px 27px;gap:23px}.audio-phone-wrap{width:184px;height:336px;position:relative}.audio-demo .hp{transform:scale(.78);transform-origin:top left;box-sizing:border-box;line-height:1.4}.audio-demo .hf-call{font-family:var(--sans);gap:23px}.audio-demo .hf-call li{font-size:12px;line-height:1.5;align-items:start;gap:9px}.audio-demo .hf-call b{font-size:9px;margin-top:2px;flex-shrink:0}.audio-demo .hf-note{font-size:8px;bottom:0;left:30px;color:#65665d}.audio-demo .hf-src{padding:4px 7px;gap:4px}.audio-demo .hf-set{font-size:9px}.audio-demo .hp-top{font-size:9px}.audio-demo .hp-grid{margin-top:10px}.audio-cover .cover-control{padding:10px 24px;min-height:50px}.demo-replay{font-size:9px;border:0;border-bottom:1px solid #bbbcb2;background:none;min-height:36px;padding:6px 0}.audio-demo.restarting *{animation:none!important}
.own-project .cc-cover{height:400px}.crossing-card{flex:0 0 43%;max-width:210px;min-width:130px;align-self:center;border:1px solid #b9cbb9;border-radius:16px;background:#f9faf4;padding:16px;text-align:center;box-shadow:0 14px 25px -20px #344c36}.crossing-top{display:grid;gap:2px;font-size:13px;letter-spacing:-.03em}.crossing-top>span{font-size:7px;color:#757e71;letter-spacing:0}.crossing-status{display:flex;justify-content:center;gap:6px;align-items:center;margin:16px 0 0;font-size:10px}.crossing-dot{width:6px;height:6px;border-radius:50%;background:#a57932}.crossing-card img{width:96px;height:96px;object-fit:contain;margin:5px auto}.crossing-card>p{font-size:10px;line-height:1.4;margin:8px 0}.crossing-card strong{display:block;font-size:26px;letter-spacing:-.04em;font-weight:500}.crossing-note{font-size:7px;line-height:1.6;color:#747b6c;display:block;margin-top:10px}.crossing-track{height:3px;background:#e5e8dc;overflow:hidden;border-radius:5px}.crossing-track i{display:block;width:60%;height:100%;background:#a57932}.cc-cover[data-state=open] .crossing-dot,.cc-cover[data-state=open] .crossing-track i{background:#548b58}.cc-cover[data-state=no-info] .crossing-dot{background:#8c879a}.cc-cover[data-state=no-info] .crossing-track i{width:25%;background:#8c879a}.cc-cover[data-state=closed] #crossclear-badger{animation:badger-wait 1.2s ease-in-out infinite alternate}.cc-cover[data-state=open] #crossclear-badger{animation:badger-walk .5s steps(2) infinite}.cc-cover[data-state=no-info] #crossclear-badger{animation:badger-hmm 1.6s ease-in-out infinite}.cc-cover .segments button{min-height:38px}
@keyframes badger-wait{to{transform:translateY(-4px) rotate(-3deg)}}@keyframes badger-walk{50%{transform:translateX(5px) rotate(2deg)}}@keyframes badger-hmm{35%{transform:rotate(-8deg)}70%{transform:rotate(6deg)}100%{transform:none}}
.swire-work{border-top:1px solid var(--rule);margin-top:46px;scroll-margin-top:26px}.swire-work .collection-heading>p{max-width:210px;text-align:right}.swire-stage{position:relative;height:510px;isolation:isolate;background:#efeeea;overflow:hidden;border:1px solid #e5e3dd}.swire-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.78}.map-top{position:absolute;z-index:2;top:22px;left:26px;right:26px;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#62685f;pointer-events:none}.map-launch{position:absolute;z-index:2;left:26px;bottom:26px;display:flex;flex-direction:column;align-items:start;gap:10px;background:#faf9f6e8;padding:20px 24px;border:1px solid #dfded6;backdrop-filter:blur(12px)}.map-launch>span{font-size:15px;letter-spacing:-.03em}.map-launch button{background:#343a31;color:#faf9f6;border:0;padding:12px 16px;font-size:11px;min-height:44px}.map-launch small{font-size:8px;color:var(--muted)}#swire-map{border:0;position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}#swire-map.interactive{pointer-events:auto}.map-toolbar{position:absolute;z-index:3;bottom:20px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#faf9f6ed;border:1px solid #dcded4;padding:9px 15px;border-radius:8px;backdrop-filter:blur(10px);font-size:10px}.map-toolbar button{border:0;background:#e7e8df;padding:8px 12px;border-radius:5px;font-size:10px;min-height:38px}.map-toolbar button[aria-pressed=true]{background:#343a31;color:white}.swire-below{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:30px 0 0}.swire-story h3{font-size:34px;letter-spacing:-.045em;line-height:1.1;font-weight:500;margin:0}.swire-story>p:not(.project-number){font-size:12px;color:var(--muted);max-width:410px;line-height:1.8;margin:15px 0}.residence-picker{display:grid;gap:0}.residence-picker>button{display:flex;align-items:center;gap:16px;padding:9px 12px;background:none;border:0;border-bottom:1px solid var(--rule);text-align:left}.residence-picker>button[aria-pressed=true]{background:#edeee6}.residence-picker img{height:49px;width:67px;object-fit:cover}.residence-picker>button>span:first-of-type{display:grid;gap:4px;flex:1}.residence-picker b{font-weight:500;font-size:13px}.residence-picker small{font-size:9px;color:var(--muted)}.residence-picker>button>span:last-child{font-size:14px;color:#6b7164}.all-residences{font-size:10px;min-height:44px;display:flex;align-items:center;justify-content:end;padding-top:7px}.case-study-entry{display:flex;justify-content:space-between;gap:20px;align-items:center;border:1px solid var(--rule);padding:20px;margin:25px 0;background:#f2f2eb}.case-study-entry span{font-size:12px;font-weight:500}.case-study-entry p{font-size:10px;color:var(--muted);max-width:340px;margin:6px 0 0}.case-study-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:12px 16px;background:#30372d;color:white;font-size:11px;white-space:nowrap}.dialog-media.swire{display:flex;gap:10px}.dialog-media.swire img{width:49%;height:180px;object-fit:contain;background:#eeede8}
/* Pause decorative loops outside the viewport, in hidden tabs, or on request. */
.animated-cover:not(.animation-visible) *,html.motion-paused .animated-cover *{animation-play-state:paused!important}
html[data-motion=off] .animated-cover *{animation:none!important;transition:none!important}.pc-cover[data-workflow-view=setup] .pc-type{will-change:clip-path}html[data-motion=off] .pc-type{clip-path:none}html[data-motion=off] .invite-before,html[data-motion=off] .leave-pending{opacity:0}html[data-motion=off] .invite-after,html[data-motion=off] .leave-approved,html[data-motion=off] .coverage{opacity:1}html[data-motion=off] .leave-day{background:#6867eb}html[data-motion=off] .hf-call li{opacity:1}html[data-motion=off] .rota-drag{transform:translate(190px,50px)}
@media(max-width:1100px){.audio-demo{gap:12px;padding-inline:20px}.audio-phone-wrap{width:160px;height:292px}.audio-demo .hp{transform:scale(.68)}.audio-demo .hf-call li{font-size:10px}.audio-demo .hf-call{gap:18px}.pc-scenes{padding-inline:17px}.pc-demo-heading{padding-inline:18px}.pc-scene{padding:13px}.leave-layout{gap:12px}.pc-caption{font-size:7px}.pc-fields>div{grid-template-columns:70px 1fr}.pc-type{font-size:9px}.swire-stage{height:460px}}
@media(max-width:760px){.client-grid{grid-template-columns:1fr}.pc-cover,.audio-cover{height:445px}.audio-demo{padding-inline:50px;gap:40px;grid-template-columns:1fr auto}.audio-phone-wrap{width:177px;height:323px}.audio-demo .hp{transform:scale(.75)}.audio-demo .hf-call li{font-size:12px}.pc-scenes{padding-inline:25px}.pc-scene{padding:13px 20px}.pc-type{font-size:11px}.pc-fields>div{grid-template-columns:110px 1fr}.leave-layout{gap:30px}.pc-caption{font-size:8px}.swire-below{gap:30px}.swire-story h3{font-size:28px}.swire-stage{height:400px}.work-nav{gap:20px}.name>img{width:35px;height:35px}.header .name{gap:9px}.name span{font-size:8px}.crossing-card{min-width:120px;padding:12px}.crossing-card img{width:80px;height:80px}.own-project .cc-caption>p{font-size:25px}.map-top{left:18px;right:18px;font-size:8px}.map-top>span:last-child{display:none}}
@media(max-width:540px){.header{flex-wrap:wrap;padding:14px 0 6px;gap:7px}.header nav{width:100%;justify-content:space-between;gap:12px}.header .name{font-size:19px}.name>img{width:37px;height:37px}.name span{max-width:none;font-size:8px;display:block;margin-left:0}.work-nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.work-nav a{min-height:40px;font-size:10px}.pc-cover,.audio-cover{height:445px}.pc-cover .cover-heading{padding:20px 18px 12px}.pc-cover .cover-heading img{width:133px}.pc-cover .cover-heading span{font-size:7px}.pc-demo-heading{padding-inline:18px}.pc-demo-heading h4{font-size:27px}.pc-demo-heading>p:last-child{font-size:9px}.pc-scenes{padding:16px 15px 0}.pc-scene{padding:13px}.pc-type{font-size:9px}.pc-fields>div{grid-template-columns:75px 1fr}.pc-app-top{font-size:8px}.pc-cover .cover-control{padding:12px 15px 16px}.pc-cover .segments button{min-height:44px;font-size:10px;padding-inline:13px}.pc-caption{font-size:7px}.leave-layout{gap:12px}.calendar-dates{gap:2px;font-size:9px}.leave-request>span:not(.leave-avatar){font-size:7px}.audio-demo{padding:16px 18px 26px;gap:13px}.audio-phone-wrap{width:153px;height:280px}.audio-demo .hp{transform:scale(.65)}.audio-demo .hf-call li{font-size:10px;gap:6px}.audio-demo .hf-call b{font-size:8px;padding-inline:5px}.audio-demo .hf-note{left:18px}.audio-cover .cover-heading{padding:20px 18px 8px}.audio-cover .cover-control{padding:10px 18px 14px;min-height:58px}.demo-replay{min-height:44px}.own-project .cc-cover{height:400px}.own-project .cc-caption>p{font-size:29px}.own-project .cc-body{padding-inline:18px;gap:15px}.crossing-card{flex-basis:48%;padding:12px;max-width:190px}.crossing-card img{width:90px;height:90px}.cc-caption>span{font-size:9px}.cc-cover .cover-control{flex-wrap:wrap;gap:0;padding:10px 14px}.cc-cover .segments button{min-height:44px}.swire-work{margin-top:35px}.swire-work .collection-heading>p{text-align:left;max-width:none}.swire-stage{height:380px}.map-launch{left:15px;right:15px;bottom:15px;padding:16px}.map-launch>span{font-size:13px}.map-launch button{font-size:10px}.map-toolbar{left:12px;right:12px;bottom:12px;padding:9px;gap:8px;flex-wrap:wrap}.map-toolbar button{font-size:9px;min-height:44px}.map-toolbar>span{font-size:9px}.swire-below{grid-template-columns:1fr;gap:24px;padding-top:23px}.swire-story h3{font-size:30px}.swire-story>p:not(.project-number){font-size:12px}.residence-picker>button{min-height:72px}.all-residences{font-size:10px}.case-study-entry{align-items:start;flex-direction:column;padding:17px;gap:15px}.case-study-link{font-size:11px}.dialog-media.swire img{height:120px}}
@media(max-width:360px){.audio-demo{padding-inline:12px;gap:8px}.audio-phone-wrap{width:139px;height:254px}.audio-demo .hp{transform:scale(.59)}.audio-demo .hf-call li{font-size:9px}.pc-cover .cover-heading img{width:120px}.pc-demo-heading h4{font-size:24px}.pc-type{font-size:8px}.pc-fields>div{grid-template-columns:62px 1fr}.own-project .cc-caption>p{font-size:25px}.own-project .cc-body{padding-inline:13px;gap:10px}}
[hidden]{display:none!important}