
@font-face{font-family:Audrey;src:url(assets/audrey.otf)}@font-face{font-family:Thin;src:url(assets/audrey-thin.otf)}
:root{--paper:#fffbf8;--ink:#282522;--rose:#825854;--line:#d5bcb4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--rose);outline-offset:6px}img{display:block;width:100%;height:100%;object-fit:cover}figure,h1,h2,h3,p{margin:0}.wrap{width:min(1320px,calc(100% - 112px));margin:auto}.nav{min-height:78px;padding:8px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.logo img{width:230px;height:auto}.nav nav{display:flex;gap:24px;font:36px/1.1 Audrey,Arial,sans-serif}.services{padding:8px 0 20px;font:36px/1.05 Audrey,Arial,sans-serif;letter-spacing:.025em;color:var(--rose)}.hero{height:70vh;max-height:760px;min-height:360px;overflow:hidden}.hero img{object-position:center 55%}.intro{padding:42px 0 65px}.intro h1{font:300 clamp(110px,12vw,190px)/.75 Thin,Arial,sans-serif;letter-spacing:-.045em}.intro p{font:42px/1.05 Audrey,Arial,sans-serif;margin-top:22px}.textlink{display:inline-block;border-bottom:1px solid var(--rose);color:var(--rose);font:36px/1.1 Audrey,Arial,sans-serif;padding-bottom:6px}.intro .textlink{margin-top:28px}
.project-section{padding:70px 0 100px;border-top:1px solid var(--line)}.project-top{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:46px}.label{font:36px/1.1 Audrey,Arial,sans-serif;color:var(--rose)}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button,.tag{border:1px solid var(--rose);border-radius:30px;padding:7px 19px;background:transparent;color:var(--rose);font:italic 18px/1 Georgia,serif}.filters button[aria-pressed=true]{background:var(--rose);color:var(--paper)}.filters button:hover{background:#eee1da}.filters button[aria-pressed=true]:hover{background:#694540}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px 38px;align-items:start}.card:nth-child(4){margin-top:-125px}.card[hidden]{display:none}.card figure{overflow:hidden;background:#e7dcd5;aspect-ratio:1.18}.card:nth-child(2) figure{aspect-ratio:.8}.card:nth-child(4) figure{aspect-ratio:.95}.card img{transition:transform .65s ease}.card:hover img{transform:scale(1.035)}.caption{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-top:18px}.caption h3{font:48px/.95 Audrey,Arial,sans-serif;color:var(--rose)}.tag{font-size:15px;white-space:nowrap;padding:6px 12px}.card p{font:16px/1.5 Arial,sans-serif;color:#806d65;margin-top:8px}.grid.filtered .card{margin-top:0}.project-count{margin-top:35px;color:#806d65;font:13px Arial,sans-serif;letter-spacing:.04em}.ribbons{overflow:hidden;background:#eee3dc;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}.ribbon{display:flex;gap:44px;align-items:center;overflow-x:auto;padding:28px 4vw;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.ribbon+.ribbon{border-top:1px solid var(--line)}.ribbon a{display:flex;align-items:center;gap:34px;flex-shrink:0}.ribbon .name{font:68px/.9 Thin,Arial,sans-serif;color:var(--rose)}.ribbon small{display:block;font:italic 18px Georgia,serif;margin-top:10px;color:var(--rose)}.ribbon img{width:150px;height:105px}.ribbon .slash{height:115px;width:1px;background:var(--rose);transform:rotate(16deg);margin:0 20px;flex-shrink:0}.studio{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;padding:110px 0}.studio h2,.contact h2{font:clamp(70px,7vw,110px)/.9 Thin,Arial,sans-serif}.studio h2{margin:15px 0 25px}.studio p{font:18px/1.75 Arial,sans-serif;color:#514843;max-width:450px}.studio .textlink{margin-top:24px}.studio figure{aspect-ratio:1.1}.contact{border-top:1px solid var(--line);padding:70px 0 80px}.contact h2{margin:18px 0 28px}.contact p{font:16px/1.6 Arial,sans-serif;margin-top:18px}.contact p a{border-bottom:1px solid var(--rose)}footer{border-top:1px solid var(--line)}.foot{display:flex;align-items:center;justify-content:space-between;padding:35px 0;gap:20px}.foot-links{display:flex;gap:25px;align-items:center;font-size:13px}.foot small{color:#806d65}.draft{position:fixed;bottom:14px;left:14px;z-index:5;background:#fffbf8ed;border:1px solid var(--line);padding:9px 12px;border-radius:4px;font:11px/1.4 Arial,sans-serif;color:#765e55;box-shadow:0 2px 14px #2825220a}.draft button{border:0;background:none;color:inherit;margin-left:12px;font-size:15px}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.grid{gap:45px 24px}.caption{display:block}.tag{display:inline-block;margin-top:8px}.caption h3{font-size:42px}.card:nth-child(4){margin-top:-90px}.project-top{align-items:start;flex-direction:column}.studio{gap:35px}.ribbon .name{font-size:60px}.nav nav{gap:18px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.nav{min-height:90px;padding:12px 0;gap:10px}.logo img{width:200px}.nav nav{width:100%;justify-content:space-between;gap:8px;font-size:30px}.services{font-size:34px;padding:5px 0 16px}.hero{height:60vh;min-height:320px}.intro{padding:30px 0 45px}.intro h1{font-size:104px}.intro p{font-size:36px}.textlink{font-size:34px}.project-section{padding:40px 0 55px}.label{font-size:34px}.filters button{font-size:16px;padding:8px 14px}.grid{grid-template-columns:1fr;gap:40px}.card:nth-child(4){margin-top:0}.card figure,.card:nth-child(4) figure{aspect-ratio:1.1}.card:nth-child(2) figure{aspect-ratio:.9}.caption{display:flex}.caption h3{font-size:48px}.tag{margin-top:0}.ribbon{gap:20px;padding:24px 20px}.ribbon a{gap:20px}.ribbon .name{font-size:52px}.ribbon img{width:95px;height:85px}.ribbon .slash{height:85px;margin:0 8px}.studio{grid-template-columns:1fr;padding:60px 0;gap:30px}.studio h2,.contact h2{font-size:70px}.contact{padding:45px 0 50px}.foot{align-items:start;flex-direction:column}.draft{bottom:8px;left:8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card img{transition:none}}
/* Tipografías originales de Palo Estudio: Audrey Thin y Audrey. */
.caption h3,.label{font-family:Thin,Arial,sans-serif;font-weight:300}
.filters button,.tag{font-family:Thin,Arial,sans-serif;font-weight:300;font-style:normal;font-size:36px;line-height:.85}
.tag{font-size:32px;padding:7px 12px;white-space:normal}
.caption{flex-wrap:wrap;align-items:center;gap:6px 12px}
.card p,.ribbon small{font-family:Audrey,Arial,sans-serif;font-weight:400;font-style:normal;font-size:34px;line-height:1.05}
.studio p{font:400 39px/1.1 Audrey,Arial,sans-serif}
.contact p{font:400 31px/1.15 Audrey,Arial,sans-serif}
.project-count,.foot-links{font:400 28px/1.1 Audrey,Arial,sans-serif}
.foot small{font-size:23px}
@media(max-width:600px){.filters button{font-size:34px;padding:9px 14px}.tag{font-size:30px}.studio p{font-size:36px}.card p,.ribbon small{font-size:32px}}
.slider-controls{display:flex;justify-content:flex-end;padding:4px 4vw 12px}
.slider-controls button{background:none;border:0;border-bottom:1px solid var(--rose);color:var(--rose);padding:5px 0;font:28px/1 Audrey,Arial,sans-serif}
.ribbon .name{white-space:nowrap}.ribbon{scroll-behavior:auto}
[hidden]{display:none!important}.nav a[aria-current="page"]{color:var(--rose);text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}.page-heading{padding:55px 0 45px}.page-heading h1{font:300 clamp(95px,10vw,155px)/.9 Thin,Arial,sans-serif}.page-heading p{font:36px/1.1 Audrey,Arial,sans-serif;color:var(--rose);margin-top:20px}.portfolio-columns{columns:3;column-gap:36px;padding-bottom:85px}.portfolio-columns .card{display:block;break-inside:avoid;margin:0 0 45px!important}.portfolio-columns .card figure{aspect-ratio:1.2}.portfolio-columns .card:nth-child(2) figure{aspect-ratio:.88}.portfolio-columns .card:nth-child(3) figure{aspect-ratio:.72}.portfolio-columns .card:nth-child(4) figure{aspect-ratio:1.08}.editorial{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:start;padding-bottom:70px}.editorial figure{aspect-ratio:.85;position:sticky;top:30px}.prose{font:400 18px/1.85 'Helvetica Neue',Arial,sans-serif;color:#5b514b}.prose p+p{margin-top:22px}.bio{padding:55px 0 80px;border-top:1px solid var(--line)}.bio h2{font:90px/1 Thin,Arial,sans-serif;margin-bottom:25px}.bio .prose{max-width:1100px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin:10px auto 85px}.contact-layout figure{min-height:660px}.contact-layout figure img{object-position:center;height:100%}.form-pane{padding:45px}.form-pane h2{font:78px/.95 Thin,Arial,sans-serif;margin-bottom:30px}.form-pane label{display:block;font:32px/1.1 Audrey,Arial,sans-serif;margin-bottom:22px}.form-pane input,.form-pane textarea{display:block;width:100%;margin-top:8px;border:1px solid var(--line);border-radius:3px;padding:14px;background:#f5ece6;color:var(--ink);font:17px/1.5 Arial,sans-serif}.form-pane textarea{resize:vertical;min-height:145px}.form-note{font:14px/1.6 Arial,sans-serif;color:#806d65;margin:22px 0}.contact-actions{display:flex;gap:18px;flex-wrap:wrap}.contact-actions .textlink{font-size:30px}.form-pane input:focus,.form-pane textarea:focus{outline:1px solid var(--rose)}
@media(max-width:900px){.portfolio-columns{columns:2}.editorial{gap:30px}.form-pane{padding:28px}.form-pane h2{font-size:65px}.contact-layout figure{min-height:600px}}
@media(max-width:600px){.page-heading{padding:35px 0}.page-heading h1{font-size:100px}.portfolio-columns{columns:1}.editorial,.contact-layout{grid-template-columns:1fr}.editorial figure{position:static;aspect-ratio:1.1}.contact-layout figure{min-height:0;height:350px}.form-pane{padding:28px 20px}.bio h2{font-size:78px}.prose{font-size:17px}.contact-layout{margin-bottom:50px}}
/* Composiciones inspiradas en las referencias About Us y Agency Home. */
.agency-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:65px 0 50px}.agency-heading h1{font:300 clamp(125px,16vw,220px)/.8 Thin,Arial,sans-serif;color:var(--rose)}.agency-heading .prose{max-width:270px}.agency-photo{width:80%;margin-left:auto;height:560px;position:relative}.agency-photo:after{content:"";position:absolute;inset:45px 0 -35px -20%;border:1px solid var(--line);pointer-events:none}.agency-manifesto{font:300 clamp(80px,9vw,135px)/.95 Thin,Arial,sans-serif;padding:100px 0 50px;max-width:1100px}.agency .editorial{display:block}.agency .editorial .prose{display:grid;grid-template-columns:1fr 1fr;gap:35px 60px}.agency .editorial .prose p{margin:0}.agency .bio{background:#eee3dc;padding:50px;margin-bottom:80px}.contact-panorama{height:380px;margin-top:30px}.contact-panorama img{object-position:center 60%}.contact-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center;padding-top:60px;padding-bottom:65px;border-bottom:1px solid var(--line)}.contact-intro h1{font:300 clamp(95px,10vw,145px)/.9 Thin,Arial,sans-serif;color:var(--rose)}.contact-reference .contact-layout{display:block;border:0;max-width:950px;margin-top:55px}.contact-reference .form-pane{padding:20px 0}.contact-reference .form-pane h2{text-align:center;margin-bottom:40px}.contact-reference form{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.contact-reference form label:nth-of-type(3),.contact-reference .form-note,.contact-reference .contact-actions{grid-column:1/-1}.contact-reference input{background:transparent;border:0;border-bottom:1px solid var(--rose);border-radius:0;padding-left:0}.contact-reference textarea{background:transparent;border-color:var(--rose);min-height:210px}.contact-reference .contact-actions{justify-content:flex-end}.contact-reference .form-pane label{color:var(--rose)}
@media(max-width:700px){.agency-heading{display:block;padding:45px 0 30px}.agency-heading h1{font-size:130px}.agency-heading .prose{margin-top:25px;max-width:none}.agency-photo{width:90%;height:350px}.agency-photo:after{left:-11%;top:25px;bottom:-20px}.agency-manifesto{font-size:85px;padding-top:65px}.agency .editorial .prose{grid-template-columns:1fr;gap:22px}.agency .bio{padding:30px 20px}.contact-panorama{height:280px}.contact-intro{grid-template-columns:1fr;gap:25px;padding-top:35px;padding-bottom:35px}.contact-intro h1{font-size:100px}.contact-reference form{grid-template-columns:1fr}.contact-reference form label{grid-column:1}.contact-reference .contact-layout{margin-top:25px}.contact-reference .form-pane h2{font-size:70px}}
.agency .bio{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.4fr);column-gap:45px;align-items:start}.agency .bio .paloma-portrait{grid-column:1;grid-row:1 / 3;aspect-ratio:3/4;margin:0}.paloma-portrait img{object-fit:contain;object-position:center top;height:auto}.agency .bio .paloma-portrait{aspect-ratio:auto}.agency .bio h2{grid-column:2;margin-top:0}.agency .bio .prose{grid-column:2}@media(max-width:700px){.agency .bio{grid-template-columns:1fr;gap:25px}.agency .bio .paloma-portrait{grid-column:1;grid-row:auto;max-width:440px;width:100%;justify-self:center}.agency .bio h2,.agency .bio .prose{grid-column:1}.agency .bio h2{margin-bottom:0}}

body{background:#fffbf8;color:#282522}h1,h2,h3{text-transform:none}button,input,textarea{letter-spacing:normal} .elementor-widget-container{margin:0} .wpcf7 form{display:block!important}.qodef-contact-data{display:grid;grid-template-columns:1fr 1fr;gap:30px}.wpcf7 input:not([type=submit]),.wpcf7 textarea{width:100%;font:17px/1.5 Arial,sans-serif;color:#514843;background:transparent;border:0;border-bottom:1px solid #825854;border-radius:0;padding:14px 0;margin:0 0 24px}.wpcf7 textarea{border:1px solid #825854;padding:18px;min-height:210px}.wpcf7 input[type=submit]{border:1px solid #825854;background:transparent;color:#825854;border-radius:30px;padding:12px 32px;font:16px Arial,sans-serif;cursor:pointer}.wpcf7-not-valid-tip,.wpcf7-response-output{font:16px/1.5 Arial,sans-serif}.wpcf7 .palo-antispam input{max-width:200px}.wpcf7 label{font:16px/1.5 Arial,sans-serif}.screen-reader-response{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}@media(max-width:600px){.qodef-contact-data{grid-template-columns:1fr;gap:0}}
