*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;background:#100e0b;color:#f6efdf;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #dcac55;outline-offset:5px}.skip{position:fixed;top:-100px;z-index:20;background:#fff;color:#000;padding:12px}.skip:focus{top:0}header{height:clamp(66px,6vw,92px);display:flex;align-items:center;gap:3vw;padding:0 7%;background:#15130f url('assets/scene-7.webp') center bottom/cover;border-bottom:1px dashed #9b7135;position:relative;z-index:5}header{padding:0 calc(min(100%,1200px) * .07)}footer{padding:20px calc(min(100%,1200px) * .07)}.brand img{--w:min(255px,21vw);display:block;width:var(--w);height:auto;object-fit:contain;margin-left:calc(var(--w) * -.03877)}.end .brand img{--w:min(300px,26vw)}.brand,header .button{flex-shrink:0}.brand{font-family:Georgia,serif;color:#e9cd8c;font-size:clamp(18px,2.2vw,33px);white-space:nowrap}header nav{display:flex;gap:2.5vw;margin-left:auto;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(120deg,#f6cb70,#e5ad40 60%,#f5d889);color:#18120a;border:1px solid #d6a14b;border-radius:7px;padding:.78em 1.25em;font-size:clamp(13px,1.3vw,19px);font-weight:700;box-shadow:0 2px 10px #0004;cursor:pointer;line-height:1.2;white-space:nowrap}.button:hover{filter:brightness(1.08)}.compact{font-size:13px;padding:12px 16px}.outline{background:#15130ca6;color:#e9c469;border-color:#aa8548}.scene{position:relative;overflow:hidden;isolation:isolate;display:grid}.scene:before{content:'';grid-area:1/1;width:100%;aspect-ratio:var(--ratio)}.backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:-2}.copy{position:relative;grid-area:1/1;width:43%;padding:3.2% 0 3% 7%;height:auto;min-height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.s0 .copy{padding-top:2%}.copy h1,.copy h2{font:normal clamp(24px,4.15vw,66px)/.99 Georgia,serif;letter-spacing:-.035em;margin:0 0 .4em}.copy p{font-size:clamp(12px,1.45vw,22px);line-height:1.35;margin:0 0 1em;max-width:95%}.copy .eyebrow{font-size:clamp(12px,1.25vw,19px);margin-bottom:1.1em}.eyebrow:after{content:'';display:block;width:52px;height:2px;background:#b3883a;margin-top:12px}.copy em{font-style:normal;color:#e1ae50}.light{color:#171611;background:#eee1ca}.light em{color:#855513}.copy .button{margin-top:.15em}.s1 .copy,.s3 .copy,.s5 .copy{width:43%}.s2 .copy{width:47%}.s2 h2,.s4 h2{font-size:clamp(24px,3.75vw,60px)}.end .copy{width:60%;justify-content:flex-start;padding-top:4.3%}.end h2{font-size:clamp(28px,4vw,62px)}.end p{margin-top:1.1em}.end .brand{margin-top:auto}.portfolio{padding:3% 7% 2%;background:#efe0c7 url('assets/scene-6.webp') center top/100% auto}.portfolio>.eyebrow{margin:0;font-size:clamp(13px,1.4vw,20px)}.portfolio h2{font:normal clamp(28px,4vw,60px)/1.1 Georgia,serif;margin:.3em 0 .4em;letter-spacing:-.04em}.featured{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.featured a{font-size:clamp(12px,1.4vw,20px)}.still{display:flex;align-items:center;justify-content:center;aspect-ratio:2.03;background-image:url('assets/scene-6.webp');background-size:360% auto;border-radius:4px;margin-bottom:9px;border:1px solid #b29361}.still.a{background-position:6% 62%}.still.b{background-position:50% 62%}.still.c{background-position:94% 62%}.still b{display:flex;justify-content:center;align-items:center;border:1px solid #fff9;background:#0008;color:#fff;width:44px;height:44px;border-radius:50%;font-size:17px}details{margin-top:24px;border-top:1px solid #a7906a}summary{padding:15px 0;cursor:pointer;font-size:14px;list-style:none}summary span{float:right}#processo{max-width:800px;line-height:1.6;padding:12px 0}#processo a{text-decoration:underline}.work-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0 24px;padding-bottom:25px}.work-list a{padding:12px 0;border-bottom:1px solid #bba988;font-size:14px}.work-list span{float:right}footer{display:flex;justify-content:space-between;gap:15px;padding:20px 7%;font-size:12px;color:#cbbd9e;border-top:1px solid #70572c}.menu,.mobile-cta{display:none}dialog{border:1px solid #ac823f;border-radius:12px;background:#f1e5cf;color:#211a10;padding:35px;width:min(610px,92vw);max-height:88dvh;overflow:auto;box-shadow:0 25px 100px #000b}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font:32px Georgia,serif;margin:10px 0}dialog p{font-size:14px;line-height:1.5}dialog a{text-decoration:underline}.dialog-close{position:absolute;right:12px;top:8px;background:none;border:0;font-size:30px;cursor:pointer}#preview-notice{padding:12px;background:#dfcda7}form label{display:block;font-size:14px;margin:16px 0}input,select,textarea{display:block;width:100%;padding:11px;margin-top:6px;border:1px solid #a38a62;border-radius:4px;background:#fffaf1;color:#211a10;font:16px Arial}.consent{display:flex;gap:10px;line-height:1.5}.consent input{width:18px;flex-shrink:0}.trap{position:absolute;left:-9999px}.modal-open{overflow:hidden}.error{color:#9c1f13}[hidden]{display:none!important}
header,main,footer{max-width:1200px;margin-left:auto;margin-right:auto}
@media(max-width:700px){html{scroll-padding-top:68px}header{height:68px;padding:0 6%;justify-content:space-between}header .brand{font-size:22px}header .brand img{--w:min(175px,46vw)}header nav,header .compact{display:none}.menu{display:block;background:none;border:1px solid #af8749;color:#e8ca8e;border-radius:5px;font-size:22px;padding:4px 9px}#mobile-menu{position:absolute;top:68px;right:0;left:0;z-index:9;background:#17140e;padding:18px 6%;box-shadow:0 12px 20px #0008}#mobile-menu a{display:block;padding:13px 0;border-bottom:1px solid #4c3c22}.scene{aspect-ratio:auto;min-height:0;padding-bottom:0;background:#15130f;display:flex;flex-direction:column}.scene:before{content:none}.scene.light{background:#eee0c8}.backdrop{position:relative;order:2;height:260px;object-fit:cover;object-position:78% center;z-index:0}.copy,.s1 .copy,.s2 .copy,.s3 .copy,.s5 .copy,.end .copy{width:100%;padding:34px 7% 24px;height:auto;order:1}.copy h1,.copy h2,.s2 h2,.s4 h2,.end h2{font-size:42px;line-height:1.02;margin-bottom:16px}.copy p{font-size:16px;max-width:100%;line-height:1.5;margin-bottom:16px}.copy .eyebrow{font-size:14px;margin-bottom:20px}.copy .button{font-size:15px;padding:13px 18px}.s0 .copy{padding-top:34px}.s0 .backdrop{height:290px}.end .copy{padding-top:32px}.end .brand{margin-top:18px}.end .backdrop{height:220px}.portfolio{padding:30px 7%;background-size:auto 600px}.portfolio h2{font-size:38px}.portfolio>.eyebrow{font-size:14px}.featured{grid-template-columns:1fr;gap:22px}.featured a{font-size:16px}.still{aspect-ratio:1.85}.work-list{grid-template-columns:1fr}.mobile-cta{display:flex;position:fixed;z-index:6;bottom:14px;left:7%;right:7%;font-size:15px;padding:14px;box-shadow:0 5px 25px #000a}.mobile-cta.is-hidden{display:none}footer{display:block;padding:20px 7% 90px;line-height:1.8}footer div{margin-top:8px}dialog{padding:26px 22px}dialog h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.portfolio{background:#efe0c7 url('assets/paper.svg') repeat}.still{background-size:cover;background-position:center!important}.still.a{background-image:url('assets/portfolio-0.webp')}.still.b{background-image:url('assets/portfolio-1.webp')}.still.c{background-image:url('assets/portfolio-2.webp')}