/* Hallmark · shared Midnight tokens · function collections + content gallery
 * pre-emit critique: P4 H4 E4 S4 R4 V4 */
/* sRGB 打底（Safari<15.4 / Chrome<111），@supports 内为 oklch 原值。改色请两处同步改。 */
:root{--collection-blue:#b1d3ec;--collection-moss:#adc6a8;--collection-clay:#e9b999;--collection-lilac:#d1c8e5;--collection-dark:#101a21;--collection-shade:rgba(2,4,5,.93);--collection-clear:rgba(2,4,5,0)}
@supports (color:oklch(0% 0 0)){:root{--collection-blue:oklch(85% .05 240);--collection-moss:oklch(80% .05 140);--collection-clay:oklch(82% .07 55);--collection-lilac:oklch(85% .04 300);--collection-dark:oklch(21% .02 240);--collection-shade:oklch(10% .01 240 / .93);--collection-clear:oklch(10% .01 240 / 0)}}
.feature-collections{padding-block:var(--space-4xl) var(--space-xl)}.collection-heading{margin-bottom:var(--space-2xl)}.collection-heading .section-note{max-width:23em;text-align:right;line-height:1.8}.feature-row{padding-block:var(--space-xl);border-top:1px solid var(--color-rule);min-width:0;scroll-margin-top:var(--space-xl)}.feature-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-lg)}.feature-title{display:flex;align-items:center;gap:var(--space-md);min-width:0}.feature-index{color:var(--color-soft);font-family:var(--font-display);font-size:var(--text-xs)}.feature-title h3{font-size:var(--text-lg);font-weight:600;white-space:nowrap;line-height:1.5}.feature-title h3 a{display:inline-flex;align-items:center;min-height:44px}.feature-title p{color:var(--color-muted);font-size:var(--text-sm);margin-left:var(--space-xs)}.row-actions{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.row-view{display:inline-flex;align-items:center;min-height:44px;margin-right:var(--space-sm);font-size:var(--text-sm);white-space:nowrap}.row-control{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--color-rule);background:var(--color-paper-2);border-radius:50%;line-height:1;font-size:20px}.row-control:disabled{opacity:.3}.result-track{display:flex;gap:var(--space-lg);overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 6px var(--space-md);margin-inline:-6px;scrollbar-width:thin;scrollbar-color:var(--color-rule) var(--color-paper);overscroll-behavior-x:contain}.result-track:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.result-card{display:block;min-width:0;text-align:left;background:var(--color-transparent);padding:0;border-radius:var(--radius-sm);scroll-snap-align:start;flex:0 0 clamp(250px,24vw,304px)}.result-cover{aspect-ratio:1.16;position:relative;overflow:clip;border-radius:var(--radius-sm);isolation:isolate;--cover-tone:var(--collection-blue);background:var(--cover-tone);color:var(--collection-dark)}.tone-writing{--cover-tone:var(--collection-moss)}.tone-remix{--cover-tone:var(--collection-clay)}.tone-commerce{--cover-tone:var(--collection-blue)}.tone-presenter{--cover-tone:var(--collection-lilac)}.tone-agents{--cover-tone:var(--color-accent)}.result-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;z-index:-2;transition:transform var(--dur-long) var(--ease-out)}.cover-category{position:absolute;left:var(--space-md);top:var(--space-md);font-family:var(--font-display);font-size:10px;letter-spacing:.13em;line-height:1.4;font-weight:600;z-index:1}.cover-copy{position:absolute;left:var(--space-lg);right:var(--space-lg);bottom:var(--space-lg);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.cover-copy small{font-family:var(--font-display);font-size:10px;letter-spacing:.1em;line-height:1.4}.cover-copy strong{font-family:var(--font-display);font-size:clamp(23px,2.15vw,30px);font-weight:650;letter-spacing:-.025em;line-height:1.45;max-width:8em;overflow-wrap:anywhere}.cover-mark{position:absolute;right:var(--space-md);top:var(--space-sm);font-size:22px;line-height:1.6}.cover-0{color:var(--color-on-photo)}.cover-0:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--collection-shade),var(--collection-clear) 36%,var(--collection-shade))}.cover-1>img{inset:auto 0 0 auto;width:53%;height:100%;object-position:48% center}.cover-1 .cover-copy{top:29%;bottom:auto;left:var(--space-md);right:55%}.cover-1 .cover-copy strong{font-size:25px;line-height:1.4}.cover-1 .cover-copy small{font-size:9px}.cover-1 .cover-category{max-width:43%;font-size:9px}.cover-1 .cover-mark{display:none}.cover-2{background:var(--color-paper-3);color:var(--color-ink)}.cover-2>img{inset:var(--space-md) var(--space-md) auto auto;width:44%;height:65%;object-position:center center;border-radius:1px}.cover-2 .cover-copy{left:var(--space-md);right:var(--space-md);bottom:var(--space-md)}.cover-2 .cover-copy strong{font-size:22px;max-width:9em}.cover-2 .cover-copy small{margin-bottom:var(--space-xs);max-width:5em;color:var(--color-muted)}.cover-2 .cover-category{max-width:35%;color:var(--color-muted);font-size:9px}.cover-2 .cover-mark{display:none}.cover-3:before,.cover-3:after{content:'';position:absolute;z-index:-1;width:80%;aspect-ratio:1;border:1px solid var(--collection-dark);border-radius:50%;opacity:.2;right:-22%;top:-30%}.cover-3:after{right:-8%;top:-24%;width:60%}.cover-3 .cover-copy{bottom:var(--space-xl)}.cover-3 .cover-copy strong{max-width:6em;font-size:33px}.cover-3 .cover-copy small{border-top:1px solid currentColor;padding-top:var(--space-sm)}.result-caption{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-sm);padding:var(--space-xs) 1px}.result-caption strong{font-size:var(--text-sm);font-weight:500;white-space:nowrap}.result-caption>span{color:var(--color-muted);font-size:var(--text-xs);white-space:nowrap}.result-card:active{opacity:.8}.gallery-main{padding-block:var(--space-xl) var(--space-3xl)}.gallery-intro{display:flex;align-items:end;justify-content:space-between;gap:var(--space-xl);padding-block:var(--space-lg) var(--space-2xl)}.gallery-eyebrow{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.17em;color:var(--color-accent);margin-bottom:var(--space-lg)}.gallery-intro h1{font-size:clamp(2rem,4vw,3.5rem);font-weight:700;line-height:1.35;letter-spacing:-.04em}.gallery-intro #gallery-description{margin-top:var(--space-lg);color:var(--color-muted);font-size:var(--text-sm);max-width:44em}.gallery-label{font-size:var(--text-xs);color:var(--color-soft);white-space:nowrap;margin-bottom:var(--space-2xs)}.category-nav{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding-block:var(--space-lg);border-block:1px solid var(--color-rule)}.category-link{display:inline-flex;justify-content:center;align-items:center;padding:var(--space-xs) var(--space-lg);min-height:44px;white-space:nowrap;border-radius:var(--radius-pill);color:var(--color-muted);font-size:var(--text-sm)}.category-link[aria-current=page]{background:var(--color-accent);color:var(--color-accent-ink);font-weight:500}.gallery-toolbar{display:flex;align-items:center;gap:var(--space-lg);padding-block:var(--space-xl)}.search-box{display:flex;align-items:center;gap:var(--space-sm);border:1px solid var(--color-field-rule);border-radius:var(--radius-sm);padding-inline:var(--space-md);width:min(360px,42%);height:46px;background:var(--color-paper-2);color:var(--color-muted)}.search-box:focus-within{outline:2px solid var(--color-focus);outline-offset:3px}.search-box svg{width:18px;height:18px}.search-box input{background:var(--color-transparent);border:0;color:var(--color-ink);width:100%;min-width:0;font-size:var(--text-sm);outline:none;padding:0;height:100%}.search-box input::placeholder{color:var(--color-muted)}.search-box input:focus-visible{outline:none}.kind-select{display:flex;align-items:center;gap:var(--space-sm);white-space:nowrap;font-size:var(--text-sm);color:var(--color-muted)}.kind-select select{font:inherit;background:var(--color-paper-2);color:var(--color-ink);border:1px solid var(--color-field-rule);border-radius:var(--radius-sm);height:46px;padding:var(--space-xs) var(--space-sm);max-width:180px}.kind-select select:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.result-count{font-size:var(--text-xs);color:var(--color-muted);margin-left:auto;white-space:nowrap}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-xl) var(--space-lg)}.gallery-disclaimer{font-size:var(--text-xs);color:var(--color-soft);margin-top:var(--space-2xl)}.empty-results{text-align:center;padding:var(--space-3xl) var(--space-lg)}.empty-results>span{font-size:48px;color:var(--color-accent)}.empty-results h2{font-size:var(--text-lg)}.empty-results p{margin-top:var(--space-sm);color:var(--color-muted)}.empty-results button{margin-top:var(--space-lg)}.category-notice{color:var(--color-muted);font-size:var(--text-sm);padding-bottom:var(--space-lg)}.work-dialog{width:min(960px,calc(100% - 40px))}.work-dialog[open]{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}.work-detail-cover{min-width:0;background:var(--color-paper);display:flex;align-items:center}.work-detail-cover .result-cover{width:100%;aspect-ratio:.75;border-radius:0}.work-detail-cover .cover-copy strong{font-size:36px}.work-detail-copy{padding:var(--space-3xl) var(--space-xl) var(--space-xl)}.work-detail-copy h2{margin-top:var(--space-sm);font-size:32px}.work-description{margin-block:var(--space-md) var(--space-lg);color:var(--color-muted);font-size:var(--text-sm);line-height:1.9}.work-detail-copy h3{font-size:var(--text-sm);font-weight:500}.work-outline{margin:var(--space-sm) 0 var(--space-xl);padding-left:1.25em;list-style:decimal;color:var(--color-muted);font-size:var(--text-sm);line-height:1.9}.work-outline li{padding-left:var(--space-xs);margin-bottom:var(--space-sm)}.work-detail-copy>small{display:block;margin-top:var(--space-md);color:var(--color-soft);font-size:var(--text-xs)}
@media(hover:hover) and (pointer:fine){.feature-title a:hover,.row-view:hover{color:var(--color-accent)}.row-control:hover:enabled{background:var(--color-accent);color:var(--color-accent-ink)}.result-card:hover .result-caption strong{color:var(--color-accent)}.result-card:hover img{transform:scale(1.025)}.category-link:hover:not([aria-current]){background:var(--color-paper-3);color:var(--color-ink)}}
@media(max-width:1120px){.feature-title p{display:none}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-link{padding-inline:var(--space-md)}}
@media(max-width:800px){.feature-collections{padding-top:var(--space-3xl)}.collection-heading{align-items:flex-start;flex-direction:column;gap:var(--space-sm)}.collection-heading .section-note{text-align:left;max-width:none}.feature-title h3{font-size:21px}.result-track{gap:var(--space-md)}.result-card{flex-basis:260px}.gallery-intro{align-items:flex-start;flex-direction:column;gap:var(--space-lg)}.gallery-label{display:none}.gallery-toolbar{flex-wrap:wrap;gap:var(--space-md)}.search-box{width:100%;max-width:none}.kind-select{flex:1}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl) var(--space-md)}.cover-copy strong{font-size:27px}.work-dialog[open]{grid-template-columns:minmax(0,1fr)}.work-detail-cover{height:280px;overflow:clip}.work-detail-cover .result-cover{height:100%;aspect-ratio:auto}.work-detail-cover .result-cover>img{object-position:center 35%}.work-detail-copy{padding:var(--space-xl)}.gallery-main{padding-top:var(--space-md)}}
@media(max-width:480px){.feature-collections{padding-top:var(--space-2xl)}.collection-heading h2{font-size:26px}.feature-heading{gap:var(--space-xs);flex-wrap:wrap;margin-bottom:var(--space-md)}.feature-title{gap:var(--space-xs)}.feature-title h3{font-size:20px}.feature-index{font-size:10px}.row-actions{gap:var(--space-xs)}.row-view{font-size:var(--text-xs);margin-right:0}.row-control{width:30px;height:30px;font-size:16px;position:relative}.row-control:after{content:'';position:absolute;inset:-7px}.result-card{flex-basis:246px}.feature-row{padding-block:var(--space-lg)}.gallery-intro{padding-top:var(--space-sm)}.gallery-intro h1{font-size:30px;max-width:10em}.category-nav{gap:var(--space-xs);padding-block:var(--space-md)}.category-link{padding-inline:var(--space-sm);min-height:42px;font-size:var(--text-xs)}.gallery-toolbar{padding-block:var(--space-lg)}.gallery-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.gallery-grid .result-cover{aspect-ratio:1.25}.gallery-grid .cover-copy strong{font-size:30px}.gallery-grid .cover-1 .cover-copy strong{font-size:27px}.kind-select{font-size:var(--text-xs);gap:var(--space-xs)}.kind-select select{max-width:126px;font-size:var(--text-xs);padding-inline:8px}.result-count{font-size:var(--text-xs)}.showcase-page .header-actions{gap:var(--space-sm)}.showcase-page .header-actions>.quiet-link{font-size:var(--text-xs)}.gallery-disclaimer{line-height:1.8}.work-dialog{width:calc(100% - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}.work-detail-copy{padding:var(--space-lg)}.work-detail-cover{height:245px}.work-detail-cover .cover-copy strong{font-size:30px}.work-detail-copy h2{font-size:28px}.work-detail-copy .button{min-height:48px;padding-inline:var(--space-md)}}
@media(prefers-reduced-motion:reduce){.result-track{scroll-behavior:auto}.result-card:hover img{transform:none}}
/* Keep narrow editorial covers readable even in horizontally scrolling rows. */
.cover-1{container-type:inline-size}.cover-1 .cover-copy{top:25%}.cover-1 .cover-copy strong{font-size:clamp(19px,8cqi,27px);line-height:1.35}.cover-1 .cover-copy small{overflow-wrap:anywhere}
@media(max-width:480px){.gallery-grid .cover-1 .cover-copy strong{font-size:clamp(21px,7.6cqi,27px)}}
@media(max-width:350px){.showcase-page .header-actions>.quiet-link{display:none}}
/* Looping result rows: native scrolling stays available while animation is paused. */
.collection-motion{display:flex;align-items:flex-end;flex-direction:column;gap:var(--space-sm)}.collection-playback{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:44px;padding:var(--space-xs) var(--space-md);border:1px solid var(--color-field-rule);border-radius:var(--radius-pill);background:var(--color-paper-2);color:var(--color-ink);font-size:var(--text-xs);white-space:nowrap}.collection-playback-icon{font-family:var(--font-display);width:14px;text-align:center}.collection-playback:active{transform:translateY(1px)}.collection-playback:disabled{opacity:1;color:var(--color-muted)}.result-track.is-looping{scroll-snap-type:none;scroll-behavior:auto;scrollbar-width:none}.result-track.is-looping::-webkit-scrollbar{display:none}.result-track.is-looping .result-card{scroll-snap-align:none}.result-track.is-reduced .row-clone{display:none}
@media(hover:hover) and (pointer:fine){.collection-playback:hover:enabled{background:var(--color-paper-3)}}
@media(max-width:800px){.collection-motion{align-items:flex-start;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-md)}.collection-heading .collection-motion .section-note{text-align:left}}
/* Feature selling points: outcome first, then input → AI work → output. */
.feature-heading{margin-bottom:var(--space-xl)}.feature-title h3{font-size:21px}.feature-explainer{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--space-3xl);align-items:start;margin-bottom:var(--space-xl)}.feature-promise{font-size:clamp(26px,2.75vw,38px);line-height:1.5;letter-spacing:-.045em;font-weight:650;max-width:15em}.feature-summary{font-size:var(--text-sm);color:var(--color-muted);line-height:1.95;max-width:42em;margin-top:var(--space-md)}.feature-highlights{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-lg);list-style:none;margin:var(--space-lg) 0 0;padding:0}.feature-highlights li{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--color-ink-2);line-height:1.8}.feature-highlights li:before{content:'✓';color:var(--color-accent)}.method-eyebrow{font-size:var(--text-xs);color:var(--color-soft);margin-bottom:var(--space-sm)}.method-tabs{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-bottom:var(--space-md)}.method-tab{background:var(--color-transparent);border:1px solid var(--color-rule);border-radius:var(--radius-pill);padding:var(--space-xs) var(--space-md);min-height:44px;font-size:var(--text-xs);white-space:nowrap;color:var(--color-muted);line-height:1.4}.method-tab[aria-selected=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink);font-weight:500}.method-tab:active{transform:translateY(1px)}.method-flow{padding:0;margin:0;border-left:2px solid var(--color-rule);padding-left:var(--space-md);display:grid;gap:var(--space-sm)}.method-flow-step{display:grid;grid-template-columns:58px minmax(0,1fr);gap:var(--space-sm);align-items:start;font-size:var(--text-xs);line-height:1.9}.method-flow dt{color:var(--color-soft);white-space:nowrap}.method-flow dd{margin:0;color:var(--color-ink-2)}.method-flow-step:last-child dt{color:var(--color-accent)}.method-single{display:none}.method-sequence{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md);list-style:none;margin:0 0 var(--space-lg);padding:0}.method-sequence li{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);border-top:1px solid var(--color-rule);padding-top:var(--space-xs)}.sequence-number{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-accent)}.method-sequence strong{font-size:var(--text-xs);font-weight:500;color:var(--color-ink-2);line-height:1.7}.result-purpose{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:var(--space-xs) 0 var(--space-sm);color:var(--color-ink-2);font-size:var(--text-xs);white-space:nowrap}.result-purpose>small{font-size:10px;color:var(--color-soft)}.gallery-explainer{padding-block:var(--space-xl);margin-bottom:0;border-bottom:1px solid var(--color-rule)}.gallery-explainer .feature-promise{font-size:clamp(24px,2.5vw,34px)}.feature-row{padding-block:var(--space-xl) var(--space-2xl)}
@media(hover:hover) and (pointer:fine){.method-tab:hover:not([aria-selected=true]){background:var(--color-paper-3);color:var(--color-ink)}}
@media(max-width:1120px){.feature-explainer{gap:var(--space-xl)}.method-tabs{gap:6px}.method-tab{padding-inline:12px}.method-sequence{gap:var(--space-xs)}}
@media(max-width:800px){.feature-explainer{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.feature-promise{max-width:22em;font-size:29px}.feature-summary{max-width:48em;margin-top:var(--space-sm)}.feature-highlights{margin-top:var(--space-sm)}.feature-heading{margin-bottom:var(--space-md)}.method-panel{min-height:105px}.method-flow{gap:var(--space-xs)}.method-sequence{max-width:600px}.method-flow-step{font-size:var(--text-sm)}.method-eyebrow{margin-bottom:var(--space-xs)}}
@media(max-width:480px){.feature-title h3{font-size:20px}.feature-promise{font-size:25px;max-width:13em}.feature-summary{font-size:var(--text-sm)}.feature-explainer{margin-bottom:var(--space-md)}.method-tab{padding-inline:12px;min-height:40px}.method-flow-step{grid-template-columns:54px minmax(0,1fr);gap:var(--space-xs);font-size:var(--text-xs)}.method-sequence{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.feature-highlights{column-gap:var(--space-sm)}.feature-row{padding-block:var(--space-lg) var(--space-xl)}.gallery-explainer .feature-promise{font-size:25px}}

.feature-promise{margin:0;font-family:var(--font-display)}.method-panel:focus-visible{outline:2px solid var(--color-focus);outline-offset:6px}
/* Hallmark · compact feature introductions · pre-emit critique: P4 H5 E4 S5 R5 V4 */
.feature-row .feature-heading{margin-bottom:var(--space-xs)}.feature-one-liner{margin:0 0 var(--space-lg);max-width:42em;min-width:0;font-family:var(--font-display);font-size:clamp(1.125rem,1.6vw,1.5rem);font-weight:500;line-height:1.7;color:var(--color-ink-2);overflow-wrap:anywhere}
@media(max-width:480px){.feature-one-liner{font-size:1rem;line-height:1.8;margin-bottom:var(--space-md)}}
/* Account-history works: preserve the full artwork without added cover copy. */
.result-cover.real-cover{aspect-ratio:3/4;background:var(--color-paper-2)}.real-cover>img{position:static;display:block;width:100%;height:100%;object-fit:contain;object-position:center;z-index:auto}.result-card:hover .real-cover>img{transform:none}.result-video-badge{position:absolute;right:var(--space-sm);bottom:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-pill);background:var(--color-photo-label);color:var(--color-on-photo);font-size:var(--text-xs)}.result-caption strong{white-space:normal;line-height:1.6}.is-real-work.work-dialog[open]{align-items:start}.is-real-work .work-detail-cover{align-items:flex-start;height:auto;max-height:none;overflow:visible}.work-album{width:100%;display:grid;gap:var(--space-sm)}.work-original{display:block;width:100%}.work-original img{display:block;width:100%;height:auto}.work-video{display:block;width:100%;max-height:75vh;max-height:75dvh;background:var(--color-paper)}.is-real-work .work-detail-copy{position:sticky;top:0}.gallery-grid .real-cover{aspect-ratio:3/4}
@media(max-width:800px){.is-real-work .work-detail-copy{position:static}.is-real-work .work-detail-cover{height:auto;max-height:none}.work-video{max-height:65vh;max-height:65dvh}}
.real-cover-landscape{position:relative}.real-cover-label,.real-cover-title{position:absolute;left:9%;right:9%;text-align:left}.real-cover-label{top:10%;font-size:var(--text-xs);color:var(--color-muted)}.real-cover-title{bottom:12%;font-size:var(--text-base);font-weight:500;color:var(--color-ink)}

/* Landscape works use a wide screening room, with supporting copy below. */
.work-dialog.is-landscape-video{width:min(720px,calc(100vw - 48px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px)}
.work-dialog.is-landscape-video[open]{display:flex;flex-direction:column}
.work-dialog.is-landscape-video .work-detail-cover{width:100%;height:auto;min-height:0;overflow:visible;display:block;flex:none}
.work-dialog.is-landscape-video .work-video{display:block;width:100%;height:auto;max-height:72vh;max-height:72dvh;object-fit:contain;background:var(--color-paper)}
.work-dialog.is-landscape-video .work-detail-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--space-xl);padding:var(--space-lg) var(--space-xl)}
.work-dialog.is-landscape-video .work-detail-copy h2{font-size:var(--text-lg);grid-column:1;margin-top:var(--space-xs)}
.work-dialog.is-landscape-video .work-description{grid-column:1;margin:var(--space-xs) 0 0}
.work-dialog.is-landscape-video .work-detail-copy>.button{grid-column:2;grid-row:1/4;align-self:center}
.work-dialog.is-landscape-video .work-detail-copy>small{grid-column:1/-1;margin-top:var(--space-xs)}
@media(max-width:600px){.work-dialog.is-landscape-video{width:calc(100vw - 20px)}.work-dialog.is-landscape-video .work-detail-copy{display:block;padding:var(--space-md)}.work-dialog.is-landscape-video .work-detail-copy>.button{margin-top:var(--space-md)}.work-dialog.is-landscape-video .work-video{max-height:62vh;max-height:62dvh}}