/*
Theme Name: Aurelia Studios
Theme URI: https://aureliastudios.co.uk
Author: Aurelia Creative Studios
Description: Block theme for Aurelia Studios. Colours, fonts and layout are all editable in Appearance > Editor > Styles.
Version: 1.7.2
Requires at least: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aurelia-studios
*/

.aurelia-section{padding-left:max(24px,calc((100% - 1200px)/2));padding-right:max(24px,calc((100% - 1200px)/2))}
.aurelia-section>*+*{margin-block-start:1.5rem}
.aurelia-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--wp--preset--color--base) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.admin-bar .aurelia-header{top:32px}
.aurelia-header .wp-block-site-title a{text-decoration:none}
.aurelia-header .wp-block-navigation a{text-decoration:none}

.aurelia-hero{position:relative;overflow:hidden}
.aurelia-hero::before,.aurelia-hero::after{content:"";position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;pointer-events:none;animation:aurelia-drift 18s ease-in-out infinite alternate}
.aurelia-hero::before{width:46vw;height:46vw;right:-8vw;top:-10vw;background:var(--wp--preset--color--accent-1)}
.aurelia-hero::after{width:34vw;height:34vw;right:18vw;bottom:-14vw;background:var(--wp--preset--color--accent-2);animation-delay:-6s}
.aurelia-hero>*{position:relative;z-index:1}
@keyframes aurelia-drift{to{transform:translate(4vw,3vw) scale(1.12)}}
.aurelia-hero-title{font-size:clamp(2.8rem,8.5vw,7.5rem);max-width:12ch}
.aurelia-hero-text{max-width:520px;font-size:1.15rem}
.aurelia-eyebrow{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--wp--preset--color--muted)}

.aurelia-section h2{max-width:18ch}
.aurelia-card>*+*{margin-block-start:.5rem}
.aurelia-card .aurelia-tile{margin-block-end:1.25rem}
.aurelia-card p{color:var(--wp--preset--color--muted)}
.aurelia-tile{overflow:hidden}
.aurelia-band h2{max-width:20ch}
.aurelia-band p{max-width:560px;font-size:1.15rem}
.aurelia-cta{text-align:center}
.aurelia-cta h2{margin-left:auto;margin-right:auto;max-width:16ch}
.aurelia-footer{border-top:1px solid color-mix(in srgb,var(--wp--preset--color--contrast) 15%,transparent)}
.aurelia-footer p{margin:0;color:var(--wp--preset--color--muted);font-size:.9rem}
.wp-element-button{transition:transform .25s}
.wp-element-button:hover{transform:translateY(-2px)}
:where(a,button):focus-visible{outline:2px solid var(--wp--preset--color--contrast);outline-offset:3px}
@media(max-width:781px){.aurelia-tile{min-height:260px!important}}
@media(prefers-reduced-motion:reduce){.aurelia-hero::before,.aurelia-hero::after{animation:none}.wp-element-button{transition:none}}

/* Logo: hide the text title once a logo image is set */
.aurelia-brand{gap:12px}
.aurelia-brand:has(.wp-block-site-logo img) .wp-block-site-title{display:none}
.aurelia-brand .wp-block-site-logo img{height:auto;display:block}

/* Work grid */
.aurelia-project-media{aspect-ratio:3/2;border-radius:20px;overflow:hidden}
.aurelia-project-media .wp-block-post-featured-image{height:100%;margin:0}
.aurelia-project-media .wp-block-post-featured-image a,.aurelia-project-media img{display:block;width:100%;height:100%;object-fit:cover}
.wp-block-post-template .wp-block-post-title{margin-top:16px}
.wp-block-post-template .wp-block-post-title a{text-decoration:none}
.wp-block-post-terms,.wp-block-post-terms a{color:var(--wp--preset--color--muted);font-size:.9rem;text-decoration:none}
.wp-block-post-template .wp-block-post-excerpt{margin-top:6px}
.wp-block-post-template .wp-block-post-excerpt p{margin:0}
.aurelia-filter{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 40px}
.aurelia-filter a{border:1px solid color-mix(in srgb,var(--wp--preset--color--contrast) 30%,transparent);border-radius:99px;padding:8px 18px;font-size:.9rem;text-decoration:none}
.aurelia-filter a[aria-current]{background:var(--wp--preset--color--contrast);color:var(--wp--preset--color--base);border-color:var(--wp--preset--color--contrast)}
.aurelia-project-header h1{font-size:clamp(2.6rem,7vw,6rem);max-width:16ch}
.aurelia-project-nav{margin-top:72px;padding-top:28px;border-top:1px solid color-mix(in srgb,var(--wp--preset--color--contrast) 15%,transparent)}
.aurelia-project-nav a{text-decoration:none}

