*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101113;color:#f5f3ee;font:16px/1.6 Manrope,Arial,sans-serif}a{color:inherit;text-underline-offset:.3em}header,footer{padding:1.4rem 6vw;display:flex;align-items:center;justify-content:space-between;gap:2rem}header{position:relative;z-index:3;background:#101113}header img,footer img{display:block;object-fit:contain}nav{display:flex;align-items:center;gap:2rem}nav a{text-decoration:none;font-size:.87rem}nav a:hover,footer a:hover{color:var(--accent)}.mobile{display:none}.button,button{font:inherit;display:inline-flex;align-items:center;text-decoration:none;border:1px solid #a65a64;padding:.75em 1.4em;border-radius:3em;color:#fff;background:#572431;cursor:pointer;transition:background .25s,transform .25s}.button:hover,button:hover{background:#803446;transform:translateY(-2px)}.wrap,.hero{padding:clamp(3.5rem,8vw,8rem) 7vw}.hero{min-height:80svh;display:grid;align-content:center;position:relative;isolation:isolate;overflow:hidden}.art{position:absolute;right:-12%;top:-25%;width:75%;height:155%;z-index:-1;object-fit:contain;opacity:.8;animation:drift 18s ease-in-out infinite alternate}.hero h1{max-width:12ch}.kicker{font-size:.75rem;letter-spacing:.13em;text-transform:uppercase;color:#de999a}h1,h2,h3{line-height:1.04;font-weight:400;letter-spacing:-.055em;margin:0 0 .4em}h1{font-size:clamp(3rem,7.8vw,8.5rem)}h2{font-size:clamp(2.3rem,5vw,5.5rem)}h3{font-size:clamp(1.55rem,3vw,3rem)}.intro{font-size:clamp(1rem,1.4vw,1.3rem);max-width:53ch;color:#d2c9c8}.hero .intro{max-width:40ch}.actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:2rem}.wrap>.intro{margin-bottom:3rem}.row{display:grid;grid-template-columns:1fr 1fr;gap:3vw;border-top:1px solid #46393b;padding:2rem 0}.row p{max-width:54ch;margin:0 0 1rem;color:#d2c9c8}.project{margin:4rem 0 6rem}.project img{width:100%;height:auto;aspect-ratio:2.1;object-fit:cover;display:block;margin-bottom:1.6rem}.project:nth-of-type(even){width:85%;margin-left:auto}.price{color:#e9a6a5;font-size:1.4rem}.form{max-width:48rem;display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.wide{grid-column:1/-1}label{display:grid;gap:.4rem}input,textarea,select{width:100%;padding:.8rem;color:inherit;background:#19191b;border:1px solid #76686a;font:inherit;border-radius:.35rem}footer{border-top:1px solid #413537;flex-wrap:wrap}footer p{color:#ccc}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #ffada8;outline-offset:5px}.skip{position:absolute;z-index:9;left:1rem;top:-8rem}.skip:focus{top:.5rem;background:black;padding:.7rem}.motion-in{animation:enter .6s ease-out backwards}@keyframes enter{from{opacity:0;transform:translateY(14px)}}@keyframes drift{to{transform:rotate(5deg) scale(1.05)}}@media(max-width:760px){header>nav{display:none}.mobile{display:block}.mobile nav{position:absolute;inset:100% 0 auto;background:#191719;padding:1rem 6vw;align-items:start;flex-direction:column;gap:1rem}.art{width:115%;right:-52%;opacity:.53}.project:nth-of-type(even){width:100%}.row,.form{grid-template-columns:1fr}.project img{aspect-ratio:1.4}footer{gap:1rem}.hero{min-height:78svh}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root){animation:fadeout .18s both}::view-transition-new(root){animation:enter .28s both}@keyframes fadeout{to{opacity:0}}}
@supports (animation-timeline:view()){ @media(prefers-reduced-motion:no-preference){ .project{animation:reveal-work linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes reveal-work{0%,100%{opacity:.35;transform:translateY(10px)}20%,80%{opacity:1;transform:none}}}}

.arrow{position:relative;display:inline-block;width:.65em;height:.65em;border-top:1px solid;border-right:1px solid;margin-left:.45em;transition:transform .24s}.arrow:after{content:"";position:absolute;right:0;top:0;width:.82em;border-top:1px solid;transform-origin:right;transform:rotate(-45deg)}a:hover .arrow,button:hover .arrow{transform:translate(2px,-2px)}