.project-card{display:block;color:inherit}.project-art{position:relative;height:460px;overflow:hidden;background:#ddd}.project-card-large .project-art{height:560px}.project-art>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.project-card:hover .project-art>img{transform:scale(1.035)}.project-image-fallback{display:grid;place-items:center;width:100%;height:100%;font-size:clamp(34px,5vw,72px);font-weight:800;letter-spacing:-.06em}.project-image-link{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#000;color:#fff;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s}.project-image-link svg{width:23px;height:23px}.project-card:hover .project-image-link,.project-card:focus-visible .project-image-link{opacity:1;transform:none}.project-meta{color:inherit}.project-meta h3{color:var(--ink)}.project-meta .eyebrow,.project-meta p{color:var(--muted)}.project-card:first-child .project-art>img,.project-card[href*=skylinq] .project-art>img{object-position:top center}.case-page{padding-top:55px;padding-bottom:130px}.case-back{margin-bottom:55px}.case-intro{max-width:1000px;padding-bottom:60px}.case-intro h1{font-size:clamp(64px,10vw,145px);line-height:.9;letter-spacing:-.075em;margin:26px 0}.case-intro p{max-width:710px;font-size:clamp(18px,2vw,24px);line-height:1.48;color:#514b4e}.case-image{margin:0;background:#ddd}.case-image img{display:block;width:100%;max-height:900px;object-fit:contain;object-position:top center}.case-image figcaption{padding:12px 16px;font-size:10px;text-transform:uppercase;letter-spacing:.13em;background:#000;color:#fff}.case-details{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:50px;padding:65px 0;border-bottom:1px solid var(--line)}.case-details p{font-size:16px;line-height:1.55;color:#514b4e}.case-details ul{list-style:none;padding:0;margin:15px 0}.case-details li{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.case-related{padding-top:100px}.case-related .section-head{margin-bottom:45px}.case-related .section-head h2{font-size:clamp(42px,6vw,76px);margin:17px 0 0}.case-related .project-art,.case-related .project-card-large .project-art{height:300px}.case-related .project-card-large{grid-column:auto}@media(max-width:700px){.project-art,.project-card-large .project-art{height:360px}.case-page{padding-top:34px;padding-bottom:90px}.case-back{margin-bottom:38px}.case-intro{padding-bottom:38px}.case-intro h1{font-size:clamp(58px,14vw,90px)}.case-intro p{font-size:17px}.case-details{grid-template-columns:1fr;gap:22px;padding:40px 0}.case-related{padding-top:65px}.case-related .project-art{height:270px}}@media(max-width:420px){.project-art,.project-card-large .project-art{height:290px}}.album-cover{border:0;box-shadow:0 8px 14px #0002}.album-cover-overlay,.album-cover-overlay *{color:#fff}.album-card:focus-visible{outline:0;filter:drop-shadow(0 22px 23px #0004)}.album-card.is-active{filter:drop-shadow(0 22px 23px #0004)}.album-card.is-active .album-cover{box-shadow:0 8px 14px #0002}.album-cover{position:relative;isolation:isolate}.album-cover img,.album-cover-design{position:absolute;inset:0;z-index:0}.album-cover-overlay{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:10px;padding:clamp(18px,3vw,28px);overflow:hidden;color:var(--cover-ink,#111);background:linear-gradient(90deg,var(--cover-wash) 0%,var(--cover-wash-soft) 42%,transparent 100%),linear-gradient(0deg,#0004 0%,transparent 56%);text-align:left}.album-cover-overlay .eyebrow{max-width:90%;font-size:9px;letter-spacing:.15em;line-height:1.35}.album-cover-overlay strong{display:block;max-width:88%;font-size:clamp(23px,3vw,36px);font-weight:800;line-height:.94;letter-spacing:-.055em;text-wrap:balance}.album-overlay-title{max-width:90%;font-size:10px;font-weight:700;letter-spacing:.035em;opacity:.78}.cover-yellow .album-cover-overlay{--cover-wash:rgba(255,219,1,.88);--cover-wash-soft:rgba(255,219,1,.46);--cover-ink:#111}.cover-blue .album-cover-overlay{--cover-wash:rgba(9,127,255,.84);--cover-wash-soft:rgba(9,127,255,.42);--cover-ink:#fff}.cover-orange .album-cover-overlay{--cover-wash:rgba(255,90,0,.86);--cover-wash-soft:rgba(255,90,0,.42);--cover-ink:#111}.cover-pink .album-cover-overlay{--cover-wash:rgba(230,0,128,.8);--cover-wash-soft:rgba(230,0,128,.4);--cover-ink:#111}.cover-purple .album-cover-overlay{--cover-wash:rgba(58,32,153,.88);--cover-wash-soft:rgba(58,32,153,.46);--cover-ink:#fff}.cover-black .album-cover-overlay{--cover-wash:rgba(0,0,0,.9);--cover-wash-soft:rgba(0,0,0,.5);--cover-ink:#fff}.album-card.is-active{filter:drop-shadow(0 20px 25px var(--album-tint,rgba(58,32,153,.24))) drop-shadow(0 8px 10px rgba(0,0,0,.22))}.album-card.is-active .album-cover{box-shadow:0 0 24px var(--album-tint,rgba(230,0,128,.16))}.project-art{padding:0}.project-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-card[href*=skylinq] .project-art>img{object-position:top center}.project-image-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:clamp(24px,5vw,64px);overflow:hidden;text-align:left}.project-image-fallback:before{position:absolute;content:"";width:55%;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;right:-14%;bottom:-30%;opacity:.55}.project-image-fallback .eyebrow,.project-image-fallback strong,.fallback-mark{position:relative;z-index:1}.project-image-fallback strong{max-width:680px;margin:auto 0;font-size:clamp(45px,9vw,112px);font-weight:800;line-height:.88;letter-spacing:-.07em}.fallback-mark{align-self:flex-end;font-size:clamp(30px,5vw,60px);font-weight:900;letter-spacing:-.1em}.project-art .project-image-link{z-index:2}.project-card:hover .project-image-link,.project-card:focus-visible .project-image-link{background:#ffdb01;color:#000}.work-filters{display:flex;flex-wrap:wrap;gap:8px;padding-top:32px}.work-filters button{border:1px solid #a99da3;border-radius:999px;padding:10px 16px;background:transparent;color:#292326;font-size:11px;font-weight:700;transition:background .2s,color .2s,border-color .2s}.work-filters button:hover,.work-filters button[aria-pressed=true]{background:#000;color:#fff;border-color:#000}.work-grid .project-card[hidden]{display:none}.work-grid .project-meta{padding-top:17px}.work-grid .project-meta h3{font-size:clamp(21px,2.2vw,29px)}.project-card{transition:opacity .25s ease}.project-card:focus-visible{outline:2px solid #3a2099;outline-offset:7px}.album-cover-design{background-image:linear-gradient(145deg,transparent 55%,#00000016)}.cover-black .album-cover-design{color:#fff}.album-card:not(.is-active) .album-cover{filter:saturate(.82)}.home-booth{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:clamp(28px,5vw,80px);align-items:center}.booth-intro h2{margin:22px 0;font-size:clamp(40px,5vw,72px);line-height:1;letter-spacing:-.05em}.booth-intro h2 em{color:var(--purple,#3a2099);font-style:normal}.booth-intro p{max-width:480px;line-height:1.65;margin-bottom:26px}.booth-viewer{position:relative;height:clamp(340px,38vw,540px);border:1px solid #bfb5bb;border-radius:18px;overflow:hidden;background:#e1dcde}.booth-poster{position:relative;width:100%;height:100%}.booth-poster[hidden]{display:none}.booth-poster img{width:100%;height:100%;object-fit:contain}.booth-poster>.button{position:absolute;left:50%;bottom:26px;transform:translate(-50%);white-space:nowrap}.booth-viewer model-viewer{width:100%;height:100%}.booth-ar{position:absolute;bottom:24px;left:50%;transform:translate(-50%);white-space:nowrap}.booth-status,.booth-hint{font-size:12px;line-height:1.6}.booth-status:empty{display:none}.booth-hint{opacity:.7;margin-top:14px}@media(max-width:760px){.home-booth{grid-template-columns:1fr}.booth-viewer{height:360px}.booth-intro p{max-width:none}}.hero-album .album-card:not(.is-active){filter:drop-shadow(0 10px 16px rgba(40,111,227,.18))}.hero-album .album-card:not(.is-active):hover{filter:drop-shadow(0 10px 16px rgba(40,111,227,.18)) brightness(1.08)}.hero-album .album-card.is-active{filter:drop-shadow(0 20px 25px rgba(40,111,227,.28)) drop-shadow(0 8px 10px rgba(0,0,0,.18))}.hero-album .album-card.is-active .album-cover{box-shadow:0 0 24px #286fe333}
