/* Proof-of-concept project archive. All new selectors use pw-* to avoid touching approved pages. */
.pw-page{background:var(--paper);color:var(--ink);font-family:var(--f-body,'Poppins',Arial,sans-serif);max-width:100%;overflow-x:clip}
.pw-page *, .pw-page *::before,.pw-page *::after{box-sizing:border-box}
.pw-page .bar{z-index:40;max-width:100vw}
.pw-page .bar .sec{white-space:nowrap}
/* Header controls retain the shared chameleon color and scroll treatment. */
.pw-page .pw-works,.pw-page .pw-detail{position:relative;min-width:0}
.pw-page .pw-kicker{display:inline-block;font:500 clamp(10px,.75vw,12px)/1.4 var(--f-body);letter-spacing:.15em;text-transform:uppercase}
.pw-page .pw-dot{color:var(--red)}
.pw-intro-screen{position:relative;height:100svh;min-height:540px;padding:0 var(--gut);overflow:hidden;display:flex;align-items:flex-end}
.pw-intro-inner{width:100%;position:relative;margin-bottom:clamp(55px,8vh,130px)}
.pw-overline{position:absolute;left:0;right:0;top:-8vh;display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(31,32,36,.28);padding-top:12px;font-size:clamp(9px,.8vw,12px);letter-spacing:.13em}



