:root{--orange:#f26430}
body{overflow:auto;background:#ddebf2}.shell{width:100%;background:#ddebf2;min-height:42rem;grid-template-rows:86px 1fr;padding:0 3vw 3vw}.masthead{padding:0;background:#ddebf2;color:#1e2a3a}.home strong{font-size:23px;letter-spacing:-1px}.home small{font-family:Georgia,serif;font-style:italic;font-size:23px;letter-spacing:-.5px;font-weight:400;text-transform:lowercase}.new-composition{background:none;color:#1e2a3a;border:0;border-bottom:1px solid #1e2a3a;font-size:14px;padding:10px 0;cursor:pointer}.new-composition:focus-visible{outline:2px solid #f26430;outline-offset:4px}.composition{background-color:#6f95b1;background-size:cover;background-position:center;border:1px solid #1e2a3a;isolation:isolate}.tile{--fg:#1e2a3a;border:1px solid #1e2a3a;margin:0;background-color:rgba(221,235,242,.78);transition:background-color .35s,color .35s,transform .4s var(--ease);color:#1e2a3a;padding:clamp(18px,2.5vw,38px)}.tile-portfolio{background-color:rgba(30,42,58,.68);color:#ddebf2}.tile-about{background-color:rgba(221,235,242,.88)}.tile-newsletter{background-color:rgba(111,149,177,.70)}.tile-blog{background-color:rgba(60,77,107,.64);color:#ddebf2}.tile-contacto{background-color:rgba(242,100,48,.66);color:#1e2a3a}.tile::before,.tile::after{display:none}.number,.footer-mark{font-size:12px}.title{line-height:1.05;font-size:clamp(28px,4vw,64px);font-weight:650;letter-spacing:-.045em}.tile:hover .title,.tile:focus-visible .title{font-size:clamp(28px,4vw,64px);letter-spacing:-.045em}.tile.is-tall .title,.tile.is-tall:hover .title,.tile.is-tall:focus-visible .title{font-size:clamp(24px,3vw,44px);letter-spacing:-.025em}.composition[data-active] .tile:not(:hover):not(:focus-visible):not(.is-open){opacity:1;filter:none}.tile:focus-visible{outline:3px solid #f26430;outline-offset:-5px;z-index:4}.tile-about:focus-visible{background:#ddebf2;color:#1e2a3a}.tile-portfolio:focus-visible{background:#1e2a3a;color:#ddebf2}.tile-blog:focus-visible{background:#3c4d6b;color:#ddebf2}.tile-newsletter:focus-visible{background:#6f95b1;color:#1e2a3a}.tile-contacto:focus-visible{background:#f26430;color:#1e2a3a}.tile.is-open{left:0!important;top:0!important;width:100%!important;height:100%!important;background:#ddebf2!important;color:#1e2a3a!important}.tile.is-open .title{font-size:clamp(40px,9vw,130px)}
@media(hover:hover){.tile:hover{transform:scale(1.02);box-shadow:0 10px 40px #1e2a3a44;z-index:4}.tile-about:hover{background:#ddebf2;color:#1e2a3a}.tile-portfolio:hover{background:#1e2a3a;color:#ddebf2}.tile-blog:hover{background:#3c4d6b;color:#ddebf2}.tile-newsletter:hover{background:#6f95b1;color:#1e2a3a}.tile-contacto:hover{background:#f26430;color:#1e2a3a}}
@media(max-width:760px){.shell{min-height:42rem;grid-template-rows:70px 1fr;padding:0 16px 16px}.home strong,.home small{font-size:21px}.new-composition{font-size:13px}.tile{padding:17px 13px}.title,.tile:hover .title,.tile:focus-visible .title{font-size:clamp(23px,6vw,34px)}.tile.is-tall .title,.tile.is-tall:hover .title,.tile.is-tall:focus-visible .title{font-size:26px}.tile.is-open .title{font-size:clamp(40px,12vw,80px)}.tile.is-preview{filter:none;transform:none}.footer-mark{font-size:12px}}
@media(prefers-reduced-motion:reduce){.tile:hover{transform:none}}
.composition::before{content:"";position:absolute;inset:0;z-index:-1;background:inherit;filter:grayscale(1) contrast(1.07)}
.photo-credits{font-size:12px;line-height:1.6;color:#3c4d6b;padding:0 3vw 24px}.photo-credits summary{cursor:pointer}.photo-credits p{max-width:850px}