.works-page{padding-block:160px}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;align-items:start;gap:24px;width:100%;max-width:1200px;margin-inline:auto;display:grid}.work-card-destination{border-radius:16px;flex-direction:column;min-width:0;display:flex}.work-card{flex-direction:column;min-width:0;display:flex}.work-cover{aspect-ratio:579/327;border-radius:16px;flex:none;width:100%;position:relative;overflow:hidden}.work-cover>img{object-fit:cover;object-position:center}.work-cover-overlay{opacity:0;pointer-events:none;background:#00000080;place-items:center;display:grid;position:absolute;inset:0}.work-card:is(:hover,:focus-within) .work-cover-overlay{opacity:1;pointer-events:auto}.work-read-cursor{width:max-content;transform:translate(var(--read-x,0px), var(--read-y,0px));transition:transform .12s ease-out}.work-read-cursor button:disabled{pointer-events:none}.work-description{flex-direction:column;gap:8px;width:100%;min-width:0;padding:16px;display:flex}.work-meta{flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;line-height:23px;display:flex}.work-type{background:var(--accent-soft);border-radius:4px;padding-inline:8px}.work-meta-dot{background:var(--text-primary);border-radius:50%;flex:none;width:4px;height:4px}.work-description h2{font-size:16px;font-weight:500;line-height:19px}.work-company{color:var(--text-tertiary);font-size:15px;line-height:23px}.work-title-default{display:none}.works-grid .work-card-destination{background:0 0;height:100%}.works-grid .work-cover{-webkit-user-select:none;user-select:none;border-radius:16px}.works-grid .work-cover>img{transition:filter .24s}.works-grid .work-description{background:0 0;flex:1;gap:8px;padding:12px 8px}.work-shipped{color:var(--text-secondary);align-items:center;gap:8px;padding-inline:8px;font-size:12px;line-height:18px;display:inline-flex}.work-shipped>span{background:#98d37a;border-radius:3px;flex:none;width:6px;height:6px}.work-title-group{flex-direction:column;gap:4px;display:flex}.works-grid .work-description h2{font-size:16px;font-weight:500;line-height:1.2}.works-grid .work-company{color:var(--text-secondary);line-height:1.5}.work-labels{gap:8px;padding-block:4px;font-size:12px;line-height:18px;display:flex}.work-labels>span{background:var(--surface-soft);border-radius:4px;padding-inline:8px}.work-year-compact,.work-status-space{display:none}.works-grid .work-cover-overlay{pointer-events:none;background:0 0;transition:opacity .24s;display:none}@media (min-width:1024px) and (hover:hover) and (pointer:fine){.works-grid .work-cover-overlay{display:grid}.works-grid .work-card:is(:hover,:focus-within) .work-read-cursor .pill-button{pointer-events:auto}.works-grid .work-card-destination:focus-visible .pill-button{--button-wave-size:300%;--button-wave-position:50% 50%;--button-arrow-shift:32px}.works-grid .work-card:is(:hover,:focus-within) .work-cover>img{filter:blur(3px)}.works-grid .work-card:is(:hover,:focus-within) .work-cover-overlay{opacity:1;pointer-events:none}}@media (max-width:1023px){.works-grid .work-description h2{font-size:16px}.work-year-desktop{display:none}.work-year-compact{display:inline}}@media (max-width:1280px){.work-status-space{flex:none;height:18px;display:block}.work-year-desktop{display:none}.work-year-compact{display:inline}}@media (prefers-reduced-motion:reduce){.works-grid .work-card-destination:is(:hover,:focus-visible),.works-grid .work-card-destination:is(:hover,:focus-visible) .work-cover>img{transform:none}.works-grid .work-card-destination,.works-grid .work-cover>img{transition:none}}.showcase-card,.showcase-layout{display:contents}.showcase-caption,.showcase-controls{display:none}.works-page:has(.works-showcase[data-enhanced]){padding:0}.works-showcase[data-enhanced]{width:100%;height:100dvh;min-height:calc((100vw - var(--page-padding) * 2) * var(--showcase-center-share) / var(--showcase-image-ratio) + 400px);isolation:isolate;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.works-showcase[data-enhanced] .showcase-layout{width:calc(100% - var(--page-padding) * 2);flex-direction:column;align-items:center;gap:32px;display:flex;position:relative}.works-showcase[data-enhanced] .showcase-ribbon{width:100%;max-width:none;height:auto;aspect-ratio:calc(var(--showcase-image-ratio) / var(--showcase-center-share));touch-action:pan-y;cursor:grab;margin:0;display:block;position:relative}.works-showcase[data-enhanced] .showcase-card{backface-visibility:hidden;will-change:transform, width, height;display:block;position:absolute;top:50%;left:50%}.works-showcase[data-enhanced] .work-card,.works-showcase[data-enhanced] .work-cover{height:100%}.works-showcase[data-enhanced] .work-cover{aspect-ratio:auto}.works-showcase[data-enhanced] .work-description{display:none}.works-showcase[data-enhanced] .pill-button{cursor:pointer}.works-showcase[data-enhanced] .work-cover>img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.works-showcase[data-dragging] .showcase-ribbon,.works-showcase[data-dragging] .pill-button{cursor:grabbing}.works-showcase[data-dragging] .work-cover-overlay{opacity:0}.works-showcase[data-enhanced] .showcase-caption{width:calc(100% * var(--showcase-center-share));text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex}.showcase-caption h2{font-size:16px;font-weight:500;line-height:1.2}.showcase-company{color:var(--text-tertiary);font-size:14px;line-height:22px}.showcase-caption .showcase-company{font-size:15px;line-height:23px}.works-showcase[data-enhanced] .showcase-controls{flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;top:calc(100% + 48px);left:50%;transform:translate(-50%)}.showcase-hint{color:var(--text-secondary);white-space:nowrap;font-size:13px;line-height:20px}.showcase-control-row,.showcase-dots{align-items:center;gap:8px;display:flex}.showcase-arrow{border:1px solid var(--surface-soft);background:var(--surface-white);width:40px;height:40px;color:var(--text-primary);cursor:pointer;border-radius:50%;flex:none;font-size:20px}.showcase-arrow:hover{color:var(--accent-base);border-color:var(--accent-base)}.showcase-dots{gap:0}.showcase-dots button{cursor:pointer;background:0 0;border:0;place-items:center;width:24px;height:40px;padding:0;display:grid}.showcase-dots span{background:var(--text-disabled,#d1d8e0);border-radius:50%;width:6px;height:6px}.showcase-dots [aria-current] span{background:var(--accent-base)}.showcase-dialog{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--text-primary);background:0 0;border:0;margin:0;padding:24px;position:fixed;inset:0;overflow:auto}.showcase-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#20252b99}.showcase-dialog-panel{background:var(--surface-main);border-radius:16px;width:min(1100px,100%);margin:auto;position:relative;overflow:hidden}.showcase-dialog-photo{width:100%;height:min(65dvh,650px);position:relative}.showcase-dialog-photo img,.showcase-dialog-flight img{object-fit:cover;object-position:center}.showcase-dialog-copy{flex-direction:column;gap:12px;padding:24px 32px;display:flex}.showcase-dialog-copy>p:first-child{color:var(--text-secondary);font-size:14px}.showcase-dialog-copy h2{max-width:28ch;font-size:clamp(20px,2.5vw,32px);font-weight:500;line-height:1.2}.showcase-close{z-index:2;padding:8px 16px;position:absolute;top:16px;right:16px}.showcase-close .button-content{gap:12px}.showcase-close .button-close-icon{font-size:24px;line-height:20px}.showcase-dialog-flight{pointer-events:none;position:fixed;overflow:hidden}@media (prefers-reduced-motion:reduce),(max-width:1023px){.work-read-cursor{transition:none;transform:none}.showcase-dialog-photo{aspect-ratio:579/327;height:auto}}@media (max-width:1280px){.work-title-xl{display:none}.work-title-default{display:inline}}@media (max-width:1023px){.works-grid{grid-template-rows:none;grid-template-columns:minmax(0,1fr);gap:32px;height:auto}}@media (max-width:767px){.works-grid .work-card-destination,.works-grid .work-cover{border-radius:12px}.works-page{padding-top:120px;padding-bottom:60px}.works-grid{gap:16px}.showcase-dialog{padding:16px}.showcase-dialog-copy{padding:20px}}