/*
Theme Name: Artacho Score
Theme URI: https://github.com/AdrianArtacho/website-personal
Author: Adrián Artacho
Description: A minimal, animated graphic-score theme for artacho.at. Keeps existing posts, pages, menus and shortcodes.
Version: 0.1.0
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: artacho-score
License: GPL-2.0-or-later
*/

:root{--paper:#f7f7f7;--ink:#17191d;--muted:#555b65;--line:#d5d7dd;--accent:#263ee8;--mono:"IBM Plex Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--serif:Georgia,"Times New Roman",serif;--gutter:clamp(1.3rem,5.3vw,7rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:3rem}body{margin:0;background:var(--paper);color:var(--ink);font:1.0625rem/1.7 var(--sans);-webkit-font-smoothing:antialiased}::selection{background:#dce1ff;color:var(--ink)}a{color:inherit;text-underline-offset:.2em}a:hover{color:var(--accent)}button,input,textarea,select{font:inherit}button{color:inherit}img,video{max-width:100%;height:auto}iframe{max-width:100%}figure{margin:0 0 1.8rem}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.skip-link{position:absolute;left:1rem;top:-100px;z-index:100;padding:.7rem 1rem;background:var(--ink);color:white}.skip-link:focus{top:1rem}.screen-reader-text{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;position:absolute!important;white-space:nowrap}
.site-header{position:relative;z-index:3;padding:1.7rem var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--line);background:var(--paper)}.site-mark{text-decoration:none;font:1.1rem var(--mono);letter-spacing:-.04em;white-space:nowrap}.site-nav ul{display:flex;align-items:center;gap:clamp(1rem,2.5vw,2.8rem);list-style:none;margin:0;padding:0;flex-wrap:wrap}.site-nav a{font:.875rem/1.7 var(--mono);text-decoration:none}.site-nav .current-menu-item>a{text-decoration:underline;text-decoration-color:var(--accent)}.site-nav li{position:relative}.site-nav .sub-menu{display:block;position:absolute;left:-1rem;top:100%;min-width:13rem;padding:1rem;background:var(--paper);border:1px solid var(--line);opacity:0;visibility:hidden}.site-nav li:hover>.sub-menu,.site-nav li:focus-within>.sub-menu{opacity:1;visibility:visible}.menu-toggle{display:none;border:1px solid var(--line);padding:.35rem .8rem;background:transparent;font:.875rem var(--mono)}
.score-hero{position:relative;min-height:min(780px,calc(100svh - 88px));min-height:min(780px,calc(100vh - 88px));display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:7rem var(--gutter) 8rem;isolation:isolate;border-bottom:1px solid var(--line)}.score-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}.score-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,247,247,.97) 0%,rgba(247,247,247,.84) 28%,rgba(247,247,247,0) 67%);z-index:-1;pointer-events:none}.hero-kicker{font:.8125rem/1.7 var(--mono);letter-spacing:.09em;text-transform:uppercase;margin-bottom:2rem}.hero-title{font:clamp(3.6rem,8.4vw,9rem)/1.06 var(--mono);font-weight:400;letter-spacing:-.075em;margin:0 0 1.8rem;max-width:10em}.hero-title span{display:block}.hero-description{font:italic clamp(1.25rem,2vw,1.7rem)/1.5 var(--serif);max-width:26rem;margin:0}.hero-bottom{position:absolute;bottom:2rem;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:1rem}.hero-index{font:.8125rem var(--mono);color:var(--muted)}.motion-toggle{background:var(--paper);border:1px solid var(--line);border-radius:0;padding:.5rem .8rem;font:.8125rem var(--mono);cursor:pointer;min-height:40px}.motion-toggle:hover{border-color:var(--accent)}.hero-scroll{font:.875rem var(--mono);text-decoration:none}.hero-scroll span{margin-left:1rem}
.content-section{display:grid;grid-template-columns:minmax(10rem,1fr) minmax(0,3fr);gap:4rem;padding:5.5rem var(--gutter);border-bottom:1px solid var(--line);max-width:1600px;margin:0 auto}.section-heading{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.section-number{font:.8125rem var(--mono);color:var(--muted)}.section-heading h2{font:clamp(1.5rem,2.7vw,2.6rem)/1.2 var(--sans);letter-spacing:-.04em;margin:0}.section-body{min-width:0}.section-body p{max-width:55rem}.home-about .section-body>figure:first-child{float:right;width:41%;margin:0 0 1.5rem 2.5rem}.home-about .section-body>figure:first-child img{display:block;aspect-ratio:4/5;object-fit:cover;filter:grayscale(100%)}.home-about .section-body>p{font-size:1.15rem;line-height:1.8}.home-about .section-body:after{content:"";display:block;clear:both}.programme-section{background:#fff;max-width:none}.programme-section .section-heading h2{color:var(--accent)}.home-social .section-body{max-width:100%;overflow:hidden}.home-contact{background:var(--ink);color:var(--paper);max-width:none}.home-contact .section-number{color:#a9adb5}.home-contact a:hover{color:#b7c0ff}.home-contact .wpforms-container{margin:0!important}.home-contact .wpforms-field-label,.home-contact .wpforms-required-label{color:var(--paper)!important}.home-contact div.wpforms-container-full input,.home-contact div.wpforms-container-full textarea{background:#24272d!important;border:1px solid #737780!important;color:white!important;box-shadow:none!important;border-radius:0!important}.home-contact div.wpforms-container-full button[type=submit]{background:var(--paper)!important;color:var(--ink)!important;border-radius:0!important;border:0!important}.home-contact .wpforms-confirmation-container-full{background:#24272d!important;color:white!important;border-color:#737780!important}
.site-footer{display:flex;justify-content:space-between;gap:2rem;padding:2rem var(--gutter);font:.8125rem/1.7 var(--mono);color:var(--muted)}.site-footer a{text-decoration:none}.document-wrap{max-width:1300px;margin:0 auto;padding:5rem var(--gutter) 7rem}.document-header{margin-bottom:3rem}.document-header h1{font:clamp(2.3rem,5.5vw,5.5rem)/1.15 var(--mono);letter-spacing:-.06em;overflow-wrap:anywhere}.document-content{max-width:100%;overflow-wrap:anywhere}.document-content>p,.document-content>ul,.document-content>ol{max-width:55rem}.document-content h2{font-size:2rem;margin-top:2.5rem}.document-content h3{font-size:1.4rem;margin-top:2rem}.document-content .wp-block-gallery{margin:2rem 0}.document-content .wp-block-gallery img{object-fit:cover}.document-content pre{overflow-x:auto;padding:1.5rem;background:#eceef2;font:.875rem/1.7 var(--mono)}.document-content table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.document-content th,.document-content td{padding:.7rem;border-bottom:1px solid var(--line)}.document-content blockquote{border-left:2px solid var(--accent);margin:2rem 0;padding-left:1.5rem}.document-content .alignwide{width:100%}.post-list{list-style:none;padding:0}.post-list>li{padding:2rem 0;border-top:1px solid var(--line)}.post-list h2{font-size:1.6rem}.post-list h2 a{text-decoration:none}.post-meta{color:var(--muted);font:.875rem var(--mono)}.pagination,.nav-links{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:3rem}.page-numbers.current{color:var(--accent)}.prototype-link{font-size:1rem}.wp-block-image figcaption{font:.875rem/1.6 var(--sans);color:var(--muted)}
@media(min-width:1600px){.content-section{grid-template-columns:1fr 3fr;gap:5rem}.programme-section,.home-contact{padding-left:max(var(--gutter),calc((100vw - 1600px)/2 + var(--gutter)));padding-right:max(var(--gutter),calc((100vw - 1600px)/2 + var(--gutter)))}}
@media(max-width:850px){.site-header{align-items:flex-start;gap:1.5rem}.site-nav ul{gap:.7rem 1.2rem}.content-section{grid-template-columns:1fr;gap:2.5rem;padding-top:3.5rem;padding-bottom:3.5rem}.section-heading{flex-direction:row;align-items:baseline;gap:1.2rem}.section-heading h2{font-size:2rem}.hero-title{font-size:clamp(3.8rem,10.5vw,6rem)}.score-hero{min-height:670px;padding-top:6rem}.home-about .section-body>p{font-size:1.0625rem}.hero-kicker{max-width:19rem}}
@media(max-width:600px){.site-header{flex-wrap:wrap;padding-top:1.1rem;padding-bottom:1.1rem}.site-nav{width:100%}.site-nav ul{gap:.7rem 1.3rem}.js .menu-toggle{display:block;margin-left:auto}.js .site-nav[data-collapsed=true]{display:none}.site-nav .sub-menu{position:static;opacity:1;visibility:visible;border:0;padding:.5rem 0 .5rem 1rem}.score-hero{min-height:620px;padding-top:4rem;padding-bottom:8rem}.score-hero:after{background:linear-gradient(90deg,rgba(247,247,247,.93),rgba(247,247,247,.6) 58%,rgba(247,247,247,.18))}.hero-title{font-size:clamp(3.1rem,13.4vw,5rem);letter-spacing:-.075em}.hero-description{font-size:1.25rem;max-width:18rem}.hero-bottom{align-items:flex-end}.hero-index{display:none}.hero-kicker{font-size:.75rem}.hero-scroll{font-size:.8125rem}.home-about .section-body>figure:first-child{float:none;width:100%;max-width:24rem;margin:0 0 2rem}.home-about .section-body>figure:first-child img{aspect-ratio:4/3}.content-section{gap:2rem}.site-footer{flex-direction:column;gap:.7rem}.document-wrap{padding-top:3rem}.document-header h1{font-size:2.5rem}.document-content .wp-block-spacer{max-height:3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.score-canvas{transform:none!important}}
@media print{.site-header,.score-canvas,.hero-bottom,.site-footer{display:none}.score-hero{min-height:0;padding:2rem 0}.hero-title{font-size:3rem}.content-section{display:block;padding:2rem 0;break-inside:avoid}.home-contact{background:white;color:black}.ae-archive:not([open])>*{display:block!important}body{background:white;color:black}}