.pw-script{position:absolute;z-index:2;top:6%;left:55%;font:clamp(75px,12vw,210px)/.9 var(--f-script);color:var(--red);transform:translate(-50%,-12%) rotate(-9deg);white-space:nowrap;pointer-events:none}
.pw-display{font:400 clamp(85px,15.4vw,275px)/.89 var(--f-display);letter-spacing:-.025em;text-align:center;margin:0;text-transform:uppercase;white-space:nowrap}
.pw-display span{display:block}
.pw-below{margin-top:clamp(22px,4vw,55px);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:clamp(11px,1vw,15px);letter-spacing:.055em}
.pw-below span:first-child{max-width:400px}
.pw-below span:last-child{font-size:10px;letter-spacing:.15em;white-space:nowrap}
.pw-index{padding:clamp(85px,12vw,165px) var(--gut) clamp(110px,14vw,210px)}
.pw-index-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(200px,.65fr);gap:clamp(30px,8vw,100px);align-items:end;border-top:1px solid var(--ink);padding-top:22px}
.pw-huge{font:400 clamp(60px,10.5vw,165px)/.9 var(--f-display);text-transform:uppercase;letter-spacing:-.025em;margin:40px 0 0}
.pw-index-head p{max-width:470px;font-size:clamp(15px,1.55vw,23px);line-height:1.55;margin:0 0 3px;color:#4e4e50}
.pw-filters{display:flex;flex-wrap:wrap;align-items:center;gap:0 clamp(17px,2.7vw,48px);padding:clamp(75px,8vw,115px) 0 26px;border-bottom:1px solid var(--ink)}
.pw-filter{padding:13px 0 16px;background:none;border:0;border-bottom:3px solid transparent;cursor:pointer;color:#858589;text-transform:uppercase;font:500 clamp(11px,1.1vw,15px)/1.4 var(--f-body);letter-spacing:.055em;white-space:normal;text-align:left;transition:color .2s,border-color .2s}
.pw-filter:hover,.pw-filter[aria-pressed="true"]{color:var(--ink);border-color:var(--red)}
.pw-filter sup{font:400 10px/1 var(--f-body);margin-left:5px;vertical-align:super;color:var(--red)}
.pw-results{display:flex;justify-content:space-between;gap:20px;padding:16px 0 35px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#77777b}
.pw-results strong{color:var(--ink)}
.pw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(60px,8vw,150px) clamp(20px,4vw,70px);align-items:start} /* top-align cards so covers/titles line up across a row */
.pw-card{min-width:0;position:relative}
/* staggered offset removed — the archive grid is now flat and aligned */
.pw-card[hidden]{display:none!important}
.pw-card-link{display:block;overflow:hidden;text-decoration:none;color:inherit}
.pw-card-link:focus-visible,.pw-card-title:focus-visible,.pw-filter:focus-visible{outline:2px solid var(--red);outline-offset:5px}
.pw-visual{height:auto;aspect-ratio:1.27;min-width:0;display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;isolation:isolate;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.pw-card-link:hover .pw-visual{transform:scale(1.027)}




.pw-visual strong{font:400 clamp(65px,11vw,190px)/.95 var(--f-display);white-space:nowrap;letter-spacing:-.06em}

































.pw-card-meta{display:flex;justify-content:space-between;gap:15px;padding:21px 0 8px;border-bottom:1px solid rgba(31,32,36,.23);font-size:clamp(9px,.75vw,11px);color:#77777b;letter-spacing:.07em;text-transform:uppercase}
.pw-card-meta>span:last-child{white-space:nowrap}
.pw-card-title{display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--ink);text-decoration:none;font:400 clamp(31px,4vw,68px)/1.2 var(--f-display);text-transform:uppercase;padding-top:14px}
.pw-card-title>span:last-child{font:400 clamp(26px,3vw,44px)/1 Arial,sans-serif;transition:transform .25s;color:var(--red)}
.pw-card-title:hover>span:last-child{transform:translate(6px,-6px)}
.pw-archive-end{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:30px;margin-top:clamp(100px,15vw,250px);border-top:1px solid var(--ink);padding-top:24px}
.pw-archive-end>span{font-size:11px;letter-spacing:.15em;align-self:start}
.pw-archive-end h2{font:400 clamp(55px,8.3vw,135px)/.96 var(--f-display);margin:0;grid-row:2;grid-column:1/3}
.pw-archive-end a{justify-self:end;grid-column:2;grid-row:3;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding:12px 0;font:400 clamp(24px,3vw,50px)/1 var(--f-display)}
.pw-archive-end a span{color:var(--red)}
.pw-footer{padding:24px var(--gut) 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.pw-footer a{color:inherit;text-decoration:none;position:relative}
/* 44px invisible touch target, matching .foot a / .pk-cta / .lang button (a11y 2.5.x) */
.pw-footer a::before{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}
/* Shared example project detail pages */
.pw-detail{padding-top:clamp(90px,9vw,145px)}
.pw-detail-bar{display:flex;justify-content:space-between;gap:20px;margin:0 var(--gut);padding:15px 0;border-top:1px solid rgba(31,32,36,.3);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.pw-detail-bar a{color:inherit;text-decoration:none;position:relative}
.pw-detail-bar a::before{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}
.pw-case-cover{min-height:clamp(500px,83svh,930px);padding:35px var(--gut) 65px;display:flex;align-items:flex-end;position:relative;overflow:hidden}
.pw-case-cover-inner{width:100%;position:relative}
.pw-hero-meta,.pw-hero-foot{display:flex;justify-content:space-between;gap:20px;font-size:clamp(10px,.8vw,12px);letter-spacing:.1em;text-transform:uppercase}
.pw-case-script{font:clamp(70px,12vw,180px)/1 var(--f-script);color:var(--red);position:absolute;left:46%;top:20%;transform:translate(-50%,-60%) rotate(-9deg);pointer-events:none;white-space:nowrap}
.pw-case-title{font:400 clamp(112px,21vw,320px)/.85 var(--f-display);margin:10vh 0 35px;text-align:center;text-transform:uppercase;letter-spacing:-.025em;white-space:normal}
.pw-case-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8vw;padding:100px var(--gut);border-top:1px solid var(--line)}
.pw-case-copy h2,.pw-exit h2{font:400 clamp(75px,11vw,160px)/.9 var(--f-display);margin:40px 0 0}
.pw-case-copy p,.pw-exit p{font-size:clamp(15px,1.45vw,21px);line-height:1.75;max-width:600px;margin:0 0 20px}



















.pw-exit{padding:clamp(110px,15vw,230px) var(--gut);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10vw;align-items:end}
.pw-exit h2{margin-bottom:40px}
/* Russian headings are single long words; capped so the two columns stay equal. */
@media(min-width:761px){html[lang="ru"] .pw-exit h2{font-size:clamp(55px,7vw,101px)}}
.pw-actions{display:flex;flex-direction:column;align-items:stretch;gap:22px}
.pw-actions a{font:400 clamp(22px,3vw,47px)/1.15 var(--f-display);text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--ink);padding:20px 0;color:var(--ink)}





/* short shot template */
.pw-shot-head{padding:clamp(65px,9vw,140px) var(--gut) clamp(80px,10vw,160px);display:grid;grid-template-columns:1fr .62fr;gap:7vw;align-items:end}
.pw-shot-head h1{font:400 clamp(110px,16vw,285px)/.9 var(--f-display);margin:30px 0 0}
.pw-shot-head h1 span{color:var(--red)}
.pw-shot-head p{font-size:clamp(15px,1.5vw,22px);line-height:1.6;max-width:550px}



















/* breakpoints */
@media(max-width:900px){.pw-case-copy,.pw-exit{gap:5vw}.pw-intro-inner{margin-bottom:9vh}.pw-display{font-size:16vw}.pw-card-meta{flex-wrap:wrap}}
@media(max-width:760px){
 .pw-intro-screen{min-height:560px}.pw-intro-inner{margin-bottom:18vh}.pw-overline{top:-12vh;font-size:9px}.pw-script{font-size:clamp(69px,15vw,114px);left:51%;top:2%}.pw-display{font-size:clamp(78px,19vw,155px);line-height:.9}.pw-side-note{top:29%;font-size:8px}.pw-below{margin-top:35px;font-size:12px}.pw-below span:first-child{max-width:245px}
 .pw-index{padding-top:85px}.pw-index-head{grid-template-columns:1fr;gap:24px}.pw-huge{font-size:clamp(66px,13vw,115px);margin-top:25px}.pw-index-head p{font-size:15px;max-width:400px}
 .pw-filters{padding:60px 0 15px;gap:0 18px}.pw-filter{font-size:12px;max-width:100%;padding-bottom:13px}.pw-results{font-size:9px;flex-wrap:wrap}
 .pw-grid{grid-template-columns:1fr;gap:64px}.pw-visual strong{font-size:clamp(90px,27vw,185px)}.pw-browser-in strong{font-size:clamp(65px,18vw,140px)}.pw-monogram{font-size:clamp(180px,55vw,270px)!important}.pw-logo-b .pw-monogram{font-size:clamp(190px,52vw,280px)!important}.pw-print-a strong{font-size:clamp(105px,36vw,180px)}.pw-print-b strong{font-size:clamp(68px,17vw,145px)}.pw-invite-sheet em{font-size:clamp(42px,12vw,80px)}
 .pw-card-title{font-size:clamp(36px,10vw,68px)}.pw-card-meta{font-size:10px}.pw-archive-end h2{font-size:clamp(75px,14vw,110px)}.pw-archive-end a{font-size:27px}
 .pw-detail{padding-top:100px}.pw-detail-bar{font-size:9px}.pw-case-cover{min-height:580px;padding-bottom:80px}.pw-case-script{font-size:clamp(80px,15vw,115px);top:17%}.pw-case-title{font-size:clamp(110px,23vw,190px);margin-top:16vh}.pw-case-copy,.pw-exit,.pw-shot-head,.pw-shot-bottom{grid-template-columns:1fr}.pw-case-copy{padding:75px var(--gut)}.pw-case-copy h2,.pw-exit h2,.pw-shot-bottom h2{font-size:clamp(85px,18vw,150px)}.pw-case-copy p{font-size:15px}.pw-case-copy .pw-terms{flex-wrap:wrap;margin-top:35px}.pw-feature-frame{padding:26px var(--gut) 35px}.pw-feature-art{aspect-ratio:1.05}.pw-feature-window{width:88%;aspect-ratio:.95}.pw-feature-body strong{font-size:clamp(100px,26vw,200px)}.pw-duo{grid-template-columns:1fr}.pw-duo-type{min-height:480px;padding:65px var(--gut)}.pw-duo-type h2{font-size:95px}.pw-duo-poster{min-height:470px}.pw-duo-poster strong{font-size:260px}.pw-exit{padding:95px var(--gut)}.pw-project-next a{font-size:clamp(55px,13vw,100px)}
 .pw-shot-head{gap:25px;padding-top:70px}.pw-shot-head h1{font-size:clamp(120px,22vw,185px)}.pw-shot-spec{margin-top:25px}.pw-shot-art{min-height:480px}.pw-shot-art strong{font-size:clamp(195px,50vw,390px)}.pw-shot-descript{grid-template-columns:1fr;gap:25px}.pw-shot-descript p{font-size:26px}.pw-shot-pair{grid-template-columns:1fr}.pw-shot-tile{min-height:400px}.pw-shot-tile strong{font-size:210px}.pw-card-sheet strong{font-size:170px}.pw-shot-bottom{padding:90px var(--gut)}.pw-shot-bottom p{margin:0 0 25px}
}
@media(max-width:390px){.pw-intro-screen{min-height:520px}.pw-intro-inner{margin-bottom:20vh}.pw-display{font-size:18.8vw}.pw-script{font-size:68px}.pw-below{gap:12px}.pw-below span:first-child{max-width:210px}.pw-visual .pw-browser-in strong{font-size:19vw}.pw-archive-end h2{font-size:19vw}.pw-case-title{font-size:22vw}.pw-shot-head h1{font-size:23vw}}
@media(prefers-reduced-motion:reduce){.pw-page *, .pw-page *::before,.pw-page *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Preserve intended hard breaks in the sample project titles. */
.pw-case-title,.pw-shot-head h1{white-space:pre-line}
/* Visual QA adjustments: comfortable hierarchy even if webfonts are unavailable. */

.pw-overline{top:-16vh}
.pw-display{font-family:"Anton","Oswald","DejaVu Sans Condensed","Arial Narrow",sans-serif;font-weight:800;font-size:clamp(69px,15vw,225px)}
.pw-script,.pw-case-script{font-family:"Pinyon Script","Z003","URW Chancery L",cursive}
.pw-script{top:-10%;font-size:clamp(70px,10vw,170px);transform:translate(-50%,-72%) rotate(-9deg)}
.pw-below span:first-child{max-width:460px;flex:0 1 70%;white-space:normal;overflow-wrap:break-word;line-height:1.5}
.pw-below span:last-child{flex:none}
.pw-huge,.pw-card-title,.pw-case-title,.pw-case-copy h2,.pw-exit h2,.pw-shot-head h1,.pw-archive-end h2,.pw-actions a{font-family:"Anton","Oswald","DejaVu Sans Condensed",sans-serif;font-weight:800}
.pw-case-script{left:50%;font-size:clamp(67px,9vw,140px);top:4%;transform:translate(-50%,-60%) rotate(-9deg)}
.pw-case-title{font-size:clamp(95px,19vw,275px);line-height:.95}
@media(max-width:760px){.pw-overline{top:-18vh}.pw-side-note{top:12%}.pw-script{font-size:clamp(65px,11.5vw,98px);top:-13%}.pw-display{font-size:clamp(62px,17vw,115px)}.pw-case-script{font-size:clamp(55px,13vw,95px);top:6%}.pw-case-title{font-size:clamp(83px,20vw,145px)}.pw-below span:first-child{max-width:66%;font-size:11px}}
@media(max-width:390px){.pw-display{font-size:16.5vw}.pw-case-title{font-size:19.6vw}.pw-script{font-size:clamp(60px,15vw,72px)}}
/* Keep decorative script in the flow: never cross the chapter metadata. */
.pw-case-script{position:relative;left:auto;top:auto;display:block;text-align:center;font-size:clamp(62px,8vw,125px);line-height:1;transform:rotate(-8deg);margin:clamp(25px,5vw,70px) 0 -10px}
.pw-case-title{margin:clamp(20px,5vh,65px) 0 35px}
@media(max-width:760px){.pw-case-script{font-size:clamp(57px,12vw,82px);margin:35px 0 -5px}.pw-case-title{margin:35px 0 30px}}
/* Inset the chapter rule so it never crosses the vertical margin lettering. */
.pw-overline{left:clamp(20px,2.5vw,42px);right:clamp(20px,2.5vw,42px)}

/* Unified first-screen proportions and typography, without touching the homepage. */
.pw-intro-screen{height:auto;min-height:100svh;padding-top:clamp(110px,12vh,170px)}
.pw-detail{padding-top:0}
.pw-detail-bar{position:absolute;z-index:2;top:clamp(100px,9vw,155px);left:0;right:0}
.pw-case-cover{min-height:100svh;padding-top:clamp(170px,20vh,260px)}
.pw-shot-head{min-height:100svh;padding-top:clamp(190px,22vh,310px)}
@media(max-width:760px){
  .pw-intro-screen{height:auto;min-height:100svh;padding-top:110px}
  .pw-detail-bar{top:110px}
  .pw-case-cover{min-height:100svh;padding-top:175px}
  .pw-shot-head{min-height:100svh;padding-top:180px}
}
@media(max-height:600px){
  .pw-intro-screen,.pw-case-cover,.pw-shot-head{height:auto;min-height:100svh}
}
/* True focus indication independent from hover-only effects. */
.pw-filter:focus-visible,.pw-card-link:focus-visible,.pw-card-title:focus-visible,.pw-detail-bar a:focus-visible{outline:2px solid var(--red);outline-offset:5px}
/* Keep metadata comfortably legible at phone sizes. */
@media(max-width:760px){.pw-card-meta,.pw-results,.pw-hero-meta,.pw-hero-foot{font-size:max(10px,var(--micro))}}

/* Reading contrast: metadata and filters on the project pages, not on approved homepage. */
.pw-page{--mute:#626269} /* case/archive pages use a darker muted grey (5.26:1) than the home pages */
.pw-page .pw-filter{color:var(--mute)}
.pw-page .pw-card-meta,.pw-page .pw-results{color:var(--mute)}
/* The same staggered entrance / mouse-letter response as the approved hero. */
.pw-page .pw-display .ch,.pw-page .pw-case-title .ch,.pw-page .pw-shot-head h1 .ch{
  display:inline-block;white-space:pre;transition:color .25s ease;will-change:transform;
}
.pw-page .pw-display .ch:hover,.pw-page .pw-case-title .ch:hover,.pw-page .pw-shot-head h1 .ch:hover{color:var(--red)}
.intro .pw-page .pw-display .ch,.intro .pw-page .pw-case-title .ch,.intro .pw-page .pw-shot-head h1 .ch{
  animation:rise 1.25s var(--ease) both;animation-delay:calc(.15s + var(--i) * .06s);
}
.intro .pw-page .pw-script,.intro .pw-page .pw-case-script{
  animation:fadeUp 1.2s var(--ease-out) .55s both;
}
@media(prefers-reduced-motion:reduce){
  .intro .pw-page .pw-display .ch,.intro .pw-page .pw-case-title .ch,.intro .pw-page .pw-shot-head h1 .ch,
  .intro .pw-page .pw-script,.intro .pw-page .pw-case-script{animation:none!important}
}

/* Real DiVARAS review card; does not change the approved homepage. */



@media(max-width:760px){.dv-archive-card strong{font-size:clamp(50px,14vw,100px)}.dv-archive-card .dv-archive-top,.dv-archive-card .dv-archive-bottom{font-size:9px}}

/* Intentionally empty archive. No dummy work tiles, placeholders or fake screenshots. */
.pw-grid:has(.pw-empty:not([hidden])){grid-template-columns:minmax(0,1fr)}
.pw-empty{width:100%;min-height:150px;padding:36px 0 52px;display:flex;align-items:center;border-bottom:1px solid var(--ink)}
.pw-empty>p{max-width:600px;font-size:clamp(14px,1.4vw,19px);line-height:1.55;color:var(--mute);margin:0}

/* v2: remove decorative horizontal line directly under the language controls on the Selected Works hero. */
.pw-listing .pw-intro-screen .pw-overline{border-top:0}

.pw-card[hidden],.pw-empty[hidden]{display:none!important}
.pw-cheers-cover{background:#eef0e6}
.pw-cheers-cover img{display:block;width:100%;height:100%;object-fit:contain}
.pw-card-meta>span:last-child{white-space:normal;overflow-wrap:break-word}
.pw-card-description{font-size:clamp(13px,1vw,16px);line-height:1.7;max-width:540px;margin:18px 0 0}
.pw-card-link:focus-visible{outline:2px solid var(--red);outline-offset:8px}
.pw-empty{display:block}
.pw-empty .pw-empty-kicker{font-size:11px;letter-spacing:.14em;margin-bottom:18px}
.pw-empty-title{font:800 clamp(28px,5vw,62px)/1.1 var(--f-display);margin:0 0 20px}

.dv-proposal-cover img{display:block;width:100%;height:100%;object-fit:cover}
.dv-proposal-cover .dv-card-logo{position:absolute;top:6%;right:5%;width:clamp(96px,19%,200px);padding:8px 11px;background:rgba(238,234,225,.87);box-shadow:0 2px 15px #20201e12}
.dv-proposal-cover .dv-card-logo img{width:100%;height:auto;object-fit:contain}

/* Mobile captions keep their own lines instead of competing for one row. */
@media(max-width:760px){
 .pw-page .pw-kicker{font-size:11px;line-height:1.55;letter-spacing:.09em}
 .pw-overline{flex-direction:column;align-items:flex-start;gap:5px;font-size:11px;line-height:1.45;letter-spacing:.06em}
 .pw-below{align-items:flex-start;gap:12px;line-height:1.5}
 .pw-below span:last-child{max-width:42%;white-space:normal;text-align:right;line-height:1.5;letter-spacing:.06em}
 .pw-card-meta{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;font-size:11px!important;line-height:1.5;letter-spacing:.035em}
 .pw-card-meta>span{min-width:0;overflow-wrap:anywhere}
 .pw-results{gap:5px 18px;font-size:11px!important;line-height:1.5;letter-spacing:.05em}
 .pw-detail-bar{flex-wrap:wrap;gap:6px 16px;font-size:11px;line-height:1.5;letter-spacing:.06em}
 .pw-hero-meta,.pw-hero-foot{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;font-size:11px!important;line-height:1.5;letter-spacing:.05em}
 .pw-hero-meta>*,.pw-hero-foot>*{min-width:0;overflow-wrap:anywhere}
 .pw-footer{flex-direction:column;align-items:flex-start;gap:8px;font-size:11px;line-height:1.5;letter-spacing:.06em}
 .dv-archive-card .dv-archive-top,.dv-archive-card .dv-archive-bottom{flex-wrap:wrap;font-size:11px;line-height:1.5;letter-spacing:.05em}
 .pw-filter{font-size:12px;line-height:1.5;letter-spacing:.02em}
}
@media(max-width:360px){.pw-below{flex-direction:column}.pw-below span:first-child,.pw-below span:last-child{max-width:100%;text-align:left}.pw-detail-bar{top:105px}.pw-case-cover{padding-top:195px}}
@media(hover:none){.pw-page .pw-display .ch:hover,.pw-page .pw-case-title .ch:hover{color:inherit}}

/* Section text enters once; mobile travel and duration stay gentle. */
.pw-page.pw-motion-ready [data-case-reveal]{opacity:0;transform:translate3d(0,18px,0);transition:opacity .65s ease,transform .75s cubic-bezier(.16,1,.3,1)}
.pw-page.pw-motion-ready [data-case-reveal].is-visible{opacity:1;transform:none}
@media(max-width:760px){
 .pw-page.pw-motion-ready [data-case-reveal]{transform:translate3d(0,10px,0);transition-duration:.46s,.54s}
 .intro .pw-page .pw-display .ch,.intro .pw-page .pw-case-title .ch{animation-duration:.8s;animation-delay:calc(.08s + var(--i) * .035s)}
 .intro .pw-page .pw-script,.intro .pw-page .pw-case-script{animation-duration:.8s;animation-delay:.28s}
}
@media(hover:none){.pw-card-link:hover .pw-visual{transform:none}}
@media(prefers-reduced-motion:reduce){.pw-page.pw-motion-ready [data-case-reveal]{opacity:1;transform:none;transition:none}}

/* Keep the archive cover clear: the side notes repeated information already in the top line. */

@media(max-width:760px){.pw-listing .pw-overline span:last-child{display:none}.pw-listing .pw-overline{justify-content:flex-start}}

/* BY VELCHEVA archive cover: both layers share a fixed coordinate frame. */
.bv-archive-cover{background:#dedbd5}
.bv-archive-cover .bv-archive-final{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}

.pw-wake-cover{background:#f4f1eb}
.pw-wake-cover img{display:block;width:100%;height:100%;object-fit:cover}