@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--paper:#f4efe7;--ink:#292820;--muted:#6e6a60;--line:#d8d1c4;--accent:#735c39;--serif:'Playfair Display',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.65}a{color:inherit}a:focus-visible,video:focus-visible{outline:3px solid #967849;outline-offset:6px}.skip{position:absolute;top:-60px;background:white;padding:8px;z-index:10}.skip:focus{top:0}header{display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:30px 6%;border-bottom:1px solid var(--line)}.logo{text-decoration:none;font-size:19px;letter-spacing:2px;font-weight:600}.logo span{display:block;font-size:8px;letter-spacing:3px;margin-top:2px}nav{display:flex;gap:32px;font-size:12px}nav a{text-decoration:none}.hero{max-width:1440px;margin:auto;padding:76px 6% 90px;display:grid;grid-template-columns:1.25fr 1fr;gap:55px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;margin:0 0 24px}h1,h2,h3,p{margin-top:0}h1{font-family:var(--serif);font-size:clamp(46px,5.4vw,77px);font-weight:500;letter-spacing:-2px;line-height:1.12;margin-bottom:28px}em{font-weight:500;color:var(--accent)}.intro{font-size:18px;max-width:480px;line-height:1.6}.subintro{font-size:14px;max-width:440px;color:var(--muted)}.button{display:inline-flex;gap:50px;align-items:center;text-decoration:none;background:var(--ink);color:var(--paper);padding:15px 23px;font-size:12px;margin-top:17px}.button:hover{background:#594c37}.disciplines{display:flex;flex-wrap:wrap;gap:15px;margin-top:40px;font-size:8px;letter-spacing:1.5px;color:var(--muted)}.hero-art{position:relative;padding:10px 25px 40px 10px}.hero-frame{height:560px;max-width:365px;margin:auto;overflow:hidden;border-radius:170px 170px 4px 4px;background:#d7c8ae}.hero-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}.vertical-note{position:absolute;right:-4px;top:40px;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px}.art-note{position:absolute;bottom:0;left:-15px;background:#e7dece;padding:22px 34px;box-shadow:0 12px 30px #29282009}.art-note span{font-size:8px;letter-spacing:2px}.art-note p{font:30px/1.2 var(--serif);margin:10px 0 0}.work{max-width:1440px;padding:70px 6% 0;margin:auto;border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end}.section-heading>p{max-width:390px;font-size:14px;color:var(--muted)}h2{font:500 clamp(36px,4vw,55px)/1.15 var(--serif);letter-spacing:-1px;margin-bottom:24px}.work-note{font-size:11px;color:var(--muted);max-width:750px;margin:5px 0 40px}.project{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:40px 0 75px;align-items:center;border-bottom:1px solid var(--line);margin-bottom:35px}.video-stage{position:relative;display:flex;justify-content:center;align-items:center;padding:35px 20px;background:#e5ddce;min-height:610px}.video-stage video{display:block;width:min(100%,290px);aspect-ratio:9/16;background:#111;box-shadow:0 15px 35px #28201a25}.video-label{position:absolute;top:10px;left:16px;font-size:8px;letter-spacing:2px}.dior{background:#dddeda}.clinique{background:#e7d8c5}.project.reverse .video-stage{order:2}.project.reverse .project-copy{order:1}.project-copy h3{font:500 44px/1.17 var(--serif);letter-spacing:-1px;margin-bottom:20px}.project-subtitle{font-size:12px;font-weight:600}.project-copy>p:not(.eyebrow):not(.project-subtitle){font-size:14px;color:var(--muted)}dl{margin:26px 0}dl>div{border-top:1px solid var(--line);padding:13px 0}dt{font-size:9px;text-transform:uppercase;letter-spacing:1.4px;font-weight:700;margin-bottom:4px}dd{margin:0;font-size:12px;color:var(--muted)}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{border:1px solid var(--line);padding:5px 9px;font-size:9px}.text-link{display:inline-block;font-size:11px;margin-top:23px;text-underline-offset:5px}.approach{background:#e8e2d7;margin-top:65px;padding:75px max(6%,calc((100vw - 1267px)/2));}.approach-top{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.approach-top>p{font-size:14px;color:var(--muted);max-width:430px}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:35px}.approach-grid>div{border-top:1px solid #bfb6a6;padding-top:20px}.number{font:italic 28px var(--serif);color:var(--accent)}.approach-grid h3{font-size:16px;font-weight:500;margin:15px 0 12px}.approach-grid p{font-size:13px;color:var(--muted);max-width:320px}.services{padding:80px 6%;max-width:1440px;margin:auto}.service-columns{display:grid;grid-template-columns:1fr 1fr;gap:9%}.service-columns>div{padding-top:20px}.service-columns>div+div{border-left:1px solid var(--line);padding-left:18%}.service-columns h2{font-size:43px}.service-columns p{font-size:9px;letter-spacing:1.8px;margin:30px 0 14px}.service-columns ul{list-style:none;padding:0;font-size:13px;color:var(--muted)}.service-columns li{padding:9px 0;border-bottom:1px solid var(--line)}.contact{background:#292d26;color:var(--paper);text-align:center;padding:75px 20px}.contact em{color:#d0b88f}.contact>p:not(.eyebrow){font-size:13px;color:#d5d4cc;max-width:450px;margin:0 auto 15px}.contact h2{font-size:clamp(40px,5vw,62px)}.button.light{background:var(--paper);color:var(--ink)}.social{display:block;width:fit-content;margin:20px auto;font-size:11px;text-underline-offset:4px}.contact .location{font-size:10px!important;letter-spacing:2px;margin-top:35px!important}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 6%;font-size:9px;letter-spacing:1px}footer a{text-decoration:none}@media(min-width:1500px){.approach{padding-left:calc((100vw - 1267px)/2);padding-right:calc((100vw - 1267px)/2)}}@media(max-width:760px){header{padding:22px 6%}nav{gap:16px}nav a:first-child{display:none}.logo{font-size:15px}.hero{grid-template-columns:1fr;padding-top:45px;gap:35px}.hero-copy .eyebrow{font-size:8px}.hero-art{max-width:400px;width:100%;margin:auto}.hero-frame{height:470px}.art-note{left:0}.section-heading,.project,.approach-top,.service-columns{grid-template-columns:1fr;gap:25px}.section-heading>p{max-width:none}.work{padding-top:45px}.project{padding:20px 0 45px}.project.reverse .video-stage,.project.reverse .project-copy{order:initial}.video-stage{min-height:570px}.project-copy h3{font-size:38px}.project-copy{padding-top:6px}.approach{padding:50px 6%;margin-top:25px}.approach-top{gap:5px}.approach-grid{grid-template-columns:1fr;gap:15px}.approach-grid p{max-width:none}.services{padding-top:50px;padding-bottom:50px}.service-columns>div+div{border-left:0;border-top:1px solid var(--line);padding:30px 0 0}.service-columns h2{font-size:38px}footer{flex-wrap:wrap}footer span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero-frame{background:#1b2023;border-radius:4px;height:auto;aspect-ratio:361/330}.hero-frame img{display:block;object-fit:contain;width:100%;height:100%}.hero-art{padding-bottom:60px}

