:root{--paper:#f7f7f6;--ink:#1a1a1a;--muted:#666666;--line:#d6d6d6;--gold:#F2B705;--dark:#171717}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#F2B705;color:#171717}.wrap{width:min(1160px,calc(100% - 88px));margin:auto}.skip-link{position:absolute;top:-100px;left:16px;background:#fff;padding:12px;z-index:20}.skip-link:focus{top:8px}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 max(44px,calc((100vw - 1160px)/2));border-bottom:1px solid var(--line);position:relative;z-index:10}.wordmark{display:flex;align-items:center;font-family:Manrope,sans-serif;font-size:27px;font-weight:800;letter-spacing:-2px}.period,.accent{color:var(--gold)}.wordmark-name{font:700 11px 'DM Sans',sans-serif;letter-spacing:2px;margin-left:20px}.site-header nav{display:flex;align-items:center;gap:31px}.site-header nav a{font-size:12px;font-weight:700;transition:color .2s}.site-header nav a:hover,.text-link:hover{color:var(--gold)}.nav-contact{border:1px solid var(--ink);padding:12px 16px}.nav-contact span{margin-left:14px}.menu-toggle{display:none}.hero{padding-top:76px}.eyebrow,.section-kicker,.project-category,.creative-label{font-size:11px;letter-spacing:2px;font-weight:700}.eyebrow{display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:50%;background:var(--gold)}.hero-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:70px;align-items:center;padding:32px 0 70px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(65px,8.4vw,122px);letter-spacing:-8px;line-height:1.04;font-weight:600;margin-bottom:30px}h1 em,.contact-section h2 em{font-family:Georgia,serif;font-weight:400;color:var(--gold)}.hero-lead{font-size:20px;line-height:1.65;max-width:570px;color:#666666}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:17px 22px;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-dark{background:var(--ink);color:#fff}.text-link{font-size:13px;font-weight:700}.hero-art{aspect-ratio:420/460;overflow:hidden}.hero-art svg{width:100%;height:100%;display:block}.hero-caption,.hero-bottom{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:1.1px;color:var(--muted)}.hero-caption{padding-top:15px}.hero-bottom{border-top:1px solid var(--line);padding:22px 0 30px}.dark-section{background:var(--dark);color:#f7f7f6}.intro-grid,.about-grid{display:grid;grid-template-columns:1fr .8fr;gap:100px;padding-top:112px;padding-bottom:112px}.section-kicker{color:var(--gold);margin-bottom:26px}.intro h2,.about-section h2{font-size:clamp(38px,4.7vw,64px);line-height:1.17;letter-spacing:-3px;font-weight:600}.intro h2 span{color:#aaaaaa}.intro-grid>div:nth-child(2) p,.about-grid>div:nth-child(2) p{font-size:17px;line-height:1.9;color:#d0d0d0}.light-link{color:#F2B705;font-size:13px;font-weight:700;display:inline-block;margin-top:18px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);padding-top:60px;padding-bottom:60px;border-bottom:1px solid var(--line)}.metric{padding:10px 25px;border-right:1px solid var(--line)}.metric:first-child{padding-left:0}.metric:last-child{border:0}.metric strong{font:600 clamp(36px,4vw,55px) Manrope;letter-spacing:-3px;display:block}.metric span{font-size:12px;line-height:1.5;color:var(--muted);display:block;max-width:170px}.section{padding-top:112px;padding-bottom:120px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:58px}.section-heading h2,.experience-section h2{font-size:clamp(40px,5vw,68px);letter-spacing:-4px;line-height:1.15;margin:0}.section-heading>p{max-width:300px;color:var(--muted);font-size:15px;line-height:1.7;margin:0}.projects{display:grid;gap:80px}.project{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}.project:nth-child(even) .project-visual{order:2}.project-visual{aspect-ratio:1.28;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.visual-index{position:absolute;top:22px;left:24px;color:#f4f4f4;font-size:10px;letter-spacing:2px;z-index:1}.visual-marriott{background:#202020}.visual-starbucks{background:#484848}.visual-ageverify{background:#dedede}.visual-ageverify .visual-index{color:#252525}.visual-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.visual-glyph{font:800 180px Manrope;color:#ededed;letter-spacing:-20px}.visual-glyph span{font-size:90px;color:#F2B705;vertical-align:top}.visual-lines{position:absolute;bottom:30px;right:35px;display:grid;gap:9px}.visual-lines i{display:block;width:120px;height:2px;background:#F2B705}.visual-lines i:nth-child(2){width:75px}.visual-lines i:nth-child(3){width:95px}.rings{position:relative}.ring{border:1px solid #e5e5e5;border-radius:50%;position:absolute}.ring-one{width:70%;aspect-ratio:1}.ring-two{width:52%;aspect-ratio:1}.ring-three{width:34%;aspect-ratio:1}.rings>span{position:relative;text-align:center;color:#fff;font:700 23px Manrope;letter-spacing:2px}.age-logo{font:800 clamp(36px,5vw,70px) Manrope;letter-spacing:-5px;color:#222222;flex-direction:column}.age-logo span{color:#F2B705}.age-logo small{font:700 10px 'DM Sans';letter-spacing:3px;margin-top:15px}.project-category{color:#F2B705}.project-copy h3{font-size:clamp(30px,3vw,43px);line-height:1.25;letter-spacing:-2px;margin:20px 0}.project-copy>p:not(.project-category){color:var(--muted);font-size:16px;line-height:1.85}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.chips span{border:1px solid var(--line);padding:9px 12px;font-size:11px;color:#666666}.experience-section{background:#ededed;padding:115px 0}.experience-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:110px}.section-aside{color:var(--muted);font-size:16px;line-height:1.8;max-width:330px;margin-top:30px}.timeline-item{display:grid;grid-template-columns:145px 1fr;gap:25px;padding:26px 0;border-bottom:1px solid #c7c7c7}.timeline-item:first-child{padding-top:0}.timeline-years{font-size:11px;letter-spacing:1px;font-weight:700;color:#F2B705;padding-top:7px}.timeline h3{font-size:20px;letter-spacing:-.6px;margin-bottom:7px}.timeline p{font-size:13px;font-weight:700;margin-bottom:10px}.timeline span{font-size:13px;color:var(--muted);line-height:1.6}.timeline>.text-link{display:inline-block;margin-top:32px}.creative-grid{display:grid;grid-template-columns:1fr .9fr;gap:100px;align-items:center}.creative-poster{aspect-ratio:4/4.6;background:#dedede;color:#252525;position:relative;padding:28px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.poster-top{font-size:11px;font-weight:800;letter-spacing:3px}.record-art{position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle at center,#252525 0 5px,#363636 6px 8px,#252525 9px 12px);top:18%;left:35%;box-shadow:25px 25px 0 #777777}.record-center{position:absolute;inset:38%;border-radius:50%;background:#F2B705;border:12px solid #eeeeee}.poster-bottom{font:800 clamp(44px,5.4vw,75px)/1.04 Manrope;letter-spacing:-4px;z-index:1}.creative-label{color:var(--gold)}.creative-copy h3{font-size:70px;letter-spacing:-5px;margin:15px 0}.creative-copy p{font-size:16px;line-height:1.85;color:var(--muted)}.button-outline{border:1px solid var(--ink);margin-top:22px}.creative-copy .asset-note{font-size:11px;margin-top:20px;color:#777777}.about-section{margin-top:0}.contact-section{padding-top:125px;padding-bottom:125px}.contact-section h2{font-size:clamp(50px,7vw,95px);letter-spacing:-6px;line-height:1.1;font-weight:600}.contact-section>p:not(.section-kicker){font-size:17px;line-height:1.7;color:var(--muted);max-width:510px}.contact-email{display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid var(--ink);padding:14px 0;margin-top:35px;font-size:clamp(20px,3vw,35px);font-weight:700;letter-spacing:-1px;overflow-wrap:anywhere}.site-footer{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:30px;padding-bottom:35px;font-size:10px;letter-spacing:1.2px;font-weight:700;color:var(--muted)}.site-footer>div{display:flex;gap:25px}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@media(max-width:900px){.wrap{width:min(100% - 48px,1160px)}.site-header{padding:0 24px}.hero-grid{gap:30px}h1{letter-spacing:-5px}.intro-grid,.about-grid,.experience-grid,.creative-grid{gap:45px}.project{gap:35px}.project-copy h3{font-size:30px}}@media(max-width:680px){.site-header{height:72px}.menu-toggle{display:flex;width:42px;height:42px;background:transparent;border:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer}.menu-toggle span{height:2px;width:20px;background:var(--ink)}.site-header nav{display:none;position:absolute;top:71px;left:0;right:0;background:var(--paper);padding:24px;flex-direction:column;align-items:stretch;gap:20px;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.wordmark-name{font-size:10px}.hero{padding-top:50px}.hero-grid,.intro-grid,.about-grid,.experience-grid,.creative-grid,.project{grid-template-columns:1fr}.hero-grid{padding-bottom:45px}.hero-side{max-width:440px}.hero h1{font-size:clamp(54px,13vw,85px);letter-spacing:-4px}.hero-lead{font-size:17px}.hero-bottom{font-size:9px}.intro-grid,.about-grid{padding-top:75px;padding-bottom:75px}.metrics{grid-template-columns:repeat(2,1fr);gap:30px}.metric:nth-child(2){border:0}.metric:nth-child(3){padding-left:0}.section{padding-top:75px;padding-bottom:80px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:22px}.project:nth-child(even) .project-visual{order:0}.projects{gap:65px}.experience-section{padding:75px 0}.timeline-item{grid-template-columns:1fr;gap:8px}.creative-grid{gap:35px}.creative-poster{max-width:480px}.contact-section{padding-top:85px;padding-bottom:90px}.contact-section h2{letter-spacing:-3px}.site-footer{flex-wrap:wrap}.site-footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Editable portfolio imagery */
.project-photo,.creative-photo{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}.creative-poster{position:relative;overflow:hidden}.project-visual{position:relative;overflow:hidden}.project-photo{z-index:1}.project-visual:has(.project-photo) .visual-index{z-index:2;position:relative;background:rgba(0,0,0,.55);color:white;padding:.3rem .5rem}.creative-photo{position:relative;min-height:350px}

/* Gregg portrait in homepage hero */
.hero-portrait{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}.hero-art{background:#dedede}

/* Hero layout correction: prevent portrait intrinsic dimensions from expanding the grid */
.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,4vw,64px);align-items:center}
.hero-grid>div,.hero-side{min-width:0;max-width:100%}
.hero h1{font-size:clamp(52px,5.5vw,82px);letter-spacing:-.065em;line-height:1.08;overflow-wrap:normal}
.hero-art{position:relative;width:100%;height:auto;aspect-ratio:4/4.5;overflow:hidden}
.hero-art .hero-portrait{position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center 28%;display:block}
@media(max-width:900px){.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:28px}.hero h1{font-size:clamp(48px,6.3vw,68px)}}
@media(max-width:680px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:30px}.hero h1{font-size:clamp(48px,12vw,76px)}.hero-side{width:100%;max-width:480px}.hero-art{aspect-ratio:4/4.2}}

