@property --card-zoom{syntax: "<number>"; inherits: false; initial-value: 1;}section inner-wrapper{padding-block:var(--sp-120)}:is(.services,.projects,.testimonials,.latest-posts) h2{grid-column:1 / -1;margin-block-end:var(--sp-48)}.hero inner-wrapper{grid-template-rows:auto 1fr auto;min-block-size:calc(100svh - var(--sp-56));padding-block:var(--sp-216) var(--sp-24)}.hero h1{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:var(--sp-16)}.hero h1 img{block-size:.7em;inline-size:auto}.hero p{grid-row:3;grid-column:5 / span 4}.problem inner-wrapper{grid-template-areas:". p2 p2 p2 img img img img p1 p1 p1 .";padding-block:var(--sp-240)}.problem timeline-rule{grid-row:1;grid-column:1 / -1;display:flex;align-items:center}.problem timeline-rule:before{content:"";order:1;flex:1;block-size:var(--sp-1);margin-inline:var(--sp-16);background-color:var(--black)}.problem timeline-rule span:last-child{order:2}.problem img{grid-area:img}.problem p:nth-of-type(1){grid-area:p1}.problem p:nth-of-type(2){grid-area:p2;align-self:end;text-align:end}.services h2{margin-block-end:var(--sp-64)}.services inner-wrapper>ul{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto repeat(var(--rows),auto);column-gap:var(--grid-gutter);overflow:clip;border-block-end:var(--sp-1) solid var(--white-shade-12)}.services inner-wrapper>ul>li{grid-row:1 / -1;display:grid;grid-template-rows:subgrid}.services h3{margin-block-end:var(--sp-16)}.services h3+ul{grid-row:span var(--rows);display:grid;grid-template-rows:subgrid}.services h3+ul li{position:relative;padding-block:calc(var(--sp-4) + var(--sp-1)) var(--sp-4)}.services h3+ul li:before{content:"";position:absolute;inset-block-start:0;inset-inline:-100vw;border-block-start:var(--sp-1) solid var(--white-shade-12)}.services p{grid-column:7 / span 4;margin-block-start:var(--sp-136)}.services p+p{margin-block-start:var(--sp-24)}.services .button{grid-column:7 / span 4;justify-self:start;margin-block-start:var(--sp-48)}.projects inner-wrapper>ul{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;row-gap:var(--sp-48)}.projects inner-wrapper>ul>li:nth-child(4n+1){grid-column:span 8}.projects inner-wrapper>ul>li:nth-child(4n+2){grid-column:span 4}.projects inner-wrapper>ul>li:nth-child(4n+3){grid-column:2 / span 10}.projects inner-wrapper>ul>li:nth-child(4n+4){grid-column:7 / span 6}.projects article{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;row-gap:var(--sp-8)}.projects article img,.projects article image-placeholder{grid-column:1 / -1}.projects article image-placeholder{aspect-ratio:3 / 2}.projects article p{grid-column:1 / -1;color:var(--black-tint-46)}.projects article h3 a:after{content:"";position:absolute;inset:0}.projects .button{grid-column:1 / -1;justify-self:end;margin-block-start:var(--sp-48)}@media(hover:hover){.projects article{grid-template-rows:auto}.projects article img{--card-zoom: 1.04;scale:var(--card-zoom);clip-path:inset(calc((1 - 1 / var(--card-zoom)) * 50%))}.projects article:after{--corner: var(--sp-16);content:"";position:absolute;grid-row:1 / 2;grid-column:1 / -1;inset:calc(-1 * var(--sp-8));border:var(--border-black-1);opacity:0;scale:1.03;-webkit-mask:conic-gradient(at var(--corner) var(--corner),transparent 75%,var(--black) 0) 0 0 / calc(100% - var(--corner)) calc(100% - var(--corner));mask:conic-gradient(at var(--corner) var(--corner),transparent 75%,var(--black) 0) 0 0 / calc(100% - var(--corner)) calc(100% - var(--corner));pointer-events:none}.projects article:is(:hover,:has(:focus-visible)) img{--card-zoom: 1}.projects article:is(:hover,:has(:focus-visible)):after{opacity:1;scale:1}.projects inner-wrapper>ul:has(article:hover,article :focus-visible) article:not(:hover,:has(:focus-visible)){color:var(--black-tint-46)}.projects inner-wrapper>ul:has(article:hover,article :focus-visible) article:not(:hover,:has(:focus-visible)) img{filter:grayscale(20%)}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.projects article{transition:color var(--dur-300) var(--ease-in-out-soft)}.projects article img{transition:--card-zoom var(--dur-900) var(--ease-out-expo),filter var(--dur-300) var(--ease-in-out-soft)}.projects article:after{transition:opacity var(--dur-300) var(--ease-in-out-soft),scale var(--dur-600) var(--ease-out-expo)}.projects article:is([data-picked],[data-returning]) img{view-transition-name:case-picture}.projects article:is([data-picked],[data-returning]):after{opacity:1;scale:1;view-transition-name:case-marks}.projects inner-wrapper>ul:has(article:hover) article[data-returning]:not(:hover):after{opacity:0}}@media(prefers-reduced-motion:no-preference){::view-transition-new(case-marks):only-child{inset:0;block-size:100%;animation:card-marks-grow var(--dur-600) var(--ease-out-expo) var(--dur-900) both}}@keyframes card-marks-grow{0%{inset:calc(var(--sp-8) - var(--sp-1));inline-size:calc(100% - 2 * (var(--sp-8) - var(--sp-1)));block-size:calc(100% - 2 * (var(--sp-8) - var(--sp-1)));opacity:0}5%{opacity:1}}.testimonials inner-wrapper{padding-block-end:var(--sp-240)}.testimonials h2{margin-block-end:var(--sp-120)}.about{position:relative;color:var(--white)}.about img{position:absolute;block-size:100%;object-fit:cover}.about inner-wrapper{position:relative;align-items:end;padding-block-start:var(--sp-368)}.about h2,.about p,.about a{grid-column:span 4}.about a{display:flex;justify-content:space-between}.about dl{grid-column:5 / span 8;display:grid;grid-template-columns:subgrid;margin-block-start:var(--sp-360);padding-block-start:var(--sp-8);border-block-start:var(--sp-1) solid var(--black-tint-35);row-gap:var(--sp-24)}.about dl dt,.about dl dd{grid-column:span 2}.about dl dt{grid-row:2}.belief inner-wrapper{padding-block-start:var(--sp-240)}.belief h2{grid-column:1 / -1;display:grid;grid-template-columns:subgrid}.belief h2>span{grid-column:1 / -1}.belief h2>span:nth-child(1){display:grid;grid-template-columns:subgrid;align-items:end}.belief h2>span:nth-child(1) :first-child{grid-column:span 2;justify-self:end;margin-block-end:var(--sp-8)}.belief h2>span:nth-child(1) :last-child{grid-column:span 10}.belief h2>span:not(:first-child)>:last-child{margin-inline-start:var(--sp-12);text-wrap:nowrap}.belief h2>span:nth-child(2){text-align:center}.belief h2>span:nth-child(3){grid-column:3 / span 10}.latest-posts .button{grid-column:1 / -1;justify-self:end;margin-block-start:var(--sp-48)}@media only screen and not (min-width:64rem){section inner-wrapper{padding-block:var(--sp-48)}.hero inner-wrapper{grid-template-rows:auto;min-block-size:auto;padding-block:var(--sp-64) var(--sp-48)}.hero h1{justify-content:start;gap:var(--sp-56) var(--sp-8)}.hero h1 img{order:1;flex-basis:100%;block-size:auto}.hero p{grid-row:auto;grid-column:1 / -1;margin-block-start:var(--sp-48)}.problem inner-wrapper{grid-template-areas:". . . ." "p2 p2 p2 p2" "img img img img" "p1 p1 p1 p1";row-gap:var(--sp-24);padding-block:var(--sp-48)}.problem p:nth-of-type(2){text-align:start}.services h2{margin-block-end:var(--sp-48)}.services inner-wrapper>ul{grid-template-columns:1fr;grid-template-rows:none;row-gap:var(--sp-48);border-block-end:none}.services inner-wrapper>ul>li{grid-row:auto;display:block}.services h3+ul{display:block;border-block-end:var(--sp-1) solid var(--white-shade-12)}.services h3+ul li:before{inset-inline:0}.services p,.services .button{grid-column:1 / -1}.services p:first-of-type{margin-block-start:var(--sp-48)}.projects{overflow-x:clip}.projects inner-wrapper>ul{row-gap:var(--sp-24)}.projects inner-wrapper>ul>li:nth-child(n){grid-column:1 / -1}.projects article{grid-template-columns:1fr;justify-items:start}.testimonials inner-wrapper{padding-block-end:var(--sp-48)}.testimonials h2{margin-block-end:var(--sp-48)}.about inner-wrapper{padding-block:var(--sp-48)}.about h2,.about p,.about a,.about dl{grid-column:1 / -1}.about dl{grid-template-columns:1fr;row-gap:var(--sp-20);margin-block-start:var(--sp-120)}.about dl dt,.about dl dd{grid-column:auto}.about dl dt{grid-row:auto}.about dl dd:nth-of-type(1){grid-row:1}.about dl dd:nth-of-type(2){grid-row:3}.about dl dd:nth-of-type(3){grid-row:5}.about dl dd:nth-of-type(4){grid-row:7}.belief inner-wrapper{padding-block-start:var(--sp-48)}.latest-posts post-list article{row-gap:var(--sp-16)}.latest-posts post-list article>:nth-child(n){grid-column:1 / -1}.latest-posts post-list article time{display:block}.latest-posts post-list article .tags{flex-direction:row}.belief h2{grid-template-columns:auto 1fr;column-gap:var(--sp-4)}.belief h2>span:nth-child(1){align-items:baseline}.belief h2>span:nth-child(1) :first-child{grid-column:1;margin-block-end:0}.belief h2>span:nth-child(1) :last-child{grid-column:2}.belief h2>span:not(:first-child){display:flex;align-items:baseline}.belief h2>span:not(:first-child)>:first-child{margin-inline-end:calc(-1 * var(--ls-neg-8))}.belief h2>span:not(:first-child)>:last-child{margin-inline-start:var(--sp-4)}.belief h2>span:nth-child(3){grid-column:2}}@media(prefers-reduced-motion:no-preference){@keyframes title-show{0%{opacity:.02}}canvas[data-title-particles]{position:absolute;z-index:3;inset-inline:0;block-size:100vh;pointer-events:none}:root[data-reveal] .hero inner-wrapper>p{animation-delay:0s}:root[data-reveal] .hero h1[data-gathering=playing]{opacity:0}:root[data-reveal] .hero h1[data-gathering=showing]{animation:title-show var(--dur-600) var(--ease-in-out-soft)}:root[data-reveal] .hero:has(h1[data-gathering]) inner-wrapper>p{opacity:0;animation:none}}@media(prefers-reduced-motion:no-preference){:root[data-reveal] .problem:not([data-seen]) :is(img,p),:root[data-reveal] .services:not([data-seen]) :is(h2,h3,li,inner-wrapper>p,.button),:root[data-reveal] .projects:not([data-seen]) :is(h2,.button),:root[data-reveal] .projects article:not([data-seen]),:root[data-reveal] .testimonials:not([data-seen]) :is(h2,menu li,at-carousel>ul),:root[data-reveal] .about:not([data-seen])>img,:root[data-reveal] .about:not([data-seen]) inner-wrapper>*,:root[data-reveal] .belief:not([data-seen]) :is(.h-216-special,.h-24,.h-24-bold),:root[data-reveal] .latest-posts:not([data-seen]) :is(h2,.button){opacity:0}:root[data-reveal] .problem[data-seen] img{scale:var(--reveal-zoom);clip-path:inset(calc((1 - 1 / var(--reveal-zoom)) * 50%));animation:reveal-settle var(--dur-900) var(--ease-out-expo) backwards,reveal-fade var(--dur-900) var(--ease-in-out-soft) backwards}:root[data-reveal] .problem[data-seen] p{animation:reveal-fade var(--dur-600) var(--ease-in-out-soft) backwards,reveal-up var(--dur-600) var(--ease-out-expo) backwards}:root[data-reveal] .problem[data-seen] p:nth-of-type(2){animation-delay:var(--dur-100)}:root[data-reveal] .services[data-seen] h2{animation:reveal-rise var(--dur-600) var(--ease-out-expo) backwards}:root[data-reveal] .services[data-seen] inner-wrapper>ul>li>h3,:root[data-reveal] .services[data-seen] inner-wrapper>ul>li>ul>li{animation:reveal-fade var(--dur-600) var(--ease-in-out-soft) backwards,reveal-up var(--dur-600) var(--ease-out-expo) backwards}:root[data-reveal] .services[data-seen] inner-wrapper>ul>li>h3{animation-delay:calc(var(--column, 0) * var(--dur-100))}:root[data-reveal] .services[data-seen] inner-wrapper>ul>li>ul>li{animation-delay:calc(var(--column, 0) * var(--dur-100) + (var(--row, 0) + 1) * var(--dur-100) / 2)}:root[data-reveal] .services[data-seen] inner-wrapper>ul>li:nth-child(2){--column: 1}:root[data-reveal] .services[data-seen] inner-wrapper>ul>li:nth-child(3){--column: 2}:root[data-reveal] .services[data-seen] inner-wrapper>ul>li:nth-child(4){--column: 3}:root[data-reveal] .services[data-seen] inner-wrapper>ul>li>ul>li:nth-child(2){--row: 1}:root[data-reveal] .services[data-seen] inner-wrapper>ul>li>ul>li:nth-child(3){--row: 2}:root[data-reveal] .services[data-seen] inner-wrapper>ul>li>ul>li:nth-child(4){--row: 3}:root[data-reveal] .services[data-seen] inner-wrapper>ul>li>ul>li:nth-child(5){--row: 4}:root[data-reveal] .services[data-seen] inner-wrapper>ul>li>ul>li:nth-child(6){--row: 5}:root[data-reveal] .services[data-seen] inner-wrapper>p{animation:reveal-fade var(--dur-600) var(--ease-in-out-soft) backwards,reveal-up var(--dur-600) var(--ease-out-expo) backwards}:root[data-reveal] .services[data-seen] p+p{animation-delay:var(--dur-100)}:root[data-reveal] .services[data-seen] .button{animation:reveal-rise var(--dur-600) var(--ease-out-expo) var(--dur-600) backwards}:root[data-reveal] .projects[data-seen] h2{animation:reveal-rise var(--dur-600) var(--ease-out-expo) backwards}:root[data-reveal] .projects[data-seen] .button{animation:reveal-rise var(--dur-600) var(--ease-out-expo) var(--dur-300) backwards}:root[data-reveal] .projects article[data-seen]{animation:reveal-rise var(--dur-600) var(--ease-out-expo) backwards}:root[data-reveal] .projects article[data-seen] img{animation:reveal-fade var(--dur-900) var(--ease-in-out-soft) backwards}:root[data-reveal] .testimonials[data-seen] h2,:root[data-reveal] .testimonials[data-seen] menu li{animation:reveal-rise var(--dur-600) var(--ease-out-expo) backwards}:root[data-reveal] .testimonials[data-seen] menu li{animation-delay:calc(var(--step, 0) * var(--dur-100) / 2 + var(--dur-100))}:root[data-reveal] .testimonials[data-seen] menu li:nth-child(2){--step: 1}:root[data-reveal] .testimonials[data-seen] menu li:nth-child(3){--step: 2}:root[data-reveal] .testimonials[data-seen] menu li:nth-child(4){--step: 3}:root[data-reveal] .testimonials[data-seen] at-carousel>ul{animation:reveal-rise var(--dur-600) var(--ease-out-expo) var(--dur-300) backwards}:root[data-reveal] .testimonials[data-seen] figure>:first-child{scale:var(--reveal-zoom);clip-path:inset(calc((1 - 1 / var(--reveal-zoom)) * 50%));animation:reveal-settle var(--dur-900) var(--ease-out-expo) backwards,reveal-fade var(--dur-900) var(--ease-in-out-soft) backwards}:root[data-reveal] .about[data-seen]>img{scale:var(--reveal-zoom);clip-path:inset(calc((1 - 1 / var(--reveal-zoom)) * 50%));animation:reveal-settle var(--dur-900) var(--ease-out-expo) backwards,reveal-fade var(--dur-900) var(--ease-in-out-soft) backwards}:root[data-reveal] .about[data-seen] inner-wrapper>:not(dl),:root[data-reveal] .about[data-seen] dl>*{animation:reveal-rise var(--dur-600) var(--ease-out-expo) backwards}:root[data-reveal] .about[data-seen] dl>*{animation-delay:calc(var(--step, 0) * var(--dur-100) / 2 + var(--dur-100))}:root[data-reveal] .about[data-seen] dl>*:nth-child(3),:root[data-reveal] .about[data-seen] dl>*:nth-child(4){--step: 1}:root[data-reveal] .about[data-seen] dl>*:nth-child(5),:root[data-reveal] .about[data-seen] dl>*:nth-child(6){--step: 2}:root[data-reveal] .about[data-seen] dl>*:nth-child(7),:root[data-reveal] .about[data-seen] dl>*:nth-child(8){--step: 3}:root[data-reveal] .belief[data-seen] .h-216-special{animation:reveal-fade var(--dur-900) var(--ease-in-out-soft) backwards,reveal-up-far var(--dur-900) var(--ease-out-expo) backwards}:root[data-reveal] .belief[data-seen] h2>span:nth-child(2) .h-216-special{animation-delay:calc(1.5 * var(--dur-100))}:root[data-reveal] .belief[data-seen] h2>span:nth-child(3) .h-216-special{animation-delay:calc(3 * var(--dur-100))}:root[data-reveal] .belief[data-seen] :is(.h-24,.h-24-bold){animation:reveal-fade var(--dur-900) var(--ease-in-out-soft) var(--dur-600) backwards}:root[data-reveal] .latest-posts[data-seen] h2{animation:reveal-rise var(--dur-600) var(--ease-out-expo) backwards}:root[data-reveal] .latest-posts[data-seen] .button{animation:reveal-rise var(--dur-600) var(--ease-out-expo) var(--dur-300) backwards}}