/* Contact form */
.aurelia-contact form p{margin:0 0 20px}
.aurelia-contact label{display:block;font-size:.9rem;margin-bottom:6px}
.aurelia-contact input[type=text],.aurelia-contact input[type=email],.aurelia-contact textarea{width:100%;font:inherit;color:inherit;background:color-mix(in srgb,var(--wp--preset--color--base) 60%,white);border:1px solid color-mix(in srgb,var(--wp--preset--color--contrast) 30%,transparent);border-radius:12px;padding:14px 16px}
.aurelia-contact textarea{resize:vertical}
.aurelia-contact button{border:0;cursor:pointer;font:inherit;font-weight:500}
.aurelia-hp{position:absolute!important;left:-9999px;height:0;overflow:hidden}
.aurelia-notice{padding:16px 20px;border-radius:12px;background:var(--wp--preset--color--band);margin:0 0 28px}
.aurelia-notice-error{background:var(--wp--preset--color--accent-2)}

/* Header menu: spacing and heading font to match the site title */
.aurelia-header .wp-block-navigation{gap:2.25rem;font-family:var(--wp--preset--font-family--fraunces);font-size:1.1rem;font-weight:400}
.aurelia-header .wp-block-navigation .wp-block-navigation__container{gap:2.25rem}
.aurelia-header .wp-block-navigation .wp-block-navigation-item__content{padding:.25rem 0}
.aurelia-header .wp-block-navigation .wp-block-navigation-item__content:hover{text-decoration:underline;text-underline-offset:6px}

/* Spacing fixes */
.wp-block-group.aurelia-section>*+*{margin-block-start:1.5rem}
.wp-block-group.aurelia-section>.aurelia-hero-text{margin-block-start:2rem}
.wp-block-group.aurelia-section>.wp-block-buttons{margin-block-start:2.5rem}
.wp-block-column.aurelia-card>*+*{margin-block-start:.5rem}
h1.aurelia-hero-title{line-height:1.1}
.aurelia-section h2,.aurelia-project-header,h1.aurelia-project-header{line-height:1.18}
.aurelia-card h3{line-height:1.25}

/* Landscape tiles and images */
.wp-block-column.aurelia-card .aurelia-tile{min-height:0!important;aspect-ratio:3/2}
.wp-block-column.aurelia-card .wp-block-image{margin:0 0 1.25rem}
.wp-block-column.aurelia-card .wp-block-image img,.wp-block-column.aurelia-card .wp-block-cover{aspect-ratio:3/2;width:100%;height:auto;object-fit:cover;border-radius:20px}

/* About page */
.aurelia-lead{font-size:clamp(2.2rem,5vw,4.2rem);max-width:20ch;line-height:1.12}
.aurelia-about-band p{font-family:var(--wp--preset--font-family--fraunces);font-size:clamp(1.4rem,2.6vw,2.1rem);line-height:1.3;max-width:34ch}
.aurelia-team-photo{margin:0 0 1.25rem}
.aurelia-team-photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 25%;border-radius:20px}
.aurelia-role{color:var(--wp--preset--color--muted);margin-block-start:.25rem}
.wp-block-details summary{cursor:pointer;font-weight:500;margin-top:1rem}
.wp-block-details p{margin-top:.75rem}
.aurelia-wide-image img{width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;border-radius:20px}

/* Mobile header */
.aurelia-header .wp-block-buttons .wp-block-button__link{white-space:nowrap}
@media(max-width:781px){
  .aurelia-header>.aurelia-section,.aurelia-header .aurelia-section{gap:14px;flex-wrap:nowrap;padding-top:12px!important;padding-bottom:12px!important}
  .aurelia-brand{flex:0 1 auto;min-width:0}
  .aurelia-brand .wp-block-site-logo{min-width:0;margin:0}
  .aurelia-brand .wp-block-site-logo img{width:auto!important;max-width:150px!important;height:auto!important}
  .aurelia-header .wp-block-navigation{gap:0;margin-left:auto}
  .aurelia-header .wp-block-navigation__responsive-container-open{padding:8px}
  .aurelia-header .wp-block-buttons .wp-block-button__link{padding:9px 18px;font-size:.85rem}
}