/* Marriott project: integrated employee-experience diagram and concise highlights */
.project:has(.marriott-diagram){align-items:start;grid-template-columns:.95fr 1.05fr;gap:clamp(28px,4vw,64px)}
.project-visual:has(.marriott-diagram){aspect-ratio:auto;min-height:510px;align-items:stretch;justify-content:stretch}
.project-visual:has(.marriott-diagram) .visual-index{display:none}
.marriott-diagram{width:100%;padding:clamp(24px,3vw,42px);color:#f6f6f6;display:flex;flex-direction:column;justify-content:center;gap:22px}
.diagram-kicker,.diagram-note{font-size:10px;letter-spacing:1.5px;color:#F2B705;margin:0}
.marriott-diagram h4{font:600 clamp(25px,2.6vw,38px)/1.2 Manrope,sans-serif;letter-spacing:-1.5px;margin:0}
.diagram-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.diagram-pillars>div{background:#353535;border:1px solid #666666;padding:15px 9px;min-height:100px;display:flex;flex-direction:column;gap:16px}
.diagram-pillars small{color:#F2B705;font-size:11px}.diagram-pillars strong{font-size:clamp(9px,.85vw,12px);line-height:1.45;letter-spacing:.2px}
.diagram-connector{height:26px;width:66%;margin:-7px auto -8px;border:1px solid #F2B705;border-top:0;position:relative}
.diagram-connector:after{content:'';position:absolute;left:50%;top:100%;height:15px;border-left:1px solid #F2B705}
.diagram-audience{margin:12px auto 0;background:#F2B705;color:#171717;text-align:center;padding:17px 12px;width:min(100%,310px);display:grid;gap:5px}
.diagram-audience strong{font-size:13px;letter-spacing:.7px}.diagram-audience span{font-size:12px}
.diagram-note{color:#bcbcbc;letter-spacing:0;line-height:1.5;margin-top:6px}
.project-highlights{margin-top:28px;display:grid;gap:17px}.project-highlight{padding-top:15px;border-top:1px solid var(--line)}
.highlight-label{display:block;font-size:10px;letter-spacing:1.4px;color:#F2B705;font-weight:700;margin-bottom:7px}
.project-highlight h4{font:700 16px/1.4 Manrope,sans-serif;margin:0 0 6px}.project-highlight p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}
@media(max-width:900px){.project:has(.marriott-diagram){grid-template-columns:1fr}.project-visual:has(.marriott-diagram){min-height:430px}.diagram-pillars strong{font-size:12px}}
@media(max-width:680px){.project-visual:has(.marriott-diagram){min-height:410px}.diagram-pillars strong{font-size:10px}}

/* Robust Marriott layout: works even in browsers without :has() support. */
.project:has(.marriott-visual){align-items:start;grid-template-columns:.95fr 1.05fr}
.marriott-visual{aspect-ratio:auto;min-height:510px;display:flex;align-items:stretch;justify-content:stretch;background:#202020}
.marriott-visual .visual-index{display:none}
.marriott-visual .marriott-diagram{display:flex;position:relative;z-index:1}
@media(max-width:900px){.project:has(.marriott-visual){grid-template-columns:1fr}.marriott-visual{min-height:430px}}
@media(max-width:680px){.marriott-visual{min-height:410px}}

/* Monochrome editorial refinement — single vermilion accent */
:root{--paper:#f7f7f6;--ink:#1a1a1a;--muted:#666;--line:#d6d6d6;--gold:#F2B705;--dark:#171717}
.visual-marriott,.marriott-visual{background:#202020}
.marriott-diagram{color:#f8f8f8}
.diagram-pillars>div{background:#353535;border-color:#666}
.diagram-pillars small,.diagram-kicker{color:#F2B705}
.diagram-connector{border-color:#F2B705}.diagram-connector:after{border-color:#F2B705}
.diagram-audience{background:#f2f2f2;color:#171717;border-left:5px solid #F2B705}
.diagram-pillars strong{font-size:clamp(10px,.91vw,13px);overflow-wrap:normal;hyphens:none}
.visual-starbucks{background:#484848}.visual-ageverify{background:#dedede}
.experience-section{background:#ededed}.creative-poster{background:#dedede;color:#222}
.record-art{background:repeating-radial-gradient(circle at center,#222 0 5px,#444 6px 8px,#222 9px 12px);box-shadow:25px 25px 0 #888}
.record-center{background:#F2B705;border-color:#eee}
.hero-art,.project-photo,.creative-photo{filter:grayscale(100%)}
.hero-portrait{filter:none} /* Keep the real portrait natural; graphic elements remain monochrome */
@media(max-width:680px){.diagram-pillars{gap:5px}.diagram-pillars>div{padding:11px 6px;min-height:118px}.diagram-pillars strong{font-size:10px;line-height:1.35}}

/* Keep the single accent color in the Starbucks infographic. */
.visual-starbucks .project-photo{filter:none!important;-webkit-filter:none!important;object-fit:contain;background:#202020}

/* Portfolio visuals: full artwork, no overlay labels or grayscale filters. */
.project-visual:has(.project-photo) .visual-index{display:none!important}
.project-visual .project-photo{filter:none!important;-webkit-filter:none!important;object-fit:contain;background:#171717}
.hero-art,.hero-art img,.hero-portrait{filter:none!important;-webkit-filter:none!important}

/* Actual AgeVerify homepage inside a Chrome-style browser frame */
.visual-ageverify{background:#e5e5e5;padding:clamp(10px,2.5vw,22px)}
.age-browser{width:100%;max-width:100%;background:#fff;border:1px solid #777;border-radius:11px;overflow:hidden;box-shadow:0 18px 35px rgba(0,0,0,.17);display:flex;flex-direction:column}
.age-browser-bar{height:35px;flex:none;background:#242424;color:#ddd;display:flex;align-items:center;justify-content:space-between;padding:0 11px;gap:12px;font:11px 'DM Sans',sans-serif}
.browser-dots{display:flex;gap:5px}.browser-dots i{width:8px;height:8px;border-radius:50%;background:#F2B705}.browser-dots i:nth-child(2){background:#888}.browser-dots i:nth-child(3){background:#c8c8c8}
.browser-url{background:#383838;border-radius:4px;padding:4px 18px;color:#ddd;letter-spacing:.3px}.browser-menu{font-size:18px;line-height:1}
.age-browser-image{display:block;width:100%;height:auto;max-height:390px;object-fit:cover;object-position:top;filter:none!important;-webkit-filter:none!important}
@media(max-width:680px){.age-browser-image{max-height:300px}}

/* Compact homepage: work follows hero without an additional introduction band. */
.hero-grid{padding-bottom:46px}
.hero-bottom{padding-bottom:22px}
#work{scroll-margin-top:24px}
@media(max-width:680px){.hero-grid{padding-bottom:32px}}


/* Dark editorial hero — full viewport width, white selected-work section */
.hero{position:relative;isolation:isolate;color:#f7f7f6}
.hero::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:#191919}
.hero .eyebrow{color:#e5e5e5}
.hero h1{color:#f7f7f6}
.hero .hero-lead{color:#c6c6c6}
.hero .hero-caption,.hero .hero-bottom{color:#aaa}
.hero .hero-bottom{border-top-color:#494949}
.hero .button-dark{background:#F2B705;color:#fff}
.hero .button-dark:hover{background:#fa694f}
.hero .text-link{color:#f7f7f6}
.hero .text-link:hover,.hero .hero-bottom a:hover{color:#F2B705}
.hero .hero-art,.hero .hero-art img,.hero .hero-portrait{filter:none!important;-webkit-filter:none!important}
#work{background:#f7f7f6}
@media(max-width:680px){.hero::before{width:100vw}}

/* Featured independent project: editorial emphasis without displacing enterprise work */
.featured-bopdb{background:#202020;color:#f7f7f6;padding:90px max(44px,calc((100vw - 1160px)/2));width:100%;max-width:none;margin:0}
.featured-bopdb .section-heading,.featured-bopdb .creative-grid{max-width:1160px;margin-left:auto;margin-right:auto}
.featured-bopdb .section-heading{margin-bottom:45px}
.featured-bopdb .section-heading>p,.featured-bopdb .creative-copy p{color:#c3c3c3}
.featured-bopdb .creative-copy h3{font-size:clamp(36px,4vw,58px);line-height:1.12;letter-spacing:-2.5px}
.featured-bopdb .creative-grid{grid-template-columns:.95fr 1.05fr;gap:85px}
.featured-bopdb .creative-poster{background:#e6e6e6;color:#171717;aspect-ratio:1.18;max-height:480px}
.featured-bopdb .button-outline{border-color:#f7f7f6;color:#f7f7f6}
.featured-bopdb .creative-copy .asset-note{color:#999}
@media(max-width:900px){.featured-bopdb{padding:75px 24px}.featured-bopdb .creative-grid{gap:40px}}
@media(max-width:680px){.featured-bopdb .creative-grid{grid-template-columns:1fr}.featured-bopdb .creative-poster{max-width:480px}}

/* Bopdb featured work: original art remains in full color */
.featured-bopdb{padding:clamp(56px,7vw,100px) 24px}
.featured-bopdb .bopdb-inner{max-width:1160px;margin:auto}
.featured-bopdb .section-heading{max-width:none;margin:0 0 40px}
.featured-bopdb .bopdb-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,72px);align-items:center}
.bopdb-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.bopdb-art{margin:0;background:#f4f0e6;overflow:hidden;box-shadow:0 12px 28px #0005;transition:transform .2s ease}
.bopdb-art:nth-child(2){transform:translateY(28px)}
.bopdb-art:nth-child(3){transform:translateY(56px)}
.bopdb-art img{display:block;width:100%;height:auto;filter:none!important;-webkit-filter:none!important}
.featured-bopdb .bopdb-copy h3{font-size:clamp(32px,3.4vw,52px);line-height:1.1}
.featured-bopdb .bopdb-copy p{font-size:clamp(15px,1.35vw,18px);line-height:1.65;color:#d2d2d2}
.bopdb-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}
.bopdb-stats>div{border-top:2px solid #F2B705;padding-top:12px}
.bopdb-stats strong{display:block;font-size:clamp(32px,4vw,52px);line-height:1;color:#fff;letter-spacing:-.05em}
.bopdb-stats span{display:block;margin-top:9px;font-size:13px;line-height:1.45;color:#c7c7c7}
.bopdb-instagram{display:inline-block;margin-top:12px}
@media(max-width:850px){.featured-bopdb .bopdb-layout{grid-template-columns:1fr}.bopdb-gallery{max-width:720px;margin-bottom:48px}}
@media(max-width:480px){.bopdb-gallery{gap:7px}.bopdb-stats{gap:10px}}

/* Original bopdb logo: white artwork on transparent background */
.featured-bopdb .bopdb-logo{display:block;width:clamp(145px,17vw,220px);height:auto;max-width:100%;object-fit:contain;filter:none!important;-webkit-filter:none!important;margin:0 0 25px}


/* Large, accessible, automatically rotating bopdb artwork carousel */
.featured-bopdb .bopdb-layout{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);align-items:center;gap:clamp(28px,4vw,64px)}
.bopdb-carousel{position:relative;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;justify-items:center;padding:12px 8px 62px;background:#202020}
.bopdb-carousel .bopdb-slide{grid-area:1/1;display:flex;align-items:center;justify-content:center;margin:0;width:100%;height:clamp(440px,47vw,710px);opacity:0;visibility:hidden;transform:translateX(12px);transition:opacity .45s ease,transform .45s ease,visibility .45s;pointer-events:none;background:transparent;box-shadow:none}
.bopdb-carousel .bopdb-slide.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.bopdb-carousel .bopdb-slide img{display:block;width:auto;max-width:100%;height:100%;max-height:100%;object-fit:contain;filter:none!important;-webkit-filter:none!important;box-shadow:0 15px 35px #0008}
.bopdb-carousel-controls{position:absolute;bottom:7px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:20px}
.bopdb-carousel-controls button{cursor:pointer;border:1px solid #777;background:transparent;color:#fff;border-radius:0;width:38px;height:38px;font-size:21px}
.bopdb-carousel-controls button:hover,.bopdb-carousel-controls button:focus-visible{border-color:#F2B705;color:#F2B705}
.bopdb-carousel-dots{display:flex;gap:9px;align-items:center}
.bopdb-carousel-dots .bopdb-carousel-dot{width:10px;height:10px;border:0;border-radius:50%;background:#777;padding:0}
.bopdb-carousel-dots .bopdb-carousel-dot[aria-current="true"]{background:#F2B705}
@media(max-width:850px){.featured-bopdb .bopdb-layout{grid-template-columns:1fr}.bopdb-carousel{width:100%;max-width:720px;margin:0 auto 18px}.bopdb-carousel .bopdb-slide{height:min(105vw,670px)}}
@media(prefers-reduced-motion:reduce){.bopdb-carousel .bopdb-slide{transition:none}}

/* October 2026 identity refresh: typographic logo + golden yellow */
:root{--gold:#F2B705;--accent-light:#A77700}
.wordmark{font-family:Manrope, sans-serif;font-size:clamp(19px,2vw,27px);font-weight:800;letter-spacing:-1.6px;white-space:nowrap;gap:0}
.signature-gregg,.signature-richter{color:var(--ink)}
.signature-slash{color:#B88600;margin:0 2px;font-weight:800}
.project-category,.highlight-label,.timeline-years,.section-kicker{color:#946A00}
.featured-bopdb .section-kicker,.featured-bopdb .creative-label,.hero .eyebrow .dot{color:#F2B705}
.hero .button-dark{background:#F2B705;color:#171717}
.hero .button-dark:hover{background:#FFD447}
.bopdb-stats>div{border-top-color:#F2B705}
.bopdb-carousel-controls button:hover,.bopdb-carousel-controls button:focus-visible{color:#F2B705;border-color:#F2B705}
.bopdb-carousel-dots .bopdb-carousel-dot[aria-current="true"]{background:#F2B705}
/* Matching framing for Marriott and Starbucks project artwork */
.project-visual.visual-marriott,.project-visual.visual-starbucks{overflow:visible;background:transparent;position:relative;isolation:isolate;aspect-ratio:1.28}
.project-visual.visual-marriott::before,.project-visual.visual-marriott::after,.project-visual.visual-starbucks::before,.project-visual.visual-starbucks::after{content:"";position:absolute;left:0;right:0;height:8px;background:#191919;z-index:3;pointer-events:none}
.project-visual.visual-marriott::before,.project-visual.visual-starbucks::before{top:-17px}
.project-visual.visual-marriott::after,.project-visual.visual-starbucks::after{bottom:-17px}
.project-visual.visual-marriott .project-photo,.project-visual.visual-starbucks .project-photo{position:relative;inset:auto;width:100%;height:100%;object-fit:contain;background:#191919;filter:none!important}
@media(max-width:680px){.wordmark{font-size:23px}.site-header nav a{font-size:13px}}

/* October 22 refinements: Starbucks artwork already contains its own black rails.
   Keep the single matching CSS frame on Marriott only. */
.project-visual.visual-starbucks::before,
.project-visual.visual-starbucks::after { content:none!important; display:none!important; }

/* White secondary hero CTA, alongside the golden-yellow primary CTA. */
.hero .hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px; }
.hero .button-creative { display:inline-flex; align-items:center; justify-content:space-between; gap:22px; padding:17px 22px; background:#fff; color:#171717; border:1px solid #fff; font-weight:700; font-size:12px; transition:background .2s ease, color .2s ease; }
.hero .button-creative:hover { background:#e7e7e7; color:#171717; }
@media(max-width:680px){.hero .hero-actions{gap:10px}.hero .button-creative{padding:15px 17px}}