:root{--ink:#151515;--paper:#f9f9f6;--accent:#caff00;--muted:#62625e;--line:#d8d8d1;--pad:clamp(22px,4.3vw,76px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img,video{display:block;max-width:100%}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #577000;outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--accent);padding:12px}.skip:focus{top:12px}.site-header{padding:22px var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:10}.wordmark{display:flex;gap:13px;align-items:center;font-size:18px;font-weight:700;letter-spacing:-.03em}.monogram{width:38px;height:38px;display:grid;place-items:center;background:var(--ink);color:var(--paper);font-size:16px;letter-spacing:-.08em}.site-nav{display:flex;gap:34px;font-size:16px}.site-nav a:hover{text-decoration:underline;text-underline-offset:5px}.site-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}.eyebrow{font-size:14px;letter-spacing:.1em;text-transform:uppercase;font-weight:400;margin:0 0 24px}.hero{padding:54px var(--pad) 48px}.hero-top{display:flex;justify-content:space-between;gap:20px}.hero-top .eyebrow:last-child{color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(54px,7.3vw,114px);line-height:.98;letter-spacing:-.065em;font-weight:600;margin-bottom:32px;max-width:1300px}h1 .second-line{display:block}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.hero-description{font-size:20px;max-width:510px;margin:0}.text-link{font-size:16px;border-bottom:1px solid var(--ink);padding-bottom:5px;display:inline-block}.text-link:hover{background:var(--accent)}.work{padding:0 var(--pad) 80px}.section-top{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--ink);padding:20px 0 30px}.section-top h2{font-size:18px;font-weight:400;letter-spacing:0;margin:0}.section-top span{font-size:14px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px 26px}.project-card{min-width:0}.project-card.featured{grid-column:1/-1}.card-media{overflow:hidden;background:var(--tile,#e8e8e0);aspect-ratio:1.28;position:relative;display:flex;align-items:center;justify-content:center}.featured .card-media{aspect-ratio:2.35}.card-media img{width:100%;height:100%;object-fit:contain;transition:transform .5s ease}.project-card:hover .card-media img{transform:scale(1.025)}.card-media.padded img{width:83%;height:83%}.card-media .case-label{position:absolute;right:16px;bottom:16px;background:var(--paper);border:1px solid var(--ink);padding:8px 13px;font-size:14px;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.project-card:hover .case-label,.project-card:focus-visible .case-label{opacity:1;transform:none}.card-info{display:flex;gap:16px;justify-content:space-between;margin-top:15px}.card-info h3{font-size:26px;letter-spacing:-.035em;margin:0 0 3px;line-height:1.15}.card-info p{font-size:16px;color:var(--muted);margin:0}.project-number{font-size:14px;color:var(--muted);padding-top:3px}.positioning{background:var(--ink);color:var(--paper);padding:78px var(--pad);display:grid;grid-template-columns:.55fr 1fr;gap:50px}.positioning h2{font-size:clamp(34px,4vw,64px);line-height:1.05;letter-spacing:-.05em;margin-bottom:28px}.positioning p{max-width:680px;font-size:20px;color:#d0d0c8}.capabilities{display:flex;flex-wrap:wrap;gap:12px;margin:36px 0 0}.capabilities span{font-size:15px;border:1px solid #5a5a53;padding:8px 14px;border-radius:30px}.contact{padding:80px var(--pad) 55px}.contact h2{font-size:clamp(45px,6.5vw,95px);line-height:1;letter-spacing:-.06em;margin:0 0 35px;max-width:1050px}.contact-links{display:flex;flex-wrap:wrap;gap:20px 35px}.email-link{font-size:clamp(17px,2vw,25px);overflow-wrap:anywhere}.site-footer{display:flex;justify-content:space-between;gap:20px;font-size:14px;border-top:1px solid var(--line);padding:20px var(--pad) 28px;color:var(--muted)}.case-intro{padding:48px var(--pad) 40px}.breadcrumb{font-size:16px;margin-bottom:42px;display:inline-block;border-bottom:1px solid var(--ink)}.case-intro h1{font-size:clamp(52px,7vw,104px);margin-bottom:24px}.case-deck{font-size:clamp(22px,2.8vw,38px);line-height:1.25;letter-spacing:-.03em;max-width:1000px}.case-meta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;border-top:1px solid var(--line);padding-top:23px;margin-top:42px}.case-meta dt{font-size:14px;color:var(--muted);margin-bottom:8px}.case-meta dd{font-size:17px;margin:0}.case-cover{margin:0 var(--pad);background:var(--tile);display:flex;justify-content:center;align-items:center;min-height:240px}.case-cover img{max-height:730px;width:100%;object-fit:contain}.case-cover.padded{padding:35px}.case-cover.padded img{max-height:610px;width:auto}.case-nav{display:flex;gap:30px;flex-wrap:wrap;margin:0 var(--pad);padding:23px 0;border-bottom:1px solid var(--line);font-size:16px}.case-nav a:hover{text-decoration:underline;text-underline-offset:4px}.case-section{padding:72px var(--pad) 15px;scroll-margin-top:22px}.section-copy{display:grid;grid-template-columns:.55fr 1fr;gap:50px;margin-bottom:45px}.section-copy h2{font-size:clamp(32px,4vw,56px);line-height:1.04;letter-spacing:-.045em;max-width:450px}.section-copy .body-copy{max-width:760px}.body-copy p{font-size:20px;margin-bottom:22px}.body-copy p:last-child{margin-bottom:0}.principle{font-size:clamp(28px,3.2vw,46px);letter-spacing:-.04em;line-height:1.18;background:var(--accent);padding:32px 40px;margin:0 0 40px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:28px}.gallery.single{grid-template-columns:1fr}.gallery figure{margin:0;min-width:0}.gallery figure.wide{grid-column:1/-1}.image-button{border:0;padding:0;background:var(--tile,#ecece7);width:100%;display:flex;align-items:center;justify-content:center;position:relative}.image-button img{width:100%;height:auto;max-height:760px;object-fit:contain}.image-button .enlarge{position:absolute;bottom:12px;right:12px;background:var(--paper);border:1px solid #999;font-size:14px;padding:5px 10px;opacity:0;transition:opacity .2s}.image-button:hover .enlarge,.image-button:focus-visible .enlarge{opacity:1}.gallery figcaption{font-size:16px;color:var(--muted);margin-top:12px;max-width:670px;line-height:1.5}.decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:40px 0}.decision{border-top:1px solid var(--ink);padding-top:20px}.decision span{font-size:14px;color:var(--muted)}.decision h3{font-size:23px;letter-spacing:-.025em;line-height:1.2;margin:16px 0}.decision p{font-size:17px;margin:0}.palette{display:flex;flex-wrap:wrap;gap:0;margin:32px 0 45px}.swatch{flex:1;min-width:120px}.swatch-color{height:84px;border:1px solid #ddd}.swatch p{font-size:14px;color:var(--muted);margin:10px 0 0}.motion-layout{display:grid;grid-template-columns:.65fr 1fr;gap:70px;align-items:start}.motion-description h2{font-size:clamp(32px,4vw,56px);line-height:1.03;letter-spacing:-.045em}.motion-description p{font-size:20px}.video-shell{background:var(--ink);display:flex;justify-content:center}.video-shell video{width:100%;max-height:650px;object-fit:contain}.deliverables{border-top:1px solid var(--line);margin-top:30px;padding-top:24px;display:flex;gap:10px;flex-wrap:wrap}.deliverables span{border:1px solid var(--line);border-radius:24px;padding:8px 14px;font-size:16px}.next-project{margin-top:80px;padding:55px var(--pad);background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:30px}.next-project h2{font-size:clamp(36px,5vw,76px);letter-spacing:-.05em;line-height:1.1;margin:0}.next-project p{margin:0 0 12px;font-size:14px;color:#bdbdb7}.next-project .text-link{border-color:var(--paper)}.next-project .text-link:hover{color:var(--ink)}.lightbox{border:0;padding:0;background:#141414;color:#fff;width:calc(100vw - 40px);max-width:1400px;max-height:calc(100dvh - 40px)}.lightbox::backdrop{background:#000c}.lightbox-inner{padding:55px 24px 24px;position:relative}.lightbox img{max-width:100%;max-height:calc(100dvh - 170px);margin:auto;object-fit:contain}.lightbox p{font-size:16px;text-align:center;margin:16px 0 0}.lightbox-close{position:absolute;top:10px;right:16px;background:#fff;color:#111;border:0;padding:6px 16px;font-size:16px}.bio-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;padding:60px var(--pad)}.bio-grid h2{font-size:44px;line-height:1.1;letter-spacing:-.04em}.experience-item{border-top:1px solid var(--line);padding:25px 0}.experience-item h3{font-size:24px;margin:0 0 5px;letter-spacing:-.02em}.experience-item p{font-size:17px;margin:0 0 10px;color:var(--muted)}.experience-item .experience-copy{color:var(--ink)}.about-title{padding-bottom:15px}.page-progress{height:3px;background:var(--accent);position:fixed;top:0;left:0;width:0;z-index:20}
@media(min-width:1600px){.hero,.work,.case-intro,.case-section,.contact,.positioning,.bio-grid{padding-left:max(var(--pad),calc((100vw - 1500px)/2));padding-right:max(var(--pad),calc((100vw - 1500px)/2))}}@media(max-width:800px){body{font-size:17px}.site-header{padding-top:18px;padding-bottom:18px}.site-nav{gap:18px;font-size:15px}.wordmark{font-size:16px}.monogram{width:30px;height:30px;font-size:14px}.hero{padding-top:40px}.hero-top{display:block}.hero-top .eyebrow:last-child{display:none}.hero-description{font-size:18px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:24px}.project-grid{gap:35px 18px}.card-info h3{font-size:22px}.card-info p{font-size:15px}.card-info{gap:8px}.card-media .case-label{display:none}.featured .card-media{aspect-ratio:1.8}.positioning,.section-copy,.bio-grid{grid-template-columns:1fr;gap:20px}.positioning,.contact{padding-top:50px;padding-bottom:50px}.positioning p,.body-copy p,.motion-description p{font-size:18px}.case-meta{grid-template-columns:1fr 1fr;gap:20px}.case-meta>div:last-child{grid-column:1/-1}.case-meta dd{font-size:16px}.case-deck{font-size:25px}.case-section{padding-top:48px}.section-copy h2{max-width:none}.decision-grid{grid-template-columns:1fr;gap:24px}.decision h3{margin-top:8px}.palette{margin-bottom:30px}.swatch{min-width:70px}.swatch-color{height:65px}.swatch p{font-size:12px}.motion-layout{grid-template-columns:1fr;gap:25px}.video-shell video{max-height:580px}.next-project{margin-top:55px;align-items:flex-start;flex-direction:column}.case-nav{gap:20px;font-size:15px}.principle{font-size:28px;padding:25px}.site-footer{flex-wrap:wrap}.gallery{gap:24px 16px}.gallery figcaption{font-size:15px}.enlarge{display:none}.case-intro{padding-top:35px}.breadcrumb{margin-bottom:30px}.bio-grid{padding-top:35px}.section-copy{margin-bottom:30px}}
@media(max-width:520px){.site-nav{gap:16px}.wordmark .full-name{max-width:70px;line-height:1.1}.hero h1{font-size:clamp(44px,10.8vw,60px)}.project-grid,.gallery{grid-template-columns:1fr}.project-card.featured{grid-column:auto}.featured .card-media{aspect-ratio:1.6}.card-media{aspect-ratio:1.1}.card-info h3{font-size:25px}.gallery figure.wide{grid-column:auto}.hero-top .eyebrow{font-size:12px}.section-top span{font-size:12px}.case-cover.padded{padding:18px}.case-intro h1{font-size:50px}.contact-links{flex-direction:column;align-items:flex-start}.site-footer{font-size:13px}.lightbox{width:calc(100vw - 16px)}.lightbox-inner{padding-left:10px;padding-right:10px}.case-meta{grid-template-columns:1fr}.case-meta>div:last-child{grid-column:auto}}
.card-info p.card-discipline{font-size:14px;margin-top:8px;color:#64645e}.positioning .text-link:hover{color:var(--ink)}.closing-insight{margin:45px 0 20px;padding-top:30px;border-top:1px solid var(--line)}.video-note{font-size:16px!important;color:var(--muted)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.work-index{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:35px;padding-top:22px;border-top:1px solid var(--line);font-size:15px}.work-index a:hover{text-decoration:underline;text-underline-offset:5px}.collection-intro{max-width:750px;font-size:20px;margin-bottom:35px}.portrait-intro{display:grid;grid-template-columns:.7fr 1fr;gap:clamp(35px,6vw,95px);background:var(--ink);color:var(--paper);padding:70px var(--pad);align-items:center}.portrait-intro figure,.about-portrait-hero figure{margin:0;min-width:0}.portrait-intro figure img{width:100%;max-height:590px;aspect-ratio:4/5;object-fit:cover;object-position:center 30%}.portrait-intro h2{font-size:clamp(36px,4.5vw,68px);line-height:1.04;letter-spacing:-.04em}.portrait-intro p{max-width:720px;font-size:20px}.portrait-intro .text-link{border-color:var(--paper);margin-top:28px}.portrait-intro .text-link:hover{color:var(--ink)}.about-portrait-hero{padding:55px var(--pad);display:grid;grid-template-columns:1.2fr .65fr;gap:60px;align-items:center}.about-portrait-hero h1{font-size:clamp(48px,5.8vw,90px);line-height:1.06}.about-portrait-hero img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 30%;max-height:650px}.graduation-feature{margin:0 var(--pad) 90px;display:grid;grid-template-columns:.75fr 1fr;background:#063943;color:#fff;align-items:center}.graduation-copy{padding:45px}.graduation-copy h2{font-size:clamp(40px,4.5vw,68px);line-height:1.03;letter-spacing:-.045em}.graduation-copy>p:not(.eyebrow){font-size:20px;max-width:440px}.graduation-copy .text-link{border-color:#fff}.graduation-copy .text-link:hover{color:var(--ink)}.graduation-image{display:block;padding:25px}.graduation-image img{width:100%;height:auto}.arabic-title{font-size:28px!important;letter-spacing:0!important;text-align:left;font-weight:600;margin-bottom:20px}.collection-heading{border-top:1px solid var(--line);padding-top:25px;margin:45px 0 25px}.collection-heading h3{font-size:23px;letter-spacing:-.025em}.document-collection{margin-top:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.document-collection summary{cursor:pointer;font-size:20px;padding:22px 0}.document-collection summary span{font-size:15px;color:var(--muted);margin-left:16px}.document-collection .gallery{margin:15px 0 35px}.document-gallery{grid-template-columns:1fr}.document-gallery .image-button img{max-height:none}.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 26px}.film-grid figure{margin:0;min-width:0}.film-grid .video-shell{height:460px}.film-grid video{width:100%;height:100%;object-fit:contain}.film-grid figcaption{font-size:16px;color:var(--muted);margin-top:12px}.embed-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:35px}.embed-piece{min-width:0}.embed-piece h3{font-size:23px;letter-spacing:-.02em}.embed-placeholder{background:#151515;aspect-ratio:1.4;display:grid;place-items:center}.embed-play{background:var(--accent);color:var(--ink);border:0;font-size:17px;padding:14px 25px}.embed-placeholder iframe{border:0;width:100%;height:100%}.source-link{margin:30px 0}.closing-note{max-width:760px;margin:35px 0 20px;font-size:20px}.project-credit{font-size:16px;color:var(--muted);margin-top:30px}.card-info h3{letter-spacing:-.025em}
@media(max-width:900px){.about-portrait-hero{grid-template-columns:1fr .7fr;gap:30px}.graduation-feature{grid-template-columns:1fr}.graduation-copy{padding:35px}.graduation-image{padding-top:0}.portrait-intro{gap:35px}.portrait-intro p{font-size:18px}}
@media(max-width:650px){.portrait-intro,.about-portrait-hero{grid-template-columns:1fr;gap:32px}.portrait-intro{padding-top:40px;padding-bottom:45px}.portrait-intro figure img{max-height:470px}.about-portrait-hero{padding-top:38px}.about-portrait-hero h1{font-size:clamp(43px,11vw,62px)}.about-portrait-hero figure{max-width:470px}.graduation-feature{margin-bottom:55px}.graduation-copy{padding:28px}.graduation-image{padding:0 20px 20px}.film-grid,.embed-grid{grid-template-columns:1fr;gap:28px}.film-grid .video-shell{height:480px}.collection-intro{font-size:18px}.collection-heading{margin-top:32px}.document-collection summary{font-size:18px}.document-collection summary span{display:block;margin-left:18px;margin-top:6px}.work-index{gap:14px 20px;font-size:15px}.source-link .text-link{font-size:15px}}
.featured-social-grid{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:100%;gap:6px}.featured-social-grid img{width:100%;height:100%;object-fit:contain}.project-card:hover .featured-social-grid img{transform:none}@media(max-width:520px){.featured-social-grid{grid-template-columns:1fr 1fr;gap:4px}.featured-social-grid img:last-child{display:none}}
.header-portrait{display:block;width:52px;height:62px;position:relative;overflow:hidden;flex:none;background:transparent}.header-portrait img{position:absolute;width:100%;height:auto;max-width:none;top:-4px;left:0;transform:scale(1.75);transform-origin:50% 13%}.site-header{padding-top:12px;padding-bottom:12px}.campaign-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:30px 0 70px}.campaign-card{display:block;min-width:0;border-bottom:1px solid var(--line);padding-bottom:22px}.campaign-card img{width:100%;height:320px;object-fit:contain;background:#e6e6df}.campaign-card h3{font-size:23px;line-height:1.2;margin:18px 0 15px}.campaign-card:hover .text-link{background:var(--accent)}.campaign-collection{scroll-margin-top:35px;padding:35px 0 50px;border-top:1px solid var(--line)}.campaign-collection .collection-heading p{max-width:720px;color:var(--muted);font-size:18px}.campaign-collection .film-grid{margin-top:35px}.brand-guide h2{font-size:clamp(36px,4vw,62px);line-height:1.1;letter-spacing:-.04em}.guide-layout{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start;margin:35px 0}.logo-clear-space{position:relative;background:#017aff;padding:30px;border:1px solid #005ccc}.logo-clear-space img{width:100%;height:auto;border:1px dashed #ffffff90}.logo-clear-space span{display:block;text-align:center;margin-top:18px;color:#fff;font-size:14px;background:#0b2454;padding:8px}.guide-rules article{border-top:1px solid var(--line);padding:18px 0 6px}.guide-rules h3,.guide-type h3{font-size:24px;margin-bottom:12px;letter-spacing:-.025em}.guide-rules p,.guide-type p{font-size:18px;max-width:780px}.guide-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:40px 0}.guide-palette>div{padding-top:105px;position:relative}.guide-palette>div:before{content:'';position:absolute;inset:0 0 auto;height:88px;background:var(--colour);border:1px solid #ddd}.guide-palette span,.guide-palette strong{display:block;font-size:15px}.guide-type{border-top:1px solid var(--line);padding-top:28px}.guide-type h3:not(:first-child){margin-top:30px}@media(max-width:800px){.campaign-index{gap:18px}.campaign-card img{height:245px}.campaign-card h3{font-size:20px}.guide-layout{grid-template-columns:1fr;gap:25px}.guide-palette{grid-template-columns:1fr 1fr}.header-portrait{width:44px;height:52px}}@media(max-width:520px){.campaign-index{grid-template-columns:1fr;margin-bottom:35px}.campaign-card img{height:auto;max-height:440px}.campaign-card h3{font-size:23px}.guide-layout{gap:20px}.logo-clear-space{padding:18px}.brand-guide .guide-rules h3,.guide-type h3{font-size:23px}.header-portrait{width:40px;height:48px}.wordmark{gap:8px}.site-nav{gap:13px}.site-header{padding-top:10px;padding-bottom:10px}}

/* Designer refresh */
:root{--ink:#573044;--paper:#f6f2ee;--accent:#e3ccd5;--muted:#71626a;--line:#d9cdd0;--pad:clamp(22px,5.2vw,84px)}
body{font-size:17px;line-height:1.6}::selection{background:#573044;color:#fff}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#573044}.site-header{padding-top:13px;padding-bottom:13px}.wordmark{font-size:16px;letter-spacing:-.02em}.site-nav{font-size:14px;gap:36px}.site-nav a[aria-current=page]{text-decoration-thickness:2px}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:600}.text-link{font-size:14px;padding-bottom:7px}.designer-hero{padding-top:30px;padding-bottom:45px}.hero-top .eyebrow{margin-bottom:0}.designer-hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:36px;align-items:center;min-height:530px}.designer-heading{padding:28px 0}.designer-heading h1{margin:0 0 25px;line-height:.83;max-width:none}.first-name{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;font-size:clamp(95px,12vw,190px);letter-spacing:-.065em;display:block}.last-name{display:block;font-size:clamp(66px,8vw,124px);font-weight:700;letter-spacing:-.075em;margin-top:16px}.name-period{color:#ba859d}.hero-role{font-size:clamp(17px,1.5vw,22px);letter-spacing:-.025em;margin-bottom:15px;font-weight:600}.designer-heading .hero-description{font-size:17px;max-width:385px;line-height:1.65;color:var(--muted)}.hero-cta{margin-top:25px}.hero-cta span{margin-left:25px;font-size:22px;line-height:1}.hero-portrait{margin:0;height:520px;overflow:hidden;align-self:end;display:flex;align-items:flex-start;justify-content:center}.hero-portrait img{width:auto;height:740px;max-width:none;object-fit:contain;filter:drop-shadow(0 15px 20px #5730440d)}.work-index{margin-top:0;padding:22px 0 0;gap:22px 44px;font-size:12px;letter-spacing:.015em}.work{padding-bottom:95px}.section-top{padding:22px 0 36px;align-items:center}.section-top h2{font-size:32px;letter-spacing:-.045em;font-weight:500}.section-count{font-size:14px;color:var(--muted);letter-spacing:0;margin-left:10px}.section-top>span{font-size:11px;letter-spacing:.04em}.project-grid{gap:50px 32px}.card-media{aspect-ratio:1.22;border:1px solid #5730440c}.card-media img{object-fit:contain}.card-info{margin-top:19px}.card-info h3{font-size:28px;font-weight:500;letter-spacing:-.04em}.card-info p{font-size:14px;max-width:430px}.card-info p.card-discipline{font-size:10px;letter-spacing:.06em;text-transform:uppercase;margin-top:12px}.project-number{font-size:11px;padding-top:7px}.case-label{border-radius:0}.selected-grid .project-card:last-child{grid-column:1/-1;max-width:calc(50% - 16px)}.graduation-feature{background:#573044;margin-bottom:100px}.graduation-copy{padding:55px}.graduation-copy h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(40px,4.4vw,70px);letter-spacing:-.04em}.graduation-copy>p:not(.eyebrow){font-size:17px}.graduation-image{padding:35px}.portrait-intro{background:#e8d9df;color:var(--ink);grid-template-columns:.75fr 1fr;padding-top:0;padding-bottom:0}.portrait-intro figure{height:530px;overflow:hidden;align-self:end}.portrait-intro figure img{height:750px;max-height:none;width:auto;aspect-ratio:auto;object-fit:contain;margin:auto}.portrait-intro>div{padding:55px 0}.portrait-intro h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em}.portrait-intro p{font-size:17px}.portrait-intro .text-link{border-color:var(--ink)}.capabilities{gap:9px;margin-top:25px}.capabilities span{font-size:12px;border-color:#bda5b1}.contact{padding-top:100px;padding-bottom:80px}.contact h2{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.045em}.contact .eyebrow{margin-bottom:26px}.email-link{font-size:clamp(16px,1.9vw,26px)}.site-footer{font-size:11px;padding-top:24px;padding-bottom:24px}.case-intro h1{font-weight:500}.case-deck{max-width:940px}.case-meta dt{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.case-meta dd{font-size:15px}.case-nav{font-size:13px}.body-copy p{font-size:18px;line-height:1.75}.section-copy h2{font-size:clamp(30px,3.5vw,51px);font-weight:500}.principle{font-family:Georgia,serif;font-weight:400;background:#eadbe1}.decision h3{font-weight:500}.gallery figcaption,.film-grid figcaption{font-size:12px}.image-button{background:#ede6e9}.next-project{background:#573044}.next-project h2{font-weight:400}.about-portrait-hero{background:#eadfe3;padding-bottom:0}.about-portrait-hero figure{height:580px;overflow:hidden;align-self:end}.about-portrait-hero img{height:810px;width:auto;max-height:none;aspect-ratio:auto;object-fit:contain}.about-portrait-hero h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.04em}.bio-grid h2{font-weight:500}.document-collection summary{font-size:18px}.lightbox{background:#291920}.embed-play{background:#e3ccd5;color:#573044}
@media(min-width:1600px){.designer-hero-grid{min-height:610px}.hero-portrait{height:600px}.hero-portrait img{height:850px}}
@media(max-width:1000px){.designer-hero-grid{min-height:460px;gap:20px}.hero-portrait{height:440px}.hero-portrait img{height:650px}.first-name{font-size:115px}.last-name{font-size:76px}.hero-role{font-size:17px}.project-grid{gap:40px 24px}.card-info h3{font-size:25px}.portrait-intro figure{height:490px}.portrait-intro figure img{height:700px}}
@media(max-width:650px){.designer-hero{padding-top:24px;padding-bottom:36px}.hero-top .eyebrow{font-size:10px}.designer-hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.designer-heading{padding-top:36px;padding-bottom:26px}.first-name{font-size:clamp(94px,25vw,145px)}.last-name{font-size:clamp(64px,17vw,100px);margin-top:12px}.designer-heading h1{margin-bottom:27px}.designer-heading .hero-description{font-size:16px;max-width:350px}.hero-role{font-size:17px}.hero-portrait{height:310px;margin-top:0;justify-content:center}.hero-portrait img{height:470px}.work-index{padding-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:10px}.section-top{padding:22px 0 24px;align-items:flex-start;gap:10px}.section-top h2{font-size:25px}.section-top>span{font-size:9px;max-width:105px;text-align:right}.section-count{font-size:11px;margin-left:6px}.work{padding-bottom:60px}.project-grid{gap:36px}.selected-grid .project-card:last-child{max-width:none;grid-column:auto}.card-media{aspect-ratio:1.1}.card-info h3{font-size:26px}.graduation-feature{margin-bottom:60px}.graduation-copy{padding:30px}.graduation-image{padding:0 22px 22px}.portrait-intro{display:flex;flex-direction:column;gap:0;padding-top:35px}.portrait-intro>div{padding:20px 0 40px;order:-1}.portrait-intro figure{height:340px;width:100%}.portrait-intro figure img{height:500px}.contact{padding-top:60px;padding-bottom:55px}.contact h2{font-size:58px}.site-footer{gap:13px}.site-footer>span:nth-child(2){display:none}.about-portrait-hero{gap:25px}.about-portrait-hero figure{height:420px}.about-portrait-hero img{height:610px;margin:auto}.body-copy p{font-size:17px}.gallery figcaption{font-size:12px}.case-meta dd{font-size:14px}}

.campaign-index{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.campaign-card img{background:#ede6e9}.campaign-card h3{font-weight:500}@media(max-width:520px){.campaign-index{grid-template-columns:1fr}}

/* Project overview covers */
.collected-media{background:var(--tile);padding:14px;aspect-ratio:1.25}.project-overview{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%;height:100%;gap:9px;min-height:0}.overview-piece{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;background:#ffffff0a;overflow:hidden}.card-media .overview-piece img,.graduation-image .overview-piece img{width:100%;height:100%;object-fit:contain;max-height:100%;max-width:100%}.overview-2{grid-template-rows:1fr}.overview-3 .overview-piece:first-child{grid-row:1/3}.assembled-cover{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.card-media .assembled-cover img{width:100%;height:100%;object-fit:contain}.project-card:hover .project-overview img{transform:none}.project-card:hover .project-overview{opacity:.95}.graduation-image>.project-overview{aspect-ratio:1.25;height:auto;padding:10px;background:#ffffff0b}.graduation-image{min-width:0}@media(max-width:650px){.collected-media{padding:10px;aspect-ratio:1.2}.project-overview{gap:7px}.graduation-image>.project-overview{padding:6px;aspect-ratio:1.2}}



/* Refined original project covers */
.collected-media{padding:0;border:0;aspect-ratio:1.25}.assembled-cover{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.card-media .assembled-cover img{width:100%;height:100%;object-fit:contain}.selected-grid .project-card:last-child{grid-column:auto;max-width:none}.aswaq-cover-board{background:#153e1e;width:100%;height:100%;display:flex;flex-direction:column;gap:0;padding:0 4% 5%;overflow:hidden}.aswaq-cover-heading{height:57%;display:flex;align-items:center}.card-media .aswaq-cover-heading img{width:100%;height:100%;object-fit:contain}.aswaq-cover-campaigns{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5%;height:43%;align-items:center}.card-media .aswaq-cover-campaigns img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;box-shadow:0 5px 12px #0002}.project-card:hover .aswaq-cover-board img{transform:none}@media(max-width:650px){.collected-media{aspect-ratio:1.2}}

/* Calm cover framing and the final portfolio sections. */
.quiet-cover{width:100%;height:100%;position:relative;overflow:hidden;background:#edece7;color:#243d40;container-type:inline-size}.quiet-cover-type{position:absolute;z-index:2;left:8%;top:10%;display:flex;flex-direction:column}.quiet-cover-type>span{font-size:1.65cqw;letter-spacing:.16em;margin-bottom:5cqw;line-height:1.2}.quiet-cover-type strong{font-family:Georgia,'Times New Roman',serif;font-size:10cqw;letter-spacing:-.04em;font-weight:400;line-height:.95}.quiet-cover img{height:100%;width:100%;object-fit:contain!important}.quiet-prime{background:#e7eae9;color:#273f47}.quiet-prime-main{position:absolute;left:42%;top:13%;width:48%;height:60%;box-shadow:0 12px 22px #1f35441a;z-index:1;background:#fff}.quiet-prime-detail{position:absolute;left:61%;top:60%;width:29%;height:31%;border:5px solid #e7eae9;z-index:2;background:#fff}.quiet-prime .quiet-cover-type strong{font-size:8.3cqw}.quiet-point{background:#eae6df;color:#283e3b}.quiet-point-main{position:absolute;left:40%;top:7%;width:52%;height:64%;box-shadow:0 12px 22px #1f354417;background:#fff}.quiet-point-detail{position:absolute;left:17%;top:59%;width:37%;height:34%;z-index:3;border:5px solid #eae6df;background:#fff}.quiet-point .quiet-cover-type{left:8%;top:11%}.quiet-point .quiet-cover-type strong{font-size:11cqw}.quiet-point .quiet-cover-type>span{font-size:1.35cqw;margin-bottom:4cqw}.quiet-sesan{background:#f8f8f4}.quiet-logo{position:absolute;left:31%;top:5%;width:38%;height:44%;background:#fff}.quiet-logo img{object-fit:contain!important;mix-blend-mode:multiply}.quiet-sesan-pieces{position:absolute;left:8%;right:8%;top:49%;bottom:9%;display:grid;grid-template-columns:repeat(3,1fr);gap:6%;align-items:center}.quiet-sesan-pieces img{height:auto!important;aspect-ratio:1;box-shadow:0 9px 22px #1a244518}.project-card:hover .quiet-cover img{transform:none}.quiet-sesan-pieces img:nth-child(2){margin-top:18%}
.graduation-square{margin:0 var(--pad) 95px;width:calc((100% - 2 * var(--pad) - 32px)/2);aspect-ratio:1;background:#573044;padding:28px;display:block}.graduation-square-link{display:block;width:100%;height:100%}.graduation-square .project-overview{height:100%;width:100%;gap:12px;grid-template-rows:1fr 1fr}.graduation-square .overview-piece{background:#ffffff0b}.graduation-square .overview-piece img{width:100%;height:100%;object-fit:contain}.ux-work .project-card{max-width:none}.portrait-intro{grid-template-columns:1fr 1fr;gap:55px;align-items:center}.portrait-intro figure{height:660px;display:flex;justify-content:center;overflow:hidden;width:100%;align-self:end}.portrait-intro figure img{width:100%;max-width:570px;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:top;align-self:flex-start;margin:0}.portrait-intro>div{padding:50px 0}.portrait-intro h2{font-size:clamp(36px,4.4vw,65px)}
@media(max-width:1000px){.portrait-intro{gap:30px}.portrait-intro figure{height:580px}.graduation-square{padding:20px}}
@media(max-width:650px){.graduation-square{width:calc(100% - 2 * var(--pad));margin-bottom:60px;padding:22px}.graduation-square .project-overview{gap:9px}.portrait-intro{gap:0}.portrait-intro figure{height:480px;max-width:470px;align-self:center}.portrait-intro figure img{width:100%;max-width:none}.portrait-intro>div{padding-top:15px;padding-bottom:32px}.quiet-cover-type>span{font-size:1.8cqw}.quiet-point .quiet-cover-type>span{font-size:1.6cqw}.quiet-prime-detail,.quiet-point-detail{border-width:3px}}

/* Requested review: restrained logo covers, wide graduation feature and theme. */
.header-tools{display:flex;align-items:center;gap:30px}.theme-toggle{display:flex;align-items:center;gap:7px;background:transparent;border:1px solid var(--line);border-radius:24px;padding:7px 13px;font-size:13px;white-space:nowrap}.theme-toggle>span:first-child{font-size:19px;line-height:1}.theme-toggle:hover{background:var(--accent)}
.logo-only-cover{background:#fff;padding:12%}.card-media .logo-only-cover img{object-fit:contain}.graduation-square{width:calc(100% - 2 * var(--pad));aspect-ratio:2.05;padding:24px}.graduation-square .assembled-cover{height:100%}.graduation-square img{width:100%;height:100%;object-fit:contain}
.portrait-intro{align-items:start}.portrait-intro figure{align-self:start}.portrait-intro>div{padding-top:44px}.portrait-intro figure img{align-self:flex-start}.guide-primary-logo{display:flex;justify-content:center;background:#eeeae5;padding:25px;margin-bottom:42px}.guide-primary-logo img{width:min(100%,520px);height:auto}.compact-brand-guide{padding-top:45px;padding-bottom:45px}.compact-brand-guide .review-guide-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:35px 0}.compact-brand-guide .review-guide-rules h3{font-size:20px}.compact-brand-guide .review-guide-rules p{font-size:16px;color:var(--muted);line-height:1.65}
html[data-theme=dark]{color-scheme:dark;--paper:#171318;--ink:#f4eaf0;--muted:#b9abb5;--line:#43313e;--accent:#664457}html[data-theme=dark] .site-header{background:var(--paper)}html[data-theme=dark] .portrait-intro,html[data-theme=dark] .about-portrait-hero{background:#2c1e28}html[data-theme=dark] .principle{background:#352331}html[data-theme=dark] .card-info p,html[data-theme=dark] .card-info p.card-discipline{color:var(--muted)}html[data-theme=dark] .designer-heading .hero-description{color:var(--muted)}html[data-theme=dark] .image-button,html[data-theme=dark] .campaign-card img{background:#271e27}html[data-theme=dark] .decision{border-color:var(--line)}html[data-theme=dark] .guide-rules p,html[data-theme=dark] .experience-copy{color:var(--muted)}html[data-theme=dark] .next-project{background:#432739}html[data-theme=dark] .capabilities span{border-color:#725263}html[data-theme=dark] .source-link,html[data-theme=dark] .document-collection{border-color:var(--line)}html[data-theme=dark] .guide-palette>div{color:#25202a}html[data-theme=dark] .logo-clear-space{color:#25202a}html[data-theme=dark] .case-nav{background:var(--paper)}html[data-theme=dark] .site-nav a:hover{color:var(--ink)}
html[data-theme=dark] .guide-palette>div{color:var(--ink)}
@media(max-width:1000px){.header-tools{gap:20px}}
@media(max-width:650px){.site-header{padding-top:17px;padding-bottom:17px}.header-tools{gap:13px}.site-nav{gap:13px;font-size:12px}.wordmark{font-size:14px}.wordmark .full-name{max-width:65px}.theme-toggle{padding:6px 9px}.theme-label{display:none}.graduation-square{aspect-ratio:1.45;padding:14px}.portrait-intro>div{padding-top:0}.compact-brand-guide .review-guide-rules{grid-template-columns:1fr;gap:12px}.guide-primary-logo{padding:18px}.contact-links{gap:20px}.guide-palette{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Point Style campaign board and uncropped shoulder presentation. */
.point-campaign-wall{width:100%;height:100%;position:relative;overflow:hidden;container-type:inline-size;background:#224f54}.point-post-wall{position:absolute;inset:-9% -6%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:5% 3%;transform:rotate(-2deg)}.point-post-wall>div{min-width:0;min-height:0;box-shadow:0 5px 10px #071c2466;overflow:hidden;border-radius:3px}.point-post-wall img{width:100%;height:100%;object-fit:contain;background:#294c4f}.point-campaign-wall::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 3% 65%,#fff1d495,transparent 35%),radial-gradient(ellipse at 96% 17%,#fae8cb88,transparent 34%),linear-gradient(180deg,#072e4433,transparent 60%)}.point-wall-title{position:absolute;left:6%;right:6%;top:9%;z-index:2;font-size:10.3cqw;line-height:1;font-weight:700;letter-spacing:-.065em;white-space:nowrap;color:#ffe9ba;-webkit-text-stroke:1px #e7923d;text-shadow:0 0 3px #fff1bf,0 0 12px #b86822,0 3px 5px #132d39}.project-card:hover .point-post-wall img{transform:none}
.hero-portrait img{width:100%;height:auto;max-width:100%;flex-shrink:0;object-fit:contain}.portrait-intro{padding-bottom:0}.portrait-intro figure{height:620px;align-self:end;display:flex;align-items:flex-end;justify-content:center}.portrait-intro figure img{align-self:flex-end;margin:0;width:100%;height:auto;max-width:none}.portrait-intro>div{padding-bottom:0}
.portrait-intro figure img{height:100%;object-fit:cover;object-position:center top}
@media(max-width:1000px){.hero-portrait img{width:100%;height:auto}.portrait-intro figure{height:580px}}
@media(max-width:900px) and (min-width:651px){.portrait-intro{grid-template-columns:1fr 1fr;gap:30px}.portrait-intro figure{height:100%;align-self:stretch;overflow:hidden;position:relative}.portrait-intro figure img{position:absolute;bottom:0;height:100%;width:100%;object-fit:cover;object-position:center top}.portrait-intro>div{padding-top:30px;padding-bottom:35px}.portrait-intro h2{font-size:36px}.portrait-intro p{font-size:16px}.portrait-intro .capabilities{gap:7px}.portrait-intro .capabilities span{font-size:11px}}
@media(max-width:650px){.hero-portrait img{width:100%;height:auto}.portrait-intro figure{height:480px;align-self:center}.portrait-intro figure img{height:100%;width:100%;align-self:flex-end}.portrait-intro>div{padding-bottom:32px}}

/* Cover selections from the latest annotations. */
.point-wall-title{top:50%;left:0;right:0;text-align:center;transform:translateY(-50%)}
.vip-carousel-cover{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:16px;width:100%;height:100%;padding:18px;background:#f1ebe5}.vip-cover-intro{height:100%;display:flex;align-items:center;justify-content:center}.vip-cover-intro img{width:100%;height:auto;object-fit:contain}.vip-cover-slides{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}.vip-cover-slides img{height:auto;width:100%;object-fit:contain}.project-card:hover .vip-carousel-cover img{transform:none}
@media(max-width:650px){.vip-carousel-cover{padding:12px;gap:10px}.vip-cover-slides{gap:7px}}

/* Fit each selected cover's frame to the artwork's original proportions. */
.selected-grid{align-items:start}
.card-media.native-cover{padding:0;border:0}
.card-media.native-cover .assembled-cover,.card-media.native-cover img{width:100%;height:100%}
.project-card:hover .native-cover img{transform:none}
.graduation-square.native-graduation{padding:0;height:auto;overflow:hidden}
.native-graduation .graduation-square-link,.native-graduation .assembled-cover{width:100%;height:100%}
.native-graduation img{width:100%;height:100%;object-fit:contain}
.lightbox-stage{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:12px;align-items:center}
.lightbox-stage img{max-height:calc(100dvh - 220px);width:auto;height:auto;min-width:0}
.lightbox-prev,.lightbox-next{width:44px;height:44px;border:1px solid #ffffff55;border-radius:50%;background:#ffffff12;color:#fff;font-size:22px}
.lightbox-prev:hover,.lightbox-next:hover{background:#ffffff30}
.lightbox-count{color:#cbb9c2;font-size:12px!important;margin-top:8px!important}
.back-to-top{position:fixed;right:22px;bottom:22px;z-index:12;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink);box-shadow:0 3px 14px #0002;font-size:22px}
.back-to-top[hidden]{display:none}
.back-to-top:hover{border-color:var(--ink)}
@media(max-width:650px){.lightbox-inner{padding:55px 10px 16px}.lightbox-stage{grid-template-columns:34px minmax(0,1fr) 34px;gap:6px}.lightbox-prev,.lightbox-next{width:34px;height:34px;font-size:18px}.back-to-top{right:14px;bottom:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Give the single UI/UX project the full width of its collection. */
.ux-work .project-grid{grid-template-columns:minmax(0,1fr)}
/* A monochrome client ticker follows the portrait, before the work index. */
.client-strip{margin-top:28px;padding:24px 0 18px;border-top:1px solid var(--line)}
.client-strip-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}
.client-strip-heading h2{font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;margin:0}
.client-strip-heading p{font-size:10px;color:var(--muted);margin:4px 0 0;letter-spacing:.03em}
.client-motion-toggle{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:transparent;border-radius:24px;padding:6px 12px;font-size:11px;min-height:32px}
.client-motion-toggle:hover{border-color:var(--ink)}
.client-marquee{overflow:hidden;isolation:isolate;background:var(--paper);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.client-track{display:flex;width:max-content;animation:client-drift 42s linear infinite}
.client-group{display:flex;align-items:center;gap:44px;padding-right:44px}
.client-logo{position:relative;display:flex;justify-content:center;align-items:center;flex:0 0 168px;width:168px;height:96px;overflow:hidden;background:var(--paper);isolation:isolate}
.client-logo img{width:164px;height:164px;max-width:none;object-fit:contain;filter:grayscale(1) brightness(.72) contrast(5);mix-blend-mode:multiply}
.client-logo.reverse img{filter:grayscale(1) contrast(20) invert(1)}
.client-logo-vlvx img{position:absolute;width:416px;height:auto;left:-203px;top:-101px}
.client-logo-anna img,.client-logo-prime img{width:78px;height:78px}
.client-logo-high img{width:128px;height:128px}
.client-logo-point img{width:112px;height:112px}
.client-logo-yaqout img{width:118px;height:118px}
.client-logo-sesan img{width:195px;height:195px}
.client-concept{flex-direction:column;gap:3px}
.client-concept img{width:145px;height:44px;filter:none}
.client-concept>span{font-size:8px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}
.client-logo:focus-visible{outline-offset:-3px}
html[data-theme=dark] .client-logo img{filter:grayscale(1) brightness(.72) contrast(5) invert(1);mix-blend-mode:screen}
html[data-theme=dark] .client-logo.reverse img{filter:grayscale(1) contrast(20)}
html[data-theme=dark] .client-concept img{filter:invert(1)}
.client-strip.is-paused .client-track,.client-marquee:hover .client-track,.client-marquee:focus-within .client-track{animation-play-state:paused}
@keyframes client-drift{to{transform:translateX(-50%)}}
.selected-grid .project-card.featured{grid-column:1/-1;max-width:none}
.selected-grid .project-card:last-child{grid-column:auto;max-width:none}
.selected-grid .project-card.featured .card-info h3{font-size:clamp(28px,3vw,42px)}
.selected-grid .project-card.featured .card-info p{max-width:none}
@media(max-width:650px){.client-strip{margin-top:18px;padding-top:20px}.client-strip-heading h2{font-size:12px}.client-group{gap:26px;padding-right:26px}.client-logo{flex-basis:146px;width:146px;height:86px}.client-logo-vlvx img{left:-214px;top:-106px}.client-track{animation-duration:38s}}
@media(prefers-reduced-motion:reduce){.client-track{animation:none;transform:none}.client-marquee{overflow-x:auto;mask-image:none}.client-group[aria-hidden=true]{display:none}.client-motion-toggle{display:none}}