.design-hero,.design-work,.design-scope{width:calc(100% - 80px);max-width:1320px;margin:0 auto}.design-hero{display:grid;grid-template-columns:1fr 1.08fr;gap:60px;align-items:center;padding:90px 0 65px}.design-intro h1{font-size:clamp(62px,7.4vw,108px);line-height:1.03;margin-top:22px}.design-intro>p{max-width:360px;font-size:18px;line-height:1.5;color:var(--gray);margin-bottom:32px}.design-intro .text-link{margin-right:25px}.behance-profile{display:inline-flex;align-items:center;gap:9px;font-size:12px;color:var(--gray);padding:12px 0}.behance-profile svg{width:14px;height:14px}.behance-profile:hover{color:var(--white)}
.design-featured{min-width:0}.design-screen{position:relative;aspect-ratio:1279/1001;background:#14131c;box-shadow:0 25px 100px #0007}.design-slide{position:absolute;inset:0;display:block;overflow:hidden;animation:designFade .55s cubic-bezier(.2,.7,.2,1)}.design-slide[hidden]{display:none}.design-slide img{display:block;width:100%;height:100%;object-fit:contain}.design-slide:after{content:'';position:absolute;inset:0;border:1px solid #ffffff18;pointer-events:none}.featured-open{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;gap:15px;padding:11px 15px;color:#fff;font-size:11px;background:#0a0a0ae0;border:1px solid #ffffff45;border-radius:30px;backdrop-filter:blur(8px)}.featured-open svg{width:16px;height:16px}.design-slide:hover .featured-open{background:var(--accent-solid);border-color:var(--accent)}.featured-selector{display:grid;grid-template-columns:repeat(3,1fr);margin-top:16px;border-bottom:1px solid var(--line);gap:12px}.featured-selector button{font-size:12px;color:var(--gray);padding:10px 0 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid transparent;text-align:left}.featured-selector button span{font-size:9px;color:#5c5c5c}.featured-selector button[aria-pressed=true]{color:var(--white);border-color:var(--accent)}.featured-selector button[aria-pressed=true] span{color:var(--accent)}
.design-scope{display:flex;align-items:center;justify-content:space-between;padding:15px 0 40px;color:#777673;font-size:9px;letter-spacing:.04em;gap:20px}.design-scope span:first-child{display:flex;align-items:center;gap:8px}.design-scope i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent-solid)}.design-scope span:last-child{color:var(--gray)}.design-work{padding:95px 0 90px;scroll-margin-top:66px}.design-filters{display:flex;align-items:center;gap:8px;margin-bottom:38px;padding-bottom:20px;border-bottom:1px solid var(--line)}.design-filters button{font-size:12px;color:var(--gray);border:1px solid #ffffff1a;border-radius:30px;padding:10px 17px;transition:background .2s,color .2s}.design-filters button:hover{border-color:#ffffff60}.design-filters button[aria-pressed=true]{background:var(--white);color:var(--black);border-color:var(--white)}.design-filters>span{margin-left:auto;color:var(--gray);font-size:10px;letter-spacing:.03em}
.design-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 32px}.design-card{min-width:0;transition:opacity .65s,transform .65s}.design-card[hidden]{display:none}.design-card.reveal-pending{opacity:0;transform:translateY(25px)}.design-cover{position:relative;display:block;aspect-ratio:1279/1001;background:#101013;overflow:hidden}.design-cover img{display:block;width:100%;height:100%;object-fit:contain}.design-cover:after{position:absolute;inset:0;content:'';border:1px solid #ffffff14;pointer-events:none}.case-index{position:absolute;top:14px;left:14px;background:#0a0a0ab0;color:#fff;border:1px solid #ffffff20;padding:5px 8px;font-size:10px;border-radius:2px}.case-open{display:flex;align-items:center;gap:18px;position:absolute;right:16px;bottom:16px;border-radius:25px;background:#0a0a0ae0;backdrop-filter:blur(8px);border:1px solid #ffffff30;color:#fff;padding:11px 15px;font-size:12px;transition:background .25s,transform .25s}.case-open svg{width:16px;height:16px}.design-cover:hover .case-open,.design-cover:focus-visible .case-open{background:var(--accent-solid);border-color:var(--accent);transform:translateY(-3px)}.design-card-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:21px 0 12px}.design-card-heading h3{font-size:30px;letter-spacing:-.055em}.design-card-heading>span{font-size:12px;color:var(--gray);text-align:right}.design-card>p{font-size:14px;color:var(--gray);line-height:1.5;max-width:480px;letter-spacing:-.02em}.design-card-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:13px;margin-top:21px;font-size:9px;color:#777;letter-spacing:.035em}.design-card-meta>a{display:flex;align-items:center;gap:7px}.design-card-meta svg{width:12px;height:12px}.design-card-meta>a:hover{color:var(--white)}.design-source{display:flex;justify-content:space-between;align-items:center;border-block:1px solid var(--line);padding:25px 0;margin-top:70px;color:var(--gray);font-size:13px}.design-source>a{display:flex;align-items:center;gap:20px;color:var(--white)}.design-source svg{color:var(--accent);width:17px;height:17px}
@keyframes designFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.design-hero{gap:30px}.design-intro h1{font-size:7.2vw}.design-intro>p{font-size:16px}.design-intro .eyebrow{font-size:9px}.featured-selector button{font-size:11px;gap:6px}.design-card-heading{display:block}.design-card-heading>span{display:block;text-align:left;margin-top:7px}}
@media(max-width:850px){.design-hero,.design-work,.design-scope{width:calc(100% - 56px)}.design-hero{grid-template-columns:1fr;gap:40px;padding-top:65px}.design-intro h1{font-size:clamp(60px,10vw,86px)}.design-intro>p{max-width:460px}.design-featured{width:100%;max-width:650px;margin:0 auto}.design-scope{font-size:8px}.design-scope>span:nth-child(3){display:none}.design-grid{gap:50px 25px}}
@media(max-width:600px){.design-hero,.design-work,.design-scope{width:calc(100% - 40px)}.design-hero{padding-top:53px;padding-bottom:35px;gap:32px}.design-intro h1{font-size:clamp(52px,12vw,72px);margin:18px 0 23px}.design-intro>p{font-size:15px;line-height:1.5;margin-bottom:22px}.design-intro .text-link{margin-right:20px}.behance-profile{font-size:11px}.featured-open{bottom:11px;right:11px;font-size:10px;padding:9px 12px}.featured-selector{margin-top:10px;gap:10px}.featured-selector button{font-size:11px;padding-bottom:13px;gap:6px}.design-scope{padding-bottom:29px;gap:12px}.design-scope>span:nth-child(4){display:none}.design-work{padding:55px 0 65px;scroll-margin-top:50px}.design-work .collection-heading h2{font-size:36px}.design-filters{flex-wrap:wrap;gap:7px;margin-bottom:28px;padding-bottom:15px}.design-filters button{font-size:11px;padding:9px 12px}.design-filters>span{width:100%;margin:6px 0 0}.design-grid{grid-template-columns:1fr;gap:42px}.design-card-heading{margin-top:18px;margin-bottom:10px}.design-card-heading h3{font-size:27px}.design-card-heading>span{font-size:11px}.design-card>p{font-size:13px}.case-open{bottom:12px;right:12px;font-size:11px;padding:9px 12px;gap:12px}.design-card-meta{margin-top:17px}.design-source{margin-top:40px;font-size:11px;gap:20px}.design-source>a{gap:10px}.page-ui-ux .service-enquiry h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.design-slide{animation:none}.design-card{transition:none}.design-card.reveal-pending{opacity:1;transform:none}}