/* Hero: warm colour on both sides, clear break from the header */
.aurelia-header{background:var(--wp--preset--color--base);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid color-mix(in srgb,var(--wp--preset--color--contrast) 10%,transparent)}
.aurelia-hero{background:
  radial-gradient(max(40vw,300px) max(40vw,300px) at -6vw 18%,color-mix(in srgb,var(--wp--preset--color--accent-2) 46%,transparent),transparent 70%),
  radial-gradient(max(36vw,280px) max(36vw,280px) at -8vw 96%,color-mix(in srgb,var(--wp--preset--color--accent-1) 46%,transparent),transparent 70%),
  linear-gradient(180deg,color-mix(in srgb,var(--wp--preset--color--accent-1) 18%,var(--wp--preset--color--base)) 0%,color-mix(in srgb,var(--wp--preset--color--accent-1) 7%,var(--wp--preset--color--base)) 50%,var(--wp--preset--color--base) 100%)}
.aurelia-hero::before,.aurelia-hero::after{filter:blur(60px);opacity:.6}
.aurelia-hero::before{width:max(46vw,300px);height:max(46vw,300px)}
.aurelia-hero::after{width:max(34vw,260px);height:max(34vw,260px);right:14vw;bottom:-12vw}

/* About: pillars and partners strip */
.aurelia-pillar{border-top:1px solid color-mix(in srgb,var(--wp--preset--color--contrast) 25%,transparent);padding-top:1.25rem}
.aurelia-pillar>*+*{margin-block-start:.75rem}
.aurelia-pillar h3{line-height:1.25}
.aurelia-pillar p:last-child{color:var(--wp--preset--color--muted)}
.aurelia-partners .aurelia-partner-row{gap:20px 56px}
.aurelia-partners .aurelia-partner-row p{margin:0;font-family:var(--wp--preset--font-family--fraunces);font-size:clamp(1.15rem,2vw,1.5rem);color:var(--wp--preset--color--muted)}

/* Project pages: facts row, film and audio */
.aurelia-facts{margin:2.5rem 0;padding:1.5rem 0;border-top:1px solid color-mix(in srgb,var(--wp--preset--color--contrast) 20%,transparent);border-bottom:1px solid color-mix(in srgb,var(--wp--preset--color--contrast) 20%,transparent)}
.aurelia-facts p{margin:0}
.aurelia-facts .aurelia-eyebrow{margin-bottom:.25rem}
.wp-block-video video{width:100%;height:auto;border-radius:20px;display:block}
.wp-block-audio{margin:1.5rem 0}
.wp-block-audio audio{width:100%}
.wp-block-gallery img{border-radius:16px}

/* Mobile menu overlay: full-screen, large serif links */
.aurelia-nav-contact{display:none}
.aurelia-header .wp-block-navigation__responsive-container.is-menu-open{
  padding:24px;
  background:
    radial-gradient(70vw 70vw at 100% 0%,color-mix(in srgb,var(--wp--preset--color--accent-1) 35%,transparent),transparent 70%),
    radial-gradient(60vw 60vw at 0% 100%,color-mix(in srgb,var(--wp--preset--color--accent-2) 30%,transparent),transparent 70%),
    var(--wp--preset--color--base)}
.aurelia-header .is-menu-open .wp-block-navigation__responsive-container-content{padding-top:72px}
.aurelia-header .is-menu-open .wp-block-navigation__container{flex-direction:column;align-items:flex-start;gap:1.5rem}
.aurelia-header .is-menu-open .wp-block-navigation-item__content{font-family:var(--wp--preset--font-family--fraunces);font-size:clamp(2.25rem,10vw,3rem)!important;font-weight:300;line-height:1.1;padding:0}
.aurelia-header .is-menu-open .wp-block-navigation-item__content:hover{text-decoration:none}
.aurelia-header .is-menu-open .aurelia-nav-contact{display:block;margin-top:.75rem}
.aurelia-header .is-menu-open .aurelia-nav-contact .wp-block-navigation-item__content{display:inline-block;font-family:var(--wp--preset--font-family--inter);font-size:1rem!important;font-weight:500;background:var(--wp--preset--color--contrast);color:var(--wp--preset--color--base);border-radius:99px;padding:14px 28px}
.aurelia-header .wp-block-navigation__responsive-container-close{top:20px;right:20px;padding:8px}

