.collection-intro{position:relative;isolation:isolate;padding-top:32px;padding-bottom:74px;overflow:hidden}.collection-heading{position:relative;z-index:2;padding-top:65px;max-width:760px}.collection-heading h1,.landing-case h1{font-size:clamp(50px,6.5vw,86px);line-height:1.04;letter-spacing:-.06em}.collection-heading h1 span{color:var(--accent)}.collection-heading>p:last-child{max-width:570px;margin-top:28px;font-size:17px}.collection-glass{position:absolute;z-index:-1;right:-100px;top:0;width:480px;height:480px;object-fit:contain;opacity:.35;transform:rotate(25deg);mask-image:linear-gradient(90deg,transparent,#000 40%,#000 85%,transparent)}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:68px 34px;padding-bottom:100px}.work-card{min-width:0}.work-preview{display:block;position:relative;border:1px solid #dcc7f42b;border-radius:22px;padding:19px;background:linear-gradient(140deg,#ffffff0c,#ffffff02);box-shadow:inset 0 1px 0 #ffffff15;overflow:hidden;transition:border-color .3s,transform .3s}.work-preview:hover{border-color:#ceafff70;transform:translateY(-4px)}.work-preview img{width:100%;height:auto;border-radius:6px}.work-browser{display:flex;gap:5px;padding:0 0 14px 2px}.work-browser span{width:5px;height:5px;border-radius:50%;background:#a395ad66}.work-arrow{position:absolute;bottom:32px;right:32px;display:grid;place-items:center;width:42px;height:42px;background:#16101eda;border:1px solid #eadcff60;border-radius:50%;font-size:19px;color:var(--accent);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #ffffff24}.work-caption{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 4px 0}.work-caption .kicker{font-size:10px;letter-spacing:.1em;margin-bottom:10px}.work-caption h2{font-size:29px;letter-spacing:-.045em}.work-caption p:not(.kicker){font-size:13px;margin-top:9px}.work-open{white-space:nowrap;color:var(--accent);font-size:12px;padding-block:14px}.landing-case{padding-top:32px}.landing-case-intro{padding:65px 0 45px}.landing-case h1{color:var(--accent)}.landing-case-intro>p:not(.kicker){font-size:24px;margin:22px 0 30px}.landing-case-image{margin:0}.landing-case-image .zoom-image{padding:20px;background:linear-gradient(140deg,#ffffff0b,#ffffff02)}.landing-case-image figcaption{font-size:12px;line-height:1.6;color:var(--muted);padding:18px 0}.landing-case-notes{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:70px 0;border-bottom:1px solid var(--line)}.landing-case-notes h2{font-size:42px}.landing-case-notes p{font-size:15px;margin-bottom:22px}.work-pagination{justify-content:space-between;margin-top:30px;font-size:13px}.landing-case .case-cta h2{font-size:36px}
@media(max-width:1000px){.work-grid{gap:50px 24px}.work-caption{display:block}.work-open{display:inline-block;padding-bottom:0}.collection-glass{right:-170px;opacity:.25}}
@media(max-width:700px){.collection-intro{padding-top:20px;padding-bottom:42px}.collection-heading{padding-top:45px}.collection-heading h1{font-size:clamp(40px,10.5vw,58px)}.collection-heading>p:last-child{font-size:15px;margin-top:23px}.collection-glass{width:320px;height:320px;right:-110px;top:-20px;opacity:.2}.work-grid{grid-template-columns:1fr;gap:42px;padding-bottom:65px}.work-preview{padding:12px;border-radius:18px}.work-browser{padding-bottom:10px}.work-arrow{bottom:22px;right:22px;width:36px;height:36px}.work-caption{padding-top:20px}.work-caption h2{font-size:29px}.work-open{padding-top:10px}.landing-case{padding-top:20px}.landing-case-intro{padding:44px 0 30px}.landing-case h1{font-size:clamp(43px,11vw,65px);overflow-wrap:anywhere}.landing-case-intro>p:not(.kicker){font-size:20px;margin:18px 0 25px}.landing-case-image .zoom-image{padding:9px}.landing-case-image figcaption{font-size:11px}.landing-case-notes{display:block;padding:40px 0}.landing-case-notes h2{font-size:34px;margin-bottom:25px}.landing-case-notes p{font-size:14px}.work-pagination{font-size:12px}.landing-case .case-cta h2{font-size:30px}}
.collection-glass{width:290px;height:420px;right:16px;top:28px;transform:none;opacity:.3;mask-image:radial-gradient(ellipse,#000 53%,transparent 75%)}
@media(max-width:1000px){.collection-glass{width:220px;height:330px;right:12px;top:35px;opacity:.22}}
@media(max-width:700px){.collection-glass{width:165px;height:250px;right:5px;top:10px;opacity:.18}}