@font-face{font-family:Anton;src:url('/assets/anton.ttf') format('truetype');font-display:swap;font-style:normal;font-weight:400}
:root{--paper:#0b0d10;--ink:#f7f8fa;--muted:#a5abb5;--accent:#789bff;--line:#2c313a;--pad:3.4vw;--display:Anton,Impact,'Arial Narrow',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}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}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{display:block;max-width:100%}::selection{background:var(--accent);color:var(--paper)}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--ink);color:var(--paper);padding:15px}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px var(--pad);border-bottom:1px solid var(--line);min-height:83px}.monogram{font-weight:900;font-size:30px;letter-spacing:-2px;line-height:1}.monogram span{color:var(--accent)}.header-role{font-size:11px;line-height:1.4;letter-spacing:.04em;margin-right:auto;margin-left:32px}.nav{display:flex;align-items:center;gap:30px;font-size:12px}.nav a{padding:12px 0}.nav a:hover,.text-link:hover{color:var(--accent)}.nav .contact-link{border-bottom:1px solid var(--ink);padding-bottom:6px}.masthead{padding:25px var(--pad) 29px}.name{font-family:var(--display);font-size:12.6vw;line-height:1.04;letter-spacing:-.025em;font-weight:400;white-space:nowrap;margin:0 0 26px;animation:arrive .65s both}.name .surname{color:var(--ink)}.intro-row{display:flex;justify-content:space-between;align-items:end;gap:30px}.intro-row p{font-size:clamp(19px,2.15vw,33px);line-height:1.12;letter-spacing:-.035em;margin:0;max-width:580px}.intro-aside{font-size:11px;line-height:1.65;text-align:right;color:var(--muted)}.intro-aside b{color:var(--ink);font-weight:400}.hero{margin:0 var(--pad);position:relative;background:#222;aspect-ratio:2.25;min-height:390px;color:white;overflow:hidden}.hero-slide{position:absolute;inset:0;display:block}.hero-slide[hidden]{display:none}.hero-slide>img{width:100%;height:100%;object-fit:cover;object-position:center 45%}.hero-slide:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 25%,#0002 50%,#000b)}.hero-content{position:absolute;bottom:45px;left:35px;right:35px;display:flex;justify-content:space-between;align-items:end;gap:25px;z-index:1}.eyebrow{font-size:10px;letter-spacing:.09em;text-transform:uppercase;line-height:1.6}.hero-title{font-family:var(--display);font-size:clamp(42px,5.7vw,86px);font-weight:400;line-height:1.08;letter-spacing:-.02em;margin:7px 0 0;text-transform:uppercase}.round-link{display:flex;align-items:center;gap:13px;font-size:12px}.round-link .circle{border:1px solid #fff8;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:21px;transition:background .2s,color .2s}.hero-slide:hover .circle{background:white;color:var(--ink)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 var(--pad);padding:16px 0 20px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.05em}.hero-controls{display:flex;gap:8px}.hero-controls button{width:43px;height:37px;background:none;border:0;color:var(--muted);font-size:11px;border-bottom:2px solid transparent}.hero-controls button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--accent)}.hero-controls button:hover{background:#20252d}.section{padding:100px var(--pad) 0}.section-heading{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:end;margin-bottom:32px}.section-heading h2{font-size:clamp(33px,4.3vw,65px);font-weight:500;letter-spacing:-.065em;line-height:1;margin:0}.section-heading sup{font:11px Arial;letter-spacing:0;vertical-align:top;display:inline-block;margin:4px 0 0 8px}.section-heading p{font-size:12px;color:var(--muted);max-width:250px;line-height:1.6;margin:0}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 24px}.work-card{display:block;min-width:0}.card-image{overflow:hidden;background:#171b21;aspect-ratio:16/10;position:relative}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.65,.2,1)}.card-action{position:absolute;bottom:20px;right:20px;width:46px;height:46px;border-radius:50%;background:var(--paper);color:var(--ink);display:grid;place-items:center;font-size:22px;transition:transform .25s,background .25s}.work-card:hover img{transform:scale(1.025)}.work-card:hover .card-action{background:var(--accent);color:var(--paper);transform:rotate(-45deg)}.card-meta{display:flex;justify-content:space-between;gap:20px;align-items:start;padding-top:15px}.card-meta h3{font-size:18px;font-weight:500;letter-spacing:-.04em;margin:0 0 6px}.card-meta p{font-size:11px;line-height:1.5;color:var(--muted);margin:0}.card-number{font-size:10px;color:var(--muted);padding-top:4px}.archive-heading{display:flex;justify-content:space-between;margin:70px 0 20px;font-size:11px;color:var(--muted)}.archive-row{display:grid;grid-template-columns:45px minmax(0,1fr) 180px 35px;gap:16px;align-items:center;min-height:86px;border-top:1px solid var(--line);transition:padding .2s,background .2s}.archive-row:last-child{border-bottom:1px solid var(--line)}.archive-row .num{font-size:11px;color:var(--muted)}.archive-row h3{font-size:clamp(20px,2.2vw,34px);font-weight:500;letter-spacing:-.045em;margin:0}.archive-row .category{font-size:11px;color:var(--muted)}.archive-row .arrow{font-size:24px}.archive-row:hover{padding-left:12px;background:#171b21}.about{margin-top:110px;padding:70px var(--pad) 80px;background:#12151a;color:var(--ink);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.about-title{font-family:var(--display);text-transform:uppercase;font-weight:400;font-size:clamp(66px,8.8vw,145px);line-height:.99;letter-spacing:-.035em;margin:25px 0 35px}.about-title em{color:var(--ink);font-style:normal}.about-intro{font-size:26px;line-height:1.2;letter-spacing:-.04em;margin:10px 0 26px}.about-copy{padding-top:30px}.about-copy p{font-size:15px;line-height:1.75;color:#b8bec8;margin:0 0 23px}.about-copy p strong{color:var(--ink);font-weight:400}.about-notes{font-size:11px;line-height:1.7;color:#a5abb5}.experience{border-top:1px solid #303640;margin-top:38px;padding-top:20px}.experience .eyebrow{color:#a5abb5}.experience p{font-size:14px;line-height:1.9;color:var(--ink);margin:14px 0 0}.about-link{display:inline-block;margin-top:17px;font-size:13px;padding-bottom:8px;border-bottom:1px solid #707b8c}.about-link:hover{color:var(--accent)}.contact{border-top:1px solid var(--line);padding:45px var(--pad) 25px}.contact-top{display:flex;justify-content:space-between;gap:24px;font-size:12px}.contact-top p{max-width:255px;color:var(--muted);line-height:1.5;margin:0}.contact-title{font-family:var(--display);text-transform:uppercase;font-size:clamp(60px,12.4vw,190px);font-weight:400;line-height:1.05;letter-spacing:-.035em;margin:35px 0 40px;display:block}.contact-title .arrow{color:var(--accent);display:inline-block;transition:transform .2s}.contact-title:hover .arrow{transform:translate(8px,-8px)}.contact-details{display:flex;justify-content:space-between;align-items:end;gap:25px;padding-bottom:45px}.email{font-size:clamp(17px,2vw,26px);letter-spacing:-.03em;border-bottom:1px solid var(--ink);padding-bottom:8px;overflow-wrap:anywhere}.footer{padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:var(--muted);gap:30px}.footer a{color:var(--ink)}dialog{border:0;background:var(--paper);color:var(--ink);padding:0;width:min(1200px,94vw);max-width:94vw;max-height:92svh}dialog::backdrop{background:#000d;backdrop-filter:blur(6px)}.dialog-header{padding:20px 25px;position:sticky;top:0;z-index:1;background:var(--paper);display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line)}.dialog-header h2{font-size:20px;font-weight:500;letter-spacing:-.03em;margin:0}.close{width:44px;height:44px;border:1px solid var(--line);background:none;font-size:24px}.dialog-body{padding:25px}.dialog-body p{font-size:13px;line-height:1.6;max-width:700px}.project-header{padding:45px var(--pad) 40px}.back-link{font-size:11px;border-bottom:1px solid var(--ink);padding-bottom:5px;display:inline-block}.project-heading{font-family:var(--display);font-size:clamp(50px,8.5vw,138px);text-transform:uppercase;font-weight:400;line-height:1.06;letter-spacing:-.035em;margin:45px 0 25px}.project-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.project-summary .eyebrow{padding-top:5px;color:var(--muted)}.project-summary p{font-size:clamp(17px,1.7vw,23px);line-height:1.5;letter-spacing:-.025em;margin:0}.screen-wrap{margin:0 var(--pad)}.film-screen{position:relative;aspect-ratio:16/9;background:#111;overflow:hidden}.film-screen iframe{width:100%;height:100%;border:0;display:block}.film-launch{position:absolute;inset:0;border:0;padding:0;width:100%;height:100%;background:#111;color:white}.film-launch img{width:100%;height:100%;object-fit:cover;opacity:.85}.film-launch:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#0006)}.play-circle{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:13px;align-items:center;font-size:12px;text-shadow:0 1px 10px black}.play-icon{width:90px;height:90px;border:1px solid #fffd;border-radius:50%;display:grid;place-items:center;background:#0003;backdrop-filter:blur(4px);font-size:27px;padding-left:5px;transition:background .2s}.film-launch:hover .play-icon{background:var(--accent);color:var(--paper);text-shadow:none}.film-picker{display:flex;flex-wrap:wrap;gap:10px;padding:18px 0}.film-picker button{background:none;border:1px solid var(--line);padding:13px 20px;font-size:12px}.film-picker button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.film-help{font-size:11px;line-height:1.6;color:var(--muted);margin:10px 0}.film-help a{text-decoration:underline;text-underline-offset:3px}.project-detail{margin:65px var(--pad) 90px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-detail h2{font-size:30px;font-weight:500;letter-spacing:-.05em;margin:0}.project-detail p{font-size:16px;line-height:1.8;margin:0;max-width:750px}.next-project{display:block;border-top:1px solid var(--line);padding:30px var(--pad) 65px}.next-project h2{font-family:var(--display);text-transform:uppercase;font-size:clamp(35px,6vw,90px);font-weight:400;letter-spacing:-.035em;line-height:1.1;margin:15px 0 0}.next-project h2 span{color:var(--accent)}.about-page{margin-top:0}.project-footer{padding:0 var(--pad) 30px}.standalone-contact{margin-top:0}.status-note{color:var(--muted);font-size:12px}
@media(min-width:801px){.name{font-size:14.6vw}}
@keyframes arrive{from{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(min-width:1800px){body{--pad:5vw}.name{font-size:12.2vw}.hero{max-height:820px}}
@media(max-width:800px){body{--pad:5vw}.site-header{min-height:75px;padding-top:17px;padding-bottom:17px}.header-role{margin-left:5px;font-size:9px}.nav{gap:19px;font-size:11px}.masthead{padding-top:25px}.name{font-size:12.2vw;margin-bottom:25px}.intro-row p{font-size:23px;max-width:390px}.intro-aside{font-size:10px;max-width:155px}.hero{min-height:360px;aspect-ratio:1.6}.hero-content{left:24px;right:24px;bottom:30px}.hero-title{font-size:48px}.hero-content .round-link .watch-label{display:none}.hero-bottom{padding-top:10px}.section{padding-top:75px}.section-heading h2{font-size:43px}.work-grid{gap:35px 18px}.card-meta h3{font-size:17px}.about{grid-template-columns:1fr;gap:10px;margin-top:80px;padding-top:50px;padding-bottom:55px}.about-title{font-size:100px;margin-bottom:25px}.about-copy{padding-top:5px;max-width:620px}.about-intro{max-width:410px}.project-header{padding-top:30px}.project-summary{grid-template-columns:1fr;gap:20px}.project-summary p{max-width:650px}.project-detail{grid-template-columns:1fr;gap:20px;margin-top:50px;margin-bottom:60px}.project-heading{margin-top:35px}.archive-row{grid-template-columns:30px 1fr 130px 25px;gap:12px}}
@media(max-width:520px){.header-role{display:none}.site-header{min-height:69px}.nav{gap:22px;font-size:11px}.monogram{font-size:27px}.masthead{padding-top:22px;padding-bottom:24px}.name{white-space:normal;font-size:24.8vw;line-height:1.02;letter-spacing:-.025em;margin-bottom:22px}.name span{display:block}.intro-row{align-items:start;gap:16px}.intro-row p{font-size:20px;line-height:1.2;max-width:260px}.intro-aside{display:none}.hero{aspect-ratio:.98;min-height:0}.hero-slide>img{object-position:52% center}.hero-content{left:19px;right:19px;bottom:25px;gap:12px}.hero-title{font-size:38px;max-width:245px}.hero-content .eyebrow{font-size:9px}.round-link .circle{width:39px;height:39px;font-size:18px}.hero-bottom{font-size:9px;gap:10px}.hero-controls{gap:0}.hero-controls button{width:34px;min-height:42px}.section{padding-top:60px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:25px}.section-heading h2{font-size:35px}.section-heading p{max-width:145px;font-size:10px}.work-grid{display:block}.work-card{margin-bottom:32px}.work-card .card-image{height:auto;aspect-ratio:16/10;max-height:none}.card-meta{padding-top:13px}.card-meta h3{font-size:18px}.card-meta p{font-size:11px}.card-action{width:38px;height:38px;bottom:15px;right:15px}.archive-heading{margin-top:46px;font-size:10px}.archive-row{grid-template-columns:24px 1fr 23px;min-height:76px;gap:10px}.archive-row h3{font-size:23px}.archive-row .category{display:none}.about{margin-top:60px;padding-top:40px;padding-bottom:50px}.about-title{font-size:21vw}.about-intro{font-size:24px;max-width:330px}.about-copy p{font-size:14px;line-height:1.8}.experience p{font-size:13px}.contact{padding-top:30px}.contact-top{font-size:10px}.contact-top p{max-width:160px}.contact-title{font-size:14vw;margin:40px 0 35px}.contact-details{align-items:start;flex-direction:column;gap:25px;padding-bottom:35px}.email{font-size:19px}.footer{font-size:9px;gap:15px;line-height:1.5}.project-heading{font-size:15vw}.project-summary p{font-size:17px}.play-icon{width:65px;height:65px;font-size:22px}.film-picker button{padding:12px 15px}.project-detail h2{font-size:26px}.project-detail p{font-size:14px}.next-project{padding-bottom:45px}.about-page{margin-top:0}.dialog-header{padding:12px 17px}.dialog-header h2{font-size:18px}.dialog-body{padding:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Preserve the complete Peloton equipment lineup and white logo. */
.hero-peloton{background:#08090b}
.hero-peloton>img{object-fit:contain;object-position:center}
.film-launch>img[src="/assets/peloton-tread-flex.webp"]{object-fit:contain;background:#08090b}

/* A quiet gallery wall for the Artt Gallery shirt studies. */
.art-gallery{background:#eef0ef;color:#202323;margin-top:100px;padding:35px var(--pad) 30px}
.gallery-topline,.gallery-colophon{display:flex;justify-content:space-between;gap:20px;font-size:10px;line-height:1.6;letter-spacing:.08em;text-transform:uppercase}
.gallery-topline{border-bottom:1px solid #c6cbc9;padding-bottom:22px}
.gallery-intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:40px;padding:56px 0 62px}
.gallery-intro .eyebrow{margin:0 0 17px;color:#58605d}
.gallery-intro h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em;line-height:1.04;font-size:clamp(44px,5.3vw,80px);margin:0}
.gallery-intro h2 span{color:#616b66}
.gallery-intro>p{font-size:15px;line-height:1.8;color:#505954;max-width:390px;margin:0 0 3px;justify-self:end}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:65px 38px;padding:0 14px 68px}
.gallery-piece{min-width:0;margin:0}
.gallery-open{width:100%;display:block;padding:0;background:none;border:0;text-align:left;color:#202323}
.art-frame{display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:8%;background:#fafbf9;border:7px solid #282c2a;box-shadow:0 2px 0 #fff8 inset,0 0 0 1px #101511,4px 8px 13px #15231b26;transition:box-shadow .25s,transform .25s}
.art-frame img{width:100%;height:100%;object-fit:contain;min-height:0;box-shadow:0 0 0 1px #0001}
.art-view{display:flex;justify-content:space-between;font-size:10px;line-height:1.5;letter-spacing:.04em;padding:13px 0 17px;color:#626a66}
.art-view>span{font-size:17px;line-height:1}
.gallery-open:hover .art-frame{transform:translateY(-3px);box-shadow:0 2px 0 #fff8 inset,0 0 0 1px #101511,6px 12px 18px #15231b33}
.gallery-open:hover .art-view{color:#161c19}
.gallery-open:focus-visible{outline-color:#243d65;outline-offset:8px}
.art-label{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;border-top:1px solid #c6cbc9;padding-top:18px;min-height:123px}
.art-number{font-size:10px;line-height:1.5;color:#6a736d;padding-top:5px}
.art-label h3{font:400 28px/1.15 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin:0 0 7px}
.art-label p{margin:0}
.art-label .art-title{font-size:12px;line-height:1.55;font-style:italic}
.art-label .art-medium{font-size:9px;color:#5b645e;line-height:1.6;margin-top:11px}
.gallery-colophon{border-top:1px solid #c6cbc9;padding-top:24px;color:#5b645e}
.viewing-art{overflow:hidden}
.gallery-viewer{width:min(1130px,94vw);border:1px solid var(--line);overscroll-behavior:contain}
.gallery-viewer .dialog-header{padding:12px 22px}
.viewer-body{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:32px;padding:28px}
.viewer-image-wrap{display:flex;align-items:center;justify-content:center;background:#171b20;min-width:0}
.viewer-image-wrap img{width:100%;height:min(60svh,660px);object-fit:contain}
.viewer-caption{padding-right:8px}
.viewer-caption>.eyebrow{color:var(--muted);font-size:9px;margin:0 0 23px}
.viewer-caption h2{font:400 42px/1.05 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin:0 0 12px}
.viewer-subtitle{font-size:15px;line-height:1.5;font-style:italic;margin:0 0 25px}
#viewer-description{font-size:13px;line-height:1.8;color:#bbc1ca;margin:0}
.viewer-meta{margin-top:32px;padding-top:20px;border-top:1px solid var(--line);font-size:10px;line-height:1.8;color:var(--muted)}
.viewer-controls{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 22px}
.viewer-controls button{display:flex;align-items:center;gap:12px;min-height:44px;border:0;background:none;padding:8px 4px;font-size:14px}
.viewer-controls button span{font-size:11px}
.viewer-controls button:hover{color:var(--accent)}
#viewer-count{color:var(--muted);font-size:10px;text-align:center}
@media(min-width:1600px){.gallery-grid{gap:72px 60px;padding-inline:3vw}}
@media(max-width:1000px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 35px}.gallery-intro{gap:30px}.gallery-intro>p{font-size:13px}.viewer-body{grid-template-columns:minmax(0,1fr) 230px;gap:24px}.viewer-caption h2{font-size:35px}}
@media(max-width:650px){.art-gallery{margin-top:65px;padding-top:25px}.gallery-topline,.gallery-colophon{font-size:8px;letter-spacing:.035em}.gallery-intro{grid-template-columns:1fr;gap:25px;padding:38px 0 40px}.gallery-intro h2{font-size:clamp(43px,10vw,62px)}.gallery-intro>p{justify-self:start;max-width:440px}.gallery-grid{grid-template-columns:1fr;gap:40px;padding:0 10px 45px;max-width:450px;margin:auto}.art-label{min-height:0}.art-label h3{font-size:28px}.art-medium{margin-bottom:4px}.gallery-colophon{gap:24px}.gallery-colophon>span:last-child{text-align:right}.viewer-body{grid-template-columns:1fr;gap:22px;padding:18px}.viewer-image-wrap img{height:45svh}.viewer-caption{padding:0}.viewer-caption>.eyebrow{margin-bottom:12px}.viewer-caption h2{font-size:33px}.viewer-subtitle{margin-bottom:15px}.viewer-meta{margin-top:18px;padding-top:15px}.gallery-viewer .dialog-header{padding:10px 16px}.viewer-controls{padding:10px 16px;position:sticky;bottom:0;background:var(--paper)}.viewer-controls button{gap:7px}}
@media(prefers-reduced-motion:reduce){.art-frame{transition:none}.gallery-open:hover .art-frame{transform:none}}

/* Low Stakes campaign selections, directly below Artt Gallery. */
.low-stakes{padding-top:55px;padding-bottom:95px}
.campaign-topline{display:flex;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--line);color:var(--muted)}
.campaign-intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;align-items:end;padding:45px 0 48px}
.campaign-intro h2{font:400 clamp(60px,8vw,124px)/1 var(--display);text-transform:uppercase;letter-spacing:-.035em;margin:0}
.campaign-intro h2 span{color:var(--accent)}
.campaign-intro>div{max-width:410px;justify-self:end}
.campaign-intro .campaign-lede{font-size:26px;line-height:1.2;letter-spacing:-.035em;color:var(--ink);margin:0 0 18px}
.campaign-intro p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}
.campaign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 24px}
.campaign-piece{margin:0;min-width:0}
.campaign-open{display:block;width:100%;border:0;background:none;text-align:left;padding:0}
.campaign-image{display:block;position:relative;aspect-ratio:3/2;overflow:hidden;background:#171b21;border:1px solid var(--line)}
.campaign-image>img{height:100%;width:100%;object-fit:contain;transition:opacity .2s}
.campaign-expand{position:absolute;right:16px;bottom:16px;width:38px;height:38px;display:grid;place-items:center;background:var(--paper);border:1px solid #ffffff55;border-radius:50%;font-size:20px;transition:background .2s,color .2s}
.campaign-open:hover .campaign-expand{background:var(--ink);color:var(--paper)}
.campaign-label{display:flex;justify-content:space-between;gap:20px;padding-top:17px}
.campaign-label h3{font-size:19px;line-height:1.3;font-weight:400;letter-spacing:-.035em;margin:0 0 8px}
.campaign-label p{font-size:11px;color:var(--muted);line-height:1.5;margin:0}
.campaign-label>span{font-size:10px;color:var(--muted);padding-top:5px}
@media(max-width:800px){.low-stakes{padding-top:40px;padding-bottom:70px}.campaign-intro{gap:25px;padding:35px 0 40px}.campaign-intro h2{font-size:clamp(51px,8vw,80px)}.campaign-intro .campaign-lede{font-size:23px}.campaign-label h3{font-size:17px}}
@media(max-width:520px){.campaign-topline{gap:16px}.campaign-topline .eyebrow{font-size:8px}.campaign-topline>span:last-child{text-align:right;max-width:115px}.campaign-intro{grid-template-columns:1fr;gap:25px}.campaign-intro h2{font-size:16vw}.campaign-intro>div{justify-self:start}.campaign-intro .campaign-lede{font-size:25px}.campaign-grid{grid-template-columns:1fr;gap:33px}.campaign-label h3{font-size:19px}.low-stakes{padding-bottom:60px}}

/* Resume and studio links close the About section. */
.about-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 26px;margin-top:30px}
.about-actions .about-link{margin-top:0}
.resume-link{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:13px 18px;border:1px solid var(--ink);font-size:13px;line-height:1.4;transition:background .2s,color .2s}
.resume-format{font-size:9px;letter-spacing:.06em;opacity:.7}
.resume-link>span[aria-hidden]{font-size:19px;line-height:1;color:var(--accent)}
.resume-link:hover{background:var(--ink);color:var(--paper)}
.resume-link:hover>span[aria-hidden]{color:var(--paper)}
@media(max-width:520px){.about-actions{align-items:flex-start;flex-direction:column;gap:24px}.resume-link{min-width:200px}}
@media(prefers-reduced-motion:reduce){.resume-link{transition:none}}

/* Insomnia Theater: four complete posters in an equal two-column gallery. */
.insomnia-section{padding-top:55px;padding-bottom:95px}
.insomnia-section .campaign-image{aspect-ratio:2/3;background:#090a0e}
.insomnia-section .campaign-grid{max-width:1280px;margin-inline:auto}
.insomnia-section .campaign-label>span{white-space:nowrap}
.insomnia-section .insomnia-context-label{font-size:11px;letter-spacing:.03em;color:var(--ink);margin:0 0 10px}
@media(max-width:800px){.insomnia-section{padding-top:40px;padding-bottom:70px}}
@media(max-width:520px){.insomnia-section{padding-bottom:60px}}

/* Oh God, Coffee: the blend collection and Parker campaign. */
.coffee-section{background:#edeeeb;color:#202321;padding:34px var(--pad) 80px}
.coffee-topline{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #c8cdc7;padding-bottom:22px;color:#576057}
.coffee-intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;align-items:end;padding:46px 0 50px}
.coffee-intro h2{font:400 clamp(62px,8vw,125px)/1 var(--display);text-transform:uppercase;letter-spacing:-.035em;margin:0}
.coffee-intro h2 span,.parker-heading h3 span{color:#647364}
.coffee-intro>div{max-width:410px;justify-self:end;padding-bottom:4px}
.coffee-intro .coffee-lede{font-size:29px;line-height:1.15;letter-spacing:-.04em;color:#202321;margin:0 0 20px}
.coffee-intro p{font-size:13px;line-height:1.8;color:#566056;margin:0}
.coffee-blends{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:36px}
.coffee-lineup{margin:0;min-width:0}
.coffee-artwork{display:block;position:relative;width:100%;padding:0;border:1px solid #c7cbc5;background:#e3e3dc;overflow:hidden;text-align:left}
.coffee-artwork img{width:100%;height:auto;display:block}
.coffee-artwork:focus-visible{outline-color:#244565}
.coffee-expand{position:absolute;right:14px;bottom:14px;width:38px;height:38px;display:grid;place-items:center;background:#202321;color:#f4f5f1;border:1px solid #ffffff66;border-radius:50%;font-size:20px;transition:background .2s,color .2s}
.coffee-artwork:hover .coffee-expand{background:#f4f5f1;color:#202321}
.coffee-lineup figcaption{display:flex;justify-content:space-between;gap:16px;font-size:11px;line-height:1.5;padding-top:14px;color:#566056}
.coffee-lineup figcaption span{font-size:10px}
.blend-menu{min-width:0}
.blend-menu-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px}
.blend-menu-heading h3{font:400 32px/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.04em;margin:0}
.blend-menu-heading .eyebrow{color:#667064;font-size:9px}
.blend-list{list-style:none;margin:0;padding:0}
.blend-row{display:grid;grid-template-columns:22px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:15px;border-top:1px solid #c7cdc5;padding:18px 0}
.blend-row:last-child{border-bottom:1px solid #c7cdc5}
.blend-number{font-size:9px;color:#667064;align-self:start;padding-top:4px}
.blend-name h4{font-size:17px;font-weight:500;letter-spacing:-.025em;margin:0 0 7px}
.blend-name p{font-size:9px;line-height:1.5;color:#566056;margin:0}
.blend-notes{font-size:11px;line-height:1.65;margin:0;color:#566056}
.parker-heading{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;align-items:end;border-top:1px solid #c7cdc5;margin-top:65px;padding-top:38px;margin-bottom:30px}
.parker-heading .eyebrow{color:#667064;margin:0 0 18px;font-size:9px}
.parker-heading h3{font:400 clamp(35px,4.5vw,66px)/1.06 Georgia,'Times New Roman',serif;letter-spacing:-.05em;margin:0}
.parker-heading>p{font-size:13px;line-height:1.8;color:#566056;justify-self:end;margin:0 0 3px}
.parker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.parker-grid figure{min-width:0;margin:0}
.parker-grid .coffee-artwork{aspect-ratio:1}
.parker-grid .coffee-artwork img{height:100%;object-fit:contain}
.parker-grid figcaption{padding-top:17px}
.parker-grid h4{font-size:18px;font-weight:400;letter-spacing:-.03em;margin:0 0 8px}
.parker-grid figcaption p{font-size:11px;color:#566056;margin:0;line-height:1.5}
@media(max-width:1000px){.coffee-blends{grid-template-columns:1fr;gap:35px}.coffee-lineup{max-width:750px;margin:auto;width:100%}.blend-row{grid-template-columns:30px minmax(0,1fr) minmax(0,1fr);padding:20px 0}.blend-name h4{font-size:19px}.blend-name p,.blend-notes{font-size:11px}}
@media(max-width:650px){.coffee-section{padding-top:25px;padding-bottom:60px}.coffee-topline{gap:18px}.coffee-topline .eyebrow{font-size:8px}.coffee-topline>span:last-child{max-width:105px;text-align:right}.coffee-intro{grid-template-columns:1fr;gap:25px;padding:35px 0}.coffee-intro h2{font-size:18vw}.coffee-intro>div{justify-self:start}.coffee-intro .coffee-lede{font-size:25px}.blend-menu-heading h3{font-size:30px}.blend-row{grid-template-columns:18px minmax(0,1fr) minmax(0,1fr);gap:10px}.blend-name h4{font-size:16px}.blend-name p{font-size:9px}.blend-notes{font-size:10px}.parker-heading{grid-template-columns:1fr;gap:22px;margin-top:45px;padding-top:30px}.parker-heading>p{justify-self:start}.parker-heading h3{font-size:clamp(36px,8.5vw,54px)}.parker-grid{grid-template-columns:1fr;gap:30px}.coffee-lineup figcaption{font-size:10px;gap:10px}}