@view-transition { navigation: auto; }
::view-transition-old(root) { animation: product-out 180ms ease both; }
::view-transition-new(root) { animation: product-in 380ms ease both; }
@keyframes product-out { to { opacity: 0; } }
@keyframes product-in { from { opacity: 0; transform: translateY(8px); } }
.jet-landing main { animation: product-in 650ms cubic-bezier(.2,.7,.3,1) both; }
.works-page { background: #100e0d; }
.works-page .site-header { background: #100e0df5; }
.works-page .works-hero,.works-collection { background: #100e0d; color: #eee5d5; }
.works-collection { border-top: 1px solid #bea16c40; }
.works-device-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:38px; }
.works-device-heading h2 { font:500 clamp(36px,5vw,62px)/1.1 'Cormorant Garamond',Georgia,serif; margin:12px 0 0; }
.works-device-heading>p { max-width:280px; color:#b6a89b; font-size:13px; line-height:1.8; }
.works-subheading { color:#c4a66e; font:500 14px Inter,Arial,sans-serif; margin:32px 0 18px; }
.works-results { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:760px; }
.works-collection .reel { border:1px solid #b69b6840; background:#1a1613; }
.works-collection .reels:not(.works-results) { grid-template-columns:repeat(3,minmax(0,1fr)); }
.works-collection .reels-foot { color:#b6a89b; }
.works-jet { background:#191113; }
.works-jet-grid { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
.works-jet-video { margin:0; border:1px solid #b69b6840; border-radius:16px; padding:16px; background:#100e0d; }
.works-jet-video video { width:100%; max-height:630px; display:block; border-radius:8px; background:#0c0b0a; }
.works-jet-video figcaption { padding:18px 0 2px; font-size:12px; color:#c4a66e; }
.jet-result-photo { margin:0; overflow:hidden; border:1px solid #b69b6840; border-radius:16px; background:#181210; cursor:zoom-in; }
.jet-result-photo>img { width:100%; height:auto; max-height:570px; object-fit:cover; object-position:center; display:block; }
.jet-result-photo figcaption { padding:24px; color:#eee5d5; }
.jet-result-photo figcaption>span { display:block; color:#c4a66e; font:500 9px Inter,Arial,sans-serif; letter-spacing:.14em; }
.jet-result-photo b { display:block; font:500 30px/1.1 'Cormorant Garamond',Georgia,serif; margin:15px 0; }
.jet-result-photo p,.jet-result-photo small { font:400 12px/1.8 Inter,Arial,sans-serif; color:#b6a89b; }
@media(max-width:700px) { .works-device-heading { display:block; }.works-jet-grid { grid-template-columns:1fr; }.works-collection .reels:not(.works-results),.works-results { grid-template-columns:1fr 1fr; gap:12px; } }
@media(prefers-reduced-motion:reduce) { .jet-landing main,::view-transition-old(root),::view-transition-new(root) { animation:none; } }