/* Project-led editorial layout. Every project remains readable without scripting. */
html.projects-document{scroll-padding-top:0}
.projects-page{--pr-ink:#182b43;--pr-muted:#566c87;--pr-blue:#416daf;--pr-line:#c7d3e2;--pr-dark:#142339;--pr-header-height:108px;--gutter:max(40px,calc((100vw - 1392px)/2));background:#f2f4f7;color:var(--pr-ink)}
.projects-page main{overflow:clip}
.projects-page [hidden]{display:none!important}
.projects-page :is(h1,h2,h3){font-weight:550;letter-spacing:-.045em;line-height:1.2;overflow-wrap:break-word}
.projects-page h2{font-size:clamp(2rem,3.8vw,3.75rem)}
.projects-page p{font-size:1rem;line-height:1.85}
.projects-page em{font-style:normal;color:var(--pr-blue)}
.projects-page :is(section,article)[id]{scroll-margin-top:calc(var(--pr-header-height) + 24px)}
.projects-page :is(a,button,[tabindex]):focus-visible{outline:2px solid #416daf;outline-offset:5px}
.projects-page svg{width:22px;height:22px;flex-shrink:0;stroke:currentColor;stroke-width:1.4}
.projects-page .site-header{background:#f2f4f7fa}
.projects-page .site-header.on-dark,.projects-page .site-header.on-dark::before{background:#142339fa}
.pr-eyebrow{display:block;font-size:.8125rem;font-weight:600;line-height:1.8;letter-spacing:.055em;color:#567399}
.pr-link{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;max-width:100%;padding:8px 0;font-size:.9375rem;line-height:1.6;font-weight:600;color:#345f98}
.pr-link svg{transition:transform .25s}
.pr-link:hover{text-decoration:underline;text-decoration-thickness:1px}
.pr-link:hover svg{transform:translate(2px,-2px)}
.pr-primary{padding:17px 22px;background:#416daf;color:white;border-radius:4px}
.pr-primary:hover{background:#315b95;text-decoration:none}
.pr-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;font-size:.8125rem;line-height:1.8;color:#586f8d}
.pr-breadcrumb a:hover{text-decoration:underline}
.pr-hero{padding:140px var(--gutter) 0}
.pr-hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:50px;align-items:center;padding:64px 0 58px}
.projects-page .pr-hero h1{font-size:clamp(3.2rem,5.3vw,5.8rem);line-height:1.1;letter-spacing:-.058em;margin:22px 0 28px}
.pr-hero-copy>p{max-width:520px;font-size:1.0625rem;color:var(--pr-muted)}
.pr-hero-links{display:flex;gap:12px 30px;flex-wrap:wrap;margin-top:27px}
.pr-hero-montage{display:grid;grid-template-columns:minmax(0,.77fr) minmax(0,1fr);grid-template-rows:auto auto;gap:18px;align-items:center;min-width:0}
.pr-montage-slot{min-width:0;display:block;--pr-shift:0px;transform:translateY(var(--pr-shift));border-bottom:1px solid var(--pr-line);padding-bottom:10px}
.pr-montage-slot>div{overflow:hidden;aspect-ratio:1.38;border-radius:5px;background:white;display:grid;place-items:center}
.pr-montage-slot img{width:100%;height:100%;object-fit:contain;transition:transform .5s ease}
.pr-montage-slot>span{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.8125rem;line-height:1.8;margin-top:13px}
.pr-montage-slot svg{width:17px;height:17px}
.pr-montage-1{grid-column:1;grid-row:1}
.pr-montage-1 img{mix-blend-mode:multiply}
.pr-montage-2{grid-column:2;grid-row:1/3}
.pr-montage-2>div{aspect-ratio:.72;background:#eae5ea;padding:14px 4px}
.pr-montage-3{grid-column:1;grid-row:2}
.pr-montage-3>div{background:#e7e3ee;padding:7px 15px}
.pr-montage-slot:hover img{transform:scale(1.025)}
.pr-hero-foot{display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid var(--pr-line);padding:27px 0 31px}
.pr-hero-foot>p{font-size:1.3rem;line-height:1.5;letter-spacing:-.025em;color:#657d9b}
.pr-hero-foot strong{font-weight:550;color:#243d5b}
.pr-hero-foot>span{font-size:.8125rem;line-height:1.8;color:#657d9b;text-align:right}
.pr-showcase{padding:92px 0 90px;background:#e5ecf5}
.pr-showcase-head{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;padding:0 var(--gutter);margin-bottom:39px}
.pr-showcase-head h2{margin-top:19px}
.pr-showcase-controls{display:flex;align-items:center;gap:9px}
.pr-slide-position{white-space:nowrap;font:400 .8125rem/1.8 ui-monospace,monospace;color:#4d698b;margin-right:20px}
.pr-showcase-controls button{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border:1px solid #afc3de;border-radius:50%;background:transparent;color:#365b8b;transition:background .2s}
.pr-showcase-controls button:hover:not(:disabled){background:#d5e1f1}
.pr-showcase-controls button:disabled{color:#96a9c2;cursor:default;border-color:#c8d4e4}
.pr-showcase-track{display:flex;gap:30px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding:3px var(--gutter) 21px;scrollbar-width:thin;scrollbar-color:#7e9bc1 transparent}
.pr-feature{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:42px;align-items:center;flex:0 0 min(1040px,calc(100vw - 2 * var(--gutter) - 40px));min-width:0;scroll-snap-align:start}
.pr-feature-art{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;aspect-ratio:1.04;background:#ece7ec;border-radius:5px;padding:25px 27px;overflow:hidden}
.pr-feature-label{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:.875rem;line-height:1.6;font-weight:600;color:#524552}
.pr-feature-label>span:last-child{font:400 .75rem/1.7 ui-monospace,monospace}
.pr-feature-image{min-height:0;flex:1;display:grid;place-items:center;transform:translateY(var(--pr-shift,0px));padding:18px 0}
.pr-feature-image img{max-height:430px;width:100%;height:100%;min-height:0;object-fit:contain;transition:transform .5s ease}
.pr-feature-art:hover img{transform:scale(1.025)}
.pr-feature-art-note{font-size:.8125rem;line-height:1.8;color:#655868;margin-top:5px}
.pr-feature-vehicle .pr-feature-art{background:#fff}
.pr-feature-vehicle .pr-feature-art-note,.pr-feature-vehicle .pr-feature-label{color:#46617e}
.pr-feature-vehicle .pr-feature-image img{mix-blend-mode:multiply}
.pr-feature-pawbnb .pr-feature-art{background:#e5e0ed}
.pr-feature-copy{padding-right:12px}
.pr-feature-copy h3{font-size:clamp(1.75rem,2.7vw,2.7rem);margin:21px 0 22px;line-height:1.22}
.pr-feature-copy p{color:var(--pr-muted)}
.pr-feature-copy .pr-link{margin-top:28px;font-size:.875rem;border-top:1px solid #b9cbe2;padding-top:20px;align-items:flex-start}
.pr-showcase-progress{height:2px;background:#c9d7e9;margin:29px var(--gutter) 0;overflow:hidden}
.pr-showcase-progress>span{display:block;height:100%;width:100%;background:#567fb6;transform:scaleX(var(--pr-gallery-progress,.33333));transform-origin:left}
.pr-editorial{background:var(--pr-dark);color:#f3f7fe;padding:94px var(--gutter) 85px}
.pr-editorial .pr-eyebrow{color:#a4bddf}
.pr-editorial>p{font-size:clamp(2.4rem,5.6vw,5.2rem);line-height:1.18;letter-spacing:-.05em;margin:32px 0 48px}
.pr-editorial em{color:#a1bfe7}
.pr-editorial>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;border-top:1px solid #3f5674;padding-top:27px;font-size:.9375rem;line-height:1.8;color:#afc5e1}
.pr-collection{padding:100px var(--gutter)}
.pr-collection-heading,.pr-references-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:90px;align-items:end;margin-bottom:42px}
.pr-collection-heading h2,.pr-references-heading h2{margin-top:21px}
.pr-collection-heading>p,.pr-references-heading>p{color:var(--pr-muted);max-width:510px}
.pr-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:44px 0 38px;padding:18px 0;border-block:1px solid var(--pr-line)}
.pr-filters{display:flex;flex-wrap:wrap;gap:5px 7px}
.pr-filters button{border:1px solid transparent;border-radius:3px;min-height:44px;padding:10px 13px;background:transparent;color:#526b8b;font-size:.875rem;line-height:1.6;transition:background .2s,color .2s}
.pr-filters button:hover{background:#e6edf6}
.pr-filters button[aria-pressed="true"]{background:#294e80;color:#fff}
.pr-filter-count{font-size:.8125rem!important;white-space:nowrap;color:#657b98}
.pr-project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 34px;align-items:start}
.pr-project-entry{min-width:0}
.pr-entry-visual{display:block;width:100%;aspect-ratio:1.35;border-radius:5px;overflow:hidden;background:#ece7ec}
.pr-entry-visual>img{width:100%;height:100%;padding:20px;object-fit:contain;transition:transform .5s ease}
.pr-entry-visual:hover>img{transform:scale(1.025)}
.pr-entry-vehicle .pr-entry-visual{background:white}
.pr-entry-vehicle .pr-entry-visual>img{mix-blend-mode:multiply;padding:0}
.pr-entry-pawbnb .pr-entry-visual{background:#e5e0ed}
.pr-entry-takecare .pr-entry-visual{background:#e2e7ee}
.pr-entry-studio .pr-entry-visual{background:#e9e8e0}
.pr-entry-copy{padding:24px 0 0}
.pr-entry-meta{display:flex;justify-content:space-between;align-items:baseline;gap:20px;font-size:.8125rem;line-height:1.8;color:#5f799b;margin-bottom:14px}
.pr-entry-meta>span:last-child{font-family:ui-monospace,monospace}
.pr-entry-copy h3{font-size:clamp(1.7rem,2.25vw,2.2rem)}
.pr-entry-copy h3 a{display:flex;justify-content:space-between;align-items:center;gap:20px}
.pr-entry-copy h3 a:hover{color:#416daf}
.pr-entry-copy h3 svg{width:26px;height:26px;transition:transform .2s}
.pr-entry-copy h3 a:hover svg{transform:translate(2px,-2px)}
.pr-entry-copy>p{margin:18px 0;color:var(--pr-muted);max-width:590px}
.pr-entry-area{display:block;font-size:.8125rem;line-height:1.7;color:#627b9b;border-top:1px solid var(--pr-line);padding-top:16px}
.pr-product-graphic{height:100%;padding:32px;background:#233e65;color:#edf4fe;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.pr-product-graphic>span{font-size:.75rem;line-height:1.8;letter-spacing:.035em;color:#b7cdeb}
.pr-product-graphic strong{font-size:clamp(1.5rem,2.6vw,2.7rem);font-weight:500;line-height:1.2;letter-spacing:-.045em}
.pr-product-graphic ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;list-style:none;padding:0;margin:0;border-top:1px solid #6583ab}
.pr-product-graphic li{display:flex;gap:12px;align-items:center;border-bottom:1px solid #6583ab;padding:15px 4px;font-size:.875rem;line-height:1.8}
.pr-product-graphic li>span{font:400 .75rem/1.8 ui-monospace,monospace;color:#a6c2e7}
.pr-product-erp{background:#2d464a}
.pr-product-erp :is(ol,li){border-color:#6a898d}
.pr-product-erp>span,.pr-product-erp li>span{color:#bbd6d8}
.pr-product-commerce{background:#3e415c}
.pr-product-commerce :is(ol,li){border-color:#8585a4}
.pr-product-commerce>span,.pr-product-commerce li>span{color:#c6c7e2}
.pr-empty{padding:35px 0;color:var(--pr-muted)}
.pr-references{padding:80px var(--gutter) 100px;background:#e7edf5}
.pr-reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.pr-reference{margin:0;min-width:0}
.pr-logo-plate{display:grid;place-items:center;min-height:146px;padding:25px 22px;background:#fff;border:1px solid #d2dce9;border-radius:4px}
.pr-logo-window{display:block;position:relative;overflow:hidden;width:min(100%,var(--logo-width));aspect-ratio:var(--logo-ratio);filter:grayscale(1);transition:filter .3s}
.pr-logo-window img{position:absolute;display:block;max-width:none;width:var(--logo-image-width);height:auto;left:var(--logo-left);top:var(--logo-top);mix-blend-mode:multiply}
.pr-reference:hover .pr-logo-window{filter:none}
.pr-reference figcaption{text-align:center;font-size:.8125rem;line-height:1.7;color:#4c6584;padding:12px 4px 3px}
/* Optical windows use padded artwork bounds; source images and aspect ratios stay intact. */
.ref-bcd-teknik{--logo-width:10.75rem;--logo-ratio:1098/373;--logo-image-width:117.030965%;--logo-left:-8.105647%;--logo-top:-8.042895%}
.ref-bizim-parcaci{--logo-width:11.5rem;--logo-ratio:423/84;--logo-image-width:100.236407%;--logo-left:-0.236407%;--logo-top:0.000000%}
.ref-nefes-orman{--logo-width:10.75rem;--logo-ratio:748/270;--logo-image-width:102.406417%;--logo-left:-1.203209%;--logo-top:-4.814815%}
.ref-china-gurme{--logo-width:5.625rem;--logo-ratio:447/447;--logo-image-width:100.000000%;--logo-left:0.000000%;--logo-top:0.000000%}
.ref-cucus{--logo-width:7rem;--logo-ratio:118/57;--logo-image-width:164.406780%;--logo-left:-33.050847%;--logo-top:0.000000%}
.ref-rabia-yilmaz{--logo-width:10rem;--logo-ratio:208/90;--logo-image-width:138.461538%;--logo-left:-15.384615%;--logo-top:0.000000%}
.ref-ikra-kuyumculuk{--logo-width:6.75rem;--logo-ratio:286/228;--logo-image-width:129.720280%;--logo-left:-16.083916%;--logo-top:-17.105263%}
.ref-bcv-akademi{--logo-width:8.625rem;--logo-ratio:765/481;--logo-image-width:102.222222%;--logo-left:-0.261438%;--logo-top:-2.494802%}
.ref-ozboyaci-altin{--logo-width:11rem;--logo-ratio:274/90;--logo-image-width:102.189781%;--logo-left:-2.189781%;--logo-top:-107.777778%}
.ref-ugur-okullari{--logo-width:9.625rem;--logo-ratio:226/124;--logo-image-width:176.991150%;--logo-left:-39.380531%;--logo-top:-112.903226%}
.ref-besiktas-spor-okullari{--logo-width:11.5625rem;--logo-ratio:335/115;--logo-image-width:119.402985%;--logo-left:-10.149254%;--logo-top:-125.217391%}
.ref-cucus img{filter:brightness(.65)}
.pr-reference:hover .ref-cucus img{filter:none}
.pr-approach{padding:95px var(--gutter);background:var(--pr-dark);color:#f1f6fe;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:85px;align-items:center}
.pr-approach h2{font-size:clamp(2rem,3.2vw,3.2rem);margin-top:25px}
.pr-approach em{color:#a5c2e9}
.pr-approach .pr-eyebrow{color:#adc6e7}
.pr-approach p{color:#b8cde7}
.pr-approach p+p{margin-top:21px}
.pr-approach .pr-link{color:#d1e4ff;margin-top:26px}
.pr-closing{padding:97px var(--gutter) 104px}
.pr-closing h2{font-size:clamp(2.7rem,5.4vw,5.1rem);margin:25px 0 29px}
.pr-closing>p{max-width:635px;color:var(--pr-muted)}
.pr-closing>div{display:flex;flex-wrap:wrap;gap:16px 32px;margin-top:33px}
.pr-case-hero{padding:141px var(--gutter) 0}
.pr-case-heading{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:80px;align-items:end;padding:59px 0 43px}
.pr-case-heading h1{font-size:clamp(3.6rem,7.2vw,7.7rem);letter-spacing:-.058em;margin:19px 0 21px;line-height:1.08}
.projects-page .pr-case-tagline{font-size:clamp(1.4rem,2.15vw,2rem);line-height:1.4;letter-spacing:-.03em;color:#456b9c}
.pr-case-heading>div:last-child>p{color:var(--pr-muted)}
.pr-case-heading .pr-link{margin-top:22px}
.pr-case-main-image{margin:0;background:#ece7ec;border-radius:5px;overflow:hidden;padding:36px 30px 25px}
.pr-case-main-image img{width:100%;height:min(54vw,650px);object-fit:contain;transform:translateY(var(--pr-shift,0px))}
.pr-case-main-image figcaption{font-size:.8125rem;line-height:1.8;color:#655868;margin-top:22px;padding-top:18px;border-top:1px solid #d3cbd3}
.pr-case-vehicle .pr-case-main-image{background:#fff}
.pr-case-vehicle .pr-case-main-image img{mix-blend-mode:multiply}
.pr-case-pawbnb .pr-case-main-image{background:#e5e0ed}
.pr-case-takecare .pr-case-main-image{background:#e2e7ee}
.pr-case-studio .pr-case-main-image{background:#e9e8e0}
.pr-case-context{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:80px;padding:87px var(--gutter) 95px}
.pr-case-context h2{max-width:800px}
.pr-case-context p{color:var(--pr-muted);margin-top:27px;max-width:790px}
.pr-case-parts{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:88px;padding:90px var(--gutter);background:var(--pr-dark);color:#f4f8ff}
.pr-case-parts h2{margin-top:24px}
.pr-case-parts .pr-eyebrow{color:#b7cdea}
.pr-case-parts em{color:#a5c2e9}
.pr-case-parts ol{list-style:none;margin:0;padding:0}
.pr-case-parts li{display:grid;grid-template-columns:35px minmax(0,1fr);gap:22px;border-top:1px solid #425d7f;padding:28px 0}
.pr-case-parts li>span{font:400 .8125rem/1.8 ui-monospace,monospace;color:#a0bfe5;padding-top:4px}
.pr-case-parts h3{font-size:1.5rem;line-height:1.35;margin-bottom:15px}
.pr-case-parts p{color:#b3c9e5}
.pr-case-parts li:last-child{padding-bottom:0}
.pr-case-view{padding:90px var(--gutter)}
.pr-case-view>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 70px;align-items:end}
.pr-case-view>div>.pr-eyebrow{grid-column:1/-1}
.pr-case-view>div>h2{grid-column:1;grid-row:2/4;align-self:start}
.pr-case-view>div>p,.pr-case-view>div>.pr-link{grid-column:2}
.pr-case-view h2{margin-top:21px}
.pr-case-view p{color:var(--pr-muted)}
.pr-case-view .pr-link{justify-self:start}
.pr-case-view figure{margin:38px 0 0;background:#e6edf6;border-radius:5px;padding:40px;display:grid;place-items:center}
.pr-case-view figure img{width:100%;height:min(51vw,660px);object-fit:contain}
.pr-case-bridge{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:15px 70px;padding:0 var(--gutter) 82px}
.pr-case-bridge>h2,.pr-case-bridge>p{grid-column:1}
.pr-case-bridge>div{grid-column:2;grid-row:1/3;align-self:center;justify-self:end}
.pr-case-bridge h2{font-size:clamp(1.8rem,3vw,2.7rem);margin-bottom:18px}
.pr-case-bridge p{color:var(--pr-muted);max-width:650px}
.pr-case-bridge>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.pr-next-project{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:57px var(--gutter);background:#203c63;color:#fff}
.pr-next-project .pr-eyebrow{color:#c3d5ed}
.pr-next-project>div>span{font-size:.8125rem;line-height:1.8;letter-spacing:.05em;color:#c3d5ed}
.pr-next-project strong{display:block;font-size:clamp(2.6rem,5vw,4.6rem);line-height:1.2;font-weight:500;letter-spacing:-.045em;margin:15px 0}
.pr-next-project p{color:#bbd1ee}
.pr-next-project>svg{width:49px;height:49px;transition:transform .25s}
.pr-next-project:hover>svg{transform:translate(4px,-4px)}
.pr-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:1200px){
 .pr-project-list:not(.is-filtered)>.pr-project-entry:nth-child(5){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:50px;align-items:center}
 .pr-project-list:not(.is-filtered)>.pr-project-entry:nth-child(5) .pr-entry-copy{padding-top:0}
 .pr-project-list:not(.is-filtered)>.pr-project-entry:nth-child(8){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:50px;align-items:center}
 .pr-project-list:not(.is-filtered)>.pr-project-entry:nth-child(8) .pr-entry-visual{order:2;aspect-ratio:1.65}
 .pr-reference-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
 .pr-logo-plate{padding-inline:15px}
}
@media(max-width:1100px){
 .pr-hero-grid{gap:30px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .projects-page .pr-hero h1{font-size:clamp(2.7rem,5.4vw,4rem)}
 .pr-hero-montage{gap:14px}
 .pr-feature{gap:29px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
 .pr-feature-art{padding:22px}
 .pr-filter-bar{align-items:flex-start;flex-direction:column;gap:12px}
 .pr-collection-heading,.pr-references-heading,.pr-approach,.pr-case-heading,.pr-case-context,.pr-case-parts{gap:45px}
}
@media(max-width:900px){
 .projects-page{--gutter:30px;--pr-header-height:90px}
 .pr-hero,.pr-case-hero{padding-top:120px}
 .pr-hero-grid{grid-template-columns:minmax(0,1fr);gap:45px;padding-top:42px}
 .projects-page .pr-hero h1{font-size:clamp(3.5rem,8.5vw,5rem)}
 .pr-hero-copy>p{max-width:620px}
 .pr-hero-montage{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
 .pr-montage-slot{grid-column:auto;grid-row:auto}
 .pr-montage-slot>div{aspect-ratio:.92}
 .pr-montage-2{margin-top:27px}
 .pr-montage-3{margin-top:54px}
 .pr-showcase-track{display:grid;gap:48px;overflow:visible;padding:0 var(--gutter);scroll-snap-type:none}
 .pr-feature{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:30px}
 .pr-showcase-controls,.pr-showcase-progress{display:none!important}
 .pr-feature-art{aspect-ratio:.88}
 .pr-feature-copy{padding:0}
 .pr-feature-copy h3{font-size:1.8rem}
 .pr-collection-heading,.pr-references-heading{grid-template-columns:minmax(0,1fr);gap:25px}
 .pr-collection-heading>p,.pr-references-heading>p{max-width:650px}
 .pr-editorial>div{gap:20px;font-size:.875rem}
 .pr-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
 .pr-logo-plate{padding-inline:18px}
 .pr-approach{grid-template-columns:minmax(0,1fr);gap:30px}
 .pr-approach>div:last-child{max-width:680px}
 .pr-product-graphic{padding:25px;gap:22px}
 .pr-case-heading{grid-template-columns:minmax(0,1fr);gap:28px}
 .pr-case-heading h1{font-size:clamp(3.3rem,8vw,5.2rem)}
 .pr-case-heading>div:last-child{max-width:640px}
 .pr-case-context{grid-template-columns:minmax(0,1fr);gap:25px}
 .pr-case-parts{grid-template-columns:minmax(0,1fr);gap:35px}
 .pr-case-view>div{grid-template-columns:minmax(0,1fr);gap:23px}
 .pr-case-view>div>h2,.pr-case-view>div>p,.pr-case-view>div>.pr-link{grid-column:1;grid-row:auto}
 .pr-case-bridge{grid-template-columns:minmax(0,1fr);gap:23px}
 .pr-case-bridge>div{grid-column:1;grid-row:auto;justify-self:start}
 .pr-case-bridge>div:last-child{flex-direction:row;flex-wrap:wrap;gap:18px 30px}
}
@media(max-width:600px){
 .projects-page{--gutter:24px;--pr-header-height:84px}
 .pr-hero,.pr-case-hero{padding-top:118px}
 .pr-breadcrumb{font-size:.75rem;gap:7px 10px}
 .pr-hero-grid{padding:34px 0 39px;gap:38px}
 .projects-page .pr-hero h1{font-size:clamp(2.55rem,10.2vw,3.8rem);margin:22px 0 25px}
 .pr-hero-copy>p{font-size:1rem}
 .pr-hero-links{gap:8px 24px;margin-top:24px}
 .pr-link{font-size:.875rem;gap:15px}
 .pr-hero-montage{gap:12px;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);grid-template-rows:auto auto;align-items:center}
 .pr-montage-1{grid-column:1;grid-row:1}
 .pr-montage-2{grid-column:2;grid-row:1/3;margin:0}
 .pr-montage-3{grid-column:1;grid-row:2;margin:0}
 .pr-montage-1>div,.pr-montage-3>div{aspect-ratio:1.6}
 .pr-montage-2>div{aspect-ratio:.68;padding:9px 0}
 .pr-montage-3>div{padding:5px 13px}
 .pr-montage-slot>span{font-size:.75rem;margin-top:8px}
 .pr-montage-slot{padding-bottom:7px}
 .pr-hero-foot{padding:23px 0;gap:24px}
 .pr-hero-foot>p{font-size:1.125rem}
 .pr-hero-foot>span{font-size:.75rem}
 .pr-showcase{padding:60px 0 63px}
 .pr-showcase-head{margin-bottom:30px}
 .pr-feature{grid-template-columns:minmax(0,1fr);gap:24px}
 .pr-feature-art{aspect-ratio:1.03;padding:21px}
 .pr-feature-image{padding:12px 4px}
 .pr-feature-image img{max-height:335px}
 .pr-feature-copy h3{font-size:2rem;margin:15px 0 17px}
 .pr-feature-copy .pr-link{margin-top:22px;padding-top:17px}
 .pr-feature-art-note{font-size:.75rem}
 .pr-editorial{padding:62px var(--gutter)}
 .pr-editorial>p{font-size:clamp(2.2rem,8.8vw,3.2rem);margin:26px 0 32px}
 .pr-editorial>div{grid-template-columns:minmax(0,1fr);gap:12px;padding-top:22px}
 .pr-collection{padding:65px var(--gutter)}
 .pr-collection-heading,.pr-references-heading{margin-bottom:30px;gap:24px}
 .pr-filter-bar{margin:29px 0 31px;gap:12px;padding:14px 0}
 .pr-filters{gap:4px}
 .pr-filters button{padding:9px 11px;font-size:.8125rem}
 .pr-project-list{grid-template-columns:minmax(0,1fr);gap:41px}
 .pr-entry-visual{aspect-ratio:1.22}
 .pr-entry-visual>img{padding:17px}
 .pr-entry-copy{padding-top:21px}
 .pr-entry-copy h3{font-size:1.875rem}
 .pr-product-graphic{padding:27px}
 .pr-product-graphic strong{font-size:2rem}
 .pr-references{padding:61px var(--gutter) 66px}
 .pr-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 14px}
 .pr-logo-plate{min-height:132px;padding:21px 14px}
 .pr-reference figcaption{font-size:.75rem;line-height:1.7;padding-top:10px}
 .pr-approach{padding:62px var(--gutter);gap:28px}
 .pr-closing{padding:64px var(--gutter) 70px}
 .pr-closing h2{font-size:clamp(2.5rem,10vw,3.7rem)}
 .pr-closing>div{align-items:flex-start;flex-direction:column;gap:15px;margin-top:29px}
 .pr-case-heading{padding:38px 0 32px;gap:25px}
 .pr-case-heading h1{font-size:clamp(2.8rem,12vw,4.2rem)}
 .projects-page .pr-case-tagline{font-size:1.35rem}
 .pr-case-main-image{padding:24px 17px 18px}
 .pr-case-main-image img{height:85vw;max-height:460px}
 .pr-case-main-image figcaption{margin-top:15px;padding-top:15px;font-size:.75rem}
 .pr-case-context{padding:55px var(--gutter) 60px;gap:22px}
 .pr-case-context h2{font-size:1.95rem}
 .pr-case-parts{padding:60px var(--gutter);gap:32px}
 .pr-case-parts li{gap:14px;grid-template-columns:28px minmax(0,1fr);padding:24px 0}
 .pr-case-parts h3{font-size:1.4rem}
 .pr-case-view{padding:61px var(--gutter)}
 .pr-case-view figure{padding:23px 14px;margin-top:27px}
 .pr-case-view figure img{height:87vw;max-height:490px}
 .pr-case-bridge{padding-bottom:58px;gap:24px}
 .pr-next-project{padding:42px var(--gutter);gap:20px}
 .pr-next-project strong{font-size:2.5rem}
 .pr-next-project>svg{width:34px;height:34px}
}
@media(prefers-reduced-motion:reduce){
 html.projects-document{scroll-behavior:auto}
 .pr-montage-slot,.pr-feature-image,.pr-case-main-image img{transform:none!important}
 .pr-montage-slot img,.pr-feature-image img,.pr-entry-visual>img,.pr-link svg,.pr-next-project>svg,.pr-logo-window{transition:none}
 .pr-montage-slot:hover img,.pr-feature-art:hover img,.pr-entry-visual:hover>img,.pr-link:hover svg,.pr-next-project:hover>svg{transform:none}
}