/* Second edition: the work is the focal point. */
:root{--accent:#e6c18d;--accent-rgb:230,193,141;--line:#d6dfe51c}
body{background:#09141a}.environment-image{opacity:1;transform:none}#atmosphere{opacity:.52}.vignette{background:linear-gradient(#07101766,transparent 28%,transparent 74%,#06101770),radial-gradient(ellipse at center,transparent 38%,#02080c55)}.ambient-light{top:35%;height:60%;background:radial-gradient(ellipse,rgba(var(--accent-rgb),.14),transparent 66%)}
.site-header{height:80px;padding:0 3.5vw}.brand{font-size:23px;letter-spacing:-.9px;font-weight:450;gap:0}.brand b{color:inherit;font-weight:450}.brand-mark,.header-note{display:none}.site-header nav{font-size:12px;gap:30px;color:#c4cccf}.site-header nav button{border:0}.site-header nav button:hover{color:var(--accent)}
#main{height:calc(100dvh - 184px)}.collection-heading{display:none}.theatre{perspective:1300px}.showcase{--stage-width:min(58vw,calc((100dvh - 246px)*1.77778));left:calc(50% - var(--stage-width)/2);width:var(--stage-width);height:calc(var(--stage-width)*.5625 + 90px);top:calc(50% - var(--stage-width)*.28125 - 45px);translate:none;border-radius:18px;background:#0c1a22d9;border:1px solid #d0b48b99;box-shadow:0 25px 90px #0008,0 0 35px #e2bc6d0b;backdrop-filter:blur(22px)}.glass-edge{box-shadow:inset 0 1px 1px #fff9,inset 1px 0 1px #ffffff35,inset 0 -1px 1px #ffffff26;border:1px solid #fff2;background:none}.glass-edge:before{background:linear-gradient(124deg,#fff2,transparent 18%,transparent 84%,#e6c18d15);opacity:.45}.project-visual{inset:0 0 90px;background:#081216;border-radius:16px 16px 0 0}.project-visual>video,.project-visual>img{object-fit:contain;object-position:center;width:100%;height:100%}.media-shade{display:none}.showcase-topline{top:16px;right:16px;left:auto}.project-type{display:none}.media-controls{opacity:0;transition:opacity .25s}.showcase:hover .media-controls,.showcase:focus-within .media-controls{opacity:1}.media-controls button{background:#071218bb;border:1px solid #ffffff30;min-width:32px;min-height:32px}.project-caption{height:90px;bottom:0;left:0;right:0;padding:0 27px;gap:22px;align-items:center;background:linear-gradient(110deg,#f4dfb508,#b5d7e605);border-top:1px solid #d1e3e51e;flex-wrap:nowrap}.project-caption h2{font-size:clamp(22px,2.25vw,35px);font-weight:450;letter-spacing:-1px;margin:0;line-height:1.1;text-wrap:balance}.project-caption .eyebrow{display:none}.project-caption p{font-size:11px;color:#aabcc2;margin-top:8px;line-height:1.5;max-width:470px}.project-caption .primary-button{font-size:11px;min-height:41px;padding:0 20px;gap:20px;flex-shrink:0;background:#0b171d6b;border-color:#e6c18d80;box-shadow:none}.primary-button{box-shadow:none}.primary-button:hover{background:#e6c18d18;box-shadow:0 0 28px #d9a96718}.primary-button:active{transform:scale(.98)}
.wing{width:18%;height:88%;top:6%;gap:7px;pointer-events:none;transform-style:flat}.left-wing{left:2.3%;transform:rotateY(28deg)}.right-wing{right:2.3%;transform:rotateY(-28deg)}.wing-card{height:45%;max-height:280px;border-radius:11px;border:1px solid #b8cbd15a;box-shadow:inset 0 1px 1px #fff5,0 16px 40px #0005;filter:brightness(.83) saturate(.85);pointer-events:auto}.wing-card:first-child{transform:rotateZ(-6deg) translateX(3%)}.wing-card:last-child{transform:rotateZ(6deg) translateX(3%)}.right-wing .wing-card:first-child{transform:rotateZ(6deg) translateX(-3%)}.right-wing .wing-card:last-child{transform:rotateZ(-6deg) translateX(-3%)}.wing-card:hover,.wing-card:focus-visible{filter:brightness(1);transform:scale(1.035)!important;border-color:#e6c18d}.wing-card img{object-fit:cover}.wing-card:after{background:linear-gradient(transparent 55%,#071017d9)}.wing-label{left:16px;right:14px;bottom:14px}.wing-label small,.wing-label>span{display:none}.wing-label strong{font-size:13px;font-weight:450;line-height:1.4}.wing.single .wing-card{height:65%;max-height:360px;transform:none}.orbit-track{display:none}.stage-reflection{left:32%;width:36%;height:22%;top:87%;background:radial-gradient(ellipse at top,#deb57937,transparent 70%);filter:blur(20px)}
.project-nav{position:fixed;left:4%;right:4%;bottom:42px;height:42px;z-index:6;justify-content:space-between;pointer-events:none}.project-nav>div{display:none}.project-nav>.circle-button{pointer-events:auto;width:41px;height:41px;background:#09171d33;border-color:#cdd9dc66;font-size:19px}.site-footer{height:104px;padding:0 5vw;justify-content:flex-start}.categories{margin:0 auto;width:max-content;background:none;border-top:0;border-bottom:1px solid #dbe3e22b}.categories button{height:53px;padding:0 27px;font-size:13px;gap:0;color:#b8c4c8;font-weight:400}.nav-symbol,.category-count{display:none}.categories button[aria-current=true]{color:#e6c18d}.categories button[aria-current=true]:after{height:1px;left:22%;right:22%}.categories button[aria-current=true]:before{width:4px;height:4px;bottom:-2px}.footer-bottom{height:44px;justify-content:flex-end;font-size:9px}.footer-bottom>span{display:none}.footer-bottom button{font:10px Manrope;letter-spacing:0;opacity:.7}.footer-bottom button:hover{opacity:1}
.collection-portal{min-height:0;height:65%;padding:26px;pointer-events:auto;justify-content:center;gap:22px;background:#0a1a2290}.collection-portal strong{font-size:24px}.collection-portal .eyebrow,.portal-orbit{display:none}.collection-portal>span:last-child{font-size:12px}.transition-ghost{border-radius:14px;box-shadow:0 25px 70px #0008}.transition-ghost:after{box-shadow:inset 0 1px 1px #fff9;border:1px solid #e6c18d60}
/* Real application screens, presented at their native proportions. */
.project-visual .authentic-screen{width:100%;height:100%;object-fit:contain;background:#07191a}.project-visual .authentic-screen[data-app=concierge]{object-fit:contain;object-position:center}.project-visual .authentic-screen[data-app=mindy]{object-fit:contain;background:#e9edf1}.project-visual .authentic-screen[data-app=local]{background:#0a2427}.project-visual .authentic-screen[data-app=v3],.project-visual .authentic-screen[data-app=realtime]{background:#f7f6ee}
/* Case studies share the same media frame and navigation. */
.project-dialog{width:min(94vw,1520px);height:90dvh}.detail-shell{border:1px solid #c5d2d33d;border-radius:18px;background:linear-gradient(135deg,#172a33f7,#07171ef7);box-shadow:inset 0 1px 1px #ffffff50,0 25px 90px #0009}.detail-header{height:62px;padding:0 26px;border-color:#d7e5e818}.breadcrumb{font-size:12px}.detail-header .circle-button{border:0;font-size:26px}.case-layout{height:100%;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);min-height:0}.case-media-column{display:flex;flex-direction:column;min-width:0;min-height:0;background:#06111666;border-right:1px solid #c5d7db19}.case-media{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:24px}.case-media>video,.case-media>img{width:100%;max-height:100%;height:100%;object-fit:contain;border-radius:7px}.case-media>video{background:#040b10}.case-media-note{padding:0 25px 18px;font-size:10px;line-height:1.7;color:#89a2ad}.case-media-nav{display:flex;gap:8px;padding:0 24px 16px;flex-wrap:wrap}.case-media-nav button{font-size:10px;padding:7px 12px;border:1px solid #acc6d42e;border-radius:18px;color:#adbec5;transition:background .2s}.case-media-nav button[aria-pressed=true]{background:#cfdbc01a;border-color:#d7bb8280;color:#e9d3ad}.case-copy{min-height:0;display:flex;flex-direction:column;padding:32px 34px;gap:24px}.case-title h2{font-weight:450;font-size:clamp(25px,2.7vw,42px);line-height:1.12;letter-spacing:-1.3px;text-wrap:balance}.case-title>p{font-size:12px;line-height:1.6;color:#95aeb9;margin-top:12px}.case-tabs{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #c6dce126;flex-shrink:0}.case-tabs button{font-size:12px;padding:0 0 12px;color:#9cb1bb;border-bottom:1px solid transparent}.case-tabs button[aria-selected=true]{color:#e6c18d;border-color:#e6c18d}.case-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:18px}.case-text{min-height:0;flex:1;display:flex;flex-direction:column;gap:16px}.case-text h3{font-size:18px;font-weight:500;letter-spacing:-.3px;color:#e4eae8}.case-text p{font-size:13px;line-height:1.85;color:#b7c9d0;max-width:65ch;text-wrap:pretty}.case-text .feature-list{gap:14px}.case-text .feature-list li{font-size:12px;line-height:1.7}.case-text .feature-list li:before{content:'•';font-size:12px}.case-text .stack-tags{gap:7px;margin-top:auto}.case-text .stack-tags span{font:10px Plex;padding:7px 10px;background:#d2e2e708;border-color:#c9dde41a;border-radius:4px}.case-pager{display:flex;align-items:center;gap:13px;font:10px Plex;color:#809ca9;min-height:25px}.case-pager[hidden]{display:none}.case-pager button{font-size:17px;width:28px;height:28px;border:1px solid #acc6d42e;border-radius:50%}.case-pager button:disabled{opacity:.2}.case-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid #d1e3e51a;padding-top:19px;flex-shrink:0}.case-actions .primary-button{font-size:11px;min-height:40px;gap:14px;padding:0 17px}.case-actions .text-button{font-size:11px}.case-layout.cinema{grid-template-columns:1fr}.case-layout.cinema .case-copy{display:none}.case-layout.cinema .case-media-column{border:0}.case-layout.cinema .case-media{padding:15px}.case-layout.cinema .case-media-note{padding-bottom:12px}.case-back{font-size:11px;color:#e0bf8b;margin-right:auto}.play-surface,.observation-film{inset:62px 0 0}.info-dialog{border:1px solid #c3d5dc4d;border-radius:18px;background:#10222bed}.info-dialog h2{font-weight:450;letter-spacing:-1.2px}.studio-foot{line-height:1.8}.index-grid{gap:25px}.index-group h3{font-size:13px;color:#e6c18d}.index-group button{font-size:12px;line-height:1.5}.media-choice{display:none}
@media(min-width:1800px){.wing{width:17%;}.left-wing{left:3%}.right-wing{right:3%}.showcase{--stage-width:min(59vw,calc((100dvh - 270px)*1.77778))}.project-caption h2{font-size:35px}}
@media(max-width:1100px) and (min-width:801px){.case-copy{padding:24px;gap:18px}.case-text p{font-size:12px;line-height:1.75}.case-title h2{font-size:29px}.case-title>p{font-size:11px}.case-tabs button{font-size:11px}.case-text h3{font-size:17px}.case-actions{gap:12px}.case-actions .primary-button{font-size:10px;padding:0 13px}.case-actions .text-button{font-size:10px}.case-media{padding:17px}.project-caption{padding:0 22px}.project-caption h2{font-size:24px}.project-caption p{font-size:10px}.project-caption .primary-button{font-size:10px;padding:0 15px;gap:12px}.wing-label{left:10px;bottom:12px}.wing-label strong{font-size:11px}}
@media(max-width:800px){.site-header{height:72px;padding:0 5vw}.brand{font-size:20px}.brand b{display:inline;font-size:inherit;letter-spacing:inherit}.site-header nav{gap:20px;font-size:11px}.site-header nav #index-button{font-size:11px}.site-header nav #index-button span{font-size:12px}#main{height:calc(100dvh - 170px)}.site-footer{height:98px;padding:0 4vw}.showcase{--stage-width:90vw;left:5%;top:7%;translate:none;width:90%;height:calc(50.625vw + 108px);max-height:71%;border-radius:14px}.project-visual{inset:0 0 108px;border-radius:12px 12px 0 0}.project-caption{height:108px;padding:16px 19px;flex-wrap:wrap;gap:8px;align-content:center}.project-caption h2{font-size:26px;letter-spacing:-.9px}.project-caption p{font-size:10px;margin-top:6px;max-width:95%}.project-caption>div{width:100%}.project-caption .primary-button{position:absolute;right:18px;bottom:13px;font-size:9px;min-height:31px;padding:0 12px;gap:12px}.project-caption p{max-width:calc(100% - 115px)}.showcase-topline{top:11px;right:11px}.media-controls{opacity:1}.media-controls button{font-size:9px;min-width:28px;min-height:28px;padding:5px 8px}.wing{top:auto;bottom:6%;height:20%;width:43%;flex-direction:row;gap:8px;transform:none}.left-wing{left:5%}.right-wing{right:5%}.wing-card{width:calc(50% - 4px);height:100%;max-height:none;border-radius:7px}.wing-card:first-child,.wing-card:last-child,.right-wing .wing-card:first-child,.right-wing .wing-card:last-child{transform:none}.wing.single .wing-card{width:100%;height:100%;max-height:none}.wing-label{left:8px;bottom:8px;right:5px}.wing-label strong{font-size:9px}.wing-label small{display:none}.stage-reflection{top:66%;height:20%}.categories{width:100%}.categories button{height:48px;flex:1;justify-content:center;padding:0 10px;font-size:11px}.long-label{display:none}.short-label{display:inline}.project-nav{bottom:8px;left:5%;right:auto;width:84px;height:30px;gap:12px}.project-nav>.circle-button{height:28px;width:28px;font-size:15px;border-color:#c8dbe142}.footer-bottom{height:40px}.footer-bottom button{font-size:9px}.collection-portal{height:100%;width:100%;padding:14px;gap:10px}.collection-portal strong{font-size:15px}.collection-portal>span:last-child{font-size:9px}.project-dialog{width:96vw;height:96dvh}.detail-header{height:50px;padding:0 16px}.breadcrumb{font-size:10px;gap:8px}.case-layout{grid-template-columns:1fr;grid-template-rows:34% minmax(0,1fr)}.case-media-column{border:0;border-bottom:1px solid #c5d7db19}.case-media{padding:12px;min-height:0}.case-media-note{display:none}.case-media-nav{padding:0 12px 8px;gap:6px}.case-media-nav button{font-size:8px;padding:5px 9px}.case-copy{padding:18px 22px;gap:15px}.case-title h2{font-size:24px;letter-spacing:-.8px}.case-title>p{display:none}.case-tabs button{font-size:10px;padding-bottom:9px}.case-text{gap:12px}.case-text h3{font-size:16px}.case-text p{font-size:11px;line-height:1.75}.case-text .feature-list{gap:9px}.case-text .feature-list li{font-size:10px;line-height:1.7}.case-text .stack-tags span{font-size:8px;padding:5px 7px}.case-body{gap:10px}.case-pager{font-size:8px;gap:9px;min-height:22px}.case-pager button{height:23px;width:23px;font-size:14px}.case-actions{padding-top:12px;gap:12px}.case-actions .primary-button{min-height:33px;font-size:9px;padding:0 12px}.case-actions .text-button,.case-back{font-size:9px}.case-layout.cinema{grid-template-rows:1fr}.play-surface,.observation-film{inset:50px 0 0}.info-dialog{width:92vw;padding:34px 24px}.info-dialog h2{font-size:28px}.info-dialog p{font-size:12px}.index-group button{font-size:10px}.index-group h3{font-size:11px}.index-grid{gap:18px}}
@media(max-width:430px){.brand{font-size:18px}.site-header nav{gap:15px}.site-header nav #index-button{font-size:10px}.site-header nav #studio-button{display:none}.project-caption h2{font-size:24px}.project-caption p{font-size:9px}.categories button{font-size:10px;padding:0 8px}.project-caption .primary-button{font-size:8px}.case-copy{padding:16px 19px;gap:12px}.case-title h2{font-size:22px}}
@media(max-height:740px) and (max-width:800px){.showcase{top:3%;max-height:72%}.wing{bottom:4%;height:19%}.case-layout{grid-template-rows:29% minmax(0,1fr)}.case-text p{font-size:10.5px;line-height:1.7}.case-text{gap:10px}.case-title h2{font-size:21px}.case-copy{gap:12px}.case-text .stack-tags{display:none}}
@media(max-height:540px) and (min-width:600px){.site-header{height:48px}.brand{font-size:18px}#main{height:calc(100dvh - 118px)}.site-footer{height:70px}.categories button{height:40px;font-size:11px}.footer-bottom{height:26px}.showcase{--stage-width:min(58vw,calc((100dvh - 175px)*1.77778));left:calc(50% - var(--stage-width)/2);width:var(--stage-width);height:calc(var(--stage-width)*.5625 + 51px);top:calc(50% - var(--stage-width)*.28125 - 25.5px);translate:none;max-height:none}.project-visual{inset:0 0 51px}.project-caption{height:51px;padding:0 15px;flex-wrap:nowrap;gap:12px}.project-caption h2{font-size:18px;letter-spacing:-.5px}.project-caption p{display:none}.project-caption>div{width:auto}.project-caption .primary-button{position:static;min-height:29px;font-size:8px;padding:0 10px;gap:10px}.wing{top:4%;bottom:auto;height:92%;width:17%;flex-direction:column}.left-wing{left:3%;transform:rotateY(22deg)}.right-wing{right:3%;transform:rotateY(-22deg)}.wing-card{height:45%;width:100%}.wing.single .wing-card{height:75%}.project-nav{bottom:17px;left:4%;right:4%;width:auto}.project-nav>.circle-button{height:28px;width:28px}.footer-bottom button{font-size:8px}.case-layout{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.case-copy{padding:15px 22px;gap:12px}.case-title h2{font-size:22px}.case-title>p{display:none}.case-text p{font-size:10px;line-height:1.65}.case-text h3{font-size:14px}.case-text .stack-tags{display:none}.case-tabs button{font-size:10px;padding-bottom:8px}.case-text .feature-list{gap:7px}.case-text .feature-list li{font-size:9px}.case-actions{padding-top:9px}.case-actions .primary-button{min-height:30px;font-size:8px}.case-body{gap:5px}.case-text{gap:10px}.case-media{padding:12px}.case-pager{font-size:8px}.case-layout.cinema{grid-template-columns:1fr}.case-layout.cinema .case-media-note{display:none}}
.agent-crop{height:100%;aspect-ratio:355 / 680;position:relative;overflow:hidden;border-radius:14px;flex-shrink:0}.agent-crop img{position:absolute;width:405.6338%;height:161.765%;max-width:none;left:-301.9718%;top:-60%;object-fit:fill}.exhibit-back{font-size:11px;color:#e6c18d;white-space:nowrap}.exhibit-controls:has(.exhibit-back)>p{display:none}.exhibit-controls .exhibit-back{margin-right:auto}.case-media-nav[hidden]{display:none}.case-media .agent-crop{max-height:100%}
@media(max-width:800px){.exhibit-back{font-size:8px}.case-media .agent-crop{border-radius:7px}}
@media(max-height:540px) and (min-width:600px){.case-text h3{display:none}}

@media(max-width:800px){.site-header nav #studio-button{display:block}.site-header nav{gap:15px}.site-header{gap:12px}.site-header nav button{font-size:10px}.site-header nav #index-button{font-size:10px}}

/* Crescent and reflected-water identity, refined from Lee's reference. */
.brand{gap:12px}.brand-symbol{display:block;width:60px;height:60px;object-fit:contain;flex-shrink:0}.brand-wordmark{display:flex;gap:5px;align-items:baseline}.brand-wordmark b{font-weight:400}.brand:hover .brand-symbol{filter:drop-shadow(0 0 10px #d8eff532)}
@media(max-width:800px){.brand{gap:7px;font-size:18px}.brand-symbol{width:49px;height:49px}.brand-wordmark{display:flex;flex-direction:column;gap:4px;align-items:flex-start;line-height:1}.brand .brand-wordmark b{font-size:10px;letter-spacing:2.7px;text-transform:uppercase}.site-header nav{gap:13px}.site-header nav #index-button{font-size:9px}.site-header nav #studio-button{font-size:9px}}
@media(max-height:540px) and (min-width:600px){.brand-symbol{width:42px;height:42px}.brand-wordmark{flex-direction:row;gap:5px}.brand .brand-wordmark b{font-size:inherit;letter-spacing:inherit;text-transform:none}}
.brand-symbol{mix-blend-mode:screen}

.studio-logo{display:block;width:190px;height:190px;object-fit:contain;margin:-22px auto 12px}.brand-symbol{mix-blend-mode:normal}@media(max-width:800px){.studio-logo{width:130px;height:130px;margin:-20px auto 12px}}