#odobe-content{--oc-navy:#281a11;--oc-panel:#35251a;--oc-yellow:#fef9ba;--oc-body:#fef9ba;--oc-paper:#fef9ba;position:relative;z-index:2;background:var(--oc-navy);color:var(--oc-body);padding:0 5.5vw;font-family:var(--font-family-body,inherit)}
#odobe-content *, .odobe-project-dialog *{box-sizing:border-box}
#odobe-content button,.odobe-project-dialog button{font:inherit;cursor:pointer}
#odobe-content h2,#odobe-content h3,#odobe-content p,.odobe-project-dialog h2,.odobe-project-dialog h3,.odobe-project-dialog p{margin:0}
#odobe-content button:focus-visible,#odobe-content a:focus-visible,.odobe-project-dialog button:focus-visible{outline:3px solid var(--oc-paper,#fef9ba);outline-offset:7px}
#odobe-content section[id]{scroll-margin-top:100px}
.odobe-works-intro{position:relative;padding:13vw 0 9vw;max-width:1500px;margin:auto}
.odobe-eyebrow{display:block;color:var(--oc-yellow);text-transform:uppercase;letter-spacing:.1em;font-size:12px;margin-bottom:35px}
.odobe-works-intro h2{color:var(--oc-yellow);font-family:var(--font-family-h2,inherit);font-size:clamp(60px,9.5vw,155px);line-height:.96;letter-spacing:-.065em;max-width:1100px;text-wrap:balance;font-weight:600}
.odobe-works-intro p{font-size:clamp(14px,1.35vw,20px);padding-top:28px}
.odobe-works-spark{position:absolute;right:1vw;bottom:4vw;color:var(--oc-yellow);font-size:clamp(80px,12vw,180px);line-height:1;transform:rotate(-15deg)}
.odobe-work-section{padding:40px 0 100px;max-width:1500px;margin:auto}
.odobe-section-heading{display:grid;grid-template-columns:9% 1fr;border-top:1px solid #fef9ba42;padding-top:35px;margin-bottom:50px;align-items:start}
.odobe-section-index{font-size:12px;letter-spacing:.08em;padding-top:8px;color:var(--oc-yellow)}
.odobe-section-heading h2{font-family:var(--font-family-h2,inherit);font-size:clamp(36px,6.3vw,100px);font-weight:500;line-height:1.02;letter-spacing:-.045em;color:var(--oc-yellow)}
.odobe-section-heading h2 sup{font-family:var(--font-family-body,inherit);font-size:12px;letter-spacing:0;vertical-align:top;display:inline-block;padding:8px 0 0 16px}
.odobe-section-heading p{padding-top:16px;font-size:clamp(14px,1.15vw,18px)}
.odobe-project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:70px 5%;align-items:start}
.odobe-project{grid-column:span 6;min-width:0}
.odobe-project:nth-child(4n+1){grid-column:1/span 7}
.odobe-project:nth-child(4n+2){grid-column:9/span 4;margin-top:8vw}
.odobe-project:nth-child(4n+3){grid-column:1/span 5;margin-top:1vw}
.odobe-project:nth-child(4n+4){grid-column:7/span 6;margin-top:6vw}
.odobe-project[hidden]{display:none!important}
.odobe-project-link{display:block;width:100%;padding:0;border:0;background:none;text-align:left;color:inherit}
.odobe-project-cover{position:relative;aspect-ratio:16/9;overflow:hidden;isolation:isolate;background:var(--oc-panel);border-radius:3px}
.odobe-project-cover>.odobe-art,.odobe-project-cover>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.65,.25,1),filter .7s}
.odobe-project-link:hover .odobe-project-cover>.odobe-art,.odobe-project-link:hover .odobe-project-cover>img{transform:scale(1.055) rotate(-1deg)}
.odobe-project-status{position:absolute;top:16px;left:16px;border-radius:99px;padding:7px 11px;background:var(--oc-navy);color:var(--oc-paper);font-size:10px;letter-spacing:.04em;line-height:1.1;text-transform:uppercase}
.odobe-project-action{position:absolute;right:16px;bottom:16px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--oc-paper);color:var(--oc-navy);transition:background .25s,transform .3s}
.odobe-project-action svg{width:21px;height:21px}
.odobe-project-link:hover .odobe-project-action{background:var(--oc-yellow);transform:rotate(10deg)}
.odobe-project-caption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:16px}
.odobe-project-caption h3{min-width:0;overflow-wrap:anywhere;font-family:var(--font-family-body,inherit);font-size:clamp(17px,1.6vw,25px);letter-spacing:-.025em;font-weight:500;color:var(--oc-paper);line-height:1.2}
.odobe-project-number{font-size:11px;color:var(--oc-yellow)}
.odobe-project-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;line-height:1.5;padding-top:8px;color:var(--oc-body)}
.odobe-project-tags span::before{content:'·';margin-right:8px}
.odobe-filters{display:flex;flex-wrap:wrap;gap:8px;margin:-12px 0 45px;padding-left:9%}
.odobe-filters button{background:transparent;border:1px solid #fef9ba55;color:var(--oc-body);border-radius:99px;font-size:12px;padding:10px 18px;transition:background .2s,color .2s}
.odobe-filters button[aria-pressed=true],.odobe-filters button:hover{background:var(--oc-yellow);color:var(--oc-navy);border-color:var(--oc-yellow)}
#graphic-design .odobe-project-grid:has(.odobe-project[hidden]) .odobe-project:not([hidden]){grid-column:span 6;margin-top:0}
.odobe-resume{max-width:1500px;margin:50px auto 0;padding:60px 0 140px;border-top:1px solid #fef9ba42}
.odobe-resume-topline{display:flex;justify-content:space-between;color:var(--oc-yellow);font-size:12px}
.odobe-resume-heading{padding-top:45px;display:flex;align-items:end;justify-content:space-between;gap:40px}
.odobe-resume-heading h2{font-family:var(--font-family-h2,inherit);font-size:clamp(80px,14vw,220px);letter-spacing:-.075em;font-weight:500;line-height:1;color:var(--oc-yellow)}
.odobe-resume-heading h2 span{display:inline-block;font-family:serif;font-weight:400;font-size:.68em;margin-left:20px;transform:translateY(-.08em)}
.odobe-resume-heading p{max-width:220px;line-height:1.5;padding-bottom:15px;font-size:clamp(14px,1.4vw,20px)}
.odobe-resume-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:75px}
.odobe-resume-label{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:11px;padding-bottom:24px;color:var(--oc-yellow)}
.odobe-resume-intro h3{font-size:clamp(28px,3vw,48px);line-height:1.15;font-weight:400;letter-spacing:-.035em;color:var(--oc-paper);max-width:450px}
.odobe-resume-intro p{padding-top:25px;font-size:14px;line-height:1.8;white-space:pre-line}
.odobe-resume-pending{display:inline-block;border:1px solid #fef9ba44;padding:13px 18px;border-radius:99px;font-size:11px;margin-top:40px}
.odobe-resume-download{display:inline-flex;gap:25px;align-items:center;background:var(--oc-yellow);color:var(--oc-navy);padding:16px 24px;border-radius:99px;text-decoration:none;font-size:13px;margin-top:40px}
.odobe-resume-download svg{width:20px;height:20px}
.odobe-resume-row{display:grid;grid-template-columns:35px 1fr;gap:15px;padding:22px 0;border-top:1px solid #fef9ba33}
.odobe-resume-row-number{font-size:10px;color:var(--oc-yellow);padding-top:5px}
.odobe-resume-row h3{font-size:18px;line-height:1.2;font-weight:500;color:var(--oc-paper)}
.odobe-resume-row p{font-size:13px;line-height:1.7;padding-top:12px;white-space:pre-line}
.odobe-project-dialog{--oc-paper:#fef9ba;position:fixed;inset:0;margin:auto;max-width:none;max-height:none;width:min(1120px,94vw);height:90dvh;padding:0;border:1px solid #fef9ba55;border-radius:8px;background:#35251a;color:#fef9ba;box-shadow:0 25px 100px #0009;font-family:var(--font-family-body,inherit);overflow:hidden;z-index:100000}
.odobe-project-dialog:not([open]){display:none}
.odobe-project-dialog::backdrop{background:#160f0ad9;backdrop-filter:blur(10px)}
.odobe-dialog-shell{height:100%;display:flex;flex-direction:column;min-height:0}
.odobe-dialog-header{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 30px;border-bottom:1px solid #fef9ba33}
.odobe-dialog-header>div{min-width:0;overflow-wrap:anywhere}
.odobe-dialog-header>div>span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#fef9ba}
.odobe-dialog-header h2{font-size:clamp(20px,3vw,36px);font-weight:500;letter-spacing:-.03em;color:#fef9ba;padding-top:6px;line-height:1.1}
.odobe-dialog-close{display:flex;gap:10px;align-items:center;flex-shrink:0;background:#fef9ba;color:#281a11;border:0;padding:12px 16px;border-radius:99px;font-size:12px}
.odobe-dialog-close svg{width:18px;height:18px}
.odobe-dialog-content{flex:1;overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:28px;scrollbar-color:#fef9ba #35251a}
.odobe-video{display:block;width:100%;max-height:70dvh;aspect-ratio:16/9;background:#1d140d;object-fit:contain}
.odobe-detail-hint{display:flex;justify-content:space-between;gap:20px;font-size:12px;margin:0 0 24px!important;color:#fef9ba}
.odobe-long-images{display:flex;flex-direction:column;gap:0;background:#281a11}
.odobe-long-images img{display:block;width:100%;height:auto;object-fit:contain}
.odobe-empty-project{max-width:100%;display:grid;grid-template-columns:1.1fr 1fr;gap:0;min-height:470px;align-items:center;background:#281a11}
.odobe-empty-art{align-self:stretch;overflow:hidden;display:flex;align-items:center;background:#35251a}
.odobe-empty-art>.odobe-art{width:100%;height:100%;min-height:350px;object-fit:cover}
.odobe-empty-copy{padding:45px}
.odobe-empty-copy>span{font-size:9px;letter-spacing:.1em;color:#fef9ba}
.odobe-empty-copy h3{font-size:clamp(32px,4.2vw,60px);font-weight:500;color:#fef9ba;letter-spacing:-.05em;line-height:1.05;padding:26px 0}
.odobe-empty-copy p{font-size:14px;line-height:1.8;max-width:290px}
.odobe-project-description{max-width:760px;margin:30px auto!important;font-size:15px;line-height:1.8;white-space:pre-line}
@media(min-width:1800px){.odobe-project:nth-child(4n+2){margin-top:140px}.odobe-project:nth-child(4n+4){margin-top:100px}}
@media(max-width:800px){#odobe-content{padding:0 6vw}.odobe-works-intro{padding:100px 0 95px}.odobe-works-intro h2{font-size:clamp(55px,11vw,88px);max-width:90%}.odobe-eyebrow{font-size:10px;margin-bottom:25px}.odobe-works-spark{font-size:90px;bottom:0;right:0}.odobe-work-section{padding-bottom:65px}.odobe-section-heading{grid-template-columns:10% 1fr;gap:8px;margin-bottom:30px;padding-top:25px}.odobe-section-heading h2{font-size:clamp(32px,7vw,56px)}.odobe-section-index{font-size:10px}.odobe-section-heading h2 sup{font-size:9px;padding-left:8px}.odobe-project-grid{gap:35px 6%}.odobe-project:nth-child(n){grid-column:span 6;margin-top:0}.odobe-project:nth-child(even){margin-top:45px}.odobe-project-status{top:10px;left:10px;font-size:8px;padding:6px 8px}.odobe-project-action{right:10px;bottom:10px;width:32px;height:32px}.odobe-project-action svg{width:17px;height:17px}.odobe-project-caption h3{font-size:17px}.odobe-project-tags{font-size:10px}.odobe-filters{padding-left:0;margin:0 0 30px;gap:6px}.odobe-filters button{font-size:10px;padding:9px 13px}.odobe-resume{padding:40px 0 90px;margin-top:20px}.odobe-resume-heading{padding-top:35px;gap:20px}.odobe-resume-heading h2{font-size:14vw}.odobe-resume-heading p{font-size:12px;max-width:170px;padding-bottom:5px}.odobe-resume-heading h2 span{margin-left:8px}.odobe-resume-layout{gap:7%;padding-top:45px}.odobe-resume-intro h3{font-size:28px}.odobe-resume-intro p{font-size:12px}.odobe-resume-row h3{font-size:16px}.odobe-resume-row p{font-size:12px}.odobe-empty-project{grid-template-columns:1fr;min-height:0}.odobe-empty-art{max-height:240px}.odobe-empty-art>.odobe-art{min-height:0;aspect-ratio:16/9}.odobe-empty-copy{padding:30px}.odobe-empty-copy h3{font-size:38px}.odobe-empty-copy p{max-width:none}.odobe-dialog-header{padding:20px}.odobe-dialog-content{padding:20px}}
@media(max-width:520px){.odobe-works-intro h2{font-size:54px;max-width:95%}.odobe-works-intro p{max-width:70%;font-size:13px}.odobe-works-spark{font-size:75px}.odobe-section-heading{grid-template-columns:28px 1fr}.odobe-section-heading p{font-size:12px;padding-top:12px}.odobe-section-heading h2{font-size:38px}.odobe-project-grid{grid-template-columns:1fr;gap:32px}.odobe-project:nth-child(n),#graphic-design .odobe-project-grid:has(.odobe-project[hidden]) .odobe-project:not([hidden]){grid-column:1;margin-top:0}.odobe-project:nth-child(3n+2){width:88%;justify-self:end}.odobe-project-caption h3{font-size:20px}.odobe-project-action{width:38px;height:38px}.odobe-project-status{font-size:9px}.odobe-work-section{padding-top:30px;padding-bottom:50px}.odobe-filters{gap:7px}.odobe-filters button{font-size:11px}.odobe-resume-heading{display:block}.odobe-resume-heading h2{font-size:90px}.odobe-resume-heading p{padding-top:15px;font-size:14px;max-width:none}.odobe-resume-layout{grid-template-columns:1fr;gap:40px;padding-top:40px}.odobe-resume-intro h3{font-size:34px}.odobe-resume-intro p{font-size:14px}.odobe-resume-label{padding-bottom:18px}.odobe-resume-row h3{font-size:19px}.odobe-resume-row p{font-size:13px}.odobe-resume-pending{margin-top:25px}.odobe-project-dialog{width:96vw;height:94dvh;border-radius:6px}.odobe-dialog-header{padding:17px 15px}.odobe-dialog-header h2{font-size:23px}.odobe-dialog-header>div>span{font-size:9px}.odobe-dialog-close{padding:10px;gap:0}.odobe-dialog-close span{display:none}.odobe-dialog-content{padding:12px}.odobe-empty-copy{padding:28px 22px}.odobe-empty-copy h3{font-size:37px;padding:20px 0}.odobe-empty-copy p{font-size:13px}.odobe-detail-hint{font-size:11px;margin:8px 0 18px!important}}
@media(prefers-reduced-motion:reduce){.odobe-project-cover>.odobe-art,.odobe-project-cover>img,.odobe-project-action,.odobe-filters button{transition:none}.odobe-project-link:hover .odobe-project-cover>.odobe-art,.odobe-project-link:hover .odobe-project-cover>img{transform:none}}

/* Real graphic projects: balanced preview pairs, uninterrupted long-form reading. */
#graphic-design .odobe-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 4%}
#graphic-design .odobe-project:nth-child(n){grid-column:auto;margin-top:0;width:100%}
#graphic-design .odobe-project-grid:has(.odobe-project[hidden]) .odobe-project:not([hidden]){grid-column:auto}
#graphic-design .odobe-project-cover>img{object-position:center top}
.odobe-project-dialog--graphic{width:min(1360px,96vw);height:94dvh}
.odobe-project-dialog--graphic .odobe-dialog-content{padding:20px clamp(12px,2vw,28px) 0}
.odobe-project-dialog--graphic .odobe-long-images{max-width:1200px;margin:auto;background:#fff}
@media(max-width:600px){#graphic-design .odobe-project-grid{grid-template-columns:1fr;gap:32px}.odobe-project-dialog--graphic .odobe-dialog-content{padding:12px 0 0}.odobe-project-dialog--graphic .odobe-detail-hint{padding:0 12px}}

/* Project identity: disciplines, name, then a readable editorial introduction. */
.odobe-project-disciplines{display:flex;align-items:center;flex-wrap:nowrap;gap:clamp(5px,.65vw,10px);padding-top:21px;color:var(--oc-yellow);font-size:clamp(8px,.75vw,11px);font-weight:500;letter-spacing:.055em;line-height:1.7;white-space:nowrap}
.odobe-tag-divider{opacity:.5}
.odobe-project--editorial .odobe-project-caption{padding-top:12px;align-items:center}
.odobe-project--editorial .odobe-project-caption h3{font-size:clamp(25px,2.4vw,36px);font-weight:600;letter-spacing:.015em;line-height:1.2}
#odobe-content .odobe-project-summary{padding-top:12px;max-width:49ch;color:var(--oc-body);font-size:clamp(13px,1.05vw,16px);line-height:1.75;letter-spacing:0}
@media(max-width:600px){.odobe-project-disciplines{font-size:9px;letter-spacing:.015em;gap:6px;padding-top:18px}.odobe-project--editorial .odobe-project-caption{padding-top:10px}#odobe-content .odobe-project-summary{font-size:14px;padding-top:10px}}

/* Disciplines lead; project name and introduction form one quiet text row. */
.odobe-project--editorial .odobe-project-disciplines{font-size:clamp(14px,1.25vw,20px);font-weight:700;letter-spacing:.015em;gap:clamp(5px,.55vw,9px);padding-top:22px;line-height:1.5}
.odobe-project-editorial-copy{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:baseline;padding-top:15px}
#odobe-content .odobe-project-editorial-copy h3,#odobe-content .odobe-project-editorial-copy p{font-family:var(--font-family-body,inherit);font-size:clamp(13px,1vw,16px);line-height:1.65;letter-spacing:0;color:var(--oc-body)}
#odobe-content .odobe-project-editorial-copy h3{font-weight:500;white-space:nowrap}
@media(max-width:600px){.odobe-project--editorial .odobe-project-disciplines{font-size:clamp(9px,2.8vw,13px);gap:5px;letter-spacing:0}.odobe-project-editorial-copy{gap:12px;padding-top:12px}#odobe-content .odobe-project-editorial-copy h3,#odobe-content .odobe-project-editorial-copy p{font-size:13px}}

/* Full editorial content wraps naturally while retaining strong discipline labels. */
.odobe-project--editorial .odobe-project-disciplines{flex-wrap:wrap;white-space:normal;row-gap:5px}
.odobe-project-disciplines>span:not(.odobe-tag-divider){white-space:nowrap}
.odobe-project-editorial-copy{display:block}
#odobe-content .odobe-project-editorial-copy h3,#odobe-content .odobe-project-editorial-copy p{display:inline;white-space:normal;overflow-wrap:break-word}
#odobe-content .odobe-project-editorial-copy h3{margin-right:12px}
#graphic-design [data-open-project="commercial-01"] .odobe-project-cover,#graphic-design [data-open-project="commercial-02"] .odobe-project-cover{background:#fff}
#graphic-design [data-open-project="commercial-01"] .odobe-project-cover>img,#graphic-design [data-open-project="commercial-02"] .odobe-project-cover>img{object-fit:contain;object-position:center}

/* Motion project descriptions remain visible in the work grid. */
#odobe-content .odobe-motion-description{font-family:var(--font-family-body,inherit);font-size:clamp(13px,1vw,16px);line-height:1.7;color:var(--oc-body);padding-top:12px;max-width:65ch;overflow-wrap:break-word}

/* Video categories are already identified by their section headings. */
#video .odobe-project-tags,#motion-graphics .odobe-project-tags{display:none}

/* Category title and count form one clear, left-aligned heading. */
#odobe-content .odobe-section-heading{display:block}
.odobe-section-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:18px}
.odobe-section-count{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border:1px solid #fef9ba66;border-radius:999px;color:#fef9ba;font-family:var(--font-family-body,inherit);font-size:13px;font-weight:400;line-height:1;letter-spacing:.01em;white-space:nowrap}
#graphic-design .odobe-filters{padding-left:0}
@media(max-width:600px){.odobe-section-title-row{gap:12px}.odobe-section-count{font-size:11px;padding:8px 11px}}

/* Compact the gap between the portfolio title and first category. */
#odobe-content .odobe-works-intro{padding-bottom:clamp(24px,3vw,48px)}
#odobe-content .odobe-works-intro+.odobe-work-section{padding-top:12px}
@media(max-width:600px){#odobe-content .odobe-works-intro{padding-bottom:26px}#odobe-content .odobe-works-intro+.odobe-work-section{padding-top:8px}}

/* A quieter hierarchy for the portfolio and category labels. */
#odobe-content .odobe-works-intro h2{font-size:clamp(36px,5.4vw,82px);line-height:1.08;letter-spacing:-.04em}
#odobe-content .odobe-section-heading h2{font-size:clamp(28px,4.1vw,60px);line-height:1.08}
#odobe-content .odobe-section-count{font-size:12px;padding:8px 12px}
#odobe-content .odobe-section-heading p{font-size:clamp(12px,1vw,16px);padding-top:12px}
@media(max-width:600px){#odobe-content .odobe-works-intro h2{font-size:36px}#odobe-content .odobe-section-heading h2{font-size:29px}#odobe-content .odobe-section-count{font-size:10px;padding:7px 10px}}

/* Restore readable spacing after reducing the heading scale. */
#odobe-content .odobe-works-intro h2{letter-spacing:0;word-spacing:.12em;font-kerning:normal}
#odobe-content .odobe-section-heading h2{letter-spacing:-.01em;word-spacing:.04em}

/* Expertise replaces the résumé placeholders with four substantive skill areas. */
.odobe-expertise-heading{display:flex;align-items:baseline;gap:28px;flex-wrap:wrap;border-top:1px solid #fef9ba55;padding-top:32px;margin-bottom:48px}
.odobe-expertise-heading h2{font-family:var(--font-family-h2,inherit);font-size:clamp(36px,5.4vw,82px);font-weight:500;line-height:1.1;letter-spacing:0;color:#fef9ba}
.odobe-expertise-heading p{font-size:15px;color:#fef9ba}
.odobe-expertise-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 8%}
.odobe-expertise-card{border-top:1px solid #fef9ba44;padding-top:22px;min-width:0}
.odobe-expertise-number{color:#fef9ba;font-size:15px;display:block;margin-bottom:18px}
#odobe-content .odobe-expertise-card h3{font-size:clamp(21px,2vw,30px);font-weight:500;line-height:1.3;color:#fef9ba;margin-bottom:18px;letter-spacing:0}
#odobe-content .odobe-expertise-card p{font-size:clamp(14px,1.2vw,18px);line-height:1.85;color:#fff}
.odobe-expertise-card strong{font-weight:650;color:#fef9ba}
@media(max-width:650px){.odobe-expertise-grid{grid-template-columns:1fr;gap:32px}.odobe-expertise-heading{gap:12px;margin-bottom:30px}.odobe-expertise-heading p{font-size:13px}}

/* Expertise descriptions, including emphasized phrases, are uniformly white. */
#odobe-content .odobe-expertise-card p,#odobe-content .odobe-expertise-card p strong{color:#fff}

.odobe-project-action,.odobe-project-link:hover .odobe-project-action,.odobe-project-link:focus-visible .odobe-project-action{background:#fff;color:#281a11}