:root{--paper:#f6f3ed;--ink:#292c25;--muted:#676c60;--red:#982e26;--tan:#bbab8e;--line:#d9d8cf;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a75b25;outline-offset:5px}a{text-decoration:none}.wrap,.topbar{width:min(1120px,calc(100% - 64px));margin-inline:auto}.skip{position:fixed;top:-100px;left:15px;background:white;padding:15px;z-index:30}.skip:focus{top:15px}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:106px;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:12px;font-weight:700;font-size:13px;line-height:1.2;letter-spacing:-.1px}.mark{display:flex;flex-direction:column;align-items:center;justify-content:center;width:44px;height:48px;background:var(--red);color:var(--paper);border-radius:4px;font-size:17px;line-height:.93;letter-spacing:1px}.mark span{font-size:15px}nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:700}nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.nav-pill{border:1px solid #c8c7bd;border-radius:30px;padding:12px 18px}.nav-pill span{margin-left:15px}.hero{padding-top:76px}.eyebrow{color:#8a653b;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.hero .eyebrow{display:flex;align-items:center;gap:9px}.hero .eyebrow>span{display:block;width:7px;height:7px;border-radius:50%;background:var(--red)}h1{font-size:clamp(46px,6.1vw,82px);letter-spacing:-4px;line-height:1.04;margin:25px 0 24px;font-weight:700}em{font-family:var(--serif);font-weight:400;color:var(--red)}.intro{font-size:20px;line-height:1.6;max-width:650px;color:var(--muted);margin:0}.hero-actions{display:flex;gap:28px;align-items:center;margin:31px 0 55px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:17px 24px;border-radius:6px;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.primary{color:white;background:var(--red)}.primary:hover{background:#762219;transform:translateY(-2px)}.text-link{font-size:13px;font-weight:700}.project-meta{border-block:1px solid var(--line);display:grid;grid-template-columns:1.3fr 1fr 1fr;padding:24px 0}.project-meta div{display:flex;flex-direction:column;gap:9px}.project-meta span{font-size:9px;letter-spacing:1.6px;color:var(--muted)}.project-meta strong{font-size:12px;font-weight:500}.film-section{padding-top:65px;padding-bottom:70px}.section-bar{display:flex;justify-content:space-between;align-items:end;gap:38px;margin-bottom:28px}h2{font-size:clamp(28px,3.5vw,43px);line-height:1.13;letter-spacing:-1.6px;margin:15px 0 0}.small{font-size:11px;color:var(--muted);white-space:nowrap}.video-shell{border:1px solid #cfccc1;background:#eeeadf;padding:8px;border-radius:16px;box-shadow:0 18px 40px #3631250a}video{display:block;width:100%;aspect-ratio:16/9;border-radius:10px;background:#eee8db}.media-note{font-size:11px;line-height:1.6;color:var(--muted);text-align:center;margin:15px 0 0}.comparison-section{padding:76px 0 62px;background:#eae6dc;border-block:1px solid #ded9cc}.section-intro{max-width:310px;color:var(--muted);font-size:14px;line-height:1.65;margin:0}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.capture-card{border:1px solid #d7d3c8;background:var(--paper);border-radius:12px;overflow:hidden}.card-top{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;font-size:11px;color:var(--muted);border-bottom:1px solid #e1ddd4}.version{font-size:9px;font-weight:bold;letter-spacing:1.5px;padding:7px 10px;border-radius:4px}.before{background:#e7e1d4;color:#675b43}.after{background:#f0dcd7;color:#822e27}.image-button{position:relative;display:block;width:100%;padding:0;border:0;text-align:left;cursor:zoom-in;background:white;overflow:hidden}.image-button img{display:block;width:100%;height:auto;transition:filter .2s}.image-button:hover img{filter:brightness(.96)}.capture-card>.image-button{height:auto;aspect-ratio:947/655;background:#fff;display:flex;align-items:center}.historical{background:#efead8!important}.zoom-icon{position:absolute;right:12px;bottom:12px;width:28px;height:28px;display:grid;place-items:center;color:var(--ink);border:1px solid #dedbd2;background:#fffffff0;border-radius:50%;font-size:15px}.card-copy{padding:25px 24px 24px}.card-copy h3,.detail-copy h3{font-size:20px;letter-spacing:-.5px;margin:0 0 12px}.card-copy p,.detail-copy p{color:var(--muted);font-size:13px;line-height:1.65;margin:0}.card-copy .archive-note{font-size:11px;line-height:1.65;border-top:1px solid var(--line);padding-top:16px;margin-top:20px;min-height:72px}.comparison-footnote{font-size:11px;color:var(--muted);line-height:1.6;margin:20px 0 0}.design-section{padding-block:85px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:42px}.feature-num{font:italic 28px var(--serif);color:#a89778}.features h3{font-size:21px;letter-spacing:-.5px;margin:18px 0 12px}.features p{font-size:14px;color:var(--muted);line-height:1.7;margin:0}.detail-section{border-top:1px solid var(--line);padding-top:55px}.details-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:26px;align-items:start}.detail-card{background:#ede9df;border-radius:12px;overflow:hidden;border:1px solid #ddd7ca}.desktop-detail .image-button{margin:18px;width:calc(100% - 36px);border-radius:5px;box-shadow:0 10px 25px #2b291112}.detail-copy{padding:24px 28px 28px}.detail-copy .eyebrow{font-size:9px}.detail-copy h3{margin-top:13px}.phone-detail{background:#ded7c7}.phone{background:#292b26;border-radius:28px;padding:8px;margin:23px auto 0;width:220px;box-shadow:0 13px 30px #302b2020}.phone .image-button{border-radius:21px}.closing{padding:100px 0 80px;text-align:center}.closing h2{font-size:clamp(48px,6vw,76px);letter-spacing:-3px;line-height:1.04;margin-top:23px}.closing p{font-size:18px;color:var(--muted);line-height:1.6;margin:25px 0}.closing .text-link{display:block;margin-top:22px}.provenance{border-top:1px solid var(--line);padding-top:8px}summary{font-size:12px;font-weight:bold;padding:22px 0;cursor:pointer;display:flex;justify-content:space-between;list-style:none}summary::-webkit-details-marker{display:none}details[open] summary>span{transform:rotate(45deg)}summary>span{font-size:20px;font-weight:400}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:10px 0 25px}.source-grid h3{font-size:13px}.source-grid p{font-size:12px;line-height:1.7;color:var(--muted)}.source-grid a{text-decoration:underline}footer{display:flex;justify-content:space-between;gap:20px;padding-block:27px 35px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.footer-name{letter-spacing:1px;font-weight:bold}dialog{border:0;border-radius:14px;padding:24px;background:var(--paper);width:min(1100px,calc(100% - 32px));max-height:92dvh;color:var(--ink)}dialog::backdrop{background:#12150de0;backdrop-filter:blur(5px)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.modal-head h2{font-size:24px;margin:8px 0 0;letter-spacing:-.6px}.close{flex-shrink:0;width:42px;height:42px;border:1px solid #cfccbf;background:transparent;border-radius:50%;cursor:pointer}.modal-image{max-height:65dvh;overflow:auto;text-align:center;background:#e7e1d4;border-radius:5px}.modal-image img{display:block;max-width:100%;height:auto;max-height:none;margin:auto}#lightbox-caption{font-size:12px;line-height:1.6;color:var(--muted);margin:17px 0 0}body.modal-open{overflow:hidden}@media(max-width:760px){.wrap,.topbar{width:calc(100% - 36px)}.topbar{min-height:88px}nav{gap:15px}nav>a:not(.nav-pill){display:none}.wordmark{font-size:11px}.nav-pill{padding:10px 12px;font-size:10px}.nav-pill span{margin-left:5px}.hero{padding-top:49px}h1{letter-spacing:-2.5px;font-size:clamp(40px,8.5vw,61px)}.intro{font-size:17px}.hero-actions{gap:20px;margin-bottom:37px}.button{padding:15px 18px;font-size:12px}.text-link{font-size:11px}.project-meta{grid-template-columns:1fr 1fr;gap:22px}.project-meta>div:last-child{grid-column:1/-1}.film-section{padding-top:45px;padding-bottom:45px}.section-bar{display:block;margin-bottom:24px}.section-bar>.small{display:block;margin-top:18px}.section-intro{max-width:none;margin-top:20px}h2{letter-spacing:-1px;font-size:32px}.comparison-section{padding:48px 0}.compare-grid,.details-grid{grid-template-columns:1fr;gap:20px}.card-copy .archive-note{min-height:0}.features{grid-template-columns:1fr;gap:30px;margin-top:32px}.features article{display:grid;grid-template-columns:35px 1fr;column-gap:20px}.feature-num{grid-row:1/3}.features h3{margin:0 0 12px}.features p{grid-column:2}.design-section{padding-block:54px}.detail-section{padding-top:42px}.phone{width:min(260px,70%);margin-top:30px}.detail-copy{padding:25px}.closing{padding:68px 0 53px}.closing h2{font-size:53px}.source-grid{grid-template-columns:1fr;gap:8px}footer{flex-direction:column;gap:12px}dialog{padding:16px}.modal-head h2{font-size:20px}.modal-head .eyebrow{font-size:9px}.video-shell{padding:4px;border-radius:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}@media print{nav,video,dialog,.hero-actions{display:none}.wrap{width:100%}.compare-grid{grid-template-columns:1fr 1fr}.capture-card,.detail-card{break-inside:avoid}.closing{padding:30px}body{background:white}}

/* Client case study: the portfolio owns the page; LIFM is the featured client. */
.portfolio-wordmark{font-size:14px;font-weight:800;letter-spacing:1.5px}.portfolio-wordmark span{display:block;font-size:10px;font-weight:400;letter-spacing:.3px;color:var(--muted);margin-top:7px}.hero h1{font-size:clamp(44px,5.8vw,77px);letter-spacing:-3.5px}.intro strong{color:var(--ink);font-weight:600}.lead-comparison{padding-top:60px;padding-bottom:75px}.logo-pair .image-button{aspect-ratio:1.32;background:#fff}.logo-pair img{height:100%;width:100%;object-fit:contain;padding:20px}.work-card{border:1px solid #dedacf;background:#fff;border-radius:12px;overflow:hidden}.work-copy{padding:24px;background:#f6f3ed}.work-copy>.eyebrow{font-size:9px;letter-spacing:1.4px}.work-copy h3{font-size:20px;letter-spacing:-.4px;margin:12px 0 10px}.work-copy p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}.story-section{background:#eae6dc;border-block:1px solid #ded9cc;padding:65px 0}.story-intro{font-size:16px;line-height:1.7;color:var(--muted);max-width:650px}.story-section .features{margin-top:35px}.process-section{padding-block:76px}.tractor-pair .image-button{aspect-ratio:1.55;background:#fff}.tractor-pair img{width:100%;height:100%;object-fit:contain;padding:25px}.original-context{border-block:1px solid var(--line);margin-top:30px}.context-inner{display:grid;grid-template-columns:280px 1fr;gap:36px;align-items:center;padding:10px 0 28px}.context-inner>p{max-width:550px;font-size:15px;color:var(--muted);line-height:1.7}.badge-card img{aspect-ratio:1;object-fit:contain;padding:15px;background:white}.artwork-section{padding:65px 0;background:#eae6dc;border-block:1px solid #ded9cc}.art-card .image-button{aspect-ratio:1}.art-card img{height:100%;width:100%;object-fit:contain;background:white}.website-section{padding-top:76px}.web-pair .image-button{aspect-ratio:947/655;display:flex;align-items:center;background:#efeada}.web-pair img{height:auto;width:100%;object-fit:contain}.inner-heading{margin-top:65px}.content-card .image-button{padding:18px;background:#eae6dc}.content-card img{width:100%;height:auto}.mobile-card{background:#ded7c7}.mobile-card .image-button{width:220px;margin:24px auto;border:7px solid #292c25;border-radius:25px;background:#292c25}.mobile-card img{border-radius:17px}.mobile-card .work-copy{background:#ded7c7}.modal-image{background:#fff}.modal-image img{max-height:65dvh;object-fit:contain}.film-section{padding-bottom:0}.closing{padding-top:80px}.closing p{font-size:17px}.source-grid p{font-size:12px}
@media(max-width:760px){.portfolio-wordmark{font-size:11px;letter-spacing:1px}.portfolio-wordmark span{font-size:8px}.hero h1{font-size:clamp(40px,8.4vw,61px);letter-spacing:-2.3px}.hero-actions{align-items:flex-start;gap:18px}.hero-actions .text-link{max-width:120px;line-height:1.6}.lead-comparison{padding-top:43px;padding-bottom:48px}.logo-pair .image-button{aspect-ratio:1.15}.logo-pair img{padding:12px}.story-section,.artwork-section{padding:48px 0}.process-section{padding-block:48px}.context-inner{grid-template-columns:1fr;gap:14px}.badge-card{max-width:310px;margin:auto}.website-section{padding-top:48px}.inner-heading{margin-top:43px}.mobile-card .image-button{width:230px}.closing p br{display:none}.work-copy{padding:22px}.nav-pill{font-size:9px}.closing{padding-top:58px}}

/* Postcard and market-ad examples, using the existing gallery and lightbox. */
.print-section{padding-top:70px}.print-selector{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}.print-selector button{padding:11px 17px;border:1px solid var(--line);border-radius:24px;background:transparent;color:var(--ink);cursor:pointer;font-size:12px;font-weight:700}.print-selector button[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:white}.print-card .image-button{height:430px;padding:18px;background:#ede9df}.print-card img{width:100%;height:100%;object-fit:contain}.print-more .compare-grid{padding-bottom:24px}.print-more .print-card .image-button{height:360px}@media(max-width:760px){.print-section{padding-top:48px}.print-selector{gap:8px}.print-selector button{padding:10px 13px;font-size:11px}.print-card .image-button{height:380px}.print-more .print-card .image-button{height:360px}}

/* Creator branding sits directly on the existing page background. */
.creator-brand{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0}.creator-logo{display:block;width:208px;line-height:0}.creator-logo img{display:block;width:100%;height:auto;background:transparent}.creator-email{font-size:14px;line-height:1.5;letter-spacing:.15px;color:var(--ink);text-decoration:none}.creator-email:hover{text-decoration:underline;text-underline-offset:4px}.topbar{padding-block:22px;gap:28px}footer{align-items:center}footer>span{text-align:right;line-height:1.6;max-width:330px}@media(max-width:760px){.creator-logo{width:200px}.topbar{flex-direction:column;padding-block:20px;gap:20px}.topbar nav{justify-content:center}.creator-email{font-size:14px}footer{align-items:center;padding-top:28px;gap:24px}footer>span{text-align:center}}

/* Wider transparent wordmark supplied for this case-study background. */
.creator-logo{width:318px}@media(max-width:760px){.creator-logo{width:min(300px,100%)}}