@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#191b1b;--paper:#f5f3ed;--soft:#eae7df;--line:#d4d1c8;--muted:#62655f;--blue:#b9321d;--accent:#ff5638;--white:#fffefa}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',sans-serif}::selection{background:var(--accent);color:#191b1b}a{color:inherit;text-underline-offset:5px}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.1;font-weight:700}h1,h2,h3,p,figure{margin:0}header,main,footer{max-width:1120px;margin-inline:auto}header{display:flex;align-items:center;justify-content:space-between;padding:26px 40px;gap:24px;border-bottom:1px solid var(--ink)}.brand{font:800 22px/1.15 Manrope,sans-serif;letter-spacing:-1px;text-decoration:none;white-space:nowrap}.brand span{display:block;font:500 10px/1.8 'DM Sans',sans-serif;letter-spacing:1.8px;text-transform:uppercase;margin-top:5px;color:var(--muted)}nav{display:flex;gap:24px}nav a{text-decoration:none;font-size:13px;font-weight:600}nav a:hover{color:var(--blue)}.skip{position:absolute;top:-100px;padding:15px;background:var(--ink);color:white;z-index:20}.skip:focus{top:0}section{padding:50px 40px;scroll-margin-top:20px}.eyebrow,.metadata,.career-date,.education-date,.issue-date{font-size:12px;font-weight:600;letter-spacing:1.1px;text-transform:uppercase}.eyebrow{color:var(--blue);margin-bottom:20px}h2{font-size:clamp(30px,3.3vw,43px);letter-spacing:-1.9px}.section-title{margin-bottom:30px}.section-title h2{display:flex;align-items:baseline;gap:22px}.section-title h2:before{content:attr(data-index);font:500 12px/1.5 'DM Sans',sans-serif;letter-spacing:0;color:var(--blue);flex:none}h3{font-size:23px;letter-spacing:-.6px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#161817;text-decoration:none;font-size:13px;font-weight:700;padding:14px 20px;margin-top:24px;border:1px solid var(--accent);transition:background .2s,transform .2s}.button:hover{background:var(--white);border-color:var(--ink);transform:translateY(-2px)}.button.ghost{background:transparent;color:inherit;border-color:currentColor}.back{display:inline-block;font-size:13px;text-decoration:none;margin-bottom:25px;color:inherit;opacity:.7}.back:hover{opacity:1}.text-link{font-size:14px;font-weight:600}
/* The cover */
.recruiter-hero{background:var(--ink);color:var(--paper);position:relative;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.85fr);gap:38px;align-items:center;padding-block:48px 50px;overflow:hidden}.recruiter-hero .eyebrow{color:var(--accent);font-size:11px;letter-spacing:2.2px;margin-bottom:23px}.recruiter-hero h1{font-size:clamp(48px,6.3vw,79px);line-height:.98;letter-spacing:-5px;margin:0 0 27px;font-weight:800}.recruiter-hero h1 em{color:var(--accent);font-family:Georgia,serif;font-weight:400;letter-spacing:-4px}.recruiter-hero .intro{font-size:18px;line-height:1.5;max-width:510px;margin-bottom:15px}.current-role{font-size:14px;line-height:1.65;color:#babeb8;max-width:490px}.recruiter-hero figure{width:100%;align-self:center;position:relative;max-width:310px;justify-self:end}.recruiter-hero figure img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center 32%;filter:grayscale(1);border-radius:0}.recruiter-hero figure:after{content:'';position:absolute;left:-12px;top:16px;bottom:43px;width:3px;background:var(--accent)}figcaption{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.9px;padding:12px 0;color:var(--muted)}.recruiter-hero figcaption{color:#aeb3ab}.recruiter-hero .button{margin-top:23px}.recruiter-hero>div{animation:cover-in .6s ease-out both}@keyframes cover-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
/* Professional and personal projects */
.career-grid{display:flex;flex-direction:column}.career-card{display:grid;grid-template-columns:82px minmax(0,1fr);gap:25px;align-items:center;text-decoration:none;padding:24px 0;border-top:1px solid var(--line);transition:background .2s,padding .2s}.career-card:last-child{border-bottom:1px solid var(--line)}.career-image.career-logo{width:82px;height:82px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e8e4dd;overflow:hidden}.career-image.career-logo img{width:65px;height:65px;max-width:82%;max-height:82%;object-fit:contain}.career-image.logo-land-of-pr{background:#161616;border-color:#303330}.career-image.logo-menbita{background:#f8f5ed}.career-image.logo-telquel img{width:72px;height:48px;max-width:90%}.career-image.logo-spin-the-deck{background:#fff8e3}.career-image.logo-interslide{background:#e8edfa}.career-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 20px;min-width:0}.career-copy h3{grid-column:1;grid-row:1;font-size:29px;line-height:1.15;letter-spacing:-1px}.career-copy h3 span{display:inline-block;font-size:22px;color:var(--blue);margin-left:9px;transition:transform .2s}.career-card:hover .career-copy h3 span{transform:translate(3px,-3px)}.career-date{grid-column:2;grid-row:1;color:var(--muted);align-self:center;font-size:11px;letter-spacing:.4px}.career-role{grid-column:1/-1;grid-row:2;font-size:15px}.career-tags{grid-column:1/-1;grid-row:3;font-size:13px;color:var(--muted)}.career-card:hover{padding-left:10px;padding-right:10px;background:#ece9e1}.personal-projects{background:var(--ink);color:var(--paper)}.personal-projects .section-title h2:before{color:var(--accent)}.personal-projects .career-card{border-color:#41443e;padding-block:28px}.personal-projects .career-card:hover{background:#272a26}.personal-projects .career-copy h3{font-size:36px}.personal-projects .career-copy h3 span{color:var(--accent)}.personal-projects .career-role{color:#d3d5ce}.personal-projects .career-date,.personal-projects .career-tags{color:#aeb3a9}
/* Interviews on the home page */
.home-interviews{display:flex!important;flex-direction:column;gap:0!important}.home-interviews .work-card{display:grid;grid-template-columns:190px minmax(0,1fr);gap:26px;align-items:center;border-top:1px solid var(--line);padding:24px 0;width:100%;background:transparent}.home-interviews .work-card:last-child{border-bottom:1px solid var(--line)}.home-interviews .card-image{width:190px}.home-interviews .card-body{padding:0}.home-interviews .card-body h3{font-size:27px}.home-interviews .card-body>p:not(.metadata){font-size:14px}
/* Education is a single reading flow */
.education-row{display:grid;grid-template-columns:108px minmax(0,1fr);gap:25px;padding:28px 0;border-top:1px solid var(--line)}.education-row:last-child{border-bottom:1px solid var(--line)}.education-date{font-size:11px;color:var(--muted);padding-top:5px;line-height:1.8}.education-body{min-width:0}.education-body h3{font-size:25px;margin-bottom:9px}.education-body>p{font-size:16px;margin:5px 0}.education-body .education-meta{font-size:13px;color:var(--muted)}.education-work{border-left:2px solid var(--accent);padding-left:17px;margin-top:18px}.education-work p{font-size:14px;margin:4px 0;line-height:1.55}.education-work strong{font-weight:700}.education-work a{color:var(--blue);text-decoration:none}.education-work a:hover{text-decoration:underline}.education-work .unavailable{font-size:12px;color:var(--muted)}
.skills-section{background:var(--soft)}.skills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 36px}.skills-grid article{border-top:1px solid #b9b8ae;padding-top:18px}.skills-grid h3{font-size:18px;margin-bottom:9px;letter-spacing:-.3px}.skills-grid p{font-size:14px;color:var(--muted)}.languages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:32px 0}.languages div{display:flex;flex-direction:column;border-left:2px solid var(--accent);padding-left:14px}.languages b{font-size:16px}.languages span{font-size:12px;color:var(--muted)}.interests{border-top:1px solid #b9b8ae;padding-top:20px;font-size:14px;display:flex;gap:25px}.interests>span{font-weight:600;white-space:nowrap}.interests p{color:var(--muted)}.contact{background:var(--accent);color:#191b1b;padding-block:40px}.contact h2{font-size:clamp(60px,9vw,108px);letter-spacing:-6px;margin-bottom:20px}.contact-mail{font:600 clamp(17px,2.6vw,29px)/1.4 Manrope,sans-serif;letter-spacing:-.7px;text-decoration:none;overflow-wrap:anywhere}.contact>p{margin-top:20px;font-size:14px}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 40px;background:var(--ink);color:var(--paper);font-size:12px}footer .brand{font-size:19px}footer p{font-size:12px;color:#aeb3a9;margin-top:7px}footer a:not(.brand){color:#d2d4ce}footer>span{color:#aeb3a9;white-space:nowrap}
/* Detail pages share the same editorial vocabulary */
.case-hero,.spin-intro{background:var(--ink);color:var(--paper);padding-block:34px 42px}.case-hero h1,.spin-intro h1{font-size:clamp(42px,6vw,74px);letter-spacing:-3.8px;line-height:1.04;margin:12px 0 22px}.case-hero .eyebrow,.spin-intro .eyebrow{color:var(--accent)}.case-role{font-size:18px;color:var(--paper);margin:10px 0}.case-summary{font-size:17px;color:#bbc0b6;max-width:710px}.case-intro{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin:24px 0 30px}.case-intro>p{font-size:22px;line-height:1.45}.case-intro b{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--accent)}.case-intro p{margin:8px 0}.case-intro small{color:#b3b9ac;font-size:13px}.wide-image img{width:100%;height:auto;aspect-ratio:2.4;object-fit:cover}.wide-image figcaption{color:#adb2a9}.case-section>h2,.selected>h2,.spin-block>h2{margin-bottom:28px}.case-section>p{margin:14px 0;max-width:740px}.selected,.spin-block.soft{background:var(--soft)}.split-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:25px}.split-heading>p{font-size:15px;color:var(--muted)}.works-grid,.spin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}.works-grid:has(>:nth-child(2):last-child),.works-grid:has(>:nth-child(4):last-child),.spin-grid:has(>:nth-child(2):last-child),.spin-grid:has(>:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.works-grid:has(>:only-child){grid-template-columns:1fr;max-width:760px}.work-card{min-width:0}.card-image{display:block;aspect-ratio:16/9;position:relative;overflow:hidden;text-decoration:none;background:var(--soft)}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.work-card:hover .card-image img{transform:scale(1.04)}.card-body{padding:17px 0 0}.metadata{display:flex;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:.2px;color:var(--blue);margin-bottom:9px}.metadata span{color:var(--muted)}.card-body h3{font-size:20px;line-height:1.3;margin-bottom:10px;letter-spacing:-.6px}.card-body h3 a{text-decoration:none}.card-body h3 a:hover{color:var(--blue)}.card-body>p:not(.metadata){font-size:15px;color:var(--muted);margin:8px 0}.play,.spin-play{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;background:var(--accent);color:#191b1b;width:36px;height:36px;border-radius:50%;font-size:12px}.type-cover{display:flex;flex-direction:column;justify-content:space-between;background:#ddd8cb;width:100%;height:100%;padding:22px;color:var(--ink)}.type-cover span{font:700 27px/1.1 Manrope,sans-serif;letter-spacing:-1px}.type-cover b{font-size:11px;letter-spacing:1px}.type-cover.red{background:#542b24;color:#fff0dd}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 25px}.article-tile{display:flex;flex-direction:column;gap:12px;text-decoration:none}.article-tile img{width:100%;aspect-ratio:16/9;height:auto;object-fit:cover}.article-tile time{font-size:12px;color:var(--muted)}.article-tile h3{font-size:23px;line-height:1.3}.article-tile:hover h3{color:var(--blue)}.article-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.article-list>a{display:flex;flex-direction:column;text-decoration:none;border-top:1px solid var(--line);padding:19px 0;gap:9px}.article-list time{font-size:12px;color:var(--muted)}.article-list h3{font-size:18px;line-height:1.35}.article-list>a>span{color:var(--blue)}.newsletter-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin-top:24px}.newsletter-row{display:flex;flex-direction:column;gap:11px;border-top:1px solid var(--line);padding:22px 0;text-decoration:none}.newsletter-row h3{font-size:24px;line-height:1.25}.newsletter-row:hover h3{color:var(--blue)}.issue-date{color:var(--blue);font-size:11px}.fine-print,.source-note{font-size:13px;color:var(--muted);line-height:1.6}.source-note{margin:20px 0}.more-work,.spin-sources{border-top:1px solid var(--line);margin-top:28px}.more-work summary,.spin-sources summary{padding:18px 0;font-size:14px;font-weight:600;cursor:pointer}.more-work[open]>.works-grid,.more-work[open]>.article-list,.more-work[open]>.spin-grid{margin-top:15px}.page-jumps{display:flex;gap:24px;flex-wrap:wrap;margin:24px 0;font-size:14px}.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.pillars article{border-top:2px solid var(--accent);padding-top:20px}.pillars h3{margin-bottom:12px}.pillars p{font-size:15px;color:var(--muted)}.pillars a{color:var(--blue)}
/* Spin the Deck */
.spin-lead{font-size:30px;line-height:1.2;letter-spacing:-1px;color:var(--accent);margin:20px 0}.spin-intro>p:not(.eyebrow):not(.spin-lead):not(.spin-fine){font-size:16px;color:#bdc1b8}.spin-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;border-top:1px solid #42453e;margin:30px 0 15px;padding-top:22px}.spin-facts strong{display:block;font:700 clamp(32px,5vw,58px)/1.1 Manrope,sans-serif;letter-spacing:-2px;color:var(--accent)}.spin-facts span{display:block;font-size:13px;margin-top:8px;color:#ccd0c5}.spin-fine{font-size:11px;color:#a8afa1}.spin-tile{text-decoration:none;min-width:0}.spin-tile>div{position:relative;overflow:hidden;background:var(--ink)}.spin-tile img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .35s}.spin-tile:hover img{transform:scale(1.035)}.spin-tile h3{font-size:18px;line-height:1.35;display:flex;justify-content:space-between;gap:12px;margin-top:12px}.spin-tile h3 span{color:var(--blue)}.spin-grid.portrait img{aspect-ratio:4/5}.spin-grid.posters img{aspect-ratio:4/5;object-fit:contain}.spin-designs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.spin-designs img{width:100%}.spin-collab-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;margin:32px 0 18px;color:var(--muted)}.spin-partners{display:flex;flex-wrap:wrap;gap:12px 28px;font:700 25px/1.4 Manrope,sans-serif;letter-spacing:-1px}.spin-sources{font-size:12px;color:var(--muted)}.spin-sources p{margin:10px 0}.spin-closing .button{margin-top:0;margin-right:10px}
/* Small screens */
@media(max-width:850px){header{padding:22px 25px;gap:18px}.brand{font-size:20px}nav{gap:16px}nav a{font-size:12px}section{padding:38px 25px}.recruiter-hero{gap:25px;grid-template-columns:1.4fr .8fr}.recruiter-hero h1{font-size:57px;letter-spacing:-3.5px}.recruiter-hero h1 em{letter-spacing:-3px}.recruiter-hero .intro{font-size:16px}.works-grid,.spin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.career-copy h3{font-size:26px}.personal-projects .career-copy h3{font-size:30px}.career-date{font-size:10px}.pillars{grid-template-columns:1fr 1fr}footer{padding:25px;flex-wrap:wrap}.contact h2{letter-spacing:-4px}}
@media(max-width:600px){html{scroll-padding-top:20px}header{padding:18px 20px;flex-direction:column;align-items:flex-start;gap:16px}header .brand span{font-size:9px}nav{justify-content:space-between;width:100%;gap:10px}nav a{font-size:12px}section{padding:34px 20px}.recruiter-hero{display:block;padding-top:32px;padding-bottom:30px}.recruiter-hero h1{font-size:clamp(43px,11.8vw,66px);letter-spacing:-3px}.recruiter-hero h1 em{letter-spacing:-2.5px}.recruiter-hero .intro{font-size:17px}.current-role{font-size:14px}.recruiter-hero figure{display:block;width:78px;max-width:78px;position:absolute;top:27px;right:20px;margin:0}.recruiter-hero .eyebrow{margin-bottom:80px;max-width:calc(100% - 95px)}.recruiter-hero figure img{aspect-ratio:1;object-position:center 25%}.recruiter-hero figure:after,.recruiter-hero figcaption{display:none}.recruiter-hero .button{font-size:13px;padding:13px 18px}.section-title h2{font-size:29px;letter-spacing:-1.3px;gap:12px}.section-title{margin-bottom:24px}.career-card{grid-template-columns:64px minmax(0,1fr);gap:16px;padding:20px 0;align-items:start}.career-image.career-logo{width:64px;height:64px}.career-image.career-logo img{width:50px;height:50px}.career-image.logo-telquel img{width:56px;height:40px}.career-copy{grid-template-columns:1fr;gap:5px}.career-copy h3,.personal-projects .career-copy h3{font-size:24px}.career-date{grid-column:1;grid-row:2;font-size:10px;line-height:1.5}.career-role{grid-row:3;font-size:13px}.career-tags{grid-row:4;font-size:12px}.personal-projects .career-card{padding-block:22px}.home-interviews .work-card{grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:start}.home-interviews .card-image{width:96px;aspect-ratio:1}.home-interviews .card-body h3{font-size:20px}.home-interviews .card-body>p:not(.metadata){font-size:13px}.home-interviews .metadata{font-size:10px}.play{width:28px;height:28px;right:6px;bottom:6px}.education-row{grid-template-columns:65px minmax(0,1fr);gap:16px;padding:24px 0}.education-date{font-size:10px;letter-spacing:0}.education-body h3{font-size:21px}.education-body>p{font-size:14px}.education-body .education-meta{font-size:12px}.education-work{padding-left:12px;margin-top:15px}.education-work p{font-size:13px}.skills-grid{gap:23px;grid-template-columns:1fr}.languages{grid-template-columns:1fr 1fr}.interests{display:block}.interests p{margin-top:8px}.contact h2{font-size:67px;letter-spacing:-4px}.contact-mail{font-size:19px;letter-spacing:-.5px}.contact{padding-block:32px}footer{display:block;padding:25px 20px}footer>div{margin-bottom:20px}footer>span{display:block}.case-hero h1,.spin-intro h1{font-size:44px;letter-spacing:-2.5px;overflow-wrap:anywhere}.case-intro,.split-heading{grid-template-columns:1fr;gap:20px}.case-intro>p{font-size:20px}.case-summary{font-size:16px}.wide-image img{aspect-ratio:1.5}.works-grid,.works-grid:has(>:nth-child(2):last-child),.works-grid:has(>:nth-child(4):last-child),.spin-grid,.spin-grid:has(>:nth-child(2):last-child),.spin-grid:has(>:nth-child(4):last-child),.article-grid,.article-list,.newsletter-list,.pillars{grid-template-columns:1fr}.article-tile h3{font-size:22px}.spin-grid.wide{grid-template-columns:1fr 1fr;gap:20px 12px}.spin-grid.wide h3{font-size:15px}.spin-grid.wide .spin-play{width:28px;height:28px;right:6px;bottom:6px}.spin-facts{gap:10px}.spin-facts strong{font-size:30px}.spin-facts span{font-size:11px}.spin-lead{font-size:26px}.spin-partners{font-size:22px}.spin-sources{font-size:12px}.source-note{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;transform:none!important}}