:root{--ink:#111110;--paper:#e9e8e4;--accent:#d9ff48;--muted:#787873}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #677d12;outline-offset:4px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}::selection{background:var(--accent);color:var(--ink)}.site-header{height:104px;padding:22px 3.2%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;border-bottom:1px solid #b9b9b2;position:relative;z-index:20}.brand{font-size:23px;letter-spacing:-.095em;line-height:.79;font-weight:900;width:max-content;display:flex;flex-direction:column}.brand span:first-child{font-size:16px;letter-spacing:-.075em}.period{color:#757575}.site-header nav{display:flex;gap:29px;justify-content:center;align-self:center;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.055em}.site-header nav a{border-bottom:1px solid transparent;padding-bottom:5px}.site-header nav a:hover,.site-header nav a[aria-current]{border-color:var(--ink)}.header-meta{text-align:right;font-size:10px;line-height:1.3;letter-spacing:.06em;font-weight:700}.intro{padding:5vw 3.2% 0;min-height:570px;display:flex;flex-direction:column}.eyebrow,.section-bar,.intro-bottom,.case-topline,.story-label,.card-count,.card-info p,.row-label,.inner-kicker,.download-row,.footer-bottom,.next-project>span:first-child{font-size:12px;letter-spacing:.06em;font-weight:700;text-transform:uppercase}.eyebrow span{color:#a8a89f;margin:0 5px}.intro h1{font-size:clamp(66px,12.3vw,210px);line-height:.76;letter-spacing:-.105em;font-weight:800;margin:7vw 0 3vw;white-space:nowrap}.intro h1 em,.inner-intro h1 em,.approach-end em,.footer-lead em{font-family:Georgia,Times,serif;font-weight:400;letter-spacing:-.085em}.intro-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:auto;padding-bottom:35px}.intro-bottom p{line-height:1.45}.work-section{padding:0 3.2% 110px}.section-bar{display:flex;justify-content:space-between;border-top:1px solid var(--ink);padding:16px 0 32px}.section-bar h2{font:inherit}.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:92px}.project-card{grid-column:span 6;min-width:0;display:block}.project-card:nth-child(4n + 1){grid-column:span 7}.project-card:nth-child(4n + 2){grid-column:span 5}.project-card:nth-child(4n + 3){grid-column:span 5}.project-card:nth-child(4n + 4){grid-column:span 7}.card-image{height:clamp(310px,42vw,700px);background:#c5c5bf;overflow:hidden;position:relative}.project-card:nth-child(4n + 2) .card-image,.project-card:nth-child(4n + 3) .card-image{height:clamp(310px,35vw,570px)}.card-image img{transition:transform .8s cubic-bezier(.2,.7,.1,1)}.project-card:hover .card-image img{transform:scale(1.035)}.card-open{position:absolute;right:16px;bottom:16px;background:var(--accent);color:var(--ink);height:45px;width:45px;border-radius:50%;display:grid;place-items:center;font-size:25px;opacity:0;transform:translateY(8px);transition:.3s}.project-card:hover .card-open{opacity:1;transform:none}.card-info{display:grid;grid-template-columns:70px 1fr 30px;gap:12px;border-top:1px solid var(--ink);padding-top:15px;margin-top:13px}.card-count{color:var(--muted);padding-top:7px}.card-info h2{font-size:clamp(23px,3vw,45px);letter-spacing:-.055em;line-height:1.04;font-weight:700}.card-info p{color:#666761;margin-top:9px;line-height:1.35}.card-arrow{font-size:22px;justify-self:end}.site-footer{background:var(--ink);color:var(--paper);padding:55px 3.2% 25px;min-height:520px;display:flex;flex-direction:column}.footer-lead{font-size:clamp(56px,9.4vw,145px);line-height:.84;letter-spacing:-.09em;font-weight:800}.footer-mail{font-size:clamp(20px,3vw,42px);letter-spacing:-.045em;border-bottom:1px solid #777;padding-bottom:12px;width:fit-content;margin:45px 0 70px}.footer-mail:hover{color:var(--accent)}.footer-mail span{font-size:.7em}.footer-bottom{display:flex;justify-content:space-between;margin-top:auto;border-top:1px solid #777;padding-top:20px;color:#aaa}.footer-bottom div{display:flex;gap:25px}.footer-bottom a:hover{color:#fff}.case-topline{display:flex;justify-content:space-between;margin:0 3.2%;padding:30px 0 15px;border-bottom:1px solid #aaa}.case-topline a:hover{text-decoration:underline}.case-title{padding:40px 3.2% 54px;display:flex;align-items:end;justify-content:space-between;gap:20px}.case-title h1{font-size:clamp(56px,9.5vw,150px);line-height:.85;letter-spacing:-.09em;font-weight:800;max-width:1000px}.case-index{font-size:clamp(35px,6vw,90px);line-height:.9;letter-spacing:-.08em;color:#b2b2ab;font-weight:800}.case-hero{height:min(72vw,840px);background:#c5c5bf}.case-story{display:grid;grid-template-columns:1fr 2fr;gap:8%;padding:100px 3.2% 130px}.story-label{border-top:1px solid var(--ink);padding-top:15px;display:flex;justify-content:space-between}.story-content{max-width:940px}.story-content h2{font-size:clamp(42px,6.5vw,98px);line-height:.97;letter-spacing:-.075em;font-weight:750;text-transform:uppercase;margin-bottom:70px}.story-copy{columns:2;column-gap:55px}.story-copy p{font-size:clamp(17px,1.42vw,22px);line-height:1.35;letter-spacing:-.025em;margin:0 0 15px;break-inside:avoid}.case-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;padding:0 3.2% 130px}.gallery-item{grid-column:span 6;background:#d2d2cc;min-height:280px;overflow:hidden}.gallery-item img{height:auto;min-height:100%;object-fit:cover}.gallery-item:nth-child(7n+1),.gallery-item:nth-child(7n+5){grid-column:span 12}.gallery-item:nth-child(7n+2){grid-column:span 7}.gallery-item:nth-child(7n+3){grid-column:span 5}.gallery-item:nth-child(7n+4){grid-column:span 5}.gallery-item:nth-child(7n+6){grid-column:span 7}.gallery-item:nth-child(7n+7){grid-column:span 12}.next-project{display:grid;grid-template-columns:1fr 70px;gap:50px;padding:30px 3.2% 80px;background:var(--accent);border-top:1px solid var(--ink)}.next-project>span:first-child{grid-column:1/-1}.next-project strong{font-size:clamp(46px,8vw,130px);line-height:.9;letter-spacing:-.085em;font-weight:800}.next-arrow{font-size:50px;align-self:end;justify-self:end}.inner-intro{padding:35px 3.2% 80px;min-height:600px;position:relative}.inner-kicker{border-top:1px solid var(--ink);padding-top:16px}.inner-intro h1{font-size:clamp(68px,12vw,185px);line-height:.8;letter-spacing:-.095em;margin-top:10vw;font-weight:800}.approach-intro h1{font-size:clamp(66px,10vw,155px)}.approach-intro p{margin:50px 0 0 45%;font-size:clamp(22px,3vw,42px);line-height:1.15;letter-spacing:-.05em}.about-intro{min-height:730px}.about-portrait{position:absolute;width:29%;height:470px;right:7%;top:118px;background:#ccc;z-index:-1}.about-portrait img{object-position:center 35%}.editorial-sections{padding:0 3.2% 100px}.editorial-row{display:grid;grid-template-columns:32% 1fr;border-top:1px solid #aaa;padding:24px 0 115px;gap:8%}.row-body{max-width:820px}.row-body p{font-size:clamp(21px,2.1vw,32px);letter-spacing:-.045em;line-height:1.18;margin:0 0 20px}.row-body p:first-child{font-weight:700}.approach-end{font-size:clamp(57px,10vw,155px);line-height:.85;letter-spacing:-.09em;font-weight:800;padding:40px 3.2% 130px}.download-row{padding:0 3.2% 100px}.download-row a{display:inline-block;border-bottom:1px solid var(--ink);padding:0 0 10px}.download-row a:hover{opacity:.5}@media(max-width:800px){.site-header{height:82px;grid-template-columns:1fr auto;padding:18px 5%}.header-meta{display:none}.site-header nav{gap:16px;align-self:center;font-size:11px}.brand{font-size:20px}.brand span:first-child{font-size:14px}.intro{padding:60px 5% 0;min-height:460px}.intro h1{font-size:clamp(50px,12.5vw,105px);margin:90px 0 60px;white-space:normal}.intro-bottom{gap:20px}.intro-bottom span{display:none}.work-section{padding:0 5% 75px}.work-grid{display:block}.project-card{margin-bottom:65px}.card-image,.project-card:nth-child(n) .card-image{height:auto;aspect-ratio:1.18}.card-info{grid-template-columns:48px 1fr 20px}.card-info h2{font-size:30px}.site-footer{padding:50px 5% 25px;min-height:440px}.footer-bottom{gap:22px;flex-wrap:wrap;font-size:10px}.footer-bottom div{order:3;width:100%}.case-topline{margin:0 5%;padding-top:25px}.case-title{padding:38px 5% 45px}.case-title h1{font-size:clamp(50px,12vw,100px)}.case-index{display:none}.case-hero{height:65vw;min-height:320px}.case-story{display:block;padding:65px 5% 80px}.story-label{margin-bottom:50px}.story-content h2{font-size:clamp(45px,8vw,75px);margin-bottom:45px}.story-copy{columns:1}.story-copy p{font-size:20px}.case-gallery{padding:0 5% 90px;gap:12px}.gallery-item:nth-child(n){grid-column:span 12}.next-project{padding:25px 5% 70px;grid-template-columns:1fr 45px;gap:35px}.next-arrow{font-size:36px}.inner-intro{padding:25px 5% 80px;min-height:470px}.inner-intro h1{margin-top:120px}.about-intro{min-height:640px}.about-portrait{width:45%;height:310px;top:220px;right:5%}.approach-intro p{margin:65px 0 0 20%}.editorial-sections{padding:0 5% 50px}.editorial-row{display:block;padding:20px 0 80px}.row-label{margin-bottom:45px}.row-body p{font-size:24px}.approach-end{padding:30px 5% 100px}.download-row{padding:0 5% 80px}}@media(max-width:450px){.site-header nav{gap:10px;font-size:10px}.intro h1{font-size:12.5vw}.card-info{grid-template-columns:40px 1fr 16px;gap:5px}.card-info h2{font-size:27px}.card-info p{font-size:10px}.case-hero{min-height:250px}.about-portrait{opacity:.65;width:50%}.about-intro h1{position:relative;z-index:2}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.video-tile{grid-column:span 12!important;aspect-ratio:16/9;min-height:0;background:#111}.video-tile iframe{width:100%;height:100%;border:0}.project-link{text-decoration:underline;text-underline-offset:4px}
/* Two parallel studies. The original route keeps the base design above. */
.compare-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 3.2%;border-bottom:1px solid currentColor;font:700 11px Arial,sans-serif;letter-spacing:.08em;gap:20px}.compare-bar>div{display:flex;gap:22px}.compare-bar a{opacity:.48;white-space:nowrap}.compare-bar a[aria-current],.compare-bar a:hover{opacity:1;text-decoration:underline;text-underline-offset:5px}
.variant-gallery{--paper:#f8f8f5;--ink:#292927;--accent:#292927;--muted:#777771}.variant-gallery .site-header{height:90px;padding-left:6%;padding-right:6%;border-color:#d0d0cb}.variant-gallery .brand{font-family:Georgia,serif;font-size:23px;font-weight:400;letter-spacing:-.06em;line-height:.85}.variant-gallery .brand span:first-child{font-size:16px;letter-spacing:-.035em}.variant-gallery .site-header nav{font-size:11px;font-weight:400;letter-spacing:.08em}.variant-gallery .header-meta{font-weight:400}.variant-gallery .compare-bar{padding-left:6%;padding-right:6%;color:#555;border-color:#d0d0cb}.variant-gallery .gallery-intro{min-height:280px;padding:43px 6% 30px;display:block}.variant-gallery .gallery-intro h1{font:400 clamp(53px,7vw,108px)/.88 Georgia,serif;letter-spacing:-.075em;margin:30px 0 20px;white-space:normal}.variant-gallery .gallery-intro h1 em{font-style:italic}.variant-gallery .gallery-intro p{font-size:15px;line-height:1.45;margin-left:52%;color:#666}.variant-gallery .eyebrow{color:#65655f;font-size:11px;font-weight:400}.variant-gallery .work-section{padding:0 6% 130px}.variant-gallery .section-bar{border-color:#ccc;padding:13px 0 26px;font-weight:400;color:#666}.variant-gallery .work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:68px 28px}.variant-gallery .project-card:nth-child(n){grid-column:span 1}.variant-gallery .project-card:first-child{grid-column:span 2}.variant-gallery .project-card:nth-child(n) .card-image{height:auto;aspect-ratio:1.44;background:#e8e8e5}.variant-gallery .project-card:first-child .card-image{aspect-ratio:2.04}.variant-gallery .card-open,.variant-gallery .card-arrow{display:none}.variant-gallery .card-info{grid-template-columns:40px 1fr;border:0;padding:10px 0 0;margin:0;gap:9px}.variant-gallery .card-info h2{font:400 clamp(22px,2vw,32px)/1.12 Georgia,serif;letter-spacing:-.04em}.variant-gallery .card-info p,.variant-gallery .card-count{font-size:11px;font-weight:400;letter-spacing:.02em;text-transform:none;color:#777}.variant-gallery .case-topline,.variant-gallery .case-title{margin-left:6%;margin-right:6%;padding-left:0;padding-right:0}.variant-gallery .case-topline{font-weight:400;border-color:#ccc}.variant-gallery .case-title{padding-top:58px;padding-bottom:55px}.variant-gallery .case-title h1{font:400 clamp(56px,8vw,124px)/.93 Georgia,serif;letter-spacing:-.07em}.variant-gallery .case-index{font:400 35px Georgia,serif;color:#999}.variant-gallery .case-hero{height:auto;aspect-ratio:1.9;margin:0 6%;background:#e4e4e0}.variant-gallery .case-story{padding:110px 10% 140px;grid-template-columns:24% 1fr;gap:12%}.variant-gallery .story-label{border-color:#bbb;font-weight:400}.variant-gallery .story-content h2{font:400 clamp(37px,4vw,65px)/1.06 Georgia,serif;letter-spacing:-.055em;margin-bottom:55px}.variant-gallery .story-copy{columns:1;max-width:680px}.variant-gallery .story-copy p{font:400 clamp(18px,1.4vw,21px)/1.42 Georgia,serif;letter-spacing:-.015em;margin-bottom:18px}.variant-gallery .case-gallery{gap:35px;padding:0 6% 140px}.variant-gallery .gallery-item{background:#e4e4e0}.variant-gallery .next-project{background:transparent;border-color:#bbb;padding:35px 6% 95px}.variant-gallery .next-project strong{font:400 clamp(44px,7vw,100px)/.95 Georgia,serif;letter-spacing:-.075em}.variant-gallery .inner-intro{padding-left:6%;padding-right:6%}.variant-gallery .inner-intro h1,.variant-gallery .approach-end{font-family:Georgia,serif;font-weight:400}.variant-gallery .editorial-sections,.variant-gallery .download-row{padding-left:6%;padding-right:6%}.variant-gallery .row-body p{font-family:Georgia,serif;font-weight:400!important}.variant-gallery .site-footer{background:#efefeb;color:#292927;min-height:340px;padding:60px 6% 25px;border-top:1px solid #ccc}.variant-gallery .footer-lead{font:400 clamp(42px,5vw,74px)/.95 Georgia,serif;letter-spacing:-.06em}.variant-gallery .footer-mail{margin:25px 0 45px;font:400 clamp(22px,2.5vw,34px) Georgia,serif;border-color:#aaa}.variant-gallery .footer-bottom{border-color:#aaa;color:#777;font-weight:400}
.variant-zine{--paper:#101011;--ink:#f0eee8;--accent:#bdb8ae;--muted:#aaa9a2;color:#f0eee8}.variant-zine .site-header{background:#101011;border-color:#6b6962;height:94px}.variant-zine .brand{font-size:27px;line-height:.8}.variant-zine .brand span:first-child{font-size:18px}.variant-zine .period{color:#bdb8ae}.variant-zine .site-header nav{font-weight:900}.variant-zine .compare-bar{border-color:#6b6962;background:#101011}.variant-zine .compare-bar a[aria-current]{color:#bdb8ae}.variant-zine .zine-intro{min-height:510px;padding:40px 3.2% 22px;display:flex;flex-direction:column;position:relative;overflow:hidden}.variant-zine .zine-intro:before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px solid #393938;z-index:0}.variant-zine .zine-intro>*{position:relative;z-index:1}.variant-zine .zine-intro .eyebrow{font-weight:900;color:#aaa}.variant-zine .zine-intro h1{font-size:clamp(64px,10.5vw,175px);line-height:.75;letter-spacing:-.11em;margin:auto 0 45px;text-transform:uppercase}.variant-zine .zine-intro h1 em{font-weight:400;color:#bdb8ae;font-style:italic}.variant-zine .zine-intro-bottom{display:flex;justify-content:space-between;font-size:clamp(18px,3vw,43px);font-weight:900;letter-spacing:-.06em}.variant-zine .zine-intro-bottom span:last-child{color:#bdb8ae}.variant-zine .work-section{padding-bottom:85px}.variant-zine .section-bar{border-color:#777}.variant-zine .work-grid{row-gap:45px;column-gap:14px}.variant-zine .project-card:nth-child(4n+1){grid-column:span 8}.variant-zine .project-card:nth-child(4n+2){grid-column:span 4}.variant-zine .project-card:nth-child(4n+3){grid-column:span 4}.variant-zine .project-card:nth-child(4n+4){grid-column:span 8}.variant-zine .project-card:nth-child(n) .card-image{height:auto;aspect-ratio:1.48;background:#292929}.variant-zine .project-card:nth-child(4n+2) .card-image,.variant-zine .project-card:nth-child(4n+3) .card-image{aspect-ratio:.91}.variant-zine .card-image img{filter:saturate(.78) contrast(1.08)}.variant-zine .project-card:hover .card-image img{filter:none;transform:scale(1.025)}.variant-zine .card-open{background:#bdb8ae}.variant-zine .card-info{border-color:#787875;grid-template-columns:60px 1fr 25px;margin-top:9px;padding-top:11px}.variant-zine .card-count{color:#bdb8ae;font-weight:900}.variant-zine .card-info h2{text-transform:uppercase;font-weight:900;line-height:.94;font-size:clamp(24px,3.2vw,52px);letter-spacing:-.075em}.variant-zine .card-info p{color:#a9a8a1;font-weight:900}.variant-zine .case-topline{border-color:#666}.variant-zine .case-title{padding-top:45px;padding-bottom:0;position:relative;z-index:2}.variant-zine .case-title h1{color:#bdb8ae;text-transform:uppercase;font-size:clamp(60px,10.5vw,165px);line-height:.75;font-weight:900;max-width:1100px}.variant-zine .case-index{color:#bdb8ae;font-weight:900}.variant-zine .case-hero{height:auto;aspect-ratio:1.67;background:#262626;margin-top:28px}.variant-zine .case-story{padding:105px 3.2% 140px;border-bottom:1px solid #5a5a55;grid-template-columns:24% 1fr;gap:9%}.variant-zine .story-label{border-color:#bdb8ae;color:#bdb8ae;font-weight:900}.variant-zine .story-content h2{color:#f0eee8;font-size:clamp(52px,7vw,105px);line-height:.9;font-weight:900;max-width:900px}.variant-zine .story-copy{columns:2;column-gap:60px;max-width:930px}.variant-zine .story-copy p{font-size:clamp(18px,1.55vw,24px);line-height:1.24;font-weight:500;letter-spacing:-.025em;margin-bottom:18px}.variant-zine .case-gallery{padding-top:70px;gap:13px}.variant-zine .gallery-item{background:#272727}.variant-zine .next-project{background:#bdb8ae;color:#101011;border:0}.variant-zine .next-project strong{text-transform:uppercase;font-weight:900}.variant-zine .editorial-row{border-color:#686862}.variant-zine .row-label{color:#bdb8ae}.variant-zine .approach-end em,.variant-zine .inner-intro h1 em{color:#bdb8ae}.variant-zine .site-footer{background:#101011;color:#f0eee8;border-top:1px solid #777}.variant-zine .footer-lead em{color:#bdb8ae}.variant-zine .footer-bottom{color:#999}
@media(max-width:800px){.compare-bar{padding:12px 5%;display:block;font-size:10px}.compare-bar>span{display:none}.compare-bar>div{justify-content:space-between;gap:9px}.variant-gallery .site-header,.variant-gallery .compare-bar{padding-left:5%;padding-right:5%}.variant-gallery .gallery-intro{min-height:250px;padding:35px 5% 25px}.variant-gallery .gallery-intro h1{font-size:clamp(55px,11vw,90px);margin:27px 0 14px}.variant-gallery .gallery-intro p{margin-left:0;font-size:13px}.variant-gallery .work-section{padding:0 5% 80px}.variant-gallery .work-grid{display:block}.variant-gallery .project-card:nth-child(n){margin-bottom:50px}.variant-gallery .project-card:nth-child(n) .card-image{aspect-ratio:1.25}.variant-gallery .case-title,.variant-gallery .case-topline{margin-left:5%;margin-right:5%}.variant-gallery .case-hero{margin:0 5%;aspect-ratio:1.35;min-height:0}.variant-gallery .case-story{padding:70px 5% 100px}.variant-gallery .story-content h2{font-size:43px}.variant-gallery .case-gallery{padding:0 5% 80px}.variant-gallery .next-project{padding:30px 5% 80px}.variant-gallery .site-footer{padding:50px 5% 25px}.variant-zine .zine-intro{min-height:420px;padding:35px 5% 25px}.variant-zine .zine-intro h1{font-size:clamp(58px,12vw,105px);margin:auto 0 45px}.variant-zine .work-section{padding:0 5% 75px}.variant-zine .work-grid{display:block}.variant-zine .project-card:nth-child(n){margin-bottom:60px}.variant-zine .project-card:nth-child(n) .card-image{aspect-ratio:1.15}.variant-zine .case-story{display:block;padding:75px 5% 100px}.variant-zine .story-content h2{font-size:clamp(50px,9vw,75px)}.variant-zine .story-copy{columns:1}.variant-zine .case-hero{aspect-ratio:1.25;min-height:0}.variant-zine .case-gallery{padding-top:40px}.variant-zine .case-title h1{font-size:clamp(56px,12vw,100px)}}
/* Raw Zine image pacing: show the source at a credible size and keep its ratio. */
.variant-zine .card-image img[data-source-small]{max-width:var(--crisp-width);margin:0 auto;object-fit:contain;background:#19191a}
.variant-zine .zine-work-grid .project-card.card-5 .card-image img{width:100%;max-width:none;height:100%;object-fit:cover;object-position:center 25%;background:transparent}
.variant-zine .case-title h1{color:var(--ink)}
.variant-zine .case-hero{height:auto;aspect-ratio:auto;min-height:0;margin-top:28px;padding:36px 3.2%;background:#202022;display:flex;align-items:center;justify-content:center}
.variant-zine .case-hero img{width:min(100%,var(--crisp-width,1400px));height:auto;max-height:86vh;object-fit:contain}
.variant-zine .case-gallery .gallery-item:not(.video-tile){min-height:0;display:flex;align-items:center;justify-content:center;background:#202022}
.variant-zine .case-gallery .gallery-item img{width:min(100%,var(--crisp-width,1400px));height:auto;min-height:0;max-height:85vh;object-fit:contain}
.variant-zine .case-gallery .gallery-item:nth-child(7n+1),.variant-zine .case-gallery .gallery-item:nth-child(7n+5){padding:28px}
@media(max-width:800px){.variant-zine .case-hero{padding:18px 5%}.variant-zine .case-gallery .gallery-item:nth-child(n){padding:0}.variant-zine .case-gallery .gallery-item img{max-height:none}}
/* Curated Raw Zine index and case-study pacing */
.variant-zine .featured-grid{grid-template-columns:repeat(12,minmax(0,1fr));row-gap:85px;column-gap:22px}.variant-zine .featured-grid .project-card:nth-child(1){grid-column:span 12}.variant-zine .featured-grid .project-card:nth-child(2),.variant-zine .featured-grid .project-card:nth-child(3){grid-column:span 6}.variant-zine .featured-grid .project-card:nth-child(4){grid-column:span 7}.variant-zine .featured-grid .project-card:nth-child(5){grid-column:span 5}.variant-zine .featured-grid .project-card:nth-child(6){grid-column:span 12}.variant-zine .featured-grid .project-card:nth-child(1) .card-image{aspect-ratio:1.72}.variant-zine .featured-grid .project-card:nth-child(6) .card-image{aspect-ratio:1.95}.variant-zine .featured-grid .project-card:nth-child(2) .card-image,.variant-zine .featured-grid .project-card:nth-child(3) .card-image{aspect-ratio:1.18}.variant-zine .featured-grid .project-card:nth-child(4) .card-image{aspect-ratio:1.25}.variant-zine .featured-grid .project-card:nth-child(5) .card-image{aspect-ratio:.92}.variant-zine .featured-grid .project-card:nth-child(1) .card-info h2{font-size:clamp(44px,6vw,90px)}.variant-zine .zine-more{padding:0 3.2% 110px}.variant-zine .zine-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:65px 20px}.variant-zine .zine-more-grid .project-card{grid-column:auto!important}.variant-zine .zine-more-grid .card-image{aspect-ratio:1.35!important}.variant-zine .zine-more-grid .card-info{grid-template-columns:43px 1fr 18px}.variant-zine .zine-more-grid .card-info h2{font-size:clamp(22px,2.2vw,34px)}.variant-zine .zine-more-grid .card-info p{font-size:10px}.variant-zine .zine-more-grid .card-count{font-size:10px}
.variant-zine .lead-film{padding:65px 3.2% 0}.variant-zine .film-label{color:#bdb8ae;border-top:1px solid #bdb8ae;padding:15px 0 22px;font-size:12px;letter-spacing:.1em;font-weight:900}.variant-zine .lead-film .video-tile{aspect-ratio:16/9;max-width:1500px;margin:0 auto}.variant-zine .case--braunxvirgilabloh .case-story{padding-top:140px}.variant-zine .case-audio{padding:0 3.2% 100px;display:grid;grid-template-columns:28% 1fr;gap:5%;align-items:start}.variant-zine .case-audio span{font-size:12px;letter-spacing:.08em;font-weight:900;color:#bdb8ae;border-top:1px solid #bdb8ae;padding-top:15px}.variant-zine .case-audio iframe{width:100%;height:165px;border:0;background:#222}.variant-zine .case--v-o-i-d .case-story{padding-top:100px;padding-bottom:80px;border-bottom:0}.variant-zine .case--v-o-i-d .story-content h2{max-width:980px}.variant-zine .case--v-o-i-d .case-hero{background:#080808;margin-top:0}.variant-zine .void-gallery{gap:8px}.variant-zine .void-gallery .gallery-item{background:#050505}.variant-zine .curated-extra{border-top:1px solid #777;padding:20px 3.2% 110px}.variant-zine .curated-extra h2{font-size:12px;letter-spacing:.1em;color:#bdb8ae;margin-bottom:40px}.variant-zine .curated-extra>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.variant-zine .curated-extra figure{margin:0;background:#202022;display:grid;place-items:center;min-height:180px}.variant-zine .curated-extra img,.variant-zine .curated-extra video{display:block;width:100%;height:auto;max-height:80vh;object-fit:contain}.variant-zine .curated-braun-pocket-shaver figure:nth-child(4n+1){grid-column:span 2}
.variant-zine .case--braunxvirgilabloh .lead-film .video-tile{aspect-ratio:10/7;max-width:1370px}
@media(max-width:800px){.variant-zine .featured-grid,.variant-zine .zine-more-grid{display:block}.variant-zine .featured-grid .project-card:nth-child(n),.variant-zine .zine-more-grid .project-card:nth-child(n){margin-bottom:55px}.variant-zine .featured-grid .project-card:nth-child(n) .card-image,.variant-zine .zine-more-grid .card-image{aspect-ratio:1.15!important}.variant-zine .featured-grid .project-card:nth-child(1) .card-info h2{font-size:clamp(32px,8vw,58px)}.variant-zine .zine-more{padding:0 5% 60px}.variant-zine .zine-more-grid .card-info h2{font-size:30px}.variant-zine .lead-film{padding:45px 5% 0}.variant-zine .case-audio{display:block;padding:0 5% 75px}.variant-zine .case-audio span{display:block;margin-bottom:20px}.variant-zine .case--v-o-i-d .case-story{padding:75px 5% 65px}.variant-zine .curated-extra{padding:20px 5% 80px}.variant-zine .curated-extra>div{grid-template-columns:1fr 1fr}.variant-zine .curated-braun-pocket-shaver figure:nth-child(4n+1){grid-column:span 2}}@media(max-width:480px){.variant-zine .curated-extra>div{grid-template-columns:1fr}.variant-zine .curated-braun-pocket-shaver figure:nth-child(n){grid-column:span 1}}
@media(max-width:480px){.variant-zine .zine-intro h1{font-size:clamp(39px,11vw,58px);letter-spacing:-.105em}.variant-zine .case-title h1{font-size:clamp(40px,10.5vw,58px);overflow-wrap:anywhere}.variant-zine .story-content h2{font-size:clamp(38px,9.5vw,52px);overflow-wrap:anywhere}.variant-zine .footer-lead{font-size:clamp(32px,9vw,52px);overflow-wrap:anywhere}.variant-zine .approach-intro h1{font-size:10.5vw;overflow-wrap:anywhere}.variant-zine .next-project strong{font-size:clamp(38px,9vw,55px);overflow-wrap:anywhere}}
/* Continuous magazine rhythm across all sixteen projects. */
.variant-zine .zine-work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:82px}.variant-zine .zine-work-grid .project-card:nth-of-type(n){grid-column:auto}.variant-zine .zine-work-grid .project-card:nth-of-type(1),.variant-zine .zine-work-grid .project-card:nth-of-type(4),.variant-zine .zine-work-grid .project-card:nth-of-type(7),.variant-zine .zine-work-grid .project-card:nth-of-type(10),.variant-zine .zine-work-grid .project-card:nth-of-type(13),.variant-zine .zine-work-grid .project-card:nth-of-type(16){grid-column:span 7}.variant-zine .zine-work-grid .project-card:nth-of-type(2),.variant-zine .zine-work-grid .project-card:nth-of-type(3),.variant-zine .zine-work-grid .project-card:nth-of-type(8),.variant-zine .zine-work-grid .project-card:nth-of-type(9),.variant-zine .zine-work-grid .project-card:nth-of-type(14),.variant-zine .zine-work-grid .project-card:nth-of-type(15){grid-column:span 5}.variant-zine .zine-work-grid .project-card:nth-of-type(5),.variant-zine .zine-work-grid .project-card:nth-of-type(6),.variant-zine .zine-work-grid .project-card:nth-of-type(11),.variant-zine .zine-work-grid .project-card:nth-of-type(12){grid-column:span 6}.variant-zine .zine-work-grid .project-card:nth-of-type(n) .card-image{height:auto;aspect-ratio:1.36}.variant-zine .zine-work-grid .project-card:nth-of-type(2),.variant-zine .zine-work-grid .project-card:nth-of-type(3),.variant-zine .zine-work-grid .project-card:nth-of-type(8),.variant-zine .zine-work-grid .project-card:nth-of-type(9),.variant-zine .zine-work-grid .project-card:nth-of-type(14),.variant-zine .zine-work-grid .project-card:nth-of-type(15){margin-top:5vw}.variant-zine .zine-work-grid .project-card:nth-of-type(2) .card-image,.variant-zine .zine-work-grid .project-card:nth-of-type(3) .card-image,.variant-zine .zine-work-grid .project-card:nth-of-type(8) .card-image,.variant-zine .zine-work-grid .project-card:nth-of-type(9) .card-image,.variant-zine .zine-work-grid .project-card:nth-of-type(14) .card-image,.variant-zine .zine-work-grid .project-card:nth-of-type(15) .card-image{aspect-ratio:1.04}.variant-zine .zine-work-grid .project-card:nth-of-type(5) .card-image,.variant-zine .zine-work-grid .project-card:nth-of-type(6) .card-image,.variant-zine .zine-work-grid .project-card:nth-of-type(11) .card-image,.variant-zine .zine-work-grid .project-card:nth-of-type(12) .card-image{aspect-ratio:1.18}.variant-zine .zine-work-grid .project-card:nth-of-type(4n){padding-bottom:28px;border-bottom:1px solid #484845}.variant-zine .void-links{margin:0 3.2% 80px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.variant-zine .void-links p{margin:0}.variant-zine .void-links a{display:block;border-top:1px solid #bdb8ae;padding:16px 0 30px;color:#bdb8ae;text-transform:uppercase;font-size:clamp(18px,2.5vw,34px);font-weight:900;letter-spacing:-.04em}.variant-zine .void-links a:hover{color:#f0eee8}
@media(max-width:800px){.variant-zine .zine-work-grid{display:block}.variant-zine .zine-work-grid .project-card:nth-of-type(n){margin-top:0;margin-bottom:60px;padding-bottom:0;border:0}.variant-zine .zine-work-grid .project-card:nth-of-type(n) .card-image{aspect-ratio:1.16}.variant-zine .void-links{margin:0 5% 65px;gap:12px}}@media(max-width:480px){.variant-zine .void-links{display:block}.variant-zine .void-links p+p{margin-top:14px}.variant-zine .void-links a{padding:14px 0 18px;font-size:22px}}
.variant-zine .zine-work-grid .project-card:nth-of-type(4n){padding-bottom:0;border:0}.variant-zine .zine-work-grid .sequence-rule{grid-column:1/-1;border-top:1px solid #575752;display:flex;justify-content:space-between;align-items:center;color:#8f8e87;padding-top:14px;margin-top:-28px;margin-bottom:-22px;font-size:11px;font-weight:800;letter-spacing:.08em}.variant-zine .zine-work-grid .sequence-rule span:first-child{color:#bdb8ae}@media(max-width:800px){.variant-zine .zine-work-grid .sequence-rule{margin:0 0 60px;padding-top:13px}}
/* Pocket Shaver: campaign motion and the original 66-frame website sequence. */
.variant-zine .pocket-films,.variant-zine .pocket-product-films,.variant-zine .pocket-motion,.variant-zine .pocket-experience,.variant-zine .pocket-website{padding:65px 3.2% 0}
.variant-zine .pocket-films .film-label,.variant-zine .pocket-product-films .film-label,.variant-zine .pocket-motion .film-label,.variant-zine .pocket-experience .film-label,.variant-zine .pocket-website .film-label{max-width:1500px;margin:0 auto 22px}
.variant-zine .pocket-films .video-tile{aspect-ratio:16/9;max-width:1500px;margin:0 auto}
.variant-zine .pocket-motion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:900px;margin:0 auto}
.variant-zine .pocket-motion-grid figure{margin:0;aspect-ratio:1;background:#242426;overflow:hidden}
.variant-zine .pocket-motion-grid img{display:block;width:100%;height:100%;object-fit:contain}
.variant-zine .pocket-short-films{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1500px;margin:0 auto}
.variant-zine .pocket-short-films .video-tile{width:100%;aspect-ratio:16/9}
.variant-zine .pocket-stage{max-width:1250px;margin:0 auto;background:#202022;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden}
.variant-zine .pocket-stage img{display:block;width:100%;height:100%;object-fit:contain}
.variant-zine .pocket-website-opener{max-width:1250px;margin:0 auto 22px;background:#202022}
.variant-zine .pocket-website-opener img{display:block;width:100%;height:auto;object-fit:contain}
.variant-zine .pocket-controls,.variant-zine .pocket-chapters{max-width:1250px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #555;gap:16px}
.variant-zine .pocket-controls{padding:14px 0;color:#bdb8ae;font-size:12px;font-weight:900;letter-spacing:.08em}
.variant-zine .pocket-controls>div{display:flex;align-items:center;gap:12px}
.variant-zine .pocket-controls button,.variant-zine .pocket-chapters button{font:inherit;letter-spacing:inherit;background:transparent;color:inherit;border:0;cursor:pointer}
.variant-zine .pocket-controls button[data-prev],.variant-zine .pocket-controls button[data-next]{border:1px solid #777;width:46px;height:40px;font-size:22px}
.variant-zine .pocket-controls button:hover:not(:disabled),.variant-zine .pocket-chapters button:hover{color:#fff}
.variant-zine .pocket-controls button:disabled{opacity:.35;cursor:default}
.variant-zine .pocket-controls button[data-play]{padding:12px 0;text-decoration:underline;text-underline-offset:5px}
.variant-zine .pocket-chapters{justify-content:stretch;gap:0}
.variant-zine .pocket-chapters button{flex:1;color:#888;min-height:50px;border-bottom:2px solid transparent;font-size:12px;font-weight:900}
.variant-zine .pocket-chapters button[aria-current]{color:#f0eee8;border-color:#bdb8ae}
.variant-zine .pocket-instruction{max-width:1250px;margin:15px auto 0;color:#898981;font-size:11px;letter-spacing:.08em;font-weight:700}
.variant-zine .pocket-website{padding-bottom:120px}
.variant-zine .pocket-overview{display:flex;justify-content:center;background:#202022;padding:22px;max-width:1250px;margin:0 auto}
.variant-zine .pocket-overview img{display:block;width:100%;max-width:1180px;height:auto;object-fit:contain}
@media(max-width:800px){.variant-zine .pocket-films,.variant-zine .pocket-product-films,.variant-zine .pocket-motion,.variant-zine .pocket-experience,.variant-zine .pocket-website{padding:45px 5% 0}.variant-zine .pocket-motion-grid{gap:8px}.variant-zine .pocket-short-films{grid-template-columns:1fr;gap:14px}.variant-zine .pocket-controls{gap:8px}.variant-zine .pocket-controls button[data-prev],.variant-zine .pocket-controls button[data-next]{width:40px;height:38px}.variant-zine .pocket-controls button[data-play]{font-size:10px}.variant-zine .pocket-overview{padding:10px}.variant-zine .pocket-website{padding-bottom:80px}}
/* Quiet motion: type arrives once, images enter as the reader reaches them. */
@media(prefers-reduced-motion:no-preference){
 .variant-zine .zine-intro h1,.variant-zine .case-title h1{animation:zine-title-in .85s cubic-bezier(.2,.7,.2,1) both}
 .variant-zine .zine-intro-bottom{animation:zine-title-in .85s .15s cubic-bezier(.2,.7,.2,1) both}
 .variant-zine.motion-ready .zine-work-grid .project-card,.variant-zine.motion-ready .case-hero,.variant-zine.motion-ready .case-story,.variant-zine.motion-ready .curated-extra figure,.variant-zine.motion-ready .pocket-transition{opacity:0;transform:translateY(22px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
 .variant-zine.motion-ready .zine-work-grid .project-card.is-visible,.variant-zine.motion-ready .case-hero.is-visible,.variant-zine.motion-ready .case-story.is-visible,.variant-zine.motion-ready .curated-extra figure.is-visible,.variant-zine.motion-ready .pocket-transition.is-visible{opacity:1;transform:none}
}
@keyframes zine-title-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.variant-zine .editorial-sections .row-body p:first-child{font-weight:500}
.variant-zine .approach-intro + .editorial-sections{padding-bottom:0}
.variant-zine .approach-intro + .editorial-sections .editorial-row:last-child{padding-bottom:100px}
.variant-zine .approach-statement{border-top:1px solid #777;min-height:620px;padding:70px 3.2% 90px;position:relative;display:flex;align-items:center;overflow:hidden}
.variant-zine .approach-statement:before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px solid #393938}
.variant-zine .approach-statement h2{position:relative;font-size:clamp(68px,10.5vw,175px);font-weight:900;line-height:.75;letter-spacing:-.11em}
.variant-zine .approach-statement em{font-family:Georgia,Times,serif;font-weight:400;font-style:italic;color:#bdb8ae;letter-spacing:-.085em}
@media(max-width:800px){.variant-zine .approach-intro + .editorial-sections .editorial-row:last-child{padding-bottom:85px}.variant-zine .approach-statement{min-height:440px;padding:55px 5% 65px}}
@media(max-width:480px){.variant-zine .approach-statement{min-height:320px;padding:45px 5%}.variant-zine .approach-statement h2{font-size:clamp(35px,10vw,50px);letter-spacing:-.095em}}

/* A small identifier, with the large typography reserved for the work. */
.variant-zine .site-header{height:78px;padding-top:15px;padding-bottom:15px}
.variant-zine .brand{display:flex;flex-direction:column;gap:4px;align-self:center;width:max-content;font-family:Arial,Helvetica,sans-serif;font-weight:700;line-height:1;white-space:nowrap}
.variant-zine .brand span.brand-name{font-size:20px;letter-spacing:-.045em}
.variant-zine .brand span.brand-role{font-size:10px;font-weight:700;letter-spacing:.055em;color:#aaa9a2}
@media(max-width:800px){.variant-zine .site-header{height:74px}.variant-zine .brand span.brand-name{font-size:16px;letter-spacing:-.04em}.variant-zine .brand span.brand-role{font-size:9px;letter-spacing:.025em}}
@media(max-width:360px){.variant-zine .site-header nav{gap:10px}}
.variant-zine .zine-intro-bottom{justify-content:flex-end}
.variant-zine .site-footer{min-height:420px}
.variant-zine .footer-lead{font-size:clamp(60px,8vw,145px);line-height:.9;white-space:nowrap}
@media(max-width:800px){.variant-zine .site-footer{min-height:360px}.variant-zine .footer-lead{font-size:clamp(38px,10vw,72px)}}
.variant-zine .site-footer{min-height:340px;padding-top:32px}
.variant-zine .footer-label{font-size:12px;font-weight:800;letter-spacing:.09em;color:#a9a8a1}
.variant-zine .footer-mail{font-size:clamp(27px,4vw,56px);margin:65px 0 75px;letter-spacing:-.055em}
@media(max-width:800px){.variant-zine .site-footer{min-height:310px;padding-top:30px}.variant-zine .footer-mail{font-size:clamp(19px,5.5vw,42px);margin:55px 0 70px}}

/* Case-specific desktop spreads. The class sequence is curated per project. */
@media(min-width:801px){
 .variant-zine .case-gallery>.gallery-item.frame--wide{grid-column:span 12!important}
 .variant-zine .case-gallery>.gallery-item.frame--half{grid-column:span 6!important}
 .variant-zine .case-gallery>.gallery-item.frame--third{grid-column:span 4!important}
 .variant-zine .case-gallery>.gallery-item.frame--narrow{grid-column:span 5!important}
 .variant-zine .case-gallery>.gallery-item.frame--seven{grid-column:span 7!important}
 .variant-zine .case-gallery>.gallery-item:nth-child(n){padding:0}
 .variant-zine .case-gallery>.gallery-item.frame--solo-portrait{width:min(100%,800px);justify-self:center}
 .variant-zine .case-gallery>.gallery-item.frame--third img{max-height:72vh}
 .variant-zine .case-gallery>.gallery-item.frame--half.video-tile{aspect-ratio:16/9}
 .variant-zine .case--braun-highsnobiety .case-gallery>.frame--half img{max-height:76vh}
 .variant-zine .case--royal-salute-x-richard-quinn .quinn-chapter{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:1fr 1fr;gap:13px;margin:48px 0 18px}
 .variant-zine .case--royal-salute-x-richard-quinn .quinn-chapter>.gallery-item{padding:0;min-height:0}
 .variant-zine .case--royal-salute-x-richard-quinn .quinn-chapter>.gallery-item:nth-child(1){grid-column:1!important;grid-row:1}
 .variant-zine .case--royal-salute-x-richard-quinn .quinn-chapter>.gallery-item:nth-child(2){grid-column:1!important;grid-row:2}
 .variant-zine .case--royal-salute-x-richard-quinn .quinn-chapter>.gallery-item:nth-child(3){grid-column:2!important;grid-row:1/3;width:100%;justify-self:stretch}
 .variant-zine .case--royal-salute-x-richard-quinn .quinn-chapter>.gallery-item:nth-child(3) img{max-height:none}
 .variant-zine .case--royal-salute-x-richard-quinn .quinn-chapter--pink{margin-top:64px}
 .variant-zine .case--royal-salute-x-richard-quinn .quinn-chapter--pink + .frame--wide{margin-top:72px}
}
@media(max-width:800px){.variant-zine .case--royal-salute-x-richard-quinn .quinn-chapter{display:contents}}

@media(max-width:480px){.variant-zine .next-project--long{grid-template-columns:minmax(0,1fr) 36px;column-gap:14px}.variant-zine .next-project--long strong{font-size:clamp(32px,9vw,42px);overflow-wrap:normal;word-break:normal}}

.variant-zine .case--braun-craftsmanship .case-gallery>.video-tile--screen{aspect-ratio:13/8;width:100%;max-width:1180px;justify-self:center;background:#000}