/* The second edition: burgundy ink, butter-yellow notes, and a city scrapbook. */
:root{--paper:#f7efdf;--ink:#501a2c;--red:#661b32;--purple:#674261;--yellow:#f0d367;--line:#501a2c30}
body{color:var(--ink)}::selection{background:var(--yellow);color:var(--ink)}
.site-header{position:relative;z-index:30;background:var(--paper);gap:24px}.site-header nav{gap:22px}.nav-contact{background:var(--red);color:var(--paper);border:0}.site-header nav .nav-contact:hover{background:var(--yellow);color:var(--ink)}
.nav-group{position:relative}.nav-parent{display:flex;align-items:center;gap:5px}.dropdown-toggle{border:0;background:transparent;min-width:30px;min-height:38px;font-size:18px}.dropdown{display:none;position:absolute;top:100%;left:-18px;min-width:205px;background:var(--paper);padding:12px;border:1px solid var(--line);box-shadow:5px 7px 0 #501a2c18}.dropdown a{display:block;padding:12px!important;border-bottom:1px solid var(--line);font-size:12px}.dropdown a:hover{background:var(--yellow)}.nav-group.is-open .dropdown{display:block}@media(hover:hover) and (min-width:701px){.nav-group:hover:not(.is-dismissed) .dropdown{display:block}}
.bag-page{border:0}.scrapbook-hero{background:radial-gradient(ellipse at 100% 15%,#d4b4c04d,transparent 55%),repeating-linear-gradient(0deg,transparent 0 39px,#783a4410 39px 40px),var(--paper)}.introduction{padding-left:1vw;padding-right:10px}.introduction :is(h1,h2){font-size:clamp(50px,5.5vw,84px);text-transform:uppercase;letter-spacing:-4px}.introduction :is(h1,h2) em{color:var(--red);font-style:normal}.title-label{background:var(--yellow);font-size:11px;letter-spacing:.8px;font-weight:700;text-transform:uppercase;padding:10px 12px}.intro-description{font-family:Georgia,serif;font-size:21px;line-height:1.4;max-width:430px}.degree{font-size:12px;line-height:1.7}.specialties{font-size:10px;line-height:1.8;max-width:420px;font-weight:700}.portrait-frame{width:220px;margin-bottom:26px}.portrait-frame img{height:210px}.portrait-star{top:190px;left:230px}.bag-heading h2{font-size:clamp(36px,4vw,56px)}.bag-heading h2 em{color:var(--red)}.bag-page{align-self:center;padding-bottom:25px}.edition-line{font-family:'Courier New',monospace;font-size:9px}.strategy-strip{display:flex;justify-content:space-between;gap:20px;padding:24px 5vw;background:var(--red);color:var(--yellow);font-family:'Courier New',monospace;font-size:12px}.section-index{font-family:'Courier New',monospace;font-size:11px}.section-heading{align-items:end}.section-heading p{max-width:360px}h2 em{color:inherit}.work-section{background:#eedfd8}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}.work-card{position:relative;display:block;padding:20px 18px 0;background:#fffaef;box-shadow:4px 6px 0 #501a2c18;transform:rotate(-.7deg);transition:transform .2s}.work-card:nth-child(even){transform:rotate(.8deg)}.work-card:hover{transform:translateY(-5px) rotate(0)}.work-card:before{content:'';position:absolute;top:-10px;left:42%;width:75px;height:25px;background:#c8a87588;transform:rotate(-7deg)}.work-card>.eyebrow{display:block;padding:4px 0 14px}.work-cover{position:relative;min-height:275px;padding:45px 26px 28px;display:flex;flex-direction:column;justify-content:end;overflow:hidden;background:var(--red);color:var(--paper)}.work-cover h3{font-family:Georgia,serif;font-size:clamp(40px,5vw,68px);font-weight:400;line-height:1;letter-spacing:-2px;z-index:1;margin:0 0 24px}.cover-number{position:absolute;right:5px;top:-20px;font-family:Georgia,serif;font-style:italic;font-size:180px;opacity:.13}.cover-note{font:italic 18px/1.3 Georgia,serif;max-width:280px}.tone-1 .work-cover{background:#d4bacb;color:var(--ink)}.tone-2 .work-cover{background:var(--yellow);color:var(--ink)}.work-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0}.work-caption p{font-size:12px;margin:0}.work-caption>span{font-size:26px}.work-card:last-child{grid-column:1/-1}.work-card:last-child .work-cover{background:repeating-linear-gradient(90deg,transparent 0 49px,#f7efdf14 49px 50px),#382132;color:var(--paper)}.work-card:last-child .work-cover h3{color:var(--yellow)}
.status-label{display:inline-block;font:10px/1.6 'Courier New',monospace;letter-spacing:1px;border:1px solid currentColor;padding:5px 8px;width:fit-content;margin-bottom:15px}
.bag-index{background:repeating-linear-gradient(0deg,transparent 0 31px,#501a2c0d 31px 32px),var(--paper)}.bag-links{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.bag-links a{display:flex;flex-direction:column;align-items:center;text-align:center;border-bottom:1px solid var(--line);padding:25px 12px}.bag-links img{height:200px;width:100%;object-fit:contain;filter:drop-shadow(4px 8px 3px #501a2c20);transition:transform .25s}.bag-links a:hover img{transform:rotate(-8deg) translateY(-8px)}.bag-links a>span{font:32px Georgia,serif;margin:15px 0}.bag-links p{font-size:13px}.chat{background:#d8c3d0}.chat-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;align-items:start}.chat h2{font-size:clamp(40px,4.6vw,68px)}.chat h2 em{color:var(--red)}.story-placeholder{border-left:3px solid var(--red);padding-left:20px;font:italic 19px/1.6 Georgia,serif}.opportunity{margin:30px 0;padding:20px;background:var(--yellow);color:var(--ink);font-size:17px}.contact-actions{display:flex;flex-wrap:wrap;gap:20px}.contact-actions a,.contact-actions>span{border-bottom:1px solid var(--ink);padding:10px 0}.contact-actions small{display:block;font-size:10px}.chat-grid>div>.handwritten{font-size:19px;margin-top:25px}.small-footer{padding:24px 5vw;background:#382132;color:var(--paper);display:flex;justify-content:space-between;gap:20px;font:10px/1.6 'Courier New',monospace}.small-footer>span{color:var(--yellow)}
.page-head{padding:35px 6vw 70px;background:repeating-linear-gradient(90deg,transparent 0 79px,#f7efdf09 79px 80px),var(--red);color:var(--paper);position:relative}.page-head .back-link{display:inline-block;font-size:12px;margin-bottom:60px}.page-head .eyebrow{color:var(--yellow)}.page-head h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(54px,8vw,110px);letter-spacing:-4px;line-height:1.05;max-width:1000px;margin-bottom:25px}.page-head h1 em{color:var(--yellow);font-size:1em}.page-deck{max-width:660px;font-size:18px;margin-bottom:0}.case-content{padding:0 6vw 60px;max-width:1500px;margin:auto}.case-block{padding:55px 0;border-bottom:1px solid var(--line)}.case-block h2{font-size:clamp(35px,4vw,54px)}.case-block p{max-width:780px}.large-copy{font:32px/1.4 Georgia,serif}.case-block blockquote{font:italic clamp(26px,3.5vw,46px)/1.3 Georgia,serif;margin:0;max-width:950px;border-left:5px solid var(--yellow);padding-left:28px}.role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.role-grid h3{font:28px/1.2 Georgia,serif}.muted{color:#735463;font-size:14px}.tags{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.tags span{border:1px solid var(--line);padding:8px 13px;background:#fff8e7;font-size:13px}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin:30px 0}.placeholder{min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:30px;background:repeating-linear-gradient(0deg,transparent 0 29px,#501a2c09 29px 30px),#eaddce;border:1px dashed #987781;color:var(--ink)}.placeholder strong{font:24px/1.25 Georgia,serif}.placeholder>span:last-child{font:11px/1.6 'Courier New',monospace}.placeholder-mark{font-size:30px;font-weight:400;opacity:.6}.portrait-slot{min-height:420px;border:12px solid #fff9ec;box-shadow:6px 7px 0 #501a2c18;transform:rotate(-3deg)}.reel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:25px}.reel{aspect-ratio:9/16;background:#d4bdc9}.media-notes{display:grid;grid-template-columns:auto 1fr;gap:9px;font-size:12px}.media-notes dt{font-weight:bold}.media-notes dd{margin:0;text-align:right}.process-line{font:italic 23px/1.7 Georgia,serif;padding:20px 0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metrics>div{display:flex;flex-direction:column;padding:24px;background:var(--yellow)}.metrics strong{font:50px Georgia,serif}.metrics span{font-size:13px}.metrics small{font:10px 'Courier New',monospace;margin-top:15px}.gallery-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.gallery-filters button{border:1px solid var(--line);background:transparent;padding:10px 18px}.gallery-filters .active{background:var(--red);color:var(--paper)}[hidden]{display:none!important}.experience-list{background:#eaded7}.experience-card{padding:35px;background:var(--paper);box-shadow:5px 7px 0 #501a2c15;margin-bottom:35px}.experience-heading{display:flex;align-items:center;gap:30px;margin-bottom:30px}.experience-heading h2{font-size:38px;margin-bottom:12px}.experience-heading h3{font-size:17px;font-weight:500}.logo-slot{min-height:140px;width:160px;flex-shrink:0;padding:15px}.logo-slot strong{font-size:19px}.logo-slot .placeholder-mark{display:none}.experience-card ol{padding-left:20px;color:#735463;line-height:2;font-size:14px}.experience-card .text-link{display:inline-block;margin-top:20px}.skill-sheet{padding:35px;background:#e3d1df;border-top:5px solid var(--red)}.skill-sheet:nth-child(2){background:#efdc90}.skill-sheet h2{font-size:45px}video[data-preview]{width:100%;aspect-ratio:9/16;object-fit:cover;background:#382132}:focus-visible{outline:3px solid #b15008!important;outline-offset:5px}
@media(max-width:1000px){.site-header nav{gap:12px}.intro-description{font-size:18px}.portrait-star{left:190px}.chat-grid{gap:35px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.site-header nav{gap:0}.nav-parent>a{flex:1}.dropdown-toggle{min-width:44px;min-height:44px}.dropdown{position:static;box-shadow:none;width:100%;border:0;border-left:2px solid var(--red);margin:8px 0}.site-header nav .dropdown a{padding-left:20px!important}.introduction{padding-right:0}.introduction :is(h1,h2){font-size:clamp(42px,11vw,66px);letter-spacing:-2.5px}.intro-description,.specialties{margin-left:auto;margin-right:auto}.portrait-star{left:calc(50% + 70px)}.bag-page{border:0}.edition-line{font-size:8px}.strategy-strip{display:grid;grid-template-columns:1fr 1fr;font-size:10px;padding:22px;gap:18px}.work-grid,.media-grid,.role-grid,.chat-grid{grid-template-columns:1fr}.work-card:last-child{grid-column:auto}.work-cover{min-height:245px}.work-cover h3{font-size:48px}.bag-links{grid-template-columns:1fr}.bag-links a{display:grid;grid-template-columns:110px 1fr;text-align:left;gap:0 20px;padding:15px 0}.bag-links img{height:130px;grid-row:1/3}.bag-links a>span{font-size:28px;margin-bottom:0}.bag-links p{margin:0}.portrait-slot{min-height:350px;max-width:350px;margin:0 auto}.chat-grid>div>.handwritten{text-align:center}.small-footer{flex-wrap:wrap;padding:24px}.small-footer>span{order:3;width:100%}.page-head{padding:25px 24px 50px}.page-head .back-link{margin-bottom:40px}.page-head h1{font-size:clamp(48px,12vw,80px);letter-spacing:-2.5px;overflow-wrap:anywhere}.page-deck{font-size:16px}.case-content{padding:0 24px 40px}.case-block{padding:40px 0}.reel-grid{grid-template-columns:1fr;max-width:350px;margin-inline:auto}.reel{min-height:300px}.experience-card{padding:24px}.experience-heading{flex-direction:column;align-items:start;gap:20px}.experience-heading h2{font-size:33px}.metrics>div{padding:18px}.skill-sheet{padding:24px}.skill-sheet h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
