:root{color-scheme:only light;--bg:#11120f;--ink:#f0efe7;--muted:#a4a59b;--lime:#caff00;--line:#363830;--paper:#e9e7dd}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--lime);outline-offset:5px}button{cursor:pointer}.wrap{width:min(1400px,calc(100% - 80px));margin-inline:auto}.nav{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:32px;font-weight:700;letter-spacing:-2px}.wordmark span{font-size:11px;vertical-align:top;letter-spacing:0;margin-left:4px}.nav nav{display:flex;gap:32px;font-size:13px}.nav nav a:hover{color:var(--lime)}.nav-role{font-size:11px;color:var(--muted)}.hero{padding-top:22px}.hero-stage{min-height:620px;display:grid;grid-template-columns:1fr 1.1fr;position:relative;background:#20231c;overflow:hidden}.portrait{min-width:0;min-height:555px;position:relative;background:#282d23}.portrait img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 35%}.portrait-placeholder{height:100%;position:relative;min-height:555px;border:20px solid #282d23;background:#333a2b;overflow:hidden}.portrait-index{position:absolute;top:16px;left:18px;font-size:10px;letter-spacing:.15em;color:#c6cbbf}.portrait-outline{position:absolute;inset:80px 50px 70px;border:1px solid #6e795b;border-radius:45% 45% 0 0;display:grid;place-items:center}.portrait-outline span{font-size:clamp(100px,15vw,205px);font-weight:400;letter-spacing:-.095em;color:#a7b490;opacity:.55;transform:translateX(-.04em)}.portrait-caption{position:absolute;bottom:25px;left:20px;font-size:17px}.portrait-caption span{display:block;font-size:9px;letter-spacing:.17em;margin-top:8px;color:#bdc3b2}.cross{position:absolute;font-size:20px;color:#bdc3b2}.cross-top{right:12px;top:6px}.cross-bottom{right:12px;bottom:12px}.hero-copy{padding:56px 44px 80px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:10px;letter-spacing:.15em;text-transform:uppercase}.hero-copy>.eyebrow{color:#c4c7bb;margin-bottom:36px}.hero h1{font-weight:400;font-size:clamp(65px,7.8vw,116px);line-height:.86;letter-spacing:-.07em;margin:0 0 30px}.lime{color:var(--lime)}.hero-copy p{font-size:18px;line-height:1.45;color:#c4c7bb;margin:0 0 32px}.hero-link{font-size:12px;border-bottom:1px solid #62685a;padding-bottom:10px;display:flex;gap:70px;align-items:center}.hero-link span{font-size:22px;color:var(--lime)}.hero-bottom{grid-column:1/-1;padding:18px 22px;display:flex;justify-content:space-between;border-top:1px solid #414638;font-size:10px;letter-spacing:.035em;color:#c4c7bb}.selected{padding-block:85px 50px;scroll-margin-top:24px}.section-heading{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;gap:20px;margin-bottom:36px}.section-heading>.eyebrow{align-self:start;padding-top:6px}.section-heading h2{font-weight:400;font-size:clamp(34px,4vw,58px);letter-spacing:-.045em;line-height:1.02;margin:0}.muted{color:#92968a}.section-heading p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.work-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;overflow:hidden;padding:26px;border:1px solid #45483a;border-radius:5px;min-height:340px;color:#1c2115;background:var(--paper);text-align:left;isolation:isolate;transition:box-shadow .25s}.work-card:hover{box-shadow:inset 0 0 0 2px currentColor}.work-card:nth-child(1){grid-column:span 7}.work-card:nth-child(2){grid-column:span 5}.work-card:nth-child(3){grid-column:span 5}.work-card:nth-child(4){grid-column:span 7}.work-card:nth-child(5),.work-card:nth-child(6){grid-column:span 6;min-height:295px}.card-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.09em;text-transform:uppercase;gap:12px;z-index:1}.card-top small{font-size:8px;opacity:.7}.card-bottom{position:relative;z-index:1}.card-bottom h3{font-size:clamp(30px,3.3vw,49px);font-weight:400;line-height:.96;letter-spacing:-.045em;margin:0 42px 12px 0;white-space:pre-line}.card-bottom p{font-size:10px;margin:0;opacity:.75}.card-arrow{position:absolute;right:0;bottom:0;width:35px;height:35px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:19px}.cover-art{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.cover-art strong{position:absolute;font-weight:400;line-height:.8;letter-spacing:-.08em}.identity{background:#caff00}.identity .cover-art strong{font-size:240px;right:18px;top:48px;opacity:.10}.packaging{background:#262d23;color:#e7eadd}.packaging .cover-art{inset:60px 35px 90px auto;width:125px;border:1px solid #8d9b7b;transform:rotate(12deg)}.packaging .cover-art:before,.packaging .cover-art:after{content:'';position:absolute;inset:8px 0 auto;height:4px;border-block:1px solid #8d9b7b}.packaging .cover-art:after{top:auto;bottom:8px}.advertising{background:#d6d3c6}.advertising .cover-art strong{right:15px;top:10px;font-size:200px;color:#b5b2a5}.campaign{background:#bac5a1}.campaign .cover-art{inset:65px 24px auto 35%;height:105px;border:1px solid #697953;transform:rotate(-7deg)}.campaign .cover-art:after{content:'3 : 1';font-size:36px;position:absolute;right:15px;top:28px;color:#697953;letter-spacing:-.05em}.social{background:#342a26;color:#e5dbd5}.social .cover-art strong{font-family:Georgia,serif;font-style:italic;font-size:210px;right:30px;top:15px;color:#6e5650}.motion{background:#d5d9ce}.motion .cover-art strong{font-size:180px;right:25px;top:40px;color:#a8b19a}.preview-note{font-size:9px;color:var(--muted);letter-spacing:.09em;margin:20px 0 0}.about{display:grid;grid-template-columns:1fr 3fr;gap:20px;padding-block:65px 90px;border-top:1px solid var(--line)}.about>.eyebrow{padding-top:10px}.about h2{font-weight:400;font-size:clamp(40px,5vw,68px);line-height:1.02;letter-spacing:-.05em;margin:0 0 25px}.about em,.footer em{font-family:Georgia,serif;font-weight:400;color:var(--lime)}.about p{max-width:580px;color:var(--muted);font-size:15px;line-height:1.7}.disciplines{display:flex;gap:18px;flex-wrap:wrap;font-size:10px;padding-top:15px;color:#c4c7bb}.footer{background:#191c15;border-top:1px solid #3b4430;padding-top:32px}.footer-top{display:flex;justify-content:space-between;color:#b2b8a6;font-size:10px}.footer h2{font-size:clamp(50px,7.5vw,108px);font-weight:400;line-height:.96;letter-spacing:-.06em;position:relative;margin:48px 0 28px}.footer-arrow{position:absolute;right:0;top:0;color:var(--lime);font-weight:400}.contact-placeholder{font-size:12px;color:#b2b8a6}.contact-email{display:inline-block;border-bottom:1px solid var(--lime);padding-bottom:7px;font-size:18px}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #3b4430;padding-block:22px;margin-top:65px;font-size:10px;color:#b2b8a6}.skip{position:fixed;top:-100px;left:20px;background:var(--lime);color:#111;padding:15px;z-index:999}.skip:focus{top:10px}
.viewer{position:fixed;inset:0;z-index:100;display:flex;justify-content:center;align-items:center;background:#000b;backdrop-filter:blur(6px);padding:28px}.viewer[hidden]{display:none}.project-window{width:min(1240px,100%);height:min(900px,calc(100dvh - 56px));background:#e9e7dd;color:#1b2016;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;opacity:0;box-shadow:0 30px 100px #0008}.project-window.ready{opacity:1}.viewer-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #c0c4b3;min-height:68px;padding:12px 26px;flex-shrink:0;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.viewer-hint{color:#58614e}.viewer-bar button{display:flex;gap:22px;align-items:center;justify-content:center;background:transparent;border:1px solid #89927c;padding:10px 12px;min-height:44px;min-width:88px;font-size:11px;color:#1b2016}.viewer-bar button span{font-size:22px;line-height:1}.project-scroll{overflow:auto;overscroll-behavior:contain;padding:44px;scrollbar-gutter:stable;min-height:0}.project-intro{display:grid;grid-template-columns:1fr 2fr;gap:25px;padding-bottom:38px}.project-intro h2{font-size:clamp(40px,5vw,72px);font-weight:400;letter-spacing:-.055em;line-height:1;margin:0 0 20px}.project-intro p{max-width:500px;line-height:1.6;font-size:14px;color:#58614e}.project-tags{display:flex;gap:16px;flex-wrap:wrap;font-size:10px;text-transform:uppercase;color:#58614e}.project-group{margin-bottom:38px}.group-title{font-size:12px;font-weight:400;letter-spacing:.02em;margin:0 0 14px;padding-top:16px;border-top:1px solid #c0c4b3}.gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.work-frame{margin:0;min-width:0;grid-column:span 12}.work-frame.half{grid-column:span 6}.work-frame.wide{grid-column:span 8}.work-frame.narrow,.work-frame.third{grid-column:span 4}.media-slot{aspect-ratio:16/10;background:#d4d7cb;display:grid;place-items:center;overflow:hidden;border:1px solid #b4bca7;position:relative}.media-slot.ratio-4-5{aspect-ratio:4/5}.media-slot.ratio-9-16{aspect-ratio:9/16}.media-slot.ratio-16-9{aspect-ratio:16/9}.media-slot.banner{aspect-ratio:3/1}.media-slot img,.media-slot video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.placeholder-inner{text-align:center;padding:15px;color:#687359}.placeholder-inner strong{display:block;font-size:clamp(24px,3vw,45px);font-weight:400;letter-spacing:-.04em}.placeholder-inner span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;display:block;margin-top:12px}.work-frame figcaption{font-size:10px;padding:10px 0;color:#58614e}.work-frame:nth-child(even) .media-slot{background:#c4cbb8}.project-disclaimer{font-size:11px;color:#58614e;border-top:1px solid #c0c4b3;padding-top:20px}.morph{position:fixed!important;z-index:120!important;margin:0!important;min-height:0!important;pointer-events:none!important;transform-origin:top left!important;transition:none!important;box-shadow:none!important;visibility:visible!important;max-width:none!important}.morph *{pointer-events:none!important}
@media(min-width:1500px){.hero-stage{min-height:670px}}@media(max-width:1000px){.wrap{width:calc(100% - 40px)}.nav-role{display:none}.hero-copy{padding:40px 25px 55px}.hero h1{font-size:8vw}.portrait,.portrait-placeholder{min-height:480px}.hero-stage{min-height:0}.section-heading{grid-template-columns:1fr 2fr}.section-heading p{display:none}.card-top{flex-wrap:wrap}.work-card{padding:22px;min-height:310px}.portrait-outline{inset:75px 20px 70px}.project-scroll{padding:28px}}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}.nav{height:76px}.nav nav{gap:19px;font-size:12px}.wordmark{font-size:28px}.hero{padding-top:16px}.hero-stage{display:flex;flex-direction:column}.hero-copy{order:0;padding:32px 24px}.hero-copy>.eyebrow{margin-bottom:28px;font-size:9px}.hero h1{font-size:clamp(64px,15vw,95px);margin-bottom:20px}.hero-copy p{font-size:15px;margin-bottom:20px}.portrait{order:1;min-height:320px}.portrait-placeholder{min-height:320px;border-width:14px}.portrait-outline{inset:32px 20% 30px}.portrait-outline span{font-size:140px}.portrait-caption{font-size:14px;bottom:18px}.hero-bottom{order:2;padding:14px 18px;font-size:8px}.hero-bottom span:last-child{display:none}.selected{padding-block:50px 35px}.section-heading{grid-template-columns:1fr;gap:18px;margin-bottom:25px}.section-heading h2{font-size:39px}.work-grid{gap:12px}.work-card:nth-child(n){grid-column:span 12;min-height:280px}.card-bottom h3{font-size:39px}.identity .cover-art strong{font-size:190px}.about{grid-template-columns:1fr;padding-block:40px 55px;gap:24px}.about p{font-size:14px}.footer-top>span:last-child{display:none}.footer h2{font-size:clamp(44px,10.4vw,68px);margin-top:35px;padding-right:22px}.footer-arrow{font-size:34px}.footer-bottom{flex-wrap:wrap;margin-top:40px;line-height:1.8}.viewer{padding:8px}.project-window{height:calc(100dvh - 16px);border-radius:5px}.viewer-bar{padding:10px 15px;min-height:64px}.viewer-hint{display:none}.project-scroll{padding:22px 18px}.project-intro{grid-template-columns:1fr;gap:16px;padding-bottom:20px}.project-intro h2{font-size:43px}.work-frame.half,.work-frame.wide,.work-frame.narrow{grid-column:span 12}.work-frame.third{grid-column:span 6}.gallery{gap:10px}.placeholder-inner strong{font-size:26px}.work-frame.third .placeholder-inner strong{font-size:20px}.project-window :focus-visible{outline-color:#536d17}.preview-note{line-height:1.7}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Preserve the full composition in format-specific project frames. */
.media-slot{min-width:0;min-height:0}.media-slot .placeholder-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.gallery-social{align-items:start}.gallery-motion{align-items:start}

/* Ten different ads, each with one selected native-ratio export. */
.gallery-advertising{align-items:start}
.ad-featured .work-frame:nth-child(1){grid-column:span 7}
.ad-featured .work-frame:nth-child(2){grid-column:span 5}
.ad-featured .work-frame:nth-child(3),.ad-featured .work-frame:nth-child(4){grid-column:span 6}
.ad-supporting{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ad-lane{display:flex;flex-direction:column;gap:18px;min-width:0}
.gallery-advertising .placeholder-inner strong{font-size:clamp(22px,3vw,42px)}
.ad-supporting .placeholder-inner strong{font-size:clamp(20px,2vw,28px)}
@media(max-width:700px){
 .ad-featured .work-frame:nth-child(n){grid-column:span 12}
 .ad-featured .work-frame[data-ratio="9:16"]{width:min(100%,280px);justify-self:center}
 .ad-supporting{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .ad-lane{gap:12px}
 .ad-supporting .ad-lane:last-child{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
 .ad-supporting .work-frame{grid-column:auto}
 .ad-supporting .placeholder-inner strong{font-size:19px}
 .ad-supporting .placeholder-inner span{font-size:8px;line-height:1.6;letter-spacing:.05em}
}

/* Approved Campaign cover; originals remain uncropped in the project viewer. */
.work-card.has-cover{color:#fff;background:#111;border-color:#45483a}
.work-card.has-cover .cover-art{inset:0;width:auto;height:auto;border:0;transform:none}
.work-card.has-cover .cover-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%}
.work-card.has-cover .cover-art::before{content:none}
.work-card.has-cover .cover-art::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#000b 0%,transparent 28%,transparent 50%,#000e 100%)}
.work-card.has-cover .card-top small{opacity:1}
.work-card.has-cover .card-bottom h3{font-size:clamp(30px,3vw,43px)}
.work-card.has-cover .card-bottom p{opacity:1}
.gallery-campaign{align-items:start;gap:22px}
.gallery-campaign .media-slot{background:#131512;border:0}
@media(max-width:700px){.work-card.has-cover{min-height:320px}.gallery-campaign{gap:16px}}

.gallery-campaign .work-frame.portrait-feature{width:min(100%,680px);justify-self:center;grid-column:1/-1}

/* One lead and two supporting 4:5 posts form a connected launch series. */
.gallery-social.social-series{grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;align-items:start}
.social-series .work-frame:first-child{grid-column:1/9;grid-row:1/3}
.social-series .work-frame:nth-child(2){grid-column:9/-1;grid-row:1}
.social-series .work-frame:nth-child(3){grid-column:9/-1;grid-row:2}
.social-series .media-slot{border:0;background:#171717}
.work-card.social.has-cover .cover-art img{object-position:center 38%}
@media(max-width:760px){
 .gallery-social.social-series{gap:24px}
 .gallery-social.social-series .work-frame:nth-child(n){grid-column:1/-1;grid-row:auto;max-width:580px;width:100%;justify-self:center}
}

/* Selected advertising: four leads, then six supporting pieces in native formats. */
.gallery-advertising{gap:22px 20px}
.gallery-advertising .media-slot{border:0;background:#d6d3c6}
.gallery-advertising figcaption{font-size:11px;line-height:1.5;padding:12px 0 0}
.ad-selected-support .work-frame:nth-child(-n+3){grid-column:span 4}
.ad-selected-support .work-frame:nth-child(4),.ad-selected-support .work-frame:nth-child(5){grid-column:span 3}
.ad-selected-support .work-frame:nth-child(6){grid-column:span 6;align-self:center}
.media-link{cursor:zoom-in}
.inspect-hint{position:absolute;right:10px;bottom:10px;padding:10px 12px;background:#11120fe8;color:#fff;font-size:10px;line-height:1.4;letter-spacing:.01em;border-radius:3px;opacity:0;transform:translateY(4px);transition:opacity .18s,transform .18s}
.media-link:hover .inspect-hint,.media-link:focus-visible .inspect-hint{opacity:1;transform:none}
.media-link:focus-visible{outline:3px solid #536d17;outline-offset:5px}

/* Keep the advertising cover complete and separate from its navigation label. */
.work-card.advertising.has-cover{background:#d6d3c6;color:#1c2115}
.work-card.advertising.has-cover .cover-art{inset:52px 22px 60px 50%;overflow:visible}
.work-card.advertising.has-cover .cover-art img{object-fit:contain;object-position:right center;filter:drop-shadow(0 10px 12px #1c21151a)}
.work-card.advertising.has-cover .cover-art::after{content:none}
.work-card.advertising.has-cover .card-bottom h3{font-size:clamp(25px,2.3vw,36px);max-width:48%;line-height:1.02}
.work-card.advertising.has-cover .card-bottom p{font-size:10px}
@media(max-width:1000px) and (min-width:701px){
 .work-card.advertising.has-cover .cover-art{inset:60px 16px 64px 50%}
 .work-card.advertising.has-cover .card-top small{display:none}
 .work-card.advertising.has-cover .card-bottom h3{font-size:25px;max-width:49%}
 .gallery-advertising{gap:20px 16px}
}
@media(max-width:700px){
 .work-card.advertising.has-cover{min-height:340px}
 .work-card.advertising.has-cover .card-bottom h3{font-size:27px;max-width:48%}
 .work-card.advertising.has-cover .cover-art{inset:55px 18px 68px 50%}
 .gallery-advertising{gap:28px}
 .ad-featured .work-frame[data-ratio="9:16"]{width:min(100%,340px)}
 .ad-selected-support .work-frame:nth-child(n){grid-column:1/-1;width:100%;max-width:540px;justify-self:center}
 .gallery-advertising figcaption{font-size:12px}
}
@media(hover:none){.inspect-hint{opacity:1;transform:none;font-size:9px;padding:7px 9px}}

/* Packaging is presented as three related ranges, with the full packet visible. */
.group-description{font-size:13px;line-height:1.6;color:#58614e;max-width:600px;margin:-2px 0 24px}
.gallery-packaging{gap:24px;align-items:center}
.gallery-packaging .media-slot{border:0;background:#ded9cf}
.gallery-packaging figcaption{font-size:11px;line-height:1.5;padding:12px 0 0}
.packaging-range .work-frame.narrow{grid-column:span 4}
.packaging-range .work-frame.wide{grid-column:span 8}
.packaging-detail .work-frame{grid-column:span 6}
.work-card.packaging.has-cover{background:#d6d3c6;color:#1c2115;min-height:420px}
.work-card.packaging.has-cover .cover-art{inset:56px 18px 128px;overflow:hidden}
.work-card.packaging.has-cover .cover-art img{object-fit:contain;object-position:center}
.work-card.packaging.has-cover .cover-art::after{content:none}
.work-card.packaging.has-cover .card-bottom h3{font-size:clamp(30px,3vw,40px);line-height:1.02}
@media(max-width:700px){
 .work-card.packaging.has-cover{min-height:410px}
 .gallery-packaging{gap:28px}
 .packaging-range .work-frame.narrow,.packaging-range .work-frame.wide,.packaging-detail .work-frame{grid-column:1/-1;width:100%;justify-self:center}
 .packaging-range .work-frame.narrow{max-width:380px}
 .gallery-packaging figcaption{font-size:12px}
 .group-description{font-size:13px;margin-bottom:20px}
}