@import url('./assets/fonts/fonts.css');

:root{--paper:#F5F1EB;--ink:#171518;--pink:#D97B9A;--cloud:#E9A2B8;--peach:#F1D2BF;--blush:#E7B1A4;--gold:#B69A57;--blue:#1E2E72;--aqua:#A9DFE5;--serif:'Bodoni Moda',Georgia,serif;--sans:'Manrope',Arial,sans-serif;--line:rgba(23,21,24,.23)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.65 var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:6px}::selection{background:var(--pink);color:var(--ink)}.skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:var(--paper);padding:12px 18px;z-index:100}.skip:focus{top:15px}.wrap{width:min(1360px,calc(100% - 112px));margin-inline:auto}
.reviewbar{position:sticky;top:0;z-index:50;display:flex;gap:24px;justify-content:space-between;align-items:center;min-height:65px;padding:10px 30px;background:var(--ink);color:var(--paper)}.reviewbar p{font-size:13px;line-height:1.4;letter-spacing:.02em}.reviewbar p span{display:block;color:#c5c1bd;font-size:12px}.directions{display:flex;gap:6px}.directions a{display:flex;align-items:center;gap:9px;padding:9px 18px;border:1px solid #6d696c;font-size:14px;line-height:1.3;white-space:nowrap}.directions a[aria-current=page]{background:var(--paper);color:var(--ink);border-color:var(--paper)}.directions a:hover{border-color:var(--pink)}.directions b{font-size:12px;font-weight:500;opacity:.7}
.header{height:111px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:22px;font-weight:600;letter-spacing:-.07em;line-height:1}.brand span{display:block;font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;margin-top:12px}.nav{display:flex;gap:30px;align-items:center;font-size:14px}.nav a{border-bottom:1px solid transparent;transition:border-color .2s}.nav a:hover{border-color:currentColor}.nav .nav-contact{border-bottom:1px solid currentColor}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:600;line-height:1.6}.hero h1{font-family:var(--serif);font-weight:500;letter-spacing:-.065em;line-height:1.02}.hero h1 em{font-weight:500}.intro{font-size:16px;line-height:1.8;max-width:445px}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:12px 23px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-size:14px;font-weight:500;transition:background .2s,color .2s}.button:hover{background:var(--blue);border-color:var(--blue)}.textlink{font-size:14px;display:inline-block;border-bottom:1px solid;padding-bottom:3px}.location{font-size:12px;letter-spacing:.02em}.credit{display:flex;align-items:baseline;justify-content:space-between;gap:20px;font-size:12px;line-height:1.5}.credit b{font-weight:600}.plate img{box-shadow:12px 20px 30px rgba(23,21,24,.15)}.section-kicker{display:flex;gap:18px;align-items:center;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.section-kicker .number{font-family:var(--serif);font-size:22px;color:var(--blue);letter-spacing:0}.section-title{font:500 clamp(42px,5vw,70px)/1.1 var(--serif);letter-spacing:-.045em}

/* 01 — Estudio: an ordered editorial opening, black ink and generous margins. */
.editorial .hero{padding-top:50px;display:grid;grid-template-columns:1.1fr .9fr;gap:55px}.editorial .hero-copy{padding-top:17px}.editorial .hero h1{font-size:clamp(60px,6.7vw,99px);margin:27px 0 30px}.editorial .hero h1 .line{display:block}.editorial .hero h1 em{color:var(--blue)}.editorial .intro{max-width:420px}.editorial .actions{margin-top:30px}.editorial .location{margin:34px 0}.editorial .hero-art{padding:0 0 25px}.editorial .art-field{height:550px;background:var(--peach);position:relative;display:grid;place-items:center;overflow:hidden}.editorial .art-field:before{content:'';position:absolute;left:0;top:0;bottom:0;width:22%;background:var(--aqua)}.editorial .hero-art .plate{width:58%;position:relative;transform:rotate(5deg);z-index:2}.editorial .hero-art .plate img{width:100%}.editorial .art-label{position:absolute;top:27px;right:22px;writing-mode:vertical-rl;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.editorial .art-edition{position:absolute;left:27px;bottom:20px;font:500 78px/1 var(--serif);color:var(--blue)}.editorial .credit{padding-top:19px}.editorial .hero-tail{grid-column:1/-1;border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:17px 0;font-size:12px}

/* 02 — Materia: a typographic cover and a composition of Ana's actual work. */
.materia .header{border-bottom:0}.materia .hero{position:relative;padding-top:23px}.materia .hero-topline{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px}.materia .hero h1{position:relative;font-size:clamp(72px,10vw,148px);padding:26px 0 35px;text-align:center;letter-spacing:-.07em}.materia .hero h1 em{display:block;color:var(--blue);font-size:.51em;letter-spacing:-.055em;line-height:1.22}.materia .hero-stage{position:relative;min-height:490px;display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:30px;align-items:center;padding:28px 43px;background:linear-gradient(115deg,var(--peach) 0%,var(--paper) 47%,#ebd8d5 100%)}.materia .stage-copy{position:relative;align-self:end;max-width:285px;padding-bottom:33px}.materia .stage-copy .intro{font-size:15px;line-height:1.8}.materia .actions{gap:22px;margin-top:28px}.materia .actions .button{padding-inline:21px}.materia .hero-stage .plate-main{width:87%;justify-self:center;transform:rotate(-7deg);position:relative;margin-top:-20px}.materia .hero-stage .plate-main img{width:100%;box-shadow:20px 25px 27px rgba(80,36,18,.19)}.materia .hero-stage .plate-secondary{width:83%;transform:rotate(7deg);align-self:start;margin-top:20px}.materia .hero-stage .plate-secondary img{box-shadow:16px 18px 22px rgba(80,36,18,.15)}.materia .art-note{position:absolute;right:34px;bottom:30px;font-family:var(--serif);font-style:italic;font-size:32px;line-height:1.05;color:var(--blue);max-width:160px}.materia .hero-bottom{display:flex;justify-content:space-between;gap:25px;padding:22px 0;border-bottom:1px solid var(--line)}.materia .hero-bottom .credit{max-width:450px}.materia .hero-bottom .location{align-self:center}

/* 03 — Luz: an open Mediterranean composition with a luminous blue field. */
.luz .header{border-color:var(--blue)}.luz .brand{color:var(--blue)}.luz .hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding-top:58px;padding-bottom:32px}.luz .hero-copy{align-self:center;padding-bottom:25px}.luz .hero .eyebrow{color:var(--blue);margin-bottom:28px}.luz .hero h1{font-size:clamp(66px,6.8vw,100px);letter-spacing:-.055em;line-height:1.04}.luz .hero h1 .line{display:block}.luz .hero h1 em{color:var(--blue)}.luz .intro{margin-top:32px;max-width:390px}.luz .actions{margin-top:30px}.luz .button{background:var(--blue);border-color:var(--blue)}.luz .button:hover{background:var(--ink)}.luz .hero-art{position:relative;padding-top:12px}.luz .sunlight{height:595px;position:relative;display:grid;place-items:center;background:linear-gradient(142deg,#e8f3ed 0%,var(--aqua) 62%,#90c5d4 100%);overflow:hidden}.luz .sunlight:before{content:'';position:absolute;inset:-50% 55% -50% -50%;background:#fff8e9;transform:rotate(32deg);opacity:.55}.luz .sunlight .plate{width:62%;position:relative;transform:rotate(-5deg);margin-top:-20px}.luz .sunlight .plate img{width:100%;box-shadow:35px 37px 30px rgba(30,46,114,.2)}.luz .sunlight-label{position:absolute;bottom:22px;right:23px;font:italic 500 42px/1 var(--serif);color:var(--blue)}.luz .sunlight .art-edition{position:absolute;top:21px;left:25px;font-size:12px;letter-spacing:.14em;color:var(--blue)}.luz .credit{padding-top:17px}.luz .location{padding-top:27px}.luz .hero-tail{grid-column:1/-1;border-top:1px solid var(--line);padding-top:17px;font-size:12px;display:flex;justify-content:space-between}

.work-preview{padding:75px 0 85px}.work-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:22px 0 35px}.work-heading>p{max-width:320px;font-size:14px}.works{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px}.work-image{height:350px;display:grid;place-items:center;overflow:hidden;background:#ece5db;padding:34px}.work-image img{height:100%;width:auto;max-width:100%;object-fit:contain;transition:transform .5s ease}.work-image.wide img{width:100%;height:auto}.work-image.dark{background:var(--blue)}.work-image.pink{background:var(--blush)}.work-image:hover img{transform:translateY(-5px)}.work-title{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-top:17px;border-top:1px solid var(--line);padding-top:12px}.work-title h3{font-size:16px;font-weight:500}.work-title span{font-size:12px}.work-type{font-size:12px;color:#625b60;margin-top:3px}.project-button{appearance:none;width:100%;background:none;border:0;padding:0;text-align:left;cursor:pointer;color:inherit}.contact{padding:45px 0 55px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;align-items:center}.contact p{font-size:14px;max-width:380px}.contact a{font-family:var(--serif);font-size:clamp(23px,3vw,38px);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}.prototype-note{border-top:1px solid var(--line);padding:18px 0 25px;font-size:12px;color:#625b60;display:flex;justify-content:space-between;gap:20px}.prototype-note a{text-decoration:underline}.modal{width:min(1000px,calc(100% - 32px));max-height:90vh;background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:28px}.modal::backdrop{background:#171518db}.modal-header{display:flex;align-items:start;gap:20px;justify-content:space-between;padding-bottom:20px}.modal h2{font:500 36px/1.1 var(--serif)}.modal-header p{font-size:13px;max-width:540px;margin-top:10px}.modal-close{background:var(--ink);color:var(--paper);padding:9px 15px;border:0;cursor:pointer}.modal img{max-height:64vh;max-width:100%;width:auto;object-fit:contain;margin:auto}.modal[data-wide=true] img{width:100%;height:auto}
@media(min-width:1550px){.materia .hero-stage{min-height:500px}.materia .hero-stage .plate-main{width:80%}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav{gap:21px}.editorial .hero,.luz .hero{gap:32px}.editorial .hero h1,.luz .hero h1{font-size:70px}.editorial .art-field{height:500px}.luz .sunlight{height:540px}.materia .hero-stage{padding:25px;gap:20px;min-height:455px;grid-template-columns:1fr 1.1fr .8fr}.materia .stage-copy{padding-bottom:12px}.materia .art-note{font-size:26px;right:23px;bottom:23px}.materia .hero h1{font-size:105px}.works{gap:20px}.work-image{height:285px;padding:25px}.actions{gap:20px}.editorial .actions .button,.luz .actions .button{padding-inline:17px}.reviewbar{padding-inline:20px}.directions a{padding:9px 13px}}
@media(max-width:780px){.wrap{width:calc(100% - 40px)}.reviewbar{padding:10px 20px;display:block}.reviewbar p{display:none}.directions{justify-content:space-between;gap:5px}.directions a{flex:1;justify-content:center;font-size:13px;padding:10px 6px}.directions b{font-size:11px}.header{height:95px}.brand{font-size:21px}.brand span{font-size:9px;margin-top:10px}.nav{gap:17px;font-size:13px}.nav .about-link{display:none}.hero .eyebrow{font-size:11px}.editorial .hero,.luz .hero{grid-template-columns:1fr;padding-top:27px;gap:18px}.editorial .hero-copy,.luz .hero-copy{padding-top:0;padding-bottom:0}.editorial .hero h1,.luz .hero h1{font-size:clamp(54px,10.5vw,80px);margin:20px 0 24px;max-width:600px}.editorial .hero h1 .line,.luz .hero h1 .line{display:inline}.editorial .hero h1 .line:after,.luz .hero h1 .line:after{content:' '}.editorial .intro,.luz .intro{font-size:15px;max-width:490px;margin-top:0}.actions{margin-top:22px!important;gap:22px}.editorial .location{margin:24px 0 6px}.editorial .hero-art{padding-bottom:0}.editorial .art-field{height:480px}.editorial .hero-art .plate{width:240px}.editorial .art-edition{font-size:65px}.editorial .hero-tail,.luz .hero-tail{font-size:11px;margin-top:6px;gap:16px}.editorial .hero-tail span:last-child,.luz .hero-tail span:last-child{display:none}.credit{font-size:11px;gap:12px}.credit span{max-width:140px;text-align:right}.materia .hero{padding-top:8px}.materia .hero-topline{padding-top:15px}.materia .hero-topline .location{display:none}.materia .hero h1{font-size:clamp(54px,12.4vw,94px);padding:25px 0 28px}.materia .hero h1 em{font-size:.56em;line-height:1.2;margin-top:8px}.materia .hero-stage{grid-template-columns:1.2fr 1fr;gap:20px;padding:32px 26px 27px;min-height:0}.materia .stage-copy{order:3;grid-column:1/-1;max-width:none;padding-top:12px;padding-bottom:0}.materia .stage-copy .intro{font-size:15px;max-width:490px}.materia .hero-stage .plate-main{width:100%;margin-top:0;max-width:240px}.materia .hero-stage .plate-secondary{width:100%;max-width:180px;margin-top:10px}.materia .art-note{right:21px;top:285px;bottom:auto;font-size:25px;max-width:110px;display:none}.materia .hero-bottom{display:block;padding:17px 0}.materia .hero-bottom .location{margin-top:13px;font-size:11px}.materia .hero-bottom .credit{max-width:none}.luz .sunlight{height:480px}.luz .sunlight .plate{width:250px}.luz .hero-art{padding-top:10px}.luz .location{font-size:11px;padding-top:23px}.luz .hero .eyebrow{margin-bottom:0}.luz .hero{padding-bottom:0}.work-preview{padding:50px 0}.work-heading{display:block;margin:15px 0 25px}.work-heading>p{margin-top:17px;max-width:430px}.works{grid-template-columns:1fr;gap:33px}.work-image{height:390px;padding:32px}.work-image.wide{height:auto;min-height:245px;padding:30px}.work-title{margin-top:12px}.contact{padding:32px 0;display:block}.contact a{display:inline-block;margin-top:18px;font-size:26px}.prototype-note{display:block;font-size:11px}.prototype-note span{display:block;margin-bottom:9px}.modal{padding:20px}.modal h2{font-size:28px}.modal-header p{font-size:12px}.modal-close{font-size:13px;padding:8px 12px}.section-title{font-size:45px}}
@media(max-width:390px){.wrap{width:calc(100% - 32px)}.reviewbar{padding-inline:12px}.directions a{font-size:12px;gap:6px}.nav{gap:12px;font-size:12px}.editorial .hero h1,.luz .hero h1{font-size:52px}.materia .hero h1{font-size:49px}.materia .hero h1 em{font-size:.55em}.hero .actions{gap:17px}.textlink,.button{font-size:13px}.editorial .art-field,.luz .sunlight{height:425px}.work-image{height:335px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}