@font-face{font-family:DM Sans Variable;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2")}@font-face{font-family:Newsreader Variable;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/newsreader-latin-wght-normal-CCVVNp6i.woff2) format("woff2")}@layer reset,base,components,responsive;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}body{min-width:320px}img,svg{display:block}img{max-width:100%}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}ul{padding:0;list-style:none}}@layer base{:root{--ivory: #f4f2ed;--onyx: #191c1b;--graphite: #363c38;--sage: #788c79;--sage-dark: #4d6652;--mineral: #d6d9d2;--muted: #616761;--line: #d4d6ce;--serif: "Newsreader Variable", Georgia, serif;--sans: "DM Sans Variable", Arial, sans-serif;--container: 1248px;--gutter: clamp(24px, 5.5vw, 88px)}html{scroll-behavior:smooth;scroll-padding-top:108px}body{background:var(--ivory);color:var(--onyx);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}::selection{background:#c9d5c5;color:var(--onyx)}h1,h2,h3{font-weight:500}h1,h2{font-family:var(--sans);font-weight:550;line-height:1.18;letter-spacing:-.035em}h2{font-size:clamp(30px,3.4vw,44px)}p{text-wrap:pretty}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--sage-dark);outline-offset:7px}main:focus,section:focus{outline:none}button{cursor:pointer}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer components{.container{width:min(calc(100% - var(--gutter) * 2),var(--container));margin-inline:auto}.section-space{padding-block:clamp(56px,6vw,84px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:12px;left:12px;transform:translateY(-180%);padding:12px 20px;background:var(--onyx);color:var(--ivory)}.skip-link:focus{transform:translateY(0)}.eyebrow{font-size:14px;letter-spacing:0;font-weight:500}.arrow{flex-shrink:0;transition:transform .25s ease}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;max-width:100%;min-height:54px;padding:15px 23px;font-size:16px;font-weight:500;line-height:1.35;transition:background .25s,color .25s}.button-primary{background:var(--onyx);color:var(--ivory);border:1px solid var(--onyx)}.button-primary:hover{background:var(--sage-dark);border-color:var(--sage-dark)}.button-text{padding-inline:4px;border-bottom:1px solid var(--line)}.button-text:hover{color:var(--sage-dark);border-color:var(--sage-dark)}.button:hover .arrow,.text-link:hover .arrow{transform:translate(3px,-2px)}.text-link{width:fit-content;display:inline-flex;align-items:center;gap:11px;min-height:44px;font-size:16px;font-weight:500;border-bottom:1px solid currentColor;transition:color .25s}.text-link .arrow{width:18px;height:18px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:36px}.site-header{position:sticky;top:0;z-index:30;background:var(--ivory)}.header-inner{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:28px}.brand{font-family:var(--serif);font-size:24px;font-weight:500;letter-spacing:-.03em;white-space:nowrap;line-height:1.2}.main-navigation{display:flex;gap:clamp(20px,2.5vw,37px);align-items:center}.main-navigation>a{display:flex;align-items:center;min-height:44px;font-size:14px;position:relative}.main-navigation>a:not(.nav-contact):after{content:"";position:absolute;bottom:3px;left:0;width:100%;height:1px;background:var(--sage-dark);transform:scaleX(0);transform-origin:left;transition:transform .25s}.main-navigation>a:hover:after,.main-navigation>a[aria-current]:after{transform:scaleX(1)}.main-navigation .nav-contact{gap:18px;border:1px solid #bac1b6;padding:8px 16px;min-height:42px}.nav-contact .arrow{width:16px;height:16px}.nav-contact:hover{background:#e6e9e0}.menu-toggle{display:none}.project-visual{position:relative;overflow:hidden;background:#27302c}.project-visual img{width:100%;height:auto;display:block;transition:transform .65s cubic-bezier(.2,.65,.3,1)}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:19px}.tags li{font-size:14px;padding:4px 10px;border:1px solid #525b52;line-height:1.6;color:#c5cdc1}.project-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px 25px;margin-top:17px}.project-links .text-link{font-size:16px}.project-links a:hover{color:#afc0a8}.visual-pending{aspect-ratio:1.25;padding:27px;display:flex;flex-direction:column;justify-content:space-between;background:#d6d9d2;color:var(--graphite)}.visual-pending figcaption{display:flex;align-items:center;gap:9px;font-size:14px;color:#4c594a}.site-footer{border-top:1px solid var(--line)}.footer-inner{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;padding-block:28px}.back-top{display:flex;align-items:center;gap:14px;font-size:14px;min-height:44px}.back-top .arrow{transform:rotate(180deg);width:17px;height:17px}.footer-inner .back-top{margin-left:auto}.case-hero{padding-block:36px 62px}.case-back{color:var(--muted);font-size:14px;border:0}.case-heading{display:grid;grid-template-columns:1.7fr 1fr;gap:90px;padding-top:45px}.case-heading h1{font-size:clamp(54px,7vw,100px);overflow-wrap:anywhere}.case-intro{max-width:640px;font-size:17px;line-height:1.8;margin-top:25px;color:var(--muted)}.case-facts{border-left:1px solid var(--line);padding-left:35px}.case-facts>div+div{margin-top:19px}.case-facts>div>span{color:var(--muted);font-size:14px}.case-facts p{font-size:16px;margin-top:3px;display:flex;align-items:center;gap:7px}.case-facts .tags{margin-top:8px}.case-facts .tags li{border-color:var(--line);color:var(--graphite)}.case-hero .project-links{margin-top:32px}.case-hero .project-links a:hover,.case-body .project-links a:hover{color:var(--sage-dark)}.case-image-wrap{background:var(--graphite);padding-block:48px 25px}.case-image-wrap .project-visual{max-width:1100px;margin-inline:auto}.case-image-wrap .project-visual img{width:100%}.case-image-wrap .visual-pending{aspect-ratio:2.2;padding:40px}.capture-source{display:flex;gap:9px;align-items:center;width:fit-content;color:#d6d9d2;font-size:14px;margin:18px auto 0}.capture-source .arrow{width:15px;height:15px}.case-body{display:grid;grid-template-columns:1fr 2.4fr;gap:80px;padding-block:90px 100px}.case-body aside{align-self:start;position:sticky;top:135px}.case-body aside nav{display:grid}.case-body aside a{display:flex;gap:15px;justify-content:space-between;align-items:center;color:var(--muted);font-size:14px;padding-block:12px;border-bottom:1px solid var(--line)}.case-body aside a:hover{color:var(--sage-dark)}.case-section{padding-block:37px;border-top:1px solid var(--line);scroll-margin-top:110px}.case-section h2{font-size:35px;margin-bottom:18px;letter-spacing:-.025em}.case-section p,.case-section li{color:var(--muted);font-size:16px;line-height:1.75}.case-section li{list-style:disc;margin-left:19px;padding-left:5px}.case-section li+li{margin-top:8px}.next-project{background:#e8ebe3;padding-block:65px}.next-project .project-next{display:flex;justify-content:space-between;align-items:center;gap:30px;font-family:var(--sans);font-size:clamp(32px,4vw,48px);line-height:1.1;letter-spacing:-.035em;margin-top:25px}.next-project .project-next>.arrow{width:48px;height:48px}.not-found{min-height:70vh;padding-block:90px}.not-found h1{max-width:800px;font-size:clamp(36px,6vw,72px);margin-block:30px}.not-found>p:not(.eyebrow){color:var(--muted);max-width:470px;margin-bottom:35px}.will-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.will-reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes hero-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}}@layer responsive{@media(max-width:1100px){:root{--gutter: 40px}.main-navigation{gap:20px}.brand{font-size:22px}.case-heading,.case-body{gap:50px}}@media(max-width:900px){:root{--gutter: 30px}html{scroll-padding-top:95px}.header-inner{height:77px}.brand{font-size:24px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;background:transparent;border:1px solid var(--line);flex-shrink:0}.menu-toggle>span{height:1px;width:18px;background:var(--onyx);transition:transform .25s}.menu-toggle.is-open>span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle.is-open>span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.main-navigation{display:none;position:absolute;top:76px;left:0;right:0;background:var(--ivory);padding:20px var(--gutter) 26px;border-bottom:1px solid var(--line)}.main-navigation.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.main-navigation>a{padding-block:13px;font-size:14px;min-height:48px;border-bottom:1px solid var(--line)}.main-navigation>a:not(.nav-contact):after{display:none}.main-navigation>a[aria-current]{color:var(--sage-dark)}.main-navigation .nav-contact{border:0;padding-inline:0}.section-heading{margin-bottom:40px;gap:30px}.project-links{gap:9px 20px}.visual-pending{padding:20px;aspect-ratio:.95}.visual-pending figcaption{font-size:14px}.footer-inner{gap:14px}.case-heading{grid-template-columns:1fr;gap:35px;padding-top:30px}.case-facts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:25px}.case-facts>div+div{margin-top:0}.case-facts p{font-size:16px}.case-body{grid-template-columns:1fr;gap:30px;padding-block:60px}.case-body aside{display:none}.case-section{scroll-margin-top:95px}.case-image-wrap .visual-pending{aspect-ratio:1.7}}@media(max-width:600px){:root{--gutter: 24px}.section-space{padding-block:52px}.brand{font-size:23px}.section-heading{flex-direction:column;align-items:flex-start;gap:25px;margin-bottom:35px}.section-heading h2{font-size:32px}.tags{margin-top:15px}.tags li{font-size:14px}.project-links .text-link{font-size:16px}.visual-pending{aspect-ratio:1.25;padding:24px}.footer-inner{padding-top:28px}.back-top{font-size:14px;gap:7px}.case-hero{padding-block:25px 40px}.case-heading{padding-top:25px;gap:25px}.case-heading h1{font-size:clamp(48px,11vw,65px)}.case-intro{font-size:16px;margin-top:20px}.case-facts{grid-template-columns:1fr 1fr;gap:22px}.case-facts>div:last-child{grid-column:1 / -1}.case-facts p{font-size:16px}.case-image-wrap{padding-block:24px 20px}.case-image-wrap .visual-pending{padding:24px;aspect-ratio:1.1}.case-section{padding-block:26px}.case-section h2{font-size:30px}.case-section p,.case-section li{font-size:16px}.next-project{padding-block:45px}.next-project .project-next{font-size:37px;gap:20px}.next-project .project-next>.arrow{width:30px;height:30px}}@media(max-width:360px){:root{--gutter: 20px}.brand{font-size:21px}}@media(prefers-reduced-motion:reduce){.will-reveal{opacity:1;transform:none}}}@layer components{.hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:36px 24px;padding-block:48px 72px}.hero h1{grid-column:1 / -1;grid-row:1;font-family:var(--serif);font-size:clamp(64px,8.4vw,120px);font-weight:500;line-height:1;letter-spacing:-.048em;white-space:nowrap}.hero-surname{color:var(--sage-dark)}.hero-copy{grid-column:7 / 13;grid-row:2;align-self:center;padding-block:24px;max-width:490px}.hero-role{font-size:clamp(28px,2.7vw,38px);font-weight:550;line-height:1.25;letter-spacing:-.035em;max-width:430px}.hero-intro{color:var(--graphite);font-size:19px;line-height:1.75;margin-top:22px;max-width:470px}.hero-intro>span{display:block}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:30px}.hero-portrait{grid-column:1 / 6;grid-row:2;max-width:430px}.portrait-frame{aspect-ratio:.8;overflow:hidden;border-radius:24px;background:var(--mineral)}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center}.hero h1,.hero-copy,.hero-portrait{animation:hero-enter .7s both}.hero-portrait{animation-delay:.08s}.hero-copy{animation-delay:.16s}.about{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:24px;padding-block:40px 80px}.about-heading{grid-column:1 / 8}.about-heading h2{font-size:clamp(32px,3.3vw,46px);max-width:650px}.about-content{grid-column:1 / 8;max-width:620px}.about-content>p{font-size:21px;font-weight:450;line-height:1.75;color:var(--graphite)}.education{grid-column:9 / 13;grid-row:1 / 3;align-self:center;border-left:2px solid var(--sage);padding-left:25px}.education h3{font-size:19px;font-weight:550}.education p{font-size:17px;color:var(--graphite);margin-top:7px}.education-status{display:block;font-size:14px;color:var(--sage-dark);margin-top:12px}.projects-section{background:var(--onyx);color:var(--ivory);padding-block:65px 85px}.projects-section a:focus-visible{outline-color:var(--mineral)}.projects-heading{margin-bottom:34px}.projects-heading h2{font-size:18px;font-weight:500;letter-spacing:0}.project-feature{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px 24px;align-items:start}.project-feature+.project-feature{margin-top:64px;padding-top:64px;border-top:1px solid #525b52}.project-barbearia-elite .project-name{font-size:clamp(38px,4.2vw,56px);line-height:1.1}.project-name{grid-column:1 / 5;grid-row:1;font-size:clamp(54px,5.2vw,72px);font-weight:500;line-height:1;letter-spacing:-.045em}.project-name a{transition:color .25s}.project-name a:hover{color:var(--mineral)}.project-feature>.tags{grid-column:1 / 5;grid-row:2;justify-content:flex-start;align-self:start;margin:0}.project-feature>.tags li{border:0;padding:0;font-size:15px}.project-feature>.tags li+li{border-left:1px solid #525b52;padding-left:14px;margin-left:7px}.project-image-link{grid-column:6 / 13;grid-row:1 / 4;display:block;padding:12px;background:var(--graphite);align-self:center;transition:background .3s,transform .3s}.project-image-link .project-visual{overflow:visible}.project-image-link img{width:100%;height:auto}.project-image-link:hover,.project-image-link:focus-visible{background:#566456;transform:translateY(-3px)}.project-description{grid-column:1 / 5;grid-row:3;padding:0}.project-description>p{color:var(--mineral);font-size:17px;line-height:1.75}.project-description .project-links{flex-direction:column;align-items:stretch;gap:0;max-width:300px;margin-top:24px}.project-description .text-link{width:100%;min-height:48px;justify-content:space-between;gap:20px;font-size:16px;border-bottom-color:#525b52}.services{background:var(--mineral);padding-block:70px}.services-layout{display:grid;grid-template-columns:1fr auto;gap:45px 30px}.services-intro{grid-column:1;align-self:center}.services h2{max-width:440px;font-size:clamp(32px,3.3vw,46px)}.services-cta{grid-column:2;grid-row:1;align-self:center}.service-list{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.service-item{padding-top:26px;border-top:1px solid #aab4a7}.service-item h3{max-width:280px;min-height:2.7em;font-size:22px;line-height:1.35;letter-spacing:-.025em;font-weight:500}.service-item p{font-size:16px;color:var(--graphite);line-height:1.7;max-width:310px;margin-top:16px}.contact{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px 24px;padding-block:85px 65px}.contact-heading{grid-column:1 / -1}.contact h2{font-size:clamp(48px,6.8vw,96px);letter-spacing:-.055em;font-weight:500;line-height:1.05}.contact p{margin-top:22px;font-size:17px;color:var(--muted)}.contact-links{grid-column:7 / 13}.contact-link{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:24px;border-bottom:1px solid var(--sage);transition:color .25s,padding .25s}.contact-link>span:not(.sr-only){font-size:30px;font-weight:500;letter-spacing:-.035em;overflow-wrap:anywhere}.contact-link .arrow{width:30px;height:30px}.contact-link:hover,.contact-link:focus-visible{color:var(--sage-dark);padding-inline:10px}.contact-link:hover .arrow{transform:translate(3px,-3px)}.main-navigation .nav-contact[aria-current]{background:var(--mineral)}}@layer responsive{@media(max-width:1100px){.hero{gap:24px;padding-bottom:65px}.hero h1{font-size:8.7vw}.hero-portrait{grid-column:1 / 6}.hero-copy{padding-block:20px}.about-heading,.about-content{grid-column-start:1}.about-content{grid-column-end:8}.education{grid-column:9 / 13;padding-left:20px}.project-description{grid-column:1 / 5}.project-image-link{grid-column:6 / 13;padding:10px}.project-description>p{font-size:16px}.project-feature>.tags{grid-column:1 / 5}.services-layout{grid-template-columns:1.1fr 1fr}.services-cta{justify-self:end}.service-list{gap:26px}.service-item h3{font-size:21px}}@media(max-width:900px){.hero{padding-top:38px;gap:20px}.hero h1{font-size:8.5vw}.hero-portrait{grid-column:1 / 6}.hero-copy{grid-column:7 / 13;padding-bottom:0;align-self:center}.hero-role{font-size:29px}.hero-intro{font-size:18px;margin-top:20px}.hero-actions{gap:12px;margin-top:20px}.hero-actions .button{padding:12px 16px;min-height:48px}.hero-actions .button-text{padding-inline:0}.about{padding-block:25px 65px;gap:25px 20px}.about-heading,.about-content{grid-column:1 / 8}.education{grid-column:9 / 13;padding-left:20px}.education h3{font-size:18px}.education p{font-size:16px}.project-feature{gap:28px 20px}.project-name{grid-column:1 / 7;font-size:64px}.project-feature>.tags{grid-column:7 / 13;grid-row:1;justify-content:flex-end;align-self:center}.project-image-link{grid-column:1 / 13;grid-row:2}.project-description{grid-column:1 / -1;grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:36px}.project-description .project-links{margin-top:0;width:100%;max-width:none}.services-layout{grid-template-columns:1fr;gap:35px}.services-cta{grid-column:1;grid-row:3;justify-self:start}.service-list{gap:24px}.service-item h3{font-size:20px}.contact{padding-block:75px 60px}.contact-links{grid-column:6 / 13}}@media(max-width:600px){.hero{grid-template-columns:repeat(6,minmax(0,1fr));gap:25px 12px;padding-block:32px 50px}.hero h1{grid-column:1 / -1;font-size:clamp(61px,16.5vw,94px);line-height:.98;white-space:normal}.hero-surname{display:block}.hero-copy{grid-column:1 / -1;grid-row:2;padding:0;max-width:none}.hero-role{font-size:28px;max-width:none}.hero-intro{margin-top:18px;max-width:450px}.hero-actions{gap:12px 20px;margin-top:22px}.hero-actions .button{font-size:15px;padding:12px 15px;gap:12px}.hero-actions .button-text{padding-inline:0}.hero-portrait{grid-column:1 / 7;grid-row:3;width:100%;max-width:400px;justify-self:center;margin-top:6px}.portrait-frame{aspect-ratio:.8}.about{grid-template-columns:1fr;gap:24px;padding-block:15px 55px}.about-heading,.about-content,.education{grid-column:1}.about-heading h2{font-size:33px;max-width:330px}.about-content>p{font-size:19px}.education{grid-row:auto;margin-top:4px;padding-block:4px;padding-left:20px}.education p{font-size:16px}.projects-section{padding-block:45px 55px}.projects-heading{margin-bottom:25px}.projects-heading h2{font-size:17px}.project-feature{grid-template-columns:1fr;gap:24px}.project-feature+.project-feature{margin-top:44px;padding-top:44px}.project-barbearia-elite .project-name{font-size:42px}.project-name{grid-column:1;grid-row:1;font-size:clamp(52px,13vw,68px)}.project-feature>.tags{grid-column:1;grid-row:2;justify-content:flex-start}.project-feature>.tags li{font-size:15px}.project-image-link{grid-column:1;grid-row:3;padding:7px}.project-description{grid-column:1;grid-row:4;display:block}.project-description>p{font-size:16px}.project-description .project-links{flex-direction:column;margin-top:20px}.services{padding-block:50px}.services-layout{gap:30px}.services h2{font-size:33px}.service-list{grid-template-columns:1fr;gap:24px}.service-item{padding-top:18px}.service-item:first-child{max-width:none}.service-item h3{min-height:0;max-width:none;font-size:20px}.service-item p{max-width:none;margin-top:8px;font-size:16px}.services-cta{font-size:15px;padding:14px 17px;gap:15px}.contact{grid-template-columns:1fr;gap:30px;padding-block:65px 45px}.contact-heading,.contact-links{grid-column:1}.contact h2{font-size:clamp(48px,11.5vw,68px);max-width:440px}.contact p{font-size:16px;max-width:280px;margin-top:20px}.contact-link{padding-block:20px}.contact-link>span:not(.sr-only){font-size:28px}}@media(max-width:360px){.hero h1{font-size:59px}.hero-actions{gap:10px}.hero-actions .button{padding-inline:12px;font-size:14px}.hero-actions .button-text{padding-inline:0}.service-list{gap:28px 18px}.service-item:first-child{max-width:100%}.service-item h3{font-size:18px}}}