/* About page highlight band: same colour burst as the homepage hero */
.aurelia-about-band{position:relative;overflow:hidden}
.aurelia-about-band.has-band-background-color{background-color:var(--wp--preset--color--base)!important}
.aurelia-about-band{background-image:
  radial-gradient(max(40vw,300px) max(40vw,300px) at -6vw 18%,color-mix(in srgb,var(--wp--preset--color--accent-2) 46%,transparent),transparent 70%),
  radial-gradient(max(36vw,280px) max(36vw,280px) at -8vw 96%,color-mix(in srgb,var(--wp--preset--color--accent-1) 46%,transparent),transparent 70%),
  linear-gradient(180deg,color-mix(in srgb,var(--wp--preset--color--accent-1) 18%,var(--wp--preset--color--base)) 0%,color-mix(in srgb,var(--wp--preset--color--accent-1) 7%,var(--wp--preset--color--base)) 100%)}
.aurelia-about-band::before,.aurelia-about-band::after{content:"";position:absolute;border-radius:50%;filter:blur(60px);opacity:.6;pointer-events:none;animation:aurelia-drift 18s ease-in-out infinite alternate}
.aurelia-about-band::before{width:max(34vw,280px);height:max(34vw,280px);right:-6vw;top:-14vw;background:var(--wp--preset--color--accent-1)}
.aurelia-about-band::after{width:max(26vw,220px);height:max(26vw,220px);right:16vw;bottom:-12vw;background:var(--wp--preset--color--accent-2);animation-delay:-6s}
.aurelia-about-band>*{position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){.aurelia-about-band::before,.aurelia-about-band::after{animation:none}}

/* Project pages: images, third-party players and "listen elsewhere" links */
.wp-block-post-content .wp-block-image img{border-radius:20px;height:auto}
.wp-block-embed{margin:1.5rem 0}
.wp-block-embed iframe{max-width:100%;border-radius:16px}
.aurelia-listen-link{margin:1.5rem 0}
.aurelia-listen-link a{display:inline-block;padding:12px 24px;border:1px solid var(--wp--preset--color--contrast);border-radius:99px;text-decoration:none;font-weight:500;font-size:.95rem;transition:background .25s,color .25s}
.aurelia-listen-link a::after{content:" \2197"}
.aurelia-listen-link a:hover{background:var(--wp--preset--color--contrast);color:var(--wp--preset--color--base)}

/* Homepage Selected work: three tiles in view, scroll for more */
.aurelia-carousel .wp-block-post-template{display:flex!important;flex-wrap:nowrap;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0;margin:0;list-style:none}
.aurelia-carousel .wp-block-post-template::-webkit-scrollbar{display:none}
.aurelia-carousel .wp-block-post-template>li{flex:0 0 calc((100% - 56px)/3);min-width:0;scroll-snap-align:start;margin:0}
.aurelia-carousel-controls{display:flex;gap:10px}
.aurelia-carousel-controls[hidden]{display:none}
.aurelia-arrow{width:48px;height:48px;border-radius:50%;border:1px solid var(--wp--preset--color--contrast);background:transparent;color:var(--wp--preset--color--contrast);font-size:1.25rem;line-height:1;cursor:pointer;transition:background .25s,color .25s}
.aurelia-arrow:hover:not(:disabled){background:var(--wp--preset--color--contrast);color:var(--wp--preset--color--base)}
.aurelia-arrow:disabled{opacity:.35;cursor:default}
@media(max-width:781px){
  .aurelia-carousel .wp-block-post-template>li{flex-basis:82%}
}

/* Service tiles: centred icon on a soft disc */
.wp-block-column.aurelia-card .aurelia-tile{display:flex;align-items:center;justify-content:center}
.aurelia-icon{display:grid;place-items:center;width:clamp(126px,13.5vw,168px);aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--wp--preset--color--base) 55%,transparent);color:var(--wp--preset--color--contrast)}
.aurelia-icon svg{width:52%;height:52%;display:block;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.aurelia-icon .dot{fill:currentColor;stroke:none}

/* Text must always wrap on small screens, even if saved copy forces no-wrap or has long strings */
.wp-site-blocks p,.wp-site-blocks h1,.wp-site-blocks h2,.wp-site-blocks h3,.wp-site-blocks h4,.wp-site-blocks li{white-space:normal!important;overflow-wrap:break-word;max-width:100%}

/* Work page and other project grids: gaps between tiles, matching the homepage row */
.wp-block-query:not(.aurelia-carousel) .wp-block-post-template{column-gap:28px;row-gap:clamp(40px,5vw,56px)}