/* Atelier Azur 2.2 — Gutenberg-editable practice landing pages.
   Every styled surface is a native paragraph, heading, group or columns block. */
:is(.azur-editable-section,.editor-styles-wrapper){--az-sec-ink:#10253f;--az-sec-blue:#1959d1;--az-sec-serif:'Iowan Old Style',Baskerville,Georgia,serif;--az-sec-sans:Inter,'Avenir Next','Segoe UI',system-ui,sans-serif}
.azur-editable-section{overflow:clip;background:#fff}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-section-hero{background:linear-gradient(118deg,#f7faff 2%,#eaf3ff 62%,#d9e9fd 100%);padding:clamp(72px,9vw,135px) max(25px,calc((100vw - 1160px)/2));position:relative;isolation:isolate;overflow:hidden}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-section-hero::after{content:"";position:absolute;width:clamp(310px,56vw,760px);aspect-ratio:1;right:-12%;top:-15%;border:1px solid rgba(25,89,209,.15);border-radius:50%;box-shadow:0 0 0 75px rgba(36,108,203,.035),0 0 0 160px rgba(36,108,203,.019);z-index:-1;pointer-events:none}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-section-hero-inner{max-width:1160px;margin-inline:auto}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-section-kicker{font:750 .71rem/1.5 var(--az-sec-sans);letter-spacing:.15em;color:#2863ae;text-transform:uppercase;margin:0 0 24px}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-section-kicker a{color:inherit;text-decoration:none}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-section-kicker a:hover{text-decoration:underline;text-underline-offset:4px}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-section-page-title{font:400 clamp(3.6rem,8vw,7.8rem)/1.01 var(--az-sec-serif);letter-spacing:-.065em;color:var(--az-sec-ink);margin:0 0 28px;max-width:1050px}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-section-hero-lede{font:400 clamp(1rem,1.7vw,1.27rem)/1.75 var(--az-sec-sans);color:#4f6c8e;max-width:660px;margin:0}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-section-body{max-width:1160px;padding:clamp(72px,8vw,112px) 24px 115px;margin-inline:auto}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-section-subtitle{font:400 clamp(2.7rem,5vw,5rem)/1.08 var(--az-sec-serif);letter-spacing:-.06em;color:var(--az-sec-ink);margin:0 0 32px}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-section-entries{margin:28px 0 70px}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-area-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 18px}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-area-row>.wp-block-column{min-width:0;width:auto;max-width:none;margin:0;flex:auto}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-area-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;min-height:275px;aspect-ratio:1.7;background:linear-gradient(125deg,#e6f2ff,#cbdffa);border:1px solid rgba(55,108,180,.19);border-radius:4px;padding:clamp(22px,2.6vw,33px);box-shadow:inset 0 1px rgba(255,255,255,.7);transition:transform .27s ease,box-shadow .27s ease,background .27s ease}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-area-card::after{content:"";position:absolute;right:-16%;top:-38%;border:1px solid rgba(31,84,154,.16);width:76%;aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 38px rgba(20,88,185,.043),0 0 0 95px rgba(20,88,185,.022);pointer-events:none;z-index:0}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-area-card>*{position:relative;z-index:1;margin-block:0}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-area-guitar{background:linear-gradient(132deg,#dbeafa 4%,#b9d7f9 100%)}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-area-ukulele{background:linear-gradient(128deg,#f8fbff 4%,#e5f1ff 100%)}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-area-music-theory{background:linear-gradient(128deg,#163a66 0%,#2055a0 100%);border-color:#245aa0}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-area-other-instruments{background:linear-gradient(132deg,#f2f6fd 10%,#d6e5f8 100%)}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-area-chansons{background:linear-gradient(132deg,#e5eef9,#bed5f3)}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-area-original-songs{background:linear-gradient(128deg,#f5f9ff,#e2eeff)}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-area-ben-and-band{background:linear-gradient(128deg,#153b70,#1e61b1);border-color:#1c63b4}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-area-ukulele-albums{background:linear-gradient(135deg,#dcecff,#c4dff9)}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-area-meta{display:flex;justify-content:space-between;align-items:start;color:#2762a7;font:750 .69rem/1.45 var(--az-sec-sans);letter-spacing:.15em;margin-bottom:auto}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-area-meta span{font:400 clamp(3.7rem,7vw,6.9rem)/.8 var(--az-sec-serif);color:rgba(25,89,209,.19)}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-area-name{font:400 clamp(2rem,3.2vw,3.35rem)/1.09 var(--az-sec-serif);letter-spacing:-.055em;color:#102b4c;margin:0 0 9px}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-area-description{font:400 .9rem/1.5 var(--az-sec-sans);color:#4d6b90;max-width:370px;margin-bottom:20px}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-area-action{font:700 .83rem/1.4 var(--az-sec-sans);letter-spacing:.008em}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-area-action a{color:#1959d1;text-decoration:none;display:inline-flex;gap:8px;align-items:center}
body:not(.wp-admin) .azur-editable-section .azur-area-action a::after{content:"";position:absolute;inset:0;z-index:5}
:is(.azur-editable-section,.editor-styles-wrapper) :is(.azur-area-music-theory,.azur-area-ben-and-band) :is(.azur-area-name,.azur-area-meta,.azur-area-description,.azur-area-action a){color:#fff}
:is(.azur-editable-section,.editor-styles-wrapper) :is(.azur-area-music-theory,.azur-area-ben-and-band) .azur-area-meta span{color:rgba(255,255,255,.21)}
body:not(.wp-admin) .azur-editable-section .azur-area-card:hover{transform:translateY(-5px);box-shadow:0 14px 35px rgba(23,61,104,.12)}
body:not(.wp-admin) .azur-editable-section .azur-area-card:focus-within{outline:2px solid #1959d1;outline-offset:4px}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-section-tools{position:relative;isolation:isolate;background:linear-gradient(122deg,#14365f,#205bb0);padding:clamp(35px,5vw,65px);color:white;margin:55px 0 95px;overflow:hidden;border-radius:4px}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-section-tools::after{content:"✳";position:absolute;right:3%;top:-19%;font:400 clamp(8rem,25vw,20rem)/1 var(--az-sec-serif);color:rgba(255,255,255,.075);z-index:-1}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-section-tools .azur-section-kicker{color:#b8d9ff}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-section-tools .azur-section-subtitle{color:white;margin-bottom:12px}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-section-tools p:not(.azur-section-kicker):not(.azur-section-tool-action){color:#d2e7ff;max-width:650px}
:is(.azur-editable-section,.editor-styles-wrapper) .azur-section-tool-action a{display:inline-flex;background:white;border-radius:999px;color:#18529b;text-decoration:none;font:700 .87rem/1.3 var(--az-sec-sans);padding:14px 24px;margin-top:17px}
.editor-styles-wrapper .azur-area-card .azur-area-action a::after{display:none}
@media(max-width:800px){:is(.azur-editable-section,.editor-styles-wrapper) .azur-area-card{min-height:260px;aspect-ratio:auto;padding:23px}:is(.azur-editable-section,.editor-styles-wrapper) .azur-area-name{font-size:clamp(1.8rem,4vw,2.5rem)}}
@media(max-width:650px){:is(.azur-editable-section,.editor-styles-wrapper) .azur-section-hero{padding:82px 23px}:is(.azur-editable-section,.editor-styles-wrapper) .azur-section-body{padding:75px 18px}:is(.azur-editable-section,.editor-styles-wrapper) .azur-area-row{grid-template-columns:1fr;gap:14px;margin-bottom:14px}:is(.azur-editable-section,.editor-styles-wrapper) .azur-area-card{min-height:275px;padding:28px}:is(.azur-editable-section,.editor-styles-wrapper) .azur-area-name{font-size:2.7rem}}
@media(prefers-reduced-motion:reduce){body:not(.wp-admin) .azur-editable-section .azur-area-card{transition:none;transform:none!important}}
