*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.7 Arial,sans-serif;color:#252c29}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #0096bf;outline-offset:5px}.demo-notice{padding:9px 20px;background:#fff;color:#505552;text-align:center;font-size:11px;border-bottom:1px solid #ddd}.site-shell{background:var(--paper);color:var(--ink);min-height:100vh}.demo-header,.demo-footer{display:flex;justify-content:space-between;align-items:center;padding:32px 6%;gap:30px;border-bottom:1px solid color-mix(in srgb,var(--ink) 20%,transparent)}.person{font-size:16px;font-weight:bold;letter-spacing:2px}.person span{display:block;font:11px/1.6 Arial,sans-serif;letter-spacing:0}.demo-header nav{display:flex;gap:26px;font-size:13px}.demo-header nav a{min-height:44px;display:flex;align-items:center}.demo-hero{position:relative;display:grid;grid-template-columns:1.3fr 1fr;gap:6%;padding:80px 6%;align-items:center;min-height:600px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--heading);font-weight:400;letter-spacing:-.045em;line-height:1.08}h1{font-size:clamp(38px,5.4vw,86px);margin-bottom:30px}h1 em{font-weight:400;color:var(--accent)}h2{font-size:clamp(32px,3.6vw,54px)}h3{font-size:21px;line-height:1.3}.intro{max-width:430px;font-size:17px;opacity:.85}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:bold;margin-bottom:25px}.demo-button{display:inline-flex;align-items:center;gap:30px;background:var(--ink);color:var(--paper);padding:13px 22px;min-height:48px;font-size:13px}.portrait-area{min-height:370px;background:var(--accent);color:var(--paper);padding:35px;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:4/5}.portrait-type{font-family:var(--heading);font-size:clamp(42px,7vw,100px);letter-spacing:-.06em;line-height:.9}.portrait-type span{display:block;font:12px/1.5 Arial;letter-spacing:4px;margin-top:40px}.portrait-area p{font-size:11px;max-width:200px}.hero-side{display:none}.story,.expertise,.work,.contact-section{padding:80px 6%;border-top:1px solid color-mix(in srgb,var(--ink) 20%,transparent)}.story{display:grid;grid-template-columns:1fr 2fr;gap:10%}.story div{max-width:700px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.services article{border-top:1px solid var(--ink);padding-top:20px}.services span{font-size:11px}.services h3{margin-top:28px}.services p,.projects p{font-size:14px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:35px}.work-art{height:220px;background:var(--accent);color:var(--paper);padding:28px;display:flex;align-items:flex-end}.work-art span{font:40px/.95 var(--heading);letter-spacing:-2px}.art-two{background:var(--ink);justify-content:flex-end;text-align:right}.projects h3{margin-top:20px}.contact-section{background:var(--ink);color:var(--paper)}.contact-section .demo-button{background:var(--paper);color:var(--ink)}.demo-footer{font-size:12px}.layout-1 .demo-hero{text-align:center;display:block;min-height:680px}.layout-1 .intro{margin:0 auto 25px}.layout-1 .portrait-area{min-height:0;height:150px;aspect-ratio:auto;margin-top:45px;padding:24px}.layout-1 .portrait-type{font-size:58px}.layout-1 .portrait-type span,.layout-1 .portrait-area p{display:none}.layout-1 .story{grid-template-columns:1fr 1.3fr}.layout-2 .demo-header{align-items:flex-start}.layout-2 .demo-hero{grid-template-columns:.65fr 1.4fr;padding-left:20%}.layout-2 .portrait-area{grid-column:1;grid-row:1;min-height:410px}.layout-2 .hero-copy{grid-column:2;grid-row:1}.layout-2 h1{font-size:clamp(38px,4.6vw,70px)}.layout-2 .hero-side{display:block;position:absolute;left:6%;top:100px;writing-mode:vertical-rl;font-size:11px;letter-spacing:2px}.layout-2 .services{grid-template-columns:1fr}.layout-2 .services article{display:grid;grid-template-columns:.2fr 1fr 1.5fr;gap:20px;align-items:start}.layout-2 .services h3{margin-top:0}.layout-3 .demo-hero{display:block;min-height:0}.layout-3 .portrait-area{display:none}.layout-3 h1{font-size:clamp(42px,8vw,110px);max-width:1100px}.layout-3 h1 br{display:none}.layout-3 .services{grid-template-columns:1fr}.layout-3 .services article{display:grid;grid-template-columns:.2fr 1fr 1fr;gap:40px}.layout-3 .services h3{margin-top:0}.layout-4 .demo-hero{padding:0;gap:0;grid-template-columns:1fr 1fr}.layout-4 .hero-copy{padding:60px 12%}.layout-4 h1{font-size:clamp(38px,4.8vw,75px)}.layout-4 .portrait-area{min-height:620px;aspect-ratio:auto;height:100%;justify-content:center;padding:60px}.layout-4 .projects{grid-template-columns:1fr 1.5fr;align-items:end}.layout-4 .art-two{height:320px}.layout-5 .demo-hero{margin:40px 6%;padding:55px;border:1px solid var(--ink);grid-template-columns:1fr .6fr;min-height:500px}.layout-5 h1{font-size:clamp(36px,4.8vw,72px)}.layout-5 .portrait-area{min-height:280px}.layout-5 .expertise{background:var(--ink);color:var(--paper)}.layout-5 .services article{border-color:var(--paper)}.layout-6 .demo-hero{grid-template-columns:1fr .6fr;min-height:440px;padding-top:45px;padding-bottom:45px}.layout-6 h1{font-size:clamp(38px,4.8vw,65px)}.layout-6 .portrait-area{min-height:250px;aspect-ratio:1/1;border-radius:50%;justify-content:center;text-align:center}.layout-6 .portrait-area p,.layout-6 .portrait-type span{display:none}.layout-6 .portrait-type{font-size:50px}.layout-6 .projects{grid-template-columns:1.5fr 1fr}.layout-6 .work-art{height:350px}.layout-7 .demo-hero{display:block;padding-right:28%;min-height:600px}.layout-7 .portrait-area{position:absolute;right:6%;bottom:65px;width:20%;min-height:280px;aspect-ratio:1/1}.layout-7 .portrait-type{font-size:45px}.layout-7 .portrait-area p{display:none}.layout-7 .hero-side{display:block;font-size:11px;letter-spacing:2px;margin-top:40px}.layout-7 .story{display:block;max-width:900px;margin:auto}.layout-8 .demo-header,.layout-8 main,.layout-8 .demo-footer{max-width:850px;margin:auto}.layout-8 .demo-hero{display:block;min-height:0}.layout-8 .portrait-area{display:none}.layout-8 h1{font-size:70px}.layout-8 .story{display:block}.layout-8 .services,.layout-8 .projects{grid-template-columns:1fr}.layout-9 .demo-hero{display:grid;grid-template-columns:1fr 1fr;padding-top:60px;gap:5%}.layout-9 h1{font-size:clamp(40px,5vw,75px)}.layout-9 .hero-copy .eyebrow{display:inline-block;padding:8px 15px;background:var(--ink);color:var(--paper)}.layout-9 .portrait-area{aspect-ratio:1/1;min-height:300px}.layout-9 .story{background:var(--accent);color:var(--paper)}.layout-9 .expertise{padding-left:20%}.cat-corporate .demo-header{border-top:8px solid var(--ink)}.cat-corporate h1,.cat-corporate h2{font-weight:600;letter-spacing:-.06em}.cat-editorial .demo-header{border-bottom:4px double var(--ink)}.cat-editorial .person{font-family:Georgia;font-size:28px;letter-spacing:-1px}.cat-editorial .eyebrow{letter-spacing:3px}.cat-bold h1,.cat-bold h2{text-transform:uppercase;font-weight:900;letter-spacing:-.07em}.cat-bold .portrait-type{font-weight:900}.cat-bold .demo-header{border-bottom:3px solid var(--ink)}.cat-image-led .portrait-area{background:var(--ink);color:var(--paper);min-height:500px}.cat-image-led .portrait-type{border:1px solid var(--paper);padding:25px}.cat-image-led .projects .work-art{height:320px}.cat-creative .demo-header{border-bottom:1px dashed var(--ink)}.cat-creative .portrait-area{border-radius:120px 120px 0 0}.cat-creative h1{font-style:italic}.cat-creative .services article{border-top-style:dashed}
@media(max-width:650px){.demo-notice{font-size:9px}.demo-header{padding:22px 6%;align-items:flex-start;flex-direction:column;gap:12px}.demo-header nav{gap:18px;font-size:12px;flex-wrap:wrap}.demo-hero,.layout-2 .demo-hero,.layout-4 .demo-hero,.layout-5 .demo-hero,.layout-6 .demo-hero,.layout-9 .demo-hero{display:flex;flex-direction:column;padding:45px 6%;gap:30px;min-height:0}.hero-copy{width:100%}.demo-hero h1,.layout-8 h1{font-size:44px}.portrait-area,.layout-2 .portrait-area,.layout-4 .portrait-area,.cat-image-led .portrait-area{width:100%;min-height:300px;aspect-ratio:4/3;padding:30px}.portrait-type{font-size:64px}.layout-4 .hero-copy{padding:0}.story,.expertise,.work,.contact-section{padding:50px 6%}.story,.services,.projects,.layout-4 .projects,.layout-6 .projects{display:block}.services article,.projects article{margin-bottom:30px}.layout-2 .services article,.layout-3 .services article{display:block}.layout-2 .services h3,.layout-3 .services h3{margin-top:12px}.hero-side,.layout-2 .hero-side{display:none}.layout-5 .demo-hero{margin:20px 6%;padding:30px 7%}.layout-6 .portrait-area{width:240px;height:240px;min-height:240px}.layout-7 .demo-hero{padding:50px 6%;min-height:0}.layout-7 .portrait-area{position:static;width:100%;margin-top:30px;min-height:190px}.layout-9 .expertise{padding-left:6%}.layout-1 .demo-hero{min-height:0}.demo-footer{flex-wrap:wrap}.layout-8 h1 br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}