/* Portfolio and case-study system. All artwork comes from Ana's supplied work. */
[hidden]{display:none!important}
.header{height:125px}.brand{display:block;flex-shrink:0}.brand .brand-name{position:relative;display:block;font:500 31px/.95 var(--serif);letter-spacing:-.075em;margin:0;color:var(--ink);text-transform:none}.brand .brand-name i{font-weight:500;font-style:italic;color:var(--blue);margin-left:.04em}.brand .brand-descriptor{font:500 9px/1 var(--sans);letter-spacing:.19em;margin-top:12px;text-transform:uppercase}.brand .brand-guides{position:absolute;inset:-7px -11px -6px;display:block;border-block:1px solid #b69a5799;margin:0;pointer-events:none;opacity:0;animation:guides 1.7s ease-out both}.brand .brand-guides:before,.brand .brand-guides:after{content:'';position:absolute;top:-6px;bottom:-6px;width:1px;background:#b69a5777;left:9px}.brand .brand-guides:after{left:auto;right:9px}@keyframes guides{0%,40%{opacity:1}100%{opacity:0}}
.materia .hero-stage .plate-secondary{width:115%;margin-left:-16%;margin-top:30px;align-self:center;transform:rotate(4deg)}.materia .hero-stage .plate-secondary img{box-shadow:none;filter:drop-shadow(6px 18px 12px #50362417)}
.portfolio-nav{display:flex;justify-content:space-between;align-items:center;border-block:1px solid var(--line);margin:32px 0 35px;padding:12px 0;gap:20px}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{border:0;background:transparent;padding:9px 15px;color:var(--ink);font-size:13px;cursor:pointer}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.filters button:hover{box-shadow:inset 0 -1px var(--ink)}.portfolio-count{font-size:11px;color:#625b60}.works{grid-template-columns:1fr 1fr;gap:46px 30px}.work-heading>p{max-width:385px}.work-image{height:auto;aspect-ratio:1.28;position:relative;padding:0;isolation:isolate}.work-image img{transition:none}.work-image:hover img{transform:none}.work-title h3{font-size:20px;letter-spacing:-.025em}.work-title>span{font-size:22px;color:var(--blue)}.work-type{font-size:12px}.work-type>span{font-weight:600;color:var(--ink)}.project-button{display:block}.project-button:hover .work-title h3{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.visual-note{position:absolute;font:italic 500 clamp(22px,2.5vw,36px)/1.06 var(--serif);letter-spacing:-.03em;color:var(--blue)}
.composition-vista{background:#e7b7a5}.composition-vista img{position:absolute;height:auto;width:39%;box-shadow:12px 14px 18px #47312730}.composition-vista .layer-back{transform:rotate(8deg);left:43%;top:14%;width:35%}.composition-vista .layer-front{transform:rotate(-6deg);left:18%;top:7%;z-index:2}.composition-vista:hover .layer-back{transform:rotate(8deg)}.composition-vista:hover .layer-front{transform:rotate(-6deg)}.composition-vista .visual-note{bottom:8%;right:6%;z-index:3;text-align:right;font-size:clamp(20px,2.15vw,30px)}
.composition-books{background:#e9e4d9}.composition-books:before{content:'';position:absolute;inset:0 65% 0 0;background:#d5dfdc}.composition-books img{position:absolute;width:67%;height:auto;object-fit:contain;filter:drop-shadow(10px 16px 9px #29272912)}.composition-books .book-back{top:-6%;left:3%;width:59%}.composition-books .book-front{right:-6%;bottom:-5%}.composition-books .visual-note{left:8%;bottom:10%}
.type-archive{display:flex;align-items:stretch;justify-content:space-between;flex-direction:column;background:#eee6dc;padding:8%;border:1px solid #d5cbbc}.type-archive>span:first-child,.type-digital>span:first-child{font-size:10px;letter-spacing:.1em;text-transform:uppercase}.type-archive>strong{font:500 clamp(48px,8.5vw,125px)/.8 var(--serif);letter-spacing:-.065em}.type-archive em{color:var(--blue);font-weight:500;padding-left:.65em}.archive-foot{font-size:11px;line-height:1.7}
.composition-dossier{background:var(--blue)}.composition-dossier img{position:absolute;height:auto;box-shadow:12px 18px 20px #0003}.composition-dossier .dossier-back{width:67%;right:1%;top:14%;transform:rotate(6deg)}.composition-dossier .dossier-front{width:38%;left:8%;top:10%;transform:rotate(-6deg);z-index:2}.composition-dossier:hover .dossier-back{transform:rotate(6deg)}.composition-dossier:hover .dossier-front{transform:rotate(-6deg)}.sample-label{position:absolute;bottom:6%;right:6%;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--paper);border:1px solid #f5f1eb88;padding:5px 10px}
.type-digital{background:#dce9e2;padding:8%;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between}.type-digital>strong{font:500 clamp(34px,4.8vw,66px)/.95 var(--serif);letter-spacing:-.05em;color:#234b42}.type-digital>strong>span{display:block;font-style:italic;margin-top:3px}.digital-roles{display:grid;grid-template-columns:1fr 1fr;gap:9px 20px;border-top:1px solid #234b4255;padding-top:16px;font-size:11px}.type-digital .archive-foot{margin-top:12px;font-size:10px}.composition-web{background:var(--aqua);display:block;padding:9% 5% 0}.browser-frame{background:#fff;box-shadow:12px 20px 28px #1e2e7222;width:100%;transform:rotate(-3deg);overflow:hidden}.browser-top{display:flex;gap:20px;align-items:center;color:#696a6b;background:#efefed;font-size:9px;padding:6px 10px}.browser-top>span{font-size:8px;letter-spacing:2px;color:#aaa}.work-image .browser-frame img{width:100%;height:auto;max-width:none}.composition-web .visual-note{bottom:6%;right:4%;font-size:clamp(19px,2.7vw,35px);background:#a9dfe5ed;padding:8px 12px;text-align:right}
.composition-scouts{background:#f1d2bf}.composition-scouts img{position:absolute;height:auto;box-shadow:9px 12px 16px #17151822}.composition-scouts .scouts-poster{width:54%;top:7%;left:6%;transform:rotate(-5deg)}.composition-scouts .scouts-readers{width:58%;right:-3%;bottom:6%;transform:rotate(5deg);border:8px solid var(--paper)}.composition-scouts:hover .scouts-poster{transform:rotate(-5deg)}.composition-scouts:hover .scouts-readers{transform:rotate(5deg)}.composition-jazz{background:#1e2e72}.composition-jazz img{width:46%;height:auto;position:absolute;left:14%;top:9%;transform:rotate(-5deg);box-shadow:9px 15px 15px #0003}.composition-jazz:hover img{transform:rotate(-5deg)}.jazz-letter{position:absolute;right:6%;bottom:5%;font:italic 500 clamp(74px,10vw,150px)/1 var(--serif);color:var(--peach)}
.section-block{padding:75px 0;border-top:1px solid var(--line)}.section-title em{font-weight:500;color:var(--blue)}.section-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;margin:25px 0 50px;align-items:end}.section-intro>p{font-size:14px;max-width:380px}.service-rows article{display:grid;grid-template-columns:55px 1fr 1.2fr .7fr;align-items:start;gap:25px;padding:30px 0;border-top:1px solid var(--line)}.row-number{font:italic 500 28px/1.2 var(--serif);color:var(--blue)}.service-rows h3{font-size:23px;line-height:1.25;letter-spacing:-.04em;font-weight:500}.service-rows p{font-size:14px;max-width:335px}.service-purpose{font:italic 500 21px/1.3 var(--serif);text-align:right;color:var(--blue)}
.agencies{background:var(--blue);color:var(--paper);padding:65px 55px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px 75px}.agencies .number{color:var(--peach)}.agencies .section-title{margin-top:32px;font-size:clamp(40px,4.6vw,63px)}.agencies .section-title em{color:var(--peach)}.agency-copy h3{font-size:19px;line-height:1.5;font-weight:500;margin-bottom:20px}.agency-copy p,.agency-copy li{font-size:14px;line-height:1.8}.agency-copy ul{padding-left:18px;margin:24px 0}.agencies .textlink{margin-top:12px}.tools-line{grid-column:1/-1;border-top:1px solid #f5f1eb55;padding-top:20px;font-size:11px;letter-spacing:.03em}.about{margin-top:75px}.about-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;margin-top:30px}.about-signature{font:italic 500 36px/1 var(--serif);color:var(--blue);margin-top:55px}.about-signature span{display:block;font:400 11px/1.6 var(--sans);color:var(--ink);margin-top:15px}.about-copy>p{font-size:14px;line-height:1.9;margin-bottom:19px}.about-copy .lead{font-size:19px;line-height:1.7}.career{margin-top:38px;display:grid;gap:19px}.career>div{border-top:1px solid var(--line);padding-top:17px}.career span{display:block;font-size:10px;letter-spacing:.05em;margin-bottom:8px;color:#625b60}.career strong{font-size:15px;font-weight:600}.career p{font-size:12px;margin-top:4px}.process .section-title{margin-top:25px}.process ol{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;padding:0;margin:45px 0 0;gap:25px}.process li{border-top:1px solid var(--line);padding-top:17px}.process li>span{font:italic 500 26px/1 var(--serif);color:var(--blue)}.process h3{font-size:16px;font-weight:600;margin:20px 0 10px}.process li p{font-size:12px;line-height:1.8}.contact{padding:65px 0 75px;display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:start}.contact .section-kicker{max-width:none}.contact h2{font:500 clamp(45px,5vw,70px)/1.08 var(--serif);letter-spacing:-.04em;margin-top:24px}.contact h2 em{font-weight:500;color:var(--blue)}.contact-copy{padding-top:42px}.contact-copy p{font-size:14px;line-height:1.8;max-width:430px}.contact-copy>a{font-size:28px;display:inline-block;margin-top:20px}.contact-email{display:block;font-size:12px;margin-top:20px}.contact-copy .contact-location{font-size:11px;margin-top:29px}.prototype-note{font-size:10px}
/* Cases stay readable with or without JavaScript. */
.project-page .header{border-color:var(--line)}.back-link{display:inline-block;font-size:12px;border-bottom:1px solid;margin-top:35px}.case-heading{padding:60px 0 45px;max-width:1000px}.case-heading h1{font:500 clamp(52px,7.5vw,110px)/1.04 var(--serif);letter-spacing:-.06em;margin:21px 0 25px}.case-lead{font:500 clamp(23px,2.5vw,34px)/1.4 var(--serif);max-width:800px}.case-meta{font-size:12px;margin-top:25px;color:#625b60}.case-cover{width:100%}.case-cover .work-image{aspect-ratio:2;height:auto}.case-cover .composition-vista .layer-front{width:26%;left:26%;top:3%}.case-cover .composition-vista .layer-back{width:23%;top:12%;left:48%}.case-cover .composition-books .book-back{width:40%;left:17%;top:-3%}.case-cover .composition-books .book-front{width:45%;right:9%;bottom:-10%}.case-cover .composition-dossier .dossier-front{width:27%;left:17%;top:7%}.case-cover .composition-dossier .dossier-back{width:50%;right:8%;top:16%}.case-cover .composition-web{padding:4% 14% 0}.case-cover .composition-scouts .scouts-poster{width:37%;top:7%;left:17%}.case-cover .composition-scouts .scouts-readers{width:38%;right:13%}.case-cover .composition-jazz img{width:29%;left:27%;top:8%}.case-cover .jazz-letter{right:17%;bottom:10%;font-size:160px}.case-cover .visual-note{font-size:clamp(30px,4vw,55px)}.case-cover .type-archive,.case-cover .type-digital{padding:5%}.case-cover .type-archive>strong{font-size:clamp(60px,10vw,140px)}.case-cover .type-digital>strong{font-size:clamp(55px,7vw,105px)}.case-cover .digital-roles{max-width:600px}.case-story{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;padding:50px 0}.case-story h2{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.09em;margin-bottom:16px}.case-story p{font-size:14px;line-height:1.9}.case-notice{padding:20px 24px;border-left:3px solid var(--gold);background:#eae5db;font-size:13px;max-width:790px;margin-bottom:35px}.case-outbound{margin-bottom:40px}.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:45px 30px;align-items:start}.case-figure .case-image{background:#ece7df;display:grid;place-items:center;padding:40px;min-height:200px}.case-image img{max-height:720px;object-fit:contain;width:auto}.case-figure figcaption{font-size:11px;line-height:1.7;padding-top:13px;max-width:700px}.case-figure.full{grid-column:1/-1}.case-figure.full .case-image{padding:40px 8%}.case-figure.full img{width:100%;max-height:none}.case-figure.book .case-image{background:#e2e6e0;aspect-ratio:1.2;padding:20px}.case-figure.book img{width:100%;height:100%;max-height:430px}.case-figure.narrow .case-image{height:670px;padding:30px}.case-figure.narrow img{height:610px;max-width:100%}.case-figure.logo .case-image{min-height:350px;background:white}.case-figure.logo img{width:70%;max-height:250px}.case-figure.portrait .case-image{height:620px}.case-figure.portrait img{height:540px;max-width:100%}.case-end{display:flex;justify-content:space-between;align-items:center;padding:50px 0;margin-top:55px;border-top:1px solid var(--line);gap:30px}.case-end h2{font:500 clamp(27px,3vw,42px)/1.2 var(--serif)}
@media(max-width:1100px){.agencies{padding:45px 32px;gap:35px}.section-intro,.about-layout,.contact{gap:40px}.service-rows article{grid-template-columns:35px 1fr 1.2fr;gap:20px}.service-purpose{display:none}.case-story{gap:30px}.case-figure.portrait .case-image{height:500px;padding:25px}.case-figure.portrait img{height:450px}.case-cover .work-image{aspect-ratio:1.7}.case-cover .type-archive>strong{font-size:95px}.nav{font-size:13px;gap:22px}}
@media(max-width:780px){.header{height:102px}.brand .brand-name{font-size:26px}.brand .brand-descriptor{font-size:8px;letter-spacing:.13em;margin-top:9px}.nav{gap:20px}.nav .services-link{display:none}.works{gap:35px 20px}.work-image{aspect-ratio:1.2}.work-title h3{font-size:18px}.work-type{font-size:11px}.portfolio-nav{gap:10px;align-items:start}.portfolio-count{display:none}.filters{gap:0}.filters button{font-size:12px;padding:9px 12px}.visual-note{font-size:24px}.composition-vista .visual-note{font-size:22px}.composition-books .visual-note{font-size:26px}.type-archive>strong{font-size:80px}.type-digital>strong{font-size:45px}.type-digital>span:first-child,.type-archive>span:first-child{font-size:9px}.digital-roles{font-size:10px;gap:5px}.type-digital .archive-foot{font-size:9px}.composition-web .visual-note{font-size:25px}.jazz-letter{font-size:90px}.sample-label{font-size:9px}.section-block{padding:50px 0}.section-intro{display:block;margin-top:20px}.section-intro>p{margin-top:25px;max-width:460px}.service-rows article{grid-template-columns:30px 1fr;gap:12px 16px;padding:23px 0}.service-rows h3{font-size:23px}.service-rows h3 br{display:none}.service-rows p{grid-column:2;font-size:13px;max-width:440px}.agencies{grid-template-columns:1fr;gap:30px;padding:35px 25px}.agencies .section-title{font-size:44px;margin-top:25px}.agency-copy h3{font-size:18px}.agency-copy p,.agency-copy li{font-size:13px}.tools-line{font-size:10px}.about{margin-top:45px}.about-layout{grid-template-columns:1fr;gap:30px;margin-top:20px}.about-signature{margin-top:26px;font-size:31px}.about-copy .lead{font-size:18px}.about-copy>p{font-size:14px}.process ol{grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.process h3{margin-top:13px}.contact{grid-template-columns:1fr;gap:5px;padding:50px 0}.contact h2{font-size:49px;margin-top:20px}.contact-copy{padding-top:20px}.contact-copy>a{font-size:26px}.contact-copy .contact-location{font-size:11px}.prototype-note>span{display:block;margin-bottom:8px}.case-heading{padding:38px 0 30px}.case-heading .eyebrow{font-size:10px}.case-heading h1{font-size:56px;margin-top:18px}.case-lead{font-size:25px}.case-meta{font-size:11px}.case-cover .work-image{aspect-ratio:1.35}.case-cover .composition-vista .layer-front{width:35%;left:17%;top:8%}.case-cover .composition-vista .layer-back{width:33%;left:44%;top:17%}.case-cover .composition-books .book-back{width:60%;left:2%;top:-7%}.case-cover .composition-books .book-front{width:67%;right:-6%;bottom:-6%}.case-cover .composition-dossier .dossier-front{width:36%;left:7%;top:8%}.case-cover .composition-dossier .dossier-back{width:62%;right:3%;top:17%}.case-cover .composition-web{padding:7% 4% 0}.case-cover .composition-scouts .scouts-poster{width:51%;left:7%;top:8%}.case-cover .composition-scouts .scouts-readers{width:52%;right:0}.case-cover .composition-jazz img{width:44%;left:16%;top:7%}.case-cover .jazz-letter{font-size:100px;right:8%;bottom:8%}.case-cover .visual-note{font-size:28px}.case-cover .type-archive>strong{font-size:75px}.case-cover .type-digital>strong{font-size:49px}.case-story{grid-template-columns:1fr;gap:25px;padding:30px 0}.case-story h2{margin-bottom:10px}.case-story p{font-size:14px}.case-gallery{gap:30px 18px}.case-figure.full .case-image{padding:22px}.case-figure figcaption{font-size:10px}.case-figure.portrait .case-image{height:460px}.case-figure.portrait img{height:410px}.case-figure.narrow .case-image{height:590px}.case-figure.narrow img{height:535px}.case-end{display:block;margin-top:40px;padding:35px 0}.case-end .textlink{margin-top:20px}.case-figure.logo .case-image{min-height:250px}.materia .hero-stage .plate-secondary{width:120%;margin-left:-16%;margin-top:0}.materia .hero-bottom .credit span{max-width:none}.case-figure.book .case-image{padding:4px}}
@media(max-width:600px){.works{grid-template-columns:1fr}.work-image{aspect-ratio:1.28;min-height:0}.work-title h3{font-size:21px}.type-archive>strong{font-size:clamp(76px,20vw,108px)}.type-digital>strong{font-size:clamp(40px,12vw,64px)}.digital-roles{font-size:11px}.sample-label{font-size:9px}.jazz-letter{font-size:110px}.case-gallery{grid-template-columns:1fr}.case-figure.full{grid-column:auto}.case-figure.book .case-image{padding:12px}.case-figure.portrait .case-image{height:auto;min-height:0;padding:30px}.case-figure.portrait img{height:auto;max-height:540px}.case-heading h1{font-size:clamp(42px,12.4vw,60px)}.case-cover .type-archive>strong{font-size:clamp(52px,17vw,78px)}.case-cover .type-digital>strong{font-size:clamp(36px,11.7vw,54px)}.case-cover .type-digital .digital-roles{font-size:10px;gap:5px;padding-top:8px}.case-cover .type-digital .archive-foot{font-size:9px}.case-cover .work-image{min-height:260px}.case-cover .type-digital{padding:6%}.case-cover .type-archive>span:first-child,.case-cover .type-digital>span:first-child{font-size:8px}.case-cover .visual-note{font-size:25px}}
@media(max-width:390px){.brand .brand-name{font-size:25px}.brand .brand-descriptor{font-size:7px}.nav{gap:12px;font-size:12px}.filters button{font-size:11px;padding-inline:10px}.section-title{font-size:40px}.agencies{padding:30px 20px}.agencies .section-title{font-size:39px}.contact h2{font-size:45px}.case-cover .visual-note{font-size:22px}.case-cover .type-digital>strong{font-size:36px}}
@media(prefers-reduced-motion:reduce){.brand .brand-guides{display:none;animation:none}.work-image *{transition:none}}
/* Proyecto CES Torrevieja: original identity and historical WordPress site. */
.composition-ces{background:#dce7df;display:block}.ces-web{position:absolute;width:70%;top:11%;right:-5%;transform:rotate(6deg);box-shadow:12px 15px 22px #17332926;background:white}.work-image .ces-web img{width:100%;height:auto;max-width:none}.ces-logo{position:absolute;width:47%;top:14%;left:6%;padding:3%;background:white;box-shadow:9px 12px 18px #17332925;transform:rotate(-6deg)}.work-image .ces-logo img{width:100%;height:auto}.composition-ces .visual-note{left:8%;bottom:9%;color:#254c3d;z-index:3}.case-cover .composition-ces .ces-web{width:54%;right:5%;top:10%}.case-cover .composition-ces .ces-logo{width:34%;left:12%;top:12%;padding:2%}.case-cover .composition-ces .visual-note{bottom:9%;left:12%}.case-outbound{display:flex;flex-wrap:wrap;gap:20px 30px;align-items:center}
@media(max-width:780px){.case-cover .composition-ces .ces-web{width:66%;right:-2%;top:11%}.case-cover .composition-ces .ces-logo{width:46%;left:6%;top:14%;padding:3%}.case-cover .composition-ces .visual-note{left:8%;bottom:9%}}