/* Proof-of-concept project archive. All new selectors use pw-* to avoid touching approved pages. */
.pw-page{background:#efefef;color:#1f2024;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:#8e1515}
.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-side-note{position:absolute;top:31%;font-size:clamp(8px,.7vw,11px);letter-spacing:.09em;writing-mode:vertical-rl;z-index:1;text-transform:uppercase}
.pw-side-note.left{left:var(--gut);transform:rotate(180deg)}
.pw-side-note.right{right:var(--gut)}
.pw-script{position:absolute;z-index:2;top:6%;left:55%;font:clamp(75px,12vw,210px)/.9 var(--f-script);color:#8e1515;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 #1f2024;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 #1f2024}
.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:#1f2024;border-color:#8e1515}
.pw-filter sup{font:400 10px/1 var(--f-body);margin-left:5px;vertical-align:super;color:#8e1515}
.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:#1f2024}
.pw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(60px,8vw,150px) clamp(20px,4vw,70px)}
.pw-card{min-width:0;position:relative}
.pw-card:nth-child(5n + 2){padding-top:clamp(0px,7vw,120px)}
.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 #8e1515;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-micro,.pw-visual-bottom,.pw-corner-label{font-size:clamp(8px,.8vw,11px);letter-spacing:.12em;line-height:1.3;text-transform:uppercase}
.pw-visual-micro{position:absolute;top:7%;left:7%}
.pw-visual-bottom{position:absolute;bottom:7%;left:7%;right:7%}
.pw-corner-label{position:absolute;bottom:4%;left:8%;right:8%}
.pw-visual strong{font:400 clamp(65px,11vw,190px)/.95 var(--f-display);white-space:nowrap;letter-spacing:-.06em}
.pw-site-a{background:#dcd7cf;color:#26252b}.pw-site-b{background:#c3babb;color:#26252b}.pw-site-c{background:#d6d7cf;color:#303432}.pw-site-d{background:#ded0cd;color:#211f22}
.pw-browser{position:absolute;width:80%;height:72%;background:#ecece7;border:1px solid #77716f;box-shadow:18px 20px 0 rgba(21,20,23,.12);top:11%;left:10%;display:flex;flex-direction:column}
.pw-browser-top{flex:none;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #a6a2a2;padding:8px 11px;font-size:8px;letter-spacing:.14em}
.pw-browser-in{position:relative;display:flex;align-items:flex-start;flex-direction:column;flex:1;justify-content:center;overflow:hidden;padding:8%}
.pw-browser-in .pw-visual-micro{position:static;font-size:clamp(6px,.6vw,9px);margin-bottom:9%}
.pw-browser-in strong{font-size:clamp(50px,10vw,160px);line-height:.95}
.pw-browser-in .pw-visual-under{font-size:clamp(5px,.65vw,9px);letter-spacing:.1em;margin-top:7%}
.pw-browser-line{position:absolute;width:28%;height:2px;background:#8e1515;bottom:10%;right:8%}
.pw-site-b .pw-browser{background:#26252b;color:#efece6;border:0;box-shadow:-15px 14px 0 rgba(142,21,21,.3)}
.pw-site-b .pw-browser-in strong{color:#d3c7c6}
.pw-site-b .pw-browser-line{width:40%;background:#d2c5c4}
.pw-site-c .pw-browser{background:#f7f5ed;border-color:#92948b;transform:rotate(-3deg)}
.pw-site-d .pw-browser{background:#f2e8e3;box-shadow:20px 24px 0 #a18682}
.pw-identity-a{background:#d6c9c5;color:#2e272a}
.pw-logo-a{background:#242428;color:#f2e8df}
.pw-logo-b{background:#e2dfd8;color:#871b25}
.pw-logo-c{background:#d2d0d0;color:#2d292a}
.pw-monogram{font:400 clamp(140px,22vw,340px)/1 var(--f-display)!important;letter-spacing:-.085em!important}
.pw-logo-b .pw-monogram{font-family:var(--f-script)!important;font-weight:400;font-size:clamp(160px,25vw,400px)!important}
.pw-logo-a .pw-monogram{color:#e5d3c3}
.pw-identity-a::before{content:"";position:absolute;border:2px solid #8e1515;width:53%;aspect-ratio:1;transform:rotate(32deg);opacity:.55}
.pw-invite-a{background:#d6d2cd;color:#292529}
.pw-invite-b{background:#e8ddcf;color:#5f4244}
.pw-invite-sheet{width:63%;height:80%;background:#efe9e4;border:1px solid rgba(41,37,41,.22);box-shadow:18px 20px 0 rgba(31,32,36,.1);position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;transform:rotate(-5deg);text-align:center}
.pw-invite-sheet:before,.pw-invite-sheet:after{content:"";position:absolute;left:12%;right:12%;height:1px;background:currentColor;opacity:.3}
.pw-invite-sheet:before{top:18%}.pw-invite-sheet:after{bottom:18%}
.pw-invite-sheet em{font:clamp(36px,6vw,90px)/1 var(--f-script);transform:rotate(-5deg)}
.pw-invite-sheet .pw-smalltop{font-size:9px;letter-spacing:.15em}
.pw-invite-sheet .pw-visual-bottom{position:static;font-size:9px}
.pw-print-a{background:#282426;color:#e5d6d1}
.pw-print-b{background:#d5c6c5;color:#30282a}
.pw-print-a strong{font-size:clamp(100px,17vw,280px);transform:rotate(-10deg)}
.pw-print-b strong{font-size:clamp(62px,9vw,130px);letter-spacing:-.04em}
.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:#1f2024;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:#8e1515}
.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 #1f2024;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:#1f2024;text-decoration:none;border-bottom:1px solid #1f2024;padding:12px 0;font:400 clamp(24px,3vw,50px)/1 var(--f-display)}
.pw-archive-end a span{color:#8e1515}
.pw-footer{padding:24px var(--gut) 30px;border-top:1px solid #b5b5b6;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}
/* 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}
.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:#8e1515;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:1fr 1fr;gap:8vw;padding:100px var(--gut);border-top:1px solid #b8b8b8}
.pw-case-copy h2,.pw-exit h2,.pw-shot-bottom h2{font:400 clamp(75px,11vw,160px)/.9 var(--f-display);margin:40px 0 0}
.pw-case-copy p,.pw-exit p,.pw-shot-bottom p{font-size:clamp(15px,1.45vw,21px);line-height:1.75;max-width:600px;margin:0 0 20px}
.pw-case-copy .pw-terms{border-top:1px solid #b8b8b8;display:flex;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:.13em;margin-top:60px;padding-top:15px}
.pw-feature-frame{padding:clamp(30px,4vw,70px) var(--gut) 70px;background:#ddd8d2}
.pw-feature-art{aspect-ratio:1.72;background:#25262a;color:#eee6df;position:relative;padding:3.5%;display:flex;flex-direction:column;overflow:hidden}
.pw-feature-top{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.15em}
.pw-feature-window{width:83%;margin:auto;aspect-ratio:1.7;background:#f0ede7;border:1px solid #989697;color:#232529;display:flex;flex-direction:column;box-shadow:25px 22px 0 rgba(0,0,0,.25)}
.pw-feature-browser{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #b8b2ae;padding:10px 15px;font-size:clamp(7px,.8vw,11px);letter-spacing:.1em}
.pw-feature-body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;padding:7%;flex:1}
.pw-feature-body span{font-size:clamp(8px,1vw,13px);letter-spacing:.13em}
.pw-feature-body strong{font:400 clamp(70px,17vw,260px)/.85 var(--f-display)}
.pw-feature-stroke{width:22%;height:4px;background:#8e1515}
.pw-feature-desc{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.12em;padding-top:18px}
.pw-duo{display:grid;grid-template-columns:1fr 1fr;min-height:720px}
.pw-duo-type{background:#efefef;padding:clamp(50px,8vw,130px) var(--gut);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:30px}
.pw-duo-type>span{font-size:11px;letter-spacing:.12em}
.pw-duo-type h2{font:400 clamp(60px,8vw,140px)/.9 var(--f-display);margin:0}
.pw-duo-type p{font-size:clamp(14px,1.2vw,18px);line-height:1.7;max-width:480px}
.pw-duo-poster{background:#d0bebc;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:50px 40px;gap:30px}
.pw-duo-poster span,.pw-duo-poster small{font-size:10px;letter-spacing:.15em;align-self:flex-start}
.pw-duo-poster strong{font:400 clamp(180px,21vw,400px)/.9 var(--f-script);color:#8e1515}
.pw-exit{padding:clamp(110px,15vw,230px) var(--gut);display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:end}
.pw-exit h2{margin-bottom:40px}
.pw-actions{display:flex;flex-direction:column;align-items:stretch;gap:22px}
.pw-actions a,.pw-actions .pw-pseudo-link{font:400 clamp(22px,3vw,47px)/1.15 var(--f-display);text-transform:uppercase;text-decoration:none;border-bottom:1px solid #1f2024;padding:20px 0;color:#1f2024}
.pw-actions .pw-pseudo-link{font-size:clamp(18px,2.2vw,33px);color:#7d7c7e;border-bottom-color:#bbbbbc;cursor:not-allowed}
.pw-project-next{padding:35px var(--gut);background:#26252a;color:#f2eeed;display:flex;flex-direction:column;gap:25px}
.pw-project-next>span{font-size:11px;letter-spacing:.15em}
.pw-project-next a{font:400 clamp(65px,10vw,155px)/.95 var(--f-display);text-decoration:none;color:inherit;display:flex;justify-content:space-between;gap:20px}
.pw-project-next a>span:last-child{color:#bd7777}
/* 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:#8e1515}
.pw-shot-head p{font-size:clamp(15px,1.5vw,22px);line-height:1.6;max-width:550px}
.pw-shot-spec{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #bababa;padding-top:15px;font-size:10px;letter-spacing:.1em;margin-top:60px}
.pw-shot-art{background:#d5c6c3;min-height:clamp(400px,65vw,850px);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.pw-shot-art strong{font:400 clamp(200px,44vw,690px)/1 var(--f-display);color:#34292b;letter-spacing:-.07em}
.pw-shot-label,.pw-shot-small{position:absolute;font-size:10px;letter-spacing:.15em;top:4%;left:var(--gut)}
.pw-shot-small{top:auto;bottom:4%;right:var(--gut);left:auto}
.pw-shot-descript{padding:75px var(--gut);display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
.pw-shot-descript span{font-size:11px;letter-spacing:.13em}
.pw-shot-descript p{font-size:clamp(21px,3vw,45px);max-width:650px;line-height:1.25;margin:0}
.pw-shot-pair{display:grid;grid-template-columns:1fr 1fr}
.pw-shot-tile{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:5%;background:#302c2e;color:#e9dfd8}
.pw-shot-tile>span{align-self:flex-start;font-size:10px;letter-spacing:.13em}
.pw-shot-tile strong{font:400 clamp(120px,17vw,280px)/1 var(--f-script)}
.pw-shot-tile.tile-two{background:#d4ceca;color:#3c3336}
.pw-card-sheet{background:#f5eee5;min-width:52%;aspect-ratio:.8;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:15px 18px 0 #b4ada9}
.pw-card-sheet strong{font:400 clamp(100px,15vw,240px)/1 var(--f-display)}
.pw-card-sheet small{font-size:11px;letter-spacing:.15em}
.pw-shot-bottom{display:grid;grid-template-columns:1fr .8fr;gap:8vw;padding:140px var(--gut)}
.pw-shot-bottom p{margin:70px 0 35px}
.pw-shot-bottom a{display:inline-block;color:#1f2024;text-decoration:none;border-bottom:1px solid #1f2024;padding:10px 0;font:400 clamp(23px,3vw,40px)/1 var(--f-display)}
/* 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-card:nth-child(5n + 2){padding-top:0}.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-side-note{top:12%}
.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-duo-type h2,.pw-exit h2,.pw-shot-head h1,.pw-shot-bottom h2,.pw-shot-descript + h2,.pw-project-next a,.pw-archive-end h2,.pw-actions a,.pw-shot-bottom 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}
.pw-page .pw-filter{color:#626269}
.pw-page .pw-card-meta,.pw-page .pw-results{color:#626269}
/* 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. */
.dv-archive-card{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(22px,3vw,50px)!important;background:#dcd9d4!important;color:#27272b!important;min-height:100%}
.dv-archive-card .dv-archive-top,.dv-archive-card .dv-archive-bottom{display:flex;justify-content:space-between;gap:14px;font:500 clamp(9px,.85vw,12px)/1.5 var(--f-body);letter-spacing:.1em;text-transform:uppercase}
.dv-archive-card strong{font:400 clamp(65px,9vw,150px)/.9 var(--f-display);letter-spacing:-.015em;align-self:center}
@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 #1f2024}
.pw-empty>p{max-width:600px;font-size:clamp(14px,1.4vw,19px);line-height:1.55;color:#626269;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. */
.pw-listing .pw-side-note{display:none}
@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-scene{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden}.bv-archive-photo{display:block;width:100%;height:auto}.bv-archive-art{position:absolute;left:11.5%;top:15.5%;width:78.4%;height:auto;mix-blend-mode:screen}