/* Selected work: generous editorial rhythm and original-resolution artwork. */
#about .service-pair{gap:36px}#about .service-row{grid-template-columns:minmax(155px,.62fr) minmax(0,1.38fr);gap:0}#about .service-visual{max-width:400px;width:110%;justify-self:center}#about .service-row ul{font-size:16px}
.portfolio{background:#e4dac0;color:#24231e;scroll-margin-top:90px;font-family:'DM Sans',sans-serif}.portfolio-header,.project,.portfolio-footer{padding-left:max(6%,calc((100% - 1280px)/2));padding-right:max(6%,calc((100% - 1280px)/2))}.portfolio-header{padding-top:110px;padding-bottom:90px}.eyebrow,.project-index{font-size:12px;letter-spacing:.15em;font-weight:600;text-transform:uppercase}.portfolio-header h2{font:clamp(56px,6.5vw,94px)/1.1 Anton,sans-serif;text-transform:uppercase;margin:22px 0}.portfolio-header h2 em{font-style:normal;color:#887d64}.portfolio-header>p:last-child{font-size:18px;line-height:1.7;max-width:600px}.project{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:90px;padding-top:100px;padding-bottom:100px}.project-copy{max-width:480px}.project h3{font:clamp(55px,6vw,84px)/1.08 Anton,sans-serif;text-transform:uppercase;margin:30px 0 22px;letter-spacing:-.025em}.project-client{font-weight:700;font-size:17px;margin-bottom:27px}.project-copy>p:not(.project-client){font-size:16px;line-height:1.85;opacity:.8}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}.project-tags span{border:1px solid currentColor;border-radius:30px;padding:7px 12px;font-size:11px;opacity:.7}.project button{font-family:inherit;cursor:pointer}.project-link{display:inline-flex;gap:25px;padding:12px 0;border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;font-size:14px;font-weight:600}.project-art{position:relative;display:block;border:0;padding:0;background:transparent;color:inherit;width:100%;text-align:left}.project-art img{display:block;width:100%;height:auto}.poster-art{max-width:570px;justify-self:center;box-shadow:0 24px 55px #0003;transition:transform .4s}.project-art:hover{transform:translateY(-5px)}.art-hint{position:absolute;right:16px;bottom:16px;padding:11px 16px;background:#151513ed;color:#f4edda;border-radius:30px;font-size:12px;box-shadow:0 4px 15px #0002}.project-sephora{background:#e7ded0}.project-audi{display:block;background:#191a18;color:#e4dac0}.project-audi .project-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:85px;max-width:none}.project-audi .project-index{grid-column:1/-1}.project-audi h3{grid-column:1;grid-row:2/5;margin-bottom:35px}.project-audi .project-client{grid-column:2;grid-row:2;margin:35px 0 12px}.project-audi .project-copy>p:not(.project-client){grid-column:2;margin:0 0 16px}.project-audi .project-tags{grid-column:1/-1;margin:15px 0 45px}.audi-spread{display:grid;grid-template-columns:1fr 1fr;gap:0;box-shadow:0 25px 60px #0008;transition:transform .4s}.audi-spread:after{content:'';position:absolute;left:49%;top:0;width:2%;height:100%;background:linear-gradient(90deg,transparent,#0002,transparent);pointer-events:none}.project-bottom{display:flex;align-items:center;gap:30px;margin-top:24px;font-size:13px}.project-bottom>span{margin-right:auto;opacity:.65}.project-bottom a{color:inherit;text-decoration:none}.project-samsung{background:#e8e4dc}.email-art{box-shadow:0 24px 55px #0002;background:#f8f6f1;transition:transform .4s;border-radius:12px;overflow:hidden}.email-topbar{height:42px;display:flex;gap:6px;align-items:center;padding:0 16px;background:#d7d2c8}.email-topbar>span{height:6px;width:6px;background:#8b877f;border-radius:50%}.email-topbar small{font-size:10px;margin-left:16px;color:#605c55}.email-window{height:730px;overflow:hidden}.email-window img{width:100%;height:auto}.email-art:after{content:'';position:absolute;inset:auto 0 0;height:100px;background:linear-gradient(transparent,#f4f1eb);pointer-events:none}.email-art .art-hint{z-index:1}.project-napoleon{background:#332427;color:#eadfc9;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.festival-source{display:block;font-size:11px;color:inherit;opacity:.55;margin-top:25px;text-decoration:none}.portfolio-footer{padding-top:70px;padding-bottom:90px;display:flex;align-items:center;justify-content:space-between;gap:30px}.portfolio-footer p{font-size:24px}.portfolio-footer button{border:0;background:#ee8653;color:#24231e;font:600 16px 'DM Sans';padding:20px 28px;cursor:pointer}.project button:focus-visible,.portfolio-footer button:focus-visible{outline:3px solid #ee8653;outline-offset:6px}
#work-viewer{padding:0;border:0;border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;background:#151614;color:#e4dac0;overflow:auto}#work-viewer::backdrop{background:#111}.viewer-bar{position:sticky;top:0;z-index:2;background:#161715f5;display:flex;align-items:center;gap:25px;padding:15px 4%;border-bottom:1px solid #ffffff18}.viewer-bar h2{font:500 16px 'DM Sans';margin:0;margin-right:auto}.viewer-bar a{color:inherit;font:13px 'DM Sans';text-decoration:none}.viewer-bar button{border:0;background:transparent;color:inherit;font-size:34px;cursor:pointer;padding:0 8px}#work-images{max-width:1000px;margin:35px auto 70px;padding:0 25px}#work-images img{display:block;width:100%;height:auto;margin:0 auto}#work-images.viewer-spread{display:grid;grid-template-columns:1fr 1fr;max-width:1700px;padding:0 30px}.viewing-work{overflow:hidden}
@media(max-width:1100px){.project{gap:50px}.project-audi .project-copy{column-gap:45px}#about .service-row ul{font-size:14px}#about .service-visual{width:108%}.email-window{height:600px}}
@media(max-width:800px){#about .service-row{grid-template-columns:.8fr 1.2fr}#about .service-visual{width:100%;max-width:420px}.project{gap:35px;padding-top:65px;padding-bottom:65px}.project h3{font-size:56px}.project-copy>p:not(.project-client){font-size:14px}.project-client{font-size:15px}.email-window{height:520px}.portfolio-header{padding-top:75px;padding-bottom:55px}.project-bottom{flex-wrap:wrap}.project-bottom>span{width:100%}}
@media(max-width:600px){.project,.project-napoleon{grid-template-columns:1fr;gap:38px}.project-copy{max-width:none}.project-art{max-width:440px}.project-napoleon .project-copy{grid-row:1}.project-audi .project-copy{display:block}.project h3{margin-top:22px}.project-copy>p:not(.project-client){font-size:16px}.project-audi .project-client{margin:20px 0}.project-audi .project-tags{margin-top:25px}.audi-spread{max-width:none}.project-bottom{gap:15px;font-size:12px}.project-bottom .project-link{font-size:12px}.art-hint{font-size:10px;padding:9px 12px;bottom:10px;right:10px}.email-window{height:650px}.portfolio-footer{display:block}.portfolio-footer p{font-size:20px}.viewer-bar{gap:10px}.viewer-bar h2{font-size:12px}.viewer-bar a{font-size:10px}#work-images.viewer-spread{grid-template-columns:1fr;gap:20px;padding:0 12px}#work-images{padding:0 12px;margin-top:20px}#about .service-row{grid-template-columns:.9fr 1.1fr}#about .service-visual{width:108%}}
@media(prefers-reduced-motion:reduce){.project-art{transition:none}.project-art:hover{transform:none}}
.portfolio-header{position:relative;top:auto;left:auto}
/* Campaign examples retain the editorial layout without labels or overlay controls. */
.project-art{cursor:zoom-in!important}.project-audi .project-copy{display:block;max-width:800px;margin-bottom:50px}.project-audi .project-copy h3{margin:0 0 25px}.project-audi .project-client{margin:0 0 25px}.project-audi .project-copy>p{max-width:730px}.project-douglas{background:#e2e9df}.project-arval{background:#202e32;color:#e9e3d5}.project-zalando{background:#e5d9c9}.project-ikea{background:#ebe5d9}.project-allegro{background:#221c2d;color:#eee4d3;display:block}.benefit-project.art-first{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.project-allegro .project-copy{max-width:850px;margin-bottom:45px}.project-allegro .poster-art{max-width:none}.benefit-project .project-client{line-height:1.7}.portfolio-header{padding-bottom:65px}
@media(max-width:600px){.benefit-project.art-first{grid-template-columns:1fr}.benefit-project.art-first .project-copy{grid-row:1}.project-allegro .project-copy{margin-bottom:35px}}
.project-mera-device{display:block;background:#dfe2dc}.project-mera-device .project-copy,.project-mera-identity .project-copy{max-width:820px;margin-bottom:55px}.mera-process{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.mera-process figure{margin:0;min-width:0}.mera-process figcaption,.comparison-labels{font:500 15px 'DM Sans',sans-serif;margin-bottom:18px}.mera-process img{width:100%;height:auto}.mera-process .project-art{box-shadow:0 15px 35px #0002}.drawing-note{font-size:11px;opacity:.6;line-height:1.6}.project-mera-identity{display:block;background:#eee9df}.mera-comparison{background:white;padding:35px 30px 15px;border-radius:2px}.comparison-labels{display:grid;grid-template-columns:1fr 1fr;text-align:center;margin:0;color:#777}.mera-comparison .project-art{margin-top:-20px}.mera-comparison img{width:100%;height:auto}.mera-comparison .project-art:hover{transform:none}
@media(max-width:600px){.mera-process{grid-template-columns:1fr;gap:35px}.project-mera-device .project-copy,.project-mera-identity .project-copy{margin-bottom:35px}.mera-comparison{padding:22px 8px 10px}.comparison-labels{font-size:12px}.mera-comparison .project-art{margin-top:0}}
/* Independent vector marks, optically balanced for a clear before/after story. */
.mera-comparison.mera-redesign{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0;background:none}.mera-logo-card{margin:0;min-width:0;background:#e0dfda;padding:68px 42px 36px;display:flex;flex-direction:column}.mera-logo-card.mera-after{background:#e1edf3}.mera-redesign .project-art{margin:0;display:flex;align-items:center;justify-content:center;min-height:200px}.mera-redesign .project-art img{width:100%;height:auto;max-height:190px;object-fit:contain}.mera-logo-card figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:64px;border-top:1px solid #162a4320;padding-top:24px}.mera-logo-card figcaption strong{font:36px/1.2 Anton,sans-serif;color:#142743}.mera-logo-card figcaption span{font:12px/1.5 'DM Sans';color:#63707b}.mera-evolution{position:absolute;z-index:1;top:44%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#ee8653;color:#17283b;font-size:28px}#work-images:has(img[src$="mera-before.svg"]),#work-images:has(img[src$="mera-after.svg"]){background:#f5f6f5;padding:80px 50px;margin-top:10vh}
@media(max-width:800px){.mera-logo-card{padding:40px 25px 25px}.mera-logo-card figcaption{display:block;margin-top:35px}.mera-logo-card figcaption span{display:block;margin-top:8px}.mera-redesign .project-art{min-height:140px}}
@media(max-width:600px){.mera-comparison.mera-redesign{grid-template-columns:1fr;gap:20px}.mera-logo-card{padding:40px 28px 26px}.mera-logo-card figcaption{display:flex;margin-top:25px}.mera-logo-card figcaption strong{font-size:30px}.mera-logo-card figcaption span{font-size:11px;text-align:right;max-width:150px}.mera-evolution{top:50%;left:50%;width:40px;height:40px;font-size:23px;transform:translate(-50%,-50%) rotate(45deg)}#work-images:has(img[src$="mera-before.svg"]),#work-images:has(img[src$="mera-after.svg"]){padding:45px 20px}}
/* Shared heading rhythm and campaign galleries. */
.portfolio-header h2 em{color:#101010}.portfolio-header>p:last-child{max-width:none;white-space:nowrap;font-size:18px}.project h3{font:53px/1.12 Anton,sans-serif;letter-spacing:normal;white-space:nowrap;margin:0 0 32px}.project-copy{max-width:none}.project-copy>p{font-size:16px;line-height:1.85;opacity:.8}.mera-logo-card,.mera-logo-card.mera-after{background:#fff}.mera-evolution{transform:translate(-50%,-50%)}.project-cola{display:block;background:#eae5dc}.project-radiant{display:block;background:#e0e5e9}.project-cola .project-copy,.project-radiant .project-copy{max-width:850px;margin-bottom:50px}.cola-gallery{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center}.cola-landscapes{display:grid;gap:30px}.cola-gallery .project-art{box-shadow:0 12px 30px #0002}.radiant-comparison{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.radiant-comparison figure{margin:0;min-width:0}.radiant-comparison figcaption{font:36px/1.2 Anton,sans-serif;margin-bottom:22px}.radiant-comparison img{width:100%;height:auto}.portfolio .project-art img{image-rendering:auto}.portfolio .project-art:hover{transform:none}
@media(max-width:1100px){.project h3{font-size:40px}.portfolio-header>p:last-child{font-size:15px}.project{gap:40px}}
@media(max-width:800px){.project h3{font-size:32px}.portfolio-header>p:last-child{white-space:normal}.cola-gallery{gap:18px}.cola-landscapes{gap:18px}}
@media(max-width:600px){.project h3{font-size:clamp(22px,6.5vw,33px);white-space:nowrap}.cola-gallery,.radiant-comparison{grid-template-columns:1fr}.radiant-comparison{gap:40px}.mera-evolution{transform:translate(-50%,-50%)}.project-copy>p{font-size:16px}}

/* Original-resolution UI comparisons. Tablet crop is presentation-only. */
.project-ui{display:block;background:#e8e2d8}.project-tmobile{background:#242126;color:#eee5d5}.project-ui .project-copy{max-width:850px;margin-bottom:44px}.ui-comparison{margin:0}.ui-comparison figcaption{display:flex;justify-content:space-between;margin-bottom:20px;font:32px/1.2 Anton,sans-serif}.compare-stage{position:relative;aspect-ratio:16/9;overflow:hidden;isolation:isolate;box-shadow:0 20px 50px #0003;background:#fff}.compare-image{position:absolute;inset:0;overflow:hidden}.compare-image img{display:block;width:100%;height:100%;object-fit:contain;user-select:none}.compare-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-divider{position:absolute;left:var(--split);top:0;bottom:0;width:3px;background:#fff;transform:translateX(-50%);pointer-events:none;box-shadow:0 0 10px #0005}.compare-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#ee8653;color:#161616;font:28px/1 'DM Sans';border:3px solid #fff;box-shadow:0 4px 18px #0004}.compare-stage input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y;z-index:3}.compare-stage:focus-within{outline:3px solid #ee8653;outline-offset:7px}.compare-help{font-size:12px;opacity:.65;margin:18px 0 0;text-align:center}.tablet-stage{aspect-ratio:1328/1014;background:#000;border-radius:4.5%;max-width:1120px;margin:auto;box-shadow:0 22px 50px #0003}.tablet-stage .compare-image img{position:absolute;width:154.217%;height:auto;max-width:none;left:-45.633%;top:-8.68%;object-fit:initial}.project-motivizer .ui-comparison{max-width:1120px;margin:auto}
@media(max-width:600px){.ui-comparison figcaption{font-size:26px}.compare-divider span{width:42px;height:42px;font-size:22px}.compare-help{font-size:11px}.project-ui .project-copy{margin-bottom:32px}}

.logo-slider .compare-stage{aspect-ratio:2.6;background:white}.logo-slider .compare-image{background:white}.logo-slider .compare-image img{width:76%;height:64%;margin:7% auto 0;object-fit:contain}.leaflet-slider{max-width:800px;margin:0 auto}.leaflet-slider .compare-stage{aspect-ratio:976/1612;background:#fff}.leaflet-slider .compare-image{background:#fff}.leaflet-slider .compare-image img{object-fit:contain;object-position:top center}@media(max-width:600px){.logo-slider .compare-stage{aspect-ratio:1.7}.logo-slider .compare-image img{height:70%;margin-top:9%;width:84%}}

/* Compact comparisons and inline email expansion. */
.project-mera-identity{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px;align-items:center}.project-mera-identity .project-copy{margin:0}.logo-slider .compare-stage{aspect-ratio:1}.logo-slider .compare-image{display:flex;align-items:center;justify-content:center}.logo-slider .compare-image img{width:84%;height:auto;max-height:70%;margin:0;object-fit:contain}.project-allegro .poster-art{max-width:980px;margin:0 auto}.project-motivizer .ui-comparison{max-width:880px}.project-tmobile .ui-comparison{max-width:1000px;margin:auto}.leaflet-slider .compare-before img{object-fit:fill}.email-toggle-label{position:relative;z-index:2;display:block;padding:17px;text-align:center;background:#dad4c8;color:#28251f;font-size:14px;font-weight:600}.email-art:after{bottom:50px}.email-art.email-expanded:after{display:none}.email-expanded .email-window{height:auto}.email-art{cursor:pointer!important}.project-samsung{align-items:start}.project-samsung .project-copy{padding-top:35px}
@media(min-width:901px){.portfolio .project-art[data-work]{cursor:default!important}.portfolio .project-art[data-work]:disabled{opacity:1;color:inherit;-webkit-text-fill-color:currentColor}}
@media(max-width:800px){.project-mera-identity{gap:32px}}
@media(max-width:600px){.project-mera-identity{grid-template-columns:1fr}.project-mera-identity .project-copy{margin:0}.project-samsung .project-copy{padding-top:0}}

.samsung-composite{display:block;width:100%;height:auto}