.photography{max-width:1440px;margin:auto;padding:45px 6% 20px}.photography .section-heading>p{max-width:400px}.photo-filters{display:flex;gap:12px;margin:28px 0 32px}.photo-filters button{font:12px 'DM Sans',Arial,sans-serif;border:1px solid var(--line);padding:10px 17px;background:transparent;color:var(--ink);cursor:pointer}.photo-filters button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.photo-filters span{font-size:9px;margin-left:9px;opacity:.65}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.photo-card{margin:0;min-width:0}.photo-card[hidden]{display:none}.photo-open{display:block;width:100%;border:0;padding:0;position:relative;background:white;cursor:zoom-in}.photo-open img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.enlarge{position:absolute;bottom:10px;right:10px;display:grid;place-items:center;background:var(--paper);color:var(--ink);width:27px;height:27px}.photo-date{font-size:9px;letter-spacing:1px;color:var(--muted)}.photo-card figcaption{padding:12px 0 0}.photo-card h3{font:500 21px/1.3 var(--serif);margin:5px 0 8px}.photo-card p{font-size:10px;line-height:1.6;color:var(--muted);margin-bottom:0}dialog{border:0;padding:40px 20px 20px;background:var(--paper);color:var(--ink);max-width:min(94vw,1000px);max-height:94vh}dialog::backdrop{background:#171a17e8}dialog img{display:block;max-width:100%;max-height:72vh;margin:auto;object-fit:contain}dialog p{font-size:12px;white-space:pre-line;margin:15px 0 0}.viewer-close{position:absolute;top:8px;right:12px;background:none;border:0;padding:5px;cursor:pointer;color:var(--ink);font:12px 'DM Sans',Arial,sans-serif}button:focus-visible{outline:3px solid #967849;outline-offset:4px}@media(max-width:760px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.photography{padding-top:20px}.photography .section-heading{gap:5px}.photo-card h3{font-size:19px}.photo-filters{gap:8px}.photo-filters button{padding:9px 11px}nav{gap:12px}nav a{font-size:10px}.photo-card p{font-size:9px}}@media(max-width:420px){.photo-grid{grid-template-columns:1fr}.photo-card h3{font-size:22px}nav a[href="#approach"]{display:none}}

.design-motion{max-width:1440px;margin:55px auto 0;padding:65px 6% 20px;border-top:1px solid var(--line)}.concept-intro{align-self:end;max-width:410px}.concept-intro>p{font-size:14px;color:var(--muted);margin:15px 0 24px}.concept-badge{display:inline-block;border:1px solid var(--accent);padding:7px 11px;color:var(--accent);font-size:9px;letter-spacing:1.3px}.campaign-board{margin:28px 0 35px}.campaign-board>a{display:block;background:#fff;cursor:zoom-in}.campaign-board img{display:block;width:100%;height:auto}.campaign-board figcaption{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:10px;color:var(--muted);padding:13px 0;border-bottom:1px solid var(--line)}.campaign-board figcaption a{text-underline-offset:4px}.campaign-description{display:grid;grid-template-columns:1fr 1.25fr;gap:8%;padding:15px 0 5px}.campaign-description h3{font:500 29px/1.3 var(--serif);max-width:350px}.campaign-description p:not(.eyebrow){font-size:14px;color:var(--muted)}.campaign-description .creative-disciplines{font-size:12px!important;border-top:1px solid var(--line);padding-top:18px;margin-top:23px}.campaign-description .concept-note{font-size:11px!important;line-height:1.7;background:#e8e2d7;padding:15px 18px;margin-top:23px}.campaign-description strong{color:var(--ink);font-weight:600}@media(max-width:760px){.design-motion{margin-top:30px;padding-top:40px}.design-motion .section-heading{gap:4px}.concept-intro{max-width:none}.campaign-description{grid-template-columns:1fr;gap:5px}.campaign-description h3{max-width:none;font-size:27px}.campaign-description .eyebrow{margin-bottom:12px}header nav{flex-wrap:wrap;justify-content:flex-end;max-width:65%;gap:8px 12px}.campaign-board{margin-top:10px}}