.luxury-grid{grid-template-columns:1fr 1fr;gap:90px 4vw}.portfolio-project{min-width:0}.portfolio-project.project-wide{grid-column:1/-1}.portfolio-cover{position:relative;height:clamp(420px,39vw,580px);overflow:clip;isolation:isolate;background:radial-gradient(ellipse at 55% 45%,#292929,#0d0d0d 65%);border:1px solid #ffffff16}.cover-meta{position:absolute;left:24px;right:24px;top:24px;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.07em;color:#aaa;z-index:2}.cover-meta>span:last-child{text-align:right}.cover-canvas{position:absolute;inset:85px 22px 75px;perspective:1600px}.cover-desktop{position:absolute;width:88%;top:4%;left:-2%;transform:translateY(var(--cover-y,0)) rotateY(-6deg) rotate(-3deg);transform-origin:0 50%;will-change:transform}.cover-phone{position:absolute;width:25%;right:-1%;bottom:0;transform:translateY(var(--phone-y,0)) rotate(5deg);will-change:transform}.portfolio-cover .phone{border-width:4px;border-radius:22px;border-color:#666 #303030 #222 #777;box-shadow:0 0 0 1px #aaa4,0 20px 40px #000a}.portfolio-cover .phone:after{height:7px;top:5px}.portfolio-cover .phone .live-chrome,.portfolio-cover .phone .live-progress{display:none}.portfolio-cover .live-chrome{font-size:6px;height:22px;padding-inline:8px;gap:8px}.portfolio-cover [data-live-title]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portfolio-cover .live-dots{width:25px;font-size:11px}.portfolio-cover [data-live-stage]{font-size:6px}.portfolio-hit{position:absolute;inset:0;z-index:10;display:flex;align-items:end;justify-content:end;padding:22px 70px 22px 24px}.portfolio-hit>span{display:flex;align-items:center;gap:15px;font-size:10px}.portfolio-hit svg{height:20px;width:20px;transition:transform .3s}.portfolio-hit:hover svg{transform:translate(3px,-3px)}.portfolio-pause{position:absolute;right:20px;bottom:17px;z-index:12;border:1px solid #ffffff40;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0008;color:#eee;font-size:12px}.portfolio-project .project-caption{align-items:start;padding-top:18px}.portfolio-project .project-caption h3{font-size:20px}.portfolio-project .project-caption p{font-size:11px}.portfolio-project .project-caption .text-link{font-size:10px;gap:10px;white-space:nowrap}.portfolio-project .project-caption .text-link svg{width:18px;height:18px}.portfolio-project .project-note{font-size:10px;max-width:none;color:#888}.cover-duo .cover-canvas{inset:75px 16% 70px}.cover-duo .cover-phone{width:44%;top:4%;bottom:auto}.cover-duo .cover-phone-a{left:0;right:auto;transform:translateY(var(--cover-y,0)) rotate(-9deg)}.cover-duo .cover-phone-b{left:auto;right:0;top:17%;transform:translateY(var(--phone-y,0)) rotate(9deg)}.project-wide .portfolio-cover{height:clamp(610px,60vw,820px)}.project-wide .cover-canvas{inset:100px 6% 85px}.project-wide .cover-duo .cover-canvas{inset:70px 23% 90px}.project-wide .cover-desktop{width:80%}.project-wide .cover-phone{width:21%}.project-wide .cover-duo .cover-phone{width:43%}.project-wide .portfolio-cover .phone{border-width:6px;border-radius:32px}.project-wide .portfolio-cover .phone:after{top:8px;height:10px}.cover-film{position:absolute;inset:0;opacity:.25;pointer-events:none}.cover-film video,.cover-film img{width:100%;height:100%;object-fit:cover}.project-wide .cover-meta{left:35px;right:35px;top:30px}.portfolio-cover:has(.portfolio-hit:focus-visible){outline:2px solid #ddd;outline-offset:4px}.is-paused .cover-desktop,.is-paused .cover-phone,.paused .cover-desktop,.paused .cover-phone{transform:none!important}
.home-aston-desktop{width:77%}.home-aston-phone{width:17%;right:13%;bottom:0;z-index:3}.home-aston-phone-two{position:absolute;width:17%;right:-1%;bottom:11%;transform:translateY(var(--home-phone-y,0px)) rotate(8deg);will-change:transform;z-index:4}.home-aston-phone-two .live-chrome{display:none}.home-aston-note{bottom:0}.home-aston-note>span{font-size:8px}.home-aston-canvas{inset:95px 5% 70px}.home-aston-scene .phone{border-color:#666 #333 #222 #777}.home-aston-scene.is-paused .home-aston-phone-two,.paused .home-aston-phone-two{transform:none!important}
@media(max-width:1000px){.luxury-grid{gap:65px 4vw}.portfolio-cover{height:400px}.cover-canvas{inset:85px 16px 75px}.cover-phone{width:30%}.cover-duo .cover-canvas{inset:75px 13% 70px}.project-wide .portfolio-cover{height:650px}.portfolio-project .project-caption h3{font-size:18px}.cover-meta{font-size:7px;left:18px;right:18px}.home-aston-phone,.home-aston-phone-two{width:19%}.home-aston-phone{right:13%;bottom:0}.home-aston-phone-two{right:-3%;bottom:14%}}
@media(max-width:650px){.luxury-grid{display:block}.portfolio-project{margin-top:55px}.portfolio-cover,.project-wide .portfolio-cover{height:440px}.cover-canvas,.project-wide .cover-canvas{inset:85px 17px 75px}.cover-desktop,.project-wide .cover-desktop{width:92%;left:-2%;top:2%;transform:translateY(var(--cover-y,0)) rotate(-3deg)}.cover-phone,.project-wide .cover-phone{width:34%;right:-2%;bottom:0}.cover-meta,.project-wide .cover-meta{top:22px;left:20px;right:20px;font-size:7px}.cover-meta>span:last-child{max-width:110px}.portfolio-cover .phone,.project-wide .portfolio-cover .phone{border-width:4px;border-radius:20px}.project-wide .portfolio-cover .phone:after{top:5px;height:7px}.cover-duo .cover-canvas,.project-wide .cover-duo .cover-canvas{inset:75px 10% 75px}.cover-duo .cover-phone,.project-wide .cover-duo .cover-phone{width:44%}.portfolio-hit{padding:22px 65px 22px 20px}.portfolio-hit>span{font-size:9px;gap:11px}.portfolio-pause{right:17px;bottom:17px}.portfolio-project .project-caption h3{font-size:18px}.portfolio-project .project-caption p{font-size:10px}.portfolio-project .project-note{font-size:9px}.portfolio-project .project-caption .text-link{font-size:9px;gap:7px}.home-aston-scene{height:570px}.home-aston-canvas{inset:85px 18px 75px}.home-aston-desktop{width:95%;left:-3px}.home-aston-phone,.home-aston-phone-two{width:28%;bottom:0;border-width:4px!important;border-radius:18px!important}.home-aston-phone{right:20%;transform:translateY(var(--home-phone-y,0)) rotate(-5deg)}.home-aston-phone-two{right:-2%;bottom:10%;transform:translateY(var(--home-phone-y,0)) rotate(7deg)}.home-aston-note{bottom:-25px;left:0}.home-aston-note>span{font-size:6px}}
@media(prefers-reduced-motion:reduce){.cover-desktop,.cover-phone,.home-aston-phone-two{transform:none!important}}