*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:#fff;color:#191919;font-family:"Avenir Next",Avenir,"Century Gothic",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #a46b00;outline-offset:7px}.skip{position:fixed;top:-100px;left:16px;background:#fff;padding:16px;z-index:10}.skip:focus{top:12px}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;min-height:108px;padding:0 5.1%;background:rgba(255,255,255,1);border-bottom:1px solid transparent;transition:background .3s,border-color .3s,box-shadow .3s;gap:24px}.topbar.scrolled{background:rgba(255,255,255,.76);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:rgba(0,0,0,.07);box-shadow:0 3px 20px #00000003}.brand{display:block;width:340px;max-width:52%;flex-shrink:0;mix-blend-mode:normal}.brand img{display:block;width:100%;height:auto}nav{display:flex;gap:36px;align-items:center}nav a{font-size:14px;letter-spacing:.025em;padding:12px 0;position:relative}nav a:after{content:"";height:1px;background:#b87b14;position:absolute;bottom:5px;left:0;right:100%;transition:right .2s}nav a:hover:after{right:0}.hero{position:relative;margin:0 2.4%;background:#e9e7e3;overflow:hidden;height:calc(100svh - 135px);min-height:480px;max-height:950px}.hero-image{height:100%;width:100%;object-fit:cover;display:block}.hero-caption{position:absolute;bottom:0;left:0;right:0;padding:42px 4%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(transparent,rgba(255,255,255,.78));font-size:15px}.hero-caption>a{font-size:14px}.hero-caption>a span{margin-left:20px}.section{padding:116px 8%;display:grid;grid-template-columns:1fr 3fr;gap:60px}.section-label{font-size:14px;display:flex;align-items:center;gap:12px;align-self:start;padding-top:14px;white-space:nowrap}.tiny-line{display:block;width:22px;height:2px;background:#bb821d}.about-content h1{font-size:clamp(36px,4.8vw,76px);font-weight:400;line-height:1.14;letter-spacing:-.055em;margin:0 0 48px}.about-content h1 em{font-weight:400;font-style:normal;color:#a56d13}.about-copy{display:grid;grid-template-columns:1fr 1.5fr;gap:55px;max-width:870px}.about-copy p{margin:0;font-size:17px;line-height:1.8;color:#606060}.about-copy p:first-child{color:#242424;font-size:21px;line-height:1.6}.services{padding-top:0;padding-bottom:120px}.service-list article{border-top:1px solid #dcdcdc;display:flex;gap:35px;padding:29px 0}.service-list article:last-child{border-bottom:1px solid #dcdcdc}.number{font-size:13px;color:#777;padding-top:8px}h2{font-weight:400;font-size:27px;letter-spacing:-.025em;margin:0 0 8px}.service-list p{font-size:16px;line-height:1.65;color:#666;margin:0}footer{padding:30px 5.1%;border-top:1px solid #e6e6e6;display:flex;justify-content:space-between;gap:24px;font-size:13px;color:#666}footer span:first-child{color:#222}@media(min-width:1600px){.section{padding-left:max(8%,calc((100vw - 1380px)/2));padding-right:max(8%,calc((100vw - 1380px)/2))}}@media(max-width:760px){html{scroll-padding-top:110px}.topbar{min-height:96px;padding:0 4%;gap:12px}.brand{width:255px;max-width:56%}nav{gap:16px}nav a{font-size:13px}.hero{margin:0 3%;height:65svh;min-height:420px;max-height:650px}.hero-image{object-position:55% center}.hero-caption{padding:25px 6%;align-items:flex-end}.hero-caption>span{max-width:145px;line-height:1.5}.hero-caption>a{font-size:13px}.hero-caption>a span{margin-left:6px}.section{padding:65px 7%;display:block}.section-label{padding:0;margin-bottom:30px}.about-content h1{margin-bottom:28px}.about-copy{grid-template-columns:1fr;gap:20px}.about-copy p{font-size:16px}.about-copy p:first-child{font-size:20px}.services{padding-top:0}.service-list article{gap:22px}h2{font-size:25px}footer{flex-wrap:wrap;padding:28px 7%;font-size:12px}footer span:nth-child(2){display:none}}@media(max-width:390px){nav{gap:10px}nav a{font-size:12px}.topbar{gap:6px}.hero-caption{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Brand identity portfolio */
.service-link span{font-size:19px;color:#a56d13;margin-left:8px}.service-link:hover{text-decoration:underline;text-underline-offset:5px}nav a[aria-current=page]:after{right:0}.identity-intro{padding:76px 8% 70px;display:grid;grid-template-columns:1fr 3fr;gap:32px 60px}.identity-intro h1{font-size:clamp(40px,5.3vw,80px);line-height:1.12;letter-spacing:-.055em;font-weight:400;margin:0 0 25px}.identity-intro h1 em{font-style:normal;color:#a56d13}.identity-intro p{font-size:18px;line-height:1.75;color:#626262;max-width:530px;margin:0}.collection-note{grid-column:2;font-size:14px;line-height:1.7;margin-top:20px}.collection-note span{color:#777}.identity-collection{padding:0 5.1%}.identity-project{display:grid;grid-template-columns:1.35fr 1fr;gap:8%;align-items:center;margin-bottom:100px}.identity-project.reverse{grid-template-columns:1fr 1.35fr}.identity-project.reverse .logo-blank{grid-column:2;grid-row:1}.identity-project.reverse .project-copy{grid-column:1;grid-row:1;padding-left:7%}.logo-blank{aspect-ratio:1.15;min-height:320px;position:relative;display:flex;align-items:center;justify-content:center;background:#f2f0eb}.logo-blank.ink{background:#252726;color:#fff}.logo-blank.gold{background:#edc675;color:#45381d}.logo-blank.silver{background:#e9edef;color:#3c464b}.panel-index{position:absolute;top:28px;left:30px;font-size:13px;letter-spacing:.04em}.blank-note{font-size:14px;color:#68655f}.ink .blank-note{color:#bfc4bf}.gold .blank-note{color:#635231}.silver .blank-note{color:#5e686e}.project-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:#777}.project-copy h2{font-size:clamp(28px,3vw,45px);font-weight:400;line-height:1.2;letter-spacing:-.04em;margin:20px 0 18px}.project-copy p{font-size:16px;line-height:1.8;color:#666;max-width:390px}.project-copy .client-placeholder{color:#272727;margin-bottom:18px;font-size:17px}.project-copy dl{border-top:1px solid #ddd;margin:28px 0 0;padding-top:18px;max-width:390px}.project-copy dl div{display:grid;grid-template-columns:100px 1fr;gap:10px;margin:12px 0;font-size:13px;line-height:1.7}.project-copy dt{color:#777}.project-copy dd{margin:0}.identity-end{margin:0 8%;padding:0 0 80px;display:flex;align-items:center;justify-content:space-between;gap:25px}.identity-end p{font-size:clamp(24px,3vw,38px);letter-spacing:-.035em}.identity-end a{font-size:14px;border-bottom:1px solid #b38227;padding-bottom:8px;white-space:nowrap}.identity-end a span{margin-left:15px}@media(max-width:760px){.identity-page .topbar,.topbar{flex-wrap:wrap;justify-content:center;gap:0;padding-bottom:10px}.topbar .brand{max-width:100%;width:270px}.topbar nav{justify-content:center;width:100%;gap:28px}.identity-intro{padding:45px 7%;display:block}.identity-intro h1{font-size:42px}.identity-intro p{font-size:17px}.collection-note{margin-top:30px}.identity-collection{padding:0 6%}.identity-project,.identity-project.reverse{display:flex;flex-direction:column;gap:30px;margin-bottom:65px;align-items:stretch}.logo-blank{width:100%;min-height:0}.identity-project.reverse .project-copy,.project-copy{padding:0 3%}.project-copy h2{margin-top:15px}.project-copy p,.project-copy dl{max-width:none}.identity-end{display:block;margin:0 8%;padding-bottom:60px}.identity-end p{max-width:300px}.panel-index{top:22px;left:22px}}

/* Soft corners for portfolio graphics */
.hero,.logo-blank{border-radius:18px;overflow:hidden}

.portfolio-nav{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px 32px;margin:22px 8% 0;padding-bottom:18px;border-bottom:1px solid #e6e6e6}.portfolio-nav a{font-size:14px}.portfolio-nav a[aria-current=page]{color:#946011}.portfolio-nav a[aria-current=page]:after{right:0}.portfolio-nav+.identity-intro{padding-top:48px}@media(max-width:760px){.portfolio-nav{margin:20px 7% 0;gap:10px 20px}.portfolio-nav a{font-size:13px}.portfolio-nav+.identity-intro{padding-top:35px}}
