/* Ori Naftaly V4.10 | inner template | original cascade preserved + targeted UI refinements */

/* --- Source: assets/site.css --- */
/* ORI NAFTALY / THE MUSIC PORTFOLIO / design tokens shared in spirit with lesson site */
:root{--night:#0C2340;--forest:#122C4B;--forest2:#1E3A5C;--paper:#F2F5FA;--paper2:#E4EBF3;--white:#FFFFFF;--ink:#10243C;--text:#D8E4F0;--muted:#9DB2C9;--copper:#FFC72C;--copper-dark:#6A4D00;--border:rgba(241,232,212,.17);--serif:'Newsreader',Georgia,serif;--sans:'Instrument Sans',Arial,sans-serif;--wide:1260px;--pad:clamp(20px,4.6vw,76px)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}body.menu-open{overflow:hidden}a{color:inherit}img{max-width:100%;display:block}figure,p,h1,h2,h3,h4{margin-top:0}button,input,select,textarea{font:inherit}button{cursor:pointer}::selection{background:var(--copper);color:var(--night)}:focus-visible{outline:3px solid var(--copper);outline-offset:4px}.skip{position:fixed;top:-100px;left:15px;background:#fff;color:#10243C;padding:12px 18px;z-index:999}.skip:focus{top:12px}.wrap{width:min(var(--wide),calc(100% - var(--pad)*2));margin:auto}.eyebrow{font:700 11px/1.5 var(--sans);letter-spacing:.19em;text-transform:uppercase;color:var(--copper-dark)}.eyebrow.warm{color:var(--copper)}.serif{font-family:var(--serif)}.em{font-style:italic;color:var(--copper)}.accent{color:var(--copper-dark)}.muted{color:#50627A}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}h2{font-size:clamp(42px,5vw,72px);line-height:1.05}h3{font-size:clamp(28px,2.8vw,39px);line-height:1.1}.lead{font-size:clamp(17px,1.7vw,21px);line-height:1.65}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;text-decoration:none;padding:16px 23px;min-height:54px;font-size:12px;line-height:1.3;font-weight:700;letter-spacing:.055em;text-transform:uppercase;border:1px solid transparent;transition:background .25s,transform .25s,border-color .25s;color:var(--night);background:var(--copper)}.btn:hover{background:#FFE082;transform:translateY(-2px)}.btn.ghost{background:transparent;border-color:rgba(255,245,220,.38);color:var(--white)}.btn.ghost:hover{background:rgba(255,255,255,.08)}.btn.dark{background:var(--night);color:var(--white)}.btn.dark:hover{background:var(--forest2)}.text-link{display:inline-flex;gap:12px;align-items:center;text-decoration:none;font-weight:700;font-size:13px;border-bottom:1px solid currentColor;padding-bottom:6px}.text-link:hover{color:var(--copper-dark)}
/* Navigation */
.site-head{position:sticky;z-index:90;top:0;background:rgba(12,23,19,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav-inner{height:80px;width:min(1540px,calc(100% - 2*var(--pad)));margin:auto;display:flex;align-items:center;gap:clamp(15px,2.5vw,40px)}.brand{display:block;color:var(--white);text-decoration:none;white-space:nowrap;line-height:1.2;min-width:max-content}.brand span{display:block;font-size:16px;font-weight:700;letter-spacing:.16em}.brand small{display:block;margin-top:4px;color:#D3DDEB;font-size:9px;font-weight:600;letter-spacing:.19em}.nav-primary{display:flex;align-items:center;gap:clamp(16px,2.4vw,32px);margin-left:auto}.nav-primary>a,.nav-primary summary{font-weight:600;font-size:13px;text-decoration:none;color:#EAF2FF;white-space:nowrap;cursor:pointer;list-style:none}.nav-primary>a:hover,.nav-primary summary:hover{color:var(--copper)}.nav-primary summary::-webkit-details-marker{display:none}.nav-primary summary::after{content:'⌄';padding-left:8px;color:var(--copper)}.nav-dd{position:relative}.nav-dd[open] summary{color:var(--copper)}.nav-dd-panel{position:absolute;top:calc(100% + 29px);left:-27px;min-width:228px;padding:10px;background:#153456;border:1px solid #57728F;box-shadow:0 16px 40px #0008}.nav-dd-panel a{display:block;text-decoration:none;color:#FFFFFF;font-size:13px;padding:10px 12px}.nav-dd-panel a:hover{background:#284E75}.nav-cta{min-height:43px;padding:11px 16px;gap:12px;white-space:nowrap;font-size:10px}.menu-btn{display:none;min-width:46px;min-height:44px;align-items:center;justify-content:center;background:transparent;border:1px solid #718BA6;color:#fff;font-size:22px}.mobile-menu[hidden]{display:none}.mobile-menu{display:none}.page-progress{position:fixed;z-index:100;top:0;left:0;height:2px;background:var(--copper);width:0;pointer-events:none}
/* Hero */
.hero{position:relative;background:var(--night);color:var(--white);overflow:hidden;min-height:clamp(700px,83vh,900px);display:flex;align-items:center}.hero-image{position:absolute;inset:0 0 0 36%;background-image:linear-gradient(90deg,#0C2340 0%,rgba(12,23,19,.82) 15%,rgba(12,23,19,.13) 69%),linear-gradient(0deg,#0C2340B0 0%,transparent 42%),url('/assets/photos/ori-electric-guitar-stage.webp');background-size:cover;background-position:center 34%;filter:saturate(.89)}.hero::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 78% 19%,transparent 0%,#0C234053 78%),linear-gradient(90deg,#0C2340 0%,transparent 80%);pointer-events:none}.hero-content{position:relative;z-index:1;width:min(680px,58%);padding:125px 0 110px}.hero h1{font-size:clamp(60px,6.65vw,105px);line-height:.94;margin:24px 0 25px;letter-spacing:-.052em}.hero h1 em{font-weight:400;font-style:italic;color:#FFD56A}.hero-intro{max-width:560px;font-size:clamp(17px,1.5vw,20px);color:#EAF0F8;line-height:1.69;margin:0 0 28px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.hero-meta{color:#C3D3E5;margin-top:54px;padding-top:20px;border-top:1px solid var(--border);font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}.hero-scroll{position:absolute;z-index:2;bottom:27px;right:var(--pad);font-size:10px;color:#D8E5F4;letter-spacing:.2em;text-transform:uppercase}.hero-scroll span{display:block;height:44px;border-right:1px solid var(--copper);margin:7px 0 0 auto;width:1px}
/* reusable sections */
.section{padding:clamp(80px,9vw,138px) 0}.section.dark{background:var(--night);color:var(--white)}.section.paper{background:var(--paper)}.section.warm-paper{background:var(--paper2)}.section-heading{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,8vw,135px);align-items:end;margin-bottom:42px}.section-heading h2{margin:10px 0 0}.section-heading>p{margin-bottom:5px;color:#50627A;max-width:510px;font-size:16px}.dark .section-heading>p{color:#C9D8EB}.section-caption{max-width:700px;font-size:15px;color:#53657D}.divider{border-top:1px solid var(--border)}
.proof{background:#14304E;color:#F2F7FE;border-block:1px solid #355C7D}.proof-in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:28px 0}.proof-item{display:flex;gap:18px;padding:5px 22px;border-right:1px solid #3D6488}.proof-item:first-child{padding-left:0}.proof-item:last-child{border:0}.proof-item strong{font:400 clamp(32px,4vw,48px)/1 var(--serif);color:var(--copper);white-space:nowrap}.proof-item span{font-size:12px;line-height:1.55;color:#DBE7F3;align-self:center}
/* services */
.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.service-card{background:#FFFFFF;border:1px solid #D5E0ED;min-width:0;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px #0C23401C}.service-card .cover{aspect-ratio:4/3;overflow:hidden;background:#1A3553}.service-card .cover img{width:100%;height:100%;object-fit:cover;transition:transform .7s;filter:saturate(.87)}.service-card:hover img{transform:scale(1.045)}.service-card:nth-child(1) img{object-position:42% center}.service-card:nth-child(2) img{object-position:43% center}.service-card:nth-child(3) img{object-position:43% center}.service-card:nth-child(4) img{object-position:39% center}.service-body{padding:24px 22px 25px;display:flex;flex-direction:column;flex:1}.service-body .eyebrow{font-size:9px;margin:0}.service-body h3{font-size:clamp(31px,2.55vw,39px);margin:12px 0 12px}.service-body p{font-size:13px;color:#50637B;line-height:1.7;flex:1;margin-bottom:27px}.service-body strong{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#604700}
/* records */
.records{background:var(--night);color:var(--white)}.records-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.record{display:flex;flex-direction:column;text-decoration:none;color:inherit}.record-cover{position:relative;overflow:hidden;aspect-ratio:1;background:linear-gradient(145deg,#1D4066,#6A8DB2 43%,#15385D);margin-bottom:20px;box-shadow:0 10px 28px #0004}.record:nth-child(2) .record-cover{background:linear-gradient(135deg,#2B5581,#6C8EB3,#98B2CC)}.record:nth-child(3) .record-cover{background:linear-gradient(135deg,#142F52,#7D9BC1,#426B95)}.record:nth-child(4) .record-cover{background:linear-gradient(135deg,#3C6690,#506F98,#142D4A)}.record-cover img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;transition:transform .5s}.record:hover .record-cover img{transform:scale(1.04)}.record-fallback{position:absolute;inset:0;padding:22px;display:flex;flex-direction:column;justify-content:space-between;z-index:0;color:#FFFFFF}.record-fallback span{font-weight:800;letter-spacing:.12em;font-size:12px}.record-fallback b{font:500 42px/.9 var(--serif);max-width:80%}.record-cover img{z-index:1}.record .year{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--copper);margin-bottom:5px}.record h3{font:400 31px/1.05 var(--serif);margin:0 0 12px}.record p{color:#B9CCE1;font-size:13px;line-height:1.6;min-height:62px}.record .link{margin-top:auto;font-size:12px;color:#FFE082;border-bottom:1px solid #A17C16;align-self:flex-start;padding-bottom:5px}.records-foot{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:39px;border-top:1px solid var(--border);padding-top:23px}.records-foot p{margin:0;color:#B1C5DB;font-size:12px}
/* story */
.story-grid{display:grid;grid-template-columns:.77fr 1.23fr;gap:clamp(35px,8vw,125px);align-items:center}.story-photo{height:clamp(480px,50vw,750px);background:#304C73;overflow:hidden}.story-photo img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.story-copy h2{margin:18px 0 22px}.story-copy p{font-size:16px;line-height:1.8;color:#5C6F86}.story-copy .story-lead{font:400 clamp(23px,2.3vw,31px)/1.35 var(--serif);color:#1E3A5B}.story-note{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-block:1px solid #CBD9E8;padding:23px 0;margin:28px 0}.story-note strong{display:block;font-size:13px}.story-note span{display:block;font-size:12px;color:#516780;margin-top:5px}
/* performance */
.performance{position:relative;min-height:560px;display:flex;align-items:center;color:white;background:var(--forest)}.performance::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0C2340ED 2%,#0C234099 49%,#0C234038 100%),url('/assets/photos/ori-electric-guitar-stage.webp') center 40%/cover no-repeat}.performance .wrap{position:relative;z-index:1;padding-block:85px}.performance h2{max-width:700px}.performance p{max-width:575px;color:#DCE7F4}.play-link{display:inline-flex;align-items:center;gap:16px;text-decoration:none;font-weight:700}.play-link i{display:grid;place-items:center;width:62px;height:62px;border:1px solid #FFC72C;border-radius:50%;font-style:normal;font-size:16px;transition:transform .2s}.play-link:hover i{transform:scale(1.07)}
/* CTA/footer */
.contact-section{background:#102E4D;color:var(--white)}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,8vw,130px);align-items:start}.contact-layout h2{margin:15px 0 25px}.contact-layout p{color:#D3E2F1}.contact-links{margin-top:24px;font-size:13px;color:#E4ECF7}.contact-links a{color:#FFD66A;text-underline-offset:5px}.form{background:#FFFFFF;padding:clamp(23px,3.5vw,44px);color:#173757;box-shadow:0 24px 65px #0C234028}.form h3{font-size:38px;margin:0 0 8px}.form>p{color:#566A81;font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label,.form .full{display:block;font-size:12px;font-weight:700;color:#405D79}.form-grid input,.form-grid select,.form textarea{display:block;width:100%;min-width:0;margin-top:6px;padding:13px 12px;border:1px solid #C6D5E5;border-radius:0;background:#fff;color:#102D4A;font-size:16px}.form textarea{resize:vertical}.form .full{margin:14px 0 17px}.form button{width:100%}.fineprint{font-size:11px!important;margin-top:17px;line-height:1.65;color:#63778C!important}.hp{position:absolute;left:-9999px}.form-message{font-size:12px;color:#715100}.foot{background:#091B31;color:#CAD9EA;padding:70px 0 30px}.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px;padding-bottom:55px}.foot-logo{font:400 38px/1 var(--serif);color:#fff;text-decoration:none}.foot p{max-width:390px;font-size:12px;color:#ABC2DC}.foot h2{font:700 10px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#FFC72C;margin:6px 0 19px}.foot nav{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.foot nav a{color:#D7E5F5;text-decoration:none;font-size:13px}.foot nav a:hover{color:var(--copper)}.foot-bottom{border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;padding-top:22px;font-size:11px;color:#A7BFD9}
/* Inner service pages */
.inner-hero{background:var(--night);color:var(--white);position:relative;overflow:hidden;min-height:510px;display:flex;align-items:center}.inner-hero:before{position:absolute;content:'';inset:0;background:linear-gradient(90deg,#0C2340 9%,#0C2340D9 43%,#0C23403B 100%),var(--hero-photo) center 45%/cover no-repeat;opacity:.94}.inner-content{position:relative;padding:100px 0 112px;max-width:780px}.inner-content h1{font-size:clamp(57px,6.4vw,93px);line-height:.96;margin:18px 0 23px}.inner-content .lead{color:#D7E2EF;max-width:620px}.inner-content .btn{margin-top:15px}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,7vw,100px);align-items:start}.intro-grid h2{margin:15px 0}.intro-grid .body-copy{font-size:17px;line-height:1.8;color:#4C6380}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.feature{padding:28px;background:#F8FAFD;border:1px solid #D6E1ED}.feature span{color:#715200;font:400 35px/1 var(--serif)}.feature h3{font-size:29px;margin:19px 0 12px}.feature p{color:#5A6E83;font-size:14px;line-height:1.76;margin:0}.quote-panel{padding:clamp(38px,6vw,75px);background:#1B3C5F;color:#F2F5FA}.quote-panel blockquote{margin:0;font:400 clamp(29px,4vw,50px)/1.17 var(--serif)}.quote-panel small{display:block;margin-top:25px;font-size:12px;color:#B9D0E6}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.work-feature{display:grid;grid-template-columns:160px 1fr;gap:25px;padding:23px;background:#FFFFFF;border:1px solid #DAE5F2}.work-art{width:160px;height:160px;position:relative;background:linear-gradient(130deg,#C69A19,#28496B);overflow:hidden}.work-art img{width:100%;height:100%;object-fit:cover;position:relative;z-index:2}.work-art .record-fallback{z-index:1;padding:12px}.work-art .record-fallback b{font-size:28px}.work-feature h3{font-size:30px;margin:0 0 8px}.work-feature p{font-size:13px;color:#536B83;line-height:1.6}.work-feature .eyebrow{font-size:10px}.work-feature a{font-weight:700;font-size:12px;text-decoration:none;border-bottom:1px solid currentColor}.more-call{background:#E5ECF5;padding:70px 0}.more-call-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.more-call h2{font-size:clamp(40px,4vw,60px);margin:9px 0 0}.more-call p{max-width:580px;color:#566A82;margin:0}.mini-steps{counter-reset:s;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.mini-steps article{border-top:1px solid #ABBFD3;padding-top:23px}.mini-steps b{font:400 32px var(--serif);color:var(--copper-dark)}.mini-steps h3{font-size:28px;margin:12px 0}.mini-steps p{font-size:14px;color:#556A83}.work-sort{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}.filter{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:1px solid #CAD8E6;background:transparent;padding:11px 16px}.filter[aria-pressed=true]{background:#163B60;border-color:#163B60;color:#fff}.work-feature[hidden]{display:none}.story-line{display:grid;grid-template-columns:130px 1fr;gap:30px;padding:22px 0;border-top:1px solid #D1DCE9}.story-line strong{color:#6C5200;font:400 29px var(--serif)}.story-line p{margin:0;color:#516983}
@media(max-width:1120px){.service-grid{grid-template-columns:repeat(2,1fr)}.nav-primary{gap:18px}.nav-cta{display:none}.hero-content{width:min(660px,68%)}.records-list{grid-template-columns:repeat(2,1fr)}.record p{min-height:0}.work-grid{grid-template-columns:1fr}}
@media(max-width:820px){.nav-primary{display:none}.nav-cta{display:inline-flex;margin-left:auto}.menu-btn{display:flex}.mobile-menu{position:absolute;display:flex;flex-direction:column;top:100%;left:0;right:0;background:#102E4D;padding:16px var(--pad) 28px;max-height:calc(100dvh - 80px);overflow:auto;box-shadow:0 18px 40px #0007}.mobile-menu a{padding:12px 0;color:#F3F7FC;text-decoration:none;font-size:15px;border-bottom:1px solid #42638A}.mobile-menu a:last-child{color:var(--copper)}.hero-image{inset:0 0 0 22%;opacity:.85}.hero-content{width:min(640px,79%)}.section-heading,.story-grid,.contact-layout,.intro-grid{grid-template-columns:1fr;gap:35px}.section-heading{margin-bottom:30px}.story-photo{height:540px;max-width:540px}.feature-grid{grid-template-columns:1fr 1fr}.more-call-inner{flex-direction:column;align-items:flex-start}.foot-grid{gap:24px}}
@media(max-width:600px){.nav-inner{height:70px}.brand span{font-size:13px}.brand small{font-size:9px;letter-spacing:.11em}.nav-cta{display:none}.menu-btn{margin-left:auto}.mobile-menu{max-height:calc(100dvh - 70px)}.hero{min-height:760px;align-items:flex-end}.hero-image{inset:0 0 22%;background-image:linear-gradient(0deg,#0C2340 5%,#0C234067 46%,transparent 84%),url('/assets/photos/ori-electric-guitar-stage.webp');background-position:49% 35%;opacity:.93}.hero::after{background:linear-gradient(0deg,#0C2340 1%,transparent 75%)}.hero-content{padding:340px 0 70px;width:100%}.hero h1{font-size:clamp(52px,13vw,72px);margin:17px 0}.hero-intro{font-size:15px;line-height:1.58;max-width:410px}.hero-meta{margin-top:30px;font-size:10px}.hero-actions .btn{width:100%}.hero-scroll{display:none}.section{padding:72px 0}.proof-in{grid-template-columns:1fr;padding:10px 0}.proof-item,.proof-item:first-child{border-right:0;border-bottom:1px solid #486C91;padding:16px 0}.proof-item:last-child{border-bottom:0}.proof-item strong{min-width:85px}.service-grid,.records-list,.feature-grid,.work-grid,.mini-steps{grid-template-columns:1fr}.service-card .cover{aspect-ratio:16/9}.service-body{padding:23px}.service-body h3{font-size:36px}.record-cover{max-width:420px}.record p{min-height:0}.story-photo{height:490px}.story-note{grid-template-columns:1fr;gap:15px}.performance{min-height:530px}.form-grid{grid-template-columns:1fr}.form{padding:24px 19px}.foot-grid{grid-template-columns:1fr;gap:32px}.foot-bottom{flex-direction:column;gap:8px}.inner-hero{min-height:480px}.inner-hero:before{background:linear-gradient(0deg,#0C2340F7 0%,#0C2340BD 55%,#0C234077 100%),var(--hero-photo) center/cover no-repeat}.inner-content{padding:105px 0 85px}.inner-content h1{font-size:clamp(52px,12vw,69px)}.work-feature{grid-template-columns:118px 1fr;gap:15px;padding:14px}.work-art{width:118px;height:118px}.work-feature h3{font-size:26px}.work-feature p{font-size:12px}.work-feature .eyebrow{font-size:9px}.records-foot{flex-direction:column;align-items:start}.story-line{grid-template-columns:70px 1fr;gap:15px}.story-line strong{font-size:23px}}
@media(max-width:360px){.brand span{font-size:12px;letter-spacing:.1em}.brand small{font-size:8px}.hero h1{font-size:49px}.hero-content{padding-top:335px}.work-feature{grid-template-columns:1fr}.work-art{height:180px;width:180px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}


/* PORTFOLIO V2 / AUDIT FIXES */
.records-list.two-up{grid-template-columns:repeat(2,minmax(0,1fr));max-width:700px}
.record-fallback{display:none}
.record-cover img,.work-art img{object-fit:cover}
.case-grid,.writing-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0 24px}
.case-grid article,.writing-examples article{background:#FFFFFF;padding:27px 24px;border:1px solid #D7E1ED;min-width:0}
.case-grid h3,.writing-examples h3{font-size:clamp(28px,2.6vw,36px);margin:13px 0}
.case-grid article p,.writing-examples p{font-size:14px;line-height:1.75;color:#516782;margin-bottom:0}
.writing-examples article{background:#163554;border-color:#486A8D}
.writing-examples article p{color:#D7E4F0}
.writing-examples h3{color:#FFFFFF}
.source-row{display:flex;gap:24px;flex-wrap:wrap;margin-top:27px}
.fine-source{font-size:12px!important;line-height:1.75;color:#576B82;margin:20px 0 0}
.fine-source.on-dark{color:#B8CDE1}
.guitar-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px}.guitar-gallery figure{margin:0;overflow:hidden;background:#163454}
.guitar-gallery img{width:100%;height:360px;object-fit:cover;object-position:center 35%}.guitar-gallery figcaption{padding:13px 16px;background:#E8EEF5;font-size:13px}
.guitar-process{margin-top:23px;display:grid;grid-template-columns:1fr 1fr;gap:26px}.guitar-process p{font-size:14px;color:#476078;line-height:1.7}
.listening-room{padding:90px 0 100px;background:#153354;color:#FFFFFF}.listening-room .section-heading>p{color:#C4D9EC}.preview-options{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.preview-choice{padding:13px 17px;border:1px solid #6488AB;background:transparent;color:#F2F5FA;min-height:46px;font-size:13px}.preview-choice[aria-pressed=true],.preview-choice:hover{background:#FFC72C;color:#0C2340;border-color:#FFC72C}.apple-player{border:1px solid #52789B;min-height:120px;padding:10px;background:#091C35}.apple-player p{color:#CEDFEE;margin:18px}.apple-player iframe{width:100%;height:450px;border:0;display:block}.video-inline{padding:20px 0}.media-launch{display:inline-flex;align-items:center;gap:12px;padding:16px 21px;border:1px solid #FFC72C;background:transparent;color:#fff;min-height:52px}.media-launch span{color:#FFC72C}.media-slot iframe{width:100%;max-width:760px;aspect-ratio:16/9;border:0;display:block;margin-top:20px}.video-inline .fine-source{color:#BED2E5}
.form-conditional{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.form-conditional label{font-size:12px;font-weight:700;color:#405D79}.form-conditional input{width:100%;border:1px solid #C6D5E5;border-radius:0;background:#fff;color:#102D4A;padding:13px 12px;font-size:16px;margin-top:6px}.privacy-extra h2{font-size:clamp(30px,4vw,48px)}.privacy-extra p{max-width:78ch;font-size:15px;line-height:1.75;color:#526A82}
.mobile-prof-cta{display:none}.service-body .eyebrow{font-size:10px}.records-foot p{max-width:550px}.service-card img{filter:saturate(.9)}.work-feature a{display:inline-block;min-height:40px}
@media(max-width:850px){.case-grid,.writing-examples{grid-template-columns:1fr;gap:12px}.guitar-gallery img{height:300px}}
@media(max-width:600px){.records-list.two-up{grid-template-columns:1fr}.form-conditional,.guitar-gallery,.guitar-process{grid-template-columns:1fr}.apple-player iframe{height:420px}.service-body .eyebrow{font-size:11px}.mobile-prof-cta{display:flex;align-items:center;justify-content:center;gap:18px;position:fixed;bottom:10px;left:14px;right:14px;z-index:85;min-height:51px;padding:10px 20px;background:#FFC72C;color:#112E4A;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.07em;box-shadow:0 8px 30px #0005}.foot{padding-bottom:120px}.case-grid article,.writing-examples article{padding:22px 18px}.guitar-gallery img{height:245px}.hero h1{font-size:clamp(47px,11.7vw,68px)}.hero-content{padding-top:320px}.hero-intro{font-size:15px}.hero-meta{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.service-card:hover{transform:none}.record:hover .record-cover img{transform:none}}

.mobile-prof-cta[hidden]{display:none!important}
@media(max-width:600px){.mobile-prof-cta{bottom:env(safe-area-inset-bottom,10px);padding-bottom:10px}}


/* V2.1: distinct musician wordmark + deliberately art-directed navigation */
:root{--display:'Bricolage Grotesque','Instrument Sans',Arial,sans-serif}
.brand span{font-family:var(--display);font-weight:800;font-size:22px;line-height:1.03;letter-spacing:-.055em;font-variation-settings:'opsz' 44}
.brand small{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.125em;margin-top:7px}
.nav-primary>a,.nav-primary summary{font-family:var(--display);font-weight:700;letter-spacing:-.012em;font-size:14px;line-height:1.2}
.nav-dd-panel a{font-family:var(--display);font-size:14px;font-weight:600;letter-spacing:-.01em}
.mobile-menu a{font-family:var(--display);font-size:16px;font-weight:650;letter-spacing:-.012em}
.foot-logo{font-family:var(--display);font-size:38px;font-weight:700;letter-spacing:-.055em}
.record img,.work-art img{object-position:center center}
@media(max-width:1120px){.nav-primary>a,.nav-primary summary{font-size:13px}}
@media(max-width:600px){.brand span{font-size:20px;letter-spacing:-.055em}.brand small{font-size:9px;letter-spacing:.085em}.nav-inner{gap:12px}}
@media(max-width:360px){.brand span{font-size:19px}.brand small{font-size:8.5px;letter-spacing:.05em}}

/* Preserve entire original sleeve and tour graphic (no crop). */
.record-cover img,.work-art img{object-fit:contain;background:#153556}
.nav-cta{font-family:var(--display);font-size:11px;font-weight:800;letter-spacing:.008em}
@media(max-width:600px){.brand small{font-size:10px;letter-spacing:.06em}}
@media(max-width:360px){.brand small{font-size:9.5px;letter-spacing:.025em}}


/* V2.2 / MEMPHIS BLUES / palette based on official Grizzlies color references.
   Memphis Midnight #0C2340 · Beale Street Blue #7D9BC1 · Gold #FFC72C · Gray #707372
   No team logo or endorsement is implied. */
:root{--night:#0C2340;--forest:#153554;--forest2:#204769;--paper:#F2F5FA;--paper2:#E4EBF3;--white:#FFFFFF;--ink:#10243C;--text:#E6EDF8;--muted:#B9CCE2;--copper:#FFC72C;--copper-dark:#705000;--border:rgba(190,211,234,.27);--beale:#7D9BC1;--smoke:#707372}
body{background:var(--paper);color:var(--ink)}
.btn,.nav-cta,.mobile-prof-cta{background:#FFC72C;color:#0C2340}
.btn:hover,.mobile-prof-cta:hover{background:#FFDA64;color:#0C2340}
.btn.dark{background:#0C2340;color:#fff}
.btn.dark:hover{background:#204769}
.btn.ghost{background:transparent;color:#fff}
.text-link:hover{color:#275E91}
.site-head{background:rgba(12,35,64,.97);border-color:rgba(190,211,234,.25)}
.nav-dd-panel{background:#132F50;border:1px solid #6384A8}
.nav-dd-panel a:hover{background:#284E75}
.nav-primary a:hover,.nav-primary summary:hover,.nav-dd[open] summary{color:#FFD55D}
.nav-primary summary::after{color:#FFC72C}
.menu-btn{border-color:#7D9BC1}
.mobile-menu{background:#102D4E}
.mobile-menu a{border-color:#3B5878}
.mobile-menu a:last-child{color:#FFC72C}
.hero{background:#0C2340}
.hero-image{background-image:linear-gradient(90deg,#0C2340 0%,rgba(12,35,64,.86) 16%,rgba(12,35,64,.17) 70%),linear-gradient(0deg,rgba(12,35,64,.82),transparent 44%),url('/assets/photos/ori-electric-guitar-stage.webp')}
.hero::after{background:radial-gradient(ellipse at 75% 15%,transparent 0%,rgba(12,35,64,.28) 78%),linear-gradient(90deg,#0C2340,transparent 83%)}
.hero h1 em,.em,.hero-scroll span{color:#FFD76B}
.hero-meta,.hero-scroll{color:#C6D6EB}
.hero-scroll span{border-color:#FFC72C}
.proof,.records,.section.dark,.listening-room{background:#0C2340;color:#fff}
.proof{border-color:#395C82}
.proof-item{border-color:#3C638D}
.proof-item strong,.record .year{color:#FFD55D}
.proof-item span,.records-foot p,.record p{color:#C2D2E6}
.service-card,.case-grid article,.form,.writing-examples article:not(.dark){border-color:#C9D6E6}
.service-card{background:#fff}
.service-body p,.section-heading>p,.section-caption,.body-copy p,.story-copy p{color:#405872}
.service-body strong{color:#715100}
.record .link{color:#FFD66D;border-color:#D2A926}
.record-cover,.work-art{background:#193B5D}
.record-cover img,.work-art img{background:#193B5D}
.filter[aria-pressed=true]{background:#0C2340;border-color:#0C2340}
.writing-examples article{background:#153554;border-color:#43658C}
.writing-examples article p{color:#D9E5F3}
.fine-source{color:#53677C}
.guitar-gallery figure{background:#173854}
.guitar-gallery figcaption{background:#E8EEF6}
.apple-player{background:#091D36;border-color:#597BA2}
.preview-choice{border-color:#7D9BC1}
.preview-choice[aria-pressed=true],.preview-choice:hover{background:#FFC72C;border-color:#FFC72C;color:#0C2340}
.media-launch{border-color:#FFD46A}
.media-launch span{color:#FFD46A}
.form-conditional label{color:#375371}
.form-conditional input{border-color:#C5D3E4;color:#0C2340}
:focus-visible{outline-color:#FFC72C}
::selection{background:#FFC72C;color:#0C2340}
/* Editorial rhythm, clear spacing, and predictable wrapping */
h1,h2,h3{text-wrap:balance;overflow-wrap:normal}
p,li{overflow-wrap:break-word}
.body-copy p,.intro-grid p,.case-grid p,.feature p,.writing-examples p,.guitar-process p,.story-copy p,.contact-copy p{line-height:1.75}
.body-copy p + p,.story-copy p + p,.privacy-extra p + p{margin-top:1.05em}
.section-heading{align-items:center;gap:clamp(24px,5vw,82px)}
.section-heading>p{line-height:1.75;max-width:57ch}
.section-heading h2{max-width:19ch}
.section{padding-block:clamp(72px,7vw,118px)}
.intro-grid p,.body-copy p{max-width:67ch}
.case-grid article,.writing-examples article{display:flex;flex-direction:column;gap:8px}
.case-grid article h3,.writing-examples article h3{margin:5px 0}
.case-grid article p,.writing-examples article p{margin:0}
.record h3,.service-body h3{hyphens:none}
@media(max-width:600px){.section{padding-block:66px}.section-heading{gap:20px}.section-heading h2{max-width:unset}.hero h1{max-width:8.5ch}.body-copy p,.intro-grid p,.feature p,.case-grid p{font-size:15px}.brand small{font-size:10px}.records-list{gap:25px}}

.education-rail{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:34px;padding:30px 34px;background:#E4EBF3;border-left:4px solid #FFC72C}
.education-rail h3{font-size:clamp(25px,2.6vw,36px);margin:8px 0;max-width:24ch}
.education-rail p{color:#435D79;font-size:14px;line-height:1.65;margin-bottom:0;max-width:65ch}
.education-rail .btn{flex-shrink:0}
@media(max-width:760px){.education-rail{flex-direction:column;align-items:flex-start;padding:24px}.education-rail .btn{width:100%}}

/* Final cross-site footer + field harmony */
.foot{background:#091B31;color:#E1ECF8}.foot p,.foot-grid a,.foot-bottom{color:#C8D8E9}.foot a:hover{color:#FFD66A}.form{background:#FFFFFF;color:#0C2340}.form input,.form select,.form textarea{color:#0C2340;background:#FFFFFF;border-color:#BCCDDD}.contact-section{background:#102E4D}.contact-section p{color:#D6E5F3}.mobile-prof-cta{background:#FFC72C;color:#0C2340}.service-card:hover{box-shadow:0 16px 38px #0C23401A}

/* V2.3: verified accolades, kept secondary to Ori's creative services */
.proof-in{grid-template-columns:repeat(4,minmax(0,1fr));padding:27px 0 13px;gap:0}
.proof-item{display:flex;flex-direction:column;gap:9px;padding:8px 18px;min-width:0;text-decoration:none;transition:background .2s,color .2s}
.proof-item:first-child{padding-left:8px}
.proof-item:hover{background:rgba(255,255,255,.065)}
.proof-item:focus-visible{outline:2px solid #FFC72C;outline-offset:-2px}
.proof-item strong{font-size:clamp(30px,3.7vw,44px);line-height:1.05}
.proof-item span{font-size:12px;line-height:1.48;align-self:flex-start;color:#F4F8FD;font-weight:650}
.proof-item small{display:block;margin-top:4px;font-size:11px;font-weight:400;color:#C1D5E8;line-height:1.38}
.proof-footnote{max-width:1160px;margin:0 auto;padding:0 2.5vw 16px;color:#C1D3E5;font-size:11px;line-height:1.55}
.record-accolade{display:block;color:#FFE190;font-size:11px;font-weight:750;letter-spacing:.025em;line-height:1.4;margin:0 0 10px}
.work-distinction{color:#2A527C!important;background:#E8F0F8;border-left:3px solid #E9B52D;padding:9px 10px;margin-top:12px!important;font-size:12px!important;font-weight:700;line-height:1.5!important}
.work-source-note,.milestone-source{font-size:12px;line-height:1.65;color:#526982;margin-top:20px;max-width:850px}
.work-source-note a,.milestone-source a{color:#174E82;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1040px){.proof-in{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:0}.proof-item:nth-child(2){border-right:0}.proof-item:nth-child(-n+2){border-bottom:1px solid #3D6488}.proof-item{padding:15px 20px}.proof-item:first-child{padding-left:20px}}
@media(max-width:600px){.proof-in{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 0 12px}.proof-item,.proof-item:first-child{padding:14px 11px 15px;border-right:1px solid #3D6488;display:flex;flex-direction:column;gap:6px}.proof-item:nth-child(2n){border-right:0}.proof-item:nth-child(-n+2){border-bottom:1px solid #3D6488}.proof-item strong{min-width:0;font-size:30px}.proof-item span{font-size:11.5px}.proof-item small{font-size:10px}.proof-footnote{padding:0 14px 15px;font-size:10.5px}}

/* V2.4: final editorial and accessibility refinements. */
.story-copy .story-lead{max-width:31ch;text-wrap:pretty}
.story-copy>p:not(.story-lead){max-width:62ch;text-wrap:pretty}
.inner-hero .lead,.hero-intro{max-width:59ch;text-wrap:pretty}
.section-heading>p,.body-copy p{max-width:67ch;text-wrap:pretty}
.story-copy>p+p{margin-top:14px}
.privacy-extra h2:not(:first-child){margin-top:clamp(28px,3vw,44px)}
.privacy-extra h2+p{margin-top:12px}
@media(max-width:600px){.story-copy .story-lead{max-width:38ch}.inner-hero .lead{max-width:36ch}.story-copy>p+p{margin-top:12px}}

/* v2.5: local search intent blocks, designed as part of the existing site */
.local-pathways{max-width:1050px;margin:32px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:22px 26px;border:1px solid #C8D5E4;background:#E9F0F8}
.local-pathways p{font-size:14px;line-height:1.7;color:#304860;margin:0}.local-pathways strong{display:block;color:#10243C;font-size:15px;margin-bottom:4px}.local-pathways a{color:#124A83;text-underline-offset:3px;font-weight:700}
.local-pro-grid{display:grid;grid-template-columns:1.28fr .72fr;gap:clamp(38px,7vw,110px);align-items:center}.local-pro-grid h2{max-width:770px;margin:12px 0 22px}.local-pro-grid p{font-size:16px;line-height:1.75;max-width:730px;color:#425875}.local-pro-grid .lead{color:#1B3858;font-size:clamp(18px,1.7vw,21px)}
.local-pro-aside{padding:32px;background:#E4EBF3;border-left:4px solid #FFC72C}.local-pro-aside h3{margin:0 0 18px;font-size:30px}.local-pro-aside ul{padding-left:20px;color:#294562;line-height:1.85;margin:0 0 18px}.local-pro-aside p{font-size:14px}.local-pro-aside .text-link{color:#174F82}
@media(max-width:820px){.local-pathways,.local-pro-grid{grid-template-columns:1fr}.local-pathways{gap:13px;padding:20px}.local-pro-grid{gap:26px}.local-pro-aside{padding:24px}}


/* --- Source: assets/shared-nav.css --- */
/* Ori Naftaly shared global navigation. Used on all professional and lesson pages. */
.site-head{position:sticky;top:0;left:0;right:0;z-index:150;background:rgba(12,35,64,.975);border-bottom:1px solid rgba(190,211,234,.25);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff}
.site-head .nav-inner{height:80px;width:min(1540px,calc(100% - 2 * clamp(20px,4.6vw,76px)));margin:0 auto;display:flex;align-items:center;gap:clamp(15px,2.5vw,40px)}
.site-head .brand{display:block;color:#fff;text-decoration:none;white-space:nowrap;line-height:1.2;flex-shrink:0;min-width:0}
.site-head .brand>span{display:block;font:800 22px/1.03 'Bricolage Grotesque','Instrument Sans',Arial,sans-serif;letter-spacing:-.055em}
.site-head .brand>small{display:block;margin-top:7px;color:#D3DDEB;font:700 9px/1.2 'Instrument Sans',Arial,sans-serif;letter-spacing:.125em}
.site-head .nav-primary{display:flex;align-items:center;gap:clamp(16px,2.4vw,32px);margin-left:auto}
.site-head .nav-primary>a,.site-head .nav-primary summary{font:700 14px/1.2 'Bricolage Grotesque','Instrument Sans',Arial,sans-serif;letter-spacing:-.012em;text-decoration:none;color:#EAF2FF;white-space:nowrap;cursor:pointer;list-style:none}
.site-head .nav-primary>a:hover,.site-head .nav-primary summary:hover,.site-head .nav-primary>a[aria-current=page],.site-head .nav-dd[open] summary{color:#FFD55D}
.site-head .nav-primary summary::-webkit-details-marker{display:none}
.site-head .nav-primary summary::after{content:'⌄';padding-left:8px;color:#FFC72C}
.site-head .nav-dd{position:relative}
.site-head .nav-dd-panel{position:absolute;top:calc(100% + 29px);left:-27px;min-width:232px;padding:10px;background:#132F50;border:1px solid #6384A8;box-shadow:0 16px 40px #0008}
.site-head .nav-dd-panel a{display:block;text-decoration:none;color:#fff;font:600 14px/1.25 'Bricolage Grotesque','Instrument Sans',Arial,sans-serif;letter-spacing:-.01em;padding:11px 12px}
.site-head .nav-dd-panel a:hover,.site-head .nav-dd-panel a[aria-current=page]{background:#284E75;color:#FFE08A}
.site-head .nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:43px;padding:11px 16px;white-space:nowrap;text-decoration:none;text-transform:uppercase;border:1px solid transparent;background:#FFC72C;color:#0C2340;font:800 11px/1.3 'Bricolage Grotesque','Instrument Sans',Arial,sans-serif;letter-spacing:.008em;transition:background .2s}
.site-head .nav-cta:hover{background:#FFDA64;color:#0C2340;transform:none}
.site-head .menu-btn{display:none;min-width:46px;min-height:44px;align-items:center;justify-content:center;background:transparent;border:1px solid #7D9BC1;color:#fff;font-size:22px;cursor:pointer}
.site-head .mobile-menu[hidden]{display:none!important}
.site-head .mobile-menu{display:none}
.site-head :focus-visible{outline:3px solid #FFC72C;outline-offset:3px}
body.menu-open{overflow:hidden}
@media(max-width:1120px){.site-head .nav-primary{gap:18px}.site-head .nav-primary>a,.site-head .nav-primary summary{font-size:13px}.site-head .nav-cta{display:none}}
@media(max-width:820px){.site-head .nav-primary{display:none}.site-head .nav-cta{display:inline-flex;margin-left:auto}.site-head .menu-btn{display:flex}.site-head .mobile-menu{position:absolute;display:flex;flex-direction:column;top:100%;left:0;right:0;background:#102D4E;padding:16px clamp(20px,4.6vw,76px) 28px;max-height:calc(100dvh - 80px);overflow:auto;box-shadow:0 18px 40px #0007}.site-head .mobile-menu a{padding:12px 0;color:#F3F7FC;text-decoration:none;font:650 16px/1.3 'Bricolage Grotesque','Instrument Sans',Arial,sans-serif;letter-spacing:-.012em;border-bottom:1px solid #3B5878}.site-head .mobile-menu a:last-child{color:#FFC72C}.site-head .mobile-menu a[aria-current=page]{color:#FFD55D}}
@media(max-width:600px){.site-head .nav-inner{height:70px;gap:12px}.site-head .brand>span{font-size:20px}.site-head .brand>small{font-size:10px;letter-spacing:.06em}.site-head .nav-cta{display:none}.site-head .menu-btn{margin-left:auto}.site-head .mobile-menu{max-height:calc(100dvh - 70px)}}
@media(max-width:360px){.site-head .brand>span{font-size:19px}.site-head .brand>small{font-size:9.5px;letter-spacing:.025em}}


/* --- Source: assets/motion.css --- */
/* Ori Naftaly V2.7. Lightweight, editorial motion for the professional portfolio.
   Content is visible by default, with or without JavaScript. The lesson site
   keeps its existing animation system, and both sites share navigation polish. */
:root{--ori-motion-ease:cubic-bezier(.2,.72,.18,1)}
@media (prefers-reduced-motion:no-preference){
  /* Interactive navigation and calls to action, consistent across pages. */
  .site-head .nav-primary>a{position:relative;transition:color .24s ease}
  .site-head .nav-primary>a::after{content:"";position:absolute;bottom:-9px;left:0;right:0;height:2px;background:#FFC72C;transform:scaleX(0);transform-origin:left;transition:transform .28s var(--ori-motion-ease);pointer-events:none}
  .site-head .nav-primary>a:hover::after,.site-head .nav-primary>a:focus-visible::after,.site-head .nav-primary>a[aria-current="page"]::after{transform:scaleX(1)}
  .site-head .nav-cta{transition:background .22s ease,box-shadow .32s ease!important}
  .site-head .nav-cta:hover,.site-head .nav-cta:focus-visible{box-shadow:0 4px 20px rgba(255,199,44,.18)}

  /* Main portfolio. Short initial entrance with no endless motion or layout shift. */
  html.ori-portfolio-motion .hero-content>.eyebrow{animation:ori-hero-rise .58s var(--ori-motion-ease) .08s backwards}
  html.ori-portfolio-motion .hero-content>h1{animation:ori-hero-rise .78s var(--ori-motion-ease) .16s backwards}
  html.ori-portfolio-motion .hero-content>.hero-intro{animation:ori-hero-rise .75s var(--ori-motion-ease) .28s backwards}
  html.ori-portfolio-motion .hero-content>.hero-actions{animation:ori-hero-rise .72s var(--ori-motion-ease) .40s backwards}
  html.ori-portfolio-motion .hero-content>.hero-meta{animation:ori-hero-rise .65s var(--ori-motion-ease) .51s backwards}
  html.ori-portfolio-motion .inner-content>.eyebrow{animation:ori-hero-rise .58s var(--ori-motion-ease) .08s backwards}
  html.ori-portfolio-motion .inner-content>h1{animation:ori-hero-rise .76s var(--ori-motion-ease) .17s backwards}
  html.ori-portfolio-motion .inner-content>.lead{animation:ori-hero-rise .72s var(--ori-motion-ease) .29s backwards}
  html.ori-portfolio-motion .inner-content>.hero-actions,html.ori-portfolio-motion .inner-content>.btn{animation:ori-hero-rise .72s var(--ori-motion-ease) .40s backwards}
  @keyframes ori-hero-rise{from{opacity:.94;transform:translate3d(0,6px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
  @media(min-width:821px){
    html.ori-portfolio-motion .hero-image{animation:ori-photo-settle 1.75s var(--ori-motion-ease) both;transform-origin:70% 42%}
    @keyframes ori-photo-settle{from{transform:scale(1.035)}to{transform:scale(1)}}
  }
  /* Content is already visible. Entrance animation adds a slight emphasis only. */
  html.ori-portfolio-motion .ori-motion-in{animation:ori-soft-entrance .44s var(--ori-motion-ease) var(--ori-delay,0ms) backwards}
  @keyframes ori-soft-entrance{from{opacity:.94;transform:translate3d(0,6px,0)}to{opacity:1;transform:none}}
  /* Album cover motion is part of the existing interaction, not a carousel. */
  .record .record-cover img,.work-feature .work-art img{transition:transform .62s var(--ori-motion-ease)}
  @media(hover:hover) and (pointer:fine){
    .record:hover .record-cover img,.record:focus-visible .record-cover img{transform:scale(1.045)}
  }
}
@media(prefers-reduced-motion:reduce){
  html.ori-portfolio-motion .ori-motion-in{animation:none!important}
  .site-head .nav-primary>a::after{display:none!important}
  html.ori-portfolio-motion .hero-image,html.ori-portfolio-motion .hero-content>*,html.ori-portfolio-motion .inner-content>*{animation:none!important}
}
@media print{
  html.ori-portfolio-motion .ori-motion-in{animation:none!important}
}


/* --- Source: assets/editorial-v3.css --- */
/* ORI NAFTALY / V3.0 / EDITORIAL DESIGN SYSTEM
   Content-led layouts; no third-party UI framework; consistent accessible navigation.
   Site colors: Memphis midnight, soft paper, Beale blue, brass gold. */
:root{--v3-navy:#0c2340;--v3-ink:#152b44;--v3-blue:#7d9bc1;--v3-gold:#ffc72c;--v3-paper:#f3f5f5;--v3-paper2:#e8edf0;--v3-hairline:#cbd5dc;--v3-body:'Instrument Sans',Arial,sans-serif;--v3-display:'Bricolage Grotesque','Instrument Sans',sans-serif;--v3-serif:'Newsreader',Georgia,serif}
.v3-site{background:var(--v3-paper)}
.v3-site h1,.v3-site h2,.v3-site h3{letter-spacing:-.035em}
.v3-site .wrap{width:min(1420px,calc(100% - 2*clamp(22px,4.5vw,82px)))}
.v3-site .site-head{box-shadow:none;background:#0b2039f7}
.v3-site .brand span{font-size:clamp(20px,1.9vw,27px);font-weight:800}
.v3-site .site-head .nav-primary a,.v3-site .site-head .nav-primary summary{font-size:14px}
.v3-overline{font-family:var(--v3-display);font-size:11px;line-height:1.5;letter-spacing:.18em;font-weight:750!important;text-transform:uppercase;margin:0 0 27px;color:inherit;opacity:.78}
.v3-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:34px}
.v3-solid-link{background:var(--v3-gold);color:#071b32!important;min-height:54px;padding:15px 21px;display:inline-flex;align-items:center;gap:30px;text-decoration:none;font-family:var(--v3-display);font-weight:800;font-size:13px;letter-spacing:-.01em;transition:background .2s,transform .2s}
.v3-solid-link:hover{background:#ffe18a;transform:translateY(-2px)}
.v3-quiet-link{color:inherit;text-decoration:underline;text-underline-offset:6px;text-decoration-color:rgba(255,255,255,.6);font-weight:700;font-size:13px}
.v3-quiet-link:hover{color:var(--v3-gold)}
.v3-editorial-link{display:inline-flex;gap:35px;align-items:center;border-bottom:1px solid currentColor;padding:12px 0;font-family:var(--v3-display);font-size:14px;font-weight:750;color:inherit;text-decoration:none}
.v3-editorial-link:hover{color:#205f90}
.v3-site section :is(h1,h2,h3){text-wrap:balance}
.v3-site :is(p,li){text-wrap:pretty}
/* Hero: open space, a full visual panel and a small typeset marginal note. */
.v3-home-hero.hero{background:#0c2340;position:relative;isolation:isolate;min-height:min(840px,90svh);align-items:stretch;display:block;overflow:hidden}
.v3-home-photo{position:absolute;z-index:-1;right:0;top:0;width:55%;height:100%;background-image:linear-gradient(90deg,#0c2340 0%,#0c2340bf 16%,#0c234015 57%),linear-gradient(0deg,#0c23408c,transparent 40%),url('/assets/photos/ori-electric-guitar-stage.webp');background-position:center,center,center 40%;background-size:cover}
.v3-home-hero::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#0c2340 0%,#0c2340f0 31%,#0c234000 76%);pointer-events:none}
.v3-home-hero-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(140px,.45fr);align-items:center;min-height:750px;padding:82px 0 98px;gap:20px}
.v3-home-hero-copy{max-width:860px}
.v3-home-hero h1{font-family:var(--v3-display);font-weight:800;font-size:clamp(64px,7.6vw,135px);letter-spacing:-.075em;line-height:.94;margin:0 0 35px;color:#fff}
.v3-home-hero h1 span{font-family:var(--v3-serif);font-style:italic;font-weight:430;letter-spacing:-.06em;color:#f1f6fe}
.v3-home-lede{color:#e5ecf3!important;font-size:clamp(17px,1.6vw,21px);line-height:1.62;max-width:49ch;margin:0}
.v3-hero-margin{border-left:1px solid #8fa8c14a;padding-left:22px;align-self:end;margin-bottom:74px;color:#c3d4e7;min-height:150px;font-size:12px;letter-spacing:.035em;line-height:1.6}
.v3-hero-margin span{font-size:10px;font-weight:750;letter-spacing:.14em}.v3-hero-margin p{max-width:24ch}
.v3-hero-margin .v3-vertical-mark{display:block;color:#f4c742;margin-top:24px}
.v3-hero-base{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:58px;display:flex;justify-content:space-between;align-items:center;color:#ccd9e8;border-top:1px solid #7286a449;font-size:10px;font-weight:700;letter-spacing:.16em}
.v3-hero-base a{color:#ffd769;text-decoration:none;white-space:nowrap}
/* Acclaim as a compact printed ledger, not 4 boxes. */
.v3-credentials{background:#edf0f2;color:var(--v3-ink);padding:36px 0 28px;border-bottom:1px solid #cad2db}
.v3-credentials-grid{display:grid;grid-template-columns:180px 1fr;gap:40px;align-items:start}
.v3-index-label{font-family:var(--v3-display);font-weight:800;font-size:13px;line-height:1.45;letter-spacing:.06em;margin:8px 0 0}.v3-index-label span{color:#526c85;font-size:10px;letter-spacing:.12em}
.v3-credential-line{display:grid;grid-template-columns:repeat(4,1fr)}
.v3-credential-line a{display:flex;flex-direction:column;gap:8px;text-decoration:none;padding:0 20px;color:var(--v3-ink);border-left:1px solid #c9d3dd;min-width:0}
.v3-credential-line b{font-size:clamp(26px,3vw,46px);line-height:1;letter-spacing:-.065em;font-family:var(--v3-display);font-weight:850}
.v3-credential-line span{font-size:12px;line-height:1.4;font-weight:750}.v3-credential-line small{display:block;color:#5d6f80;font-weight:450;line-height:1.45;margin-top:3px}
.v3-credential-line a:hover b{color:#346c99}.v3-credential-note{font-size:11px;color:#566c80;line-height:1.5;margin-top:18px;margin-bottom:0}
/* Big editorial index of services */
.v3-services{background:var(--v3-paper);padding:clamp(90px,10vw,160px) 0}
.v3-services-layout{display:grid;grid-template-columns:minmax(270px,.84fr) minmax(0,1.16fr);gap:clamp(48px,8vw,130px);align-items:start}
.v3-services h2,.v3-records h2,.v3-story h2,.v3-production-credits h2,.v3-production-method h2,.v3-local-production h2{font-size:clamp(56px,6vw,98px);font-family:var(--v3-serif);font-weight:500;line-height:.96;letter-spacing:-.06em;margin:0 0 23px}
.v3-services h2 i,.v3-records h2 i,.v3-story h2 i,.v3-production-credits h2 i,.v3-production-method h2 i,.v3-local-production h2 i{font-weight:440}
.v3-services-intro>p:not(.v3-overline){max-width:35ch;font-size:17px;color:#4c6477;line-height:1.65}
.v3-service-portrait{margin:55px 0 0;position:relative;max-width:520px}.v3-service-portrait img{width:100%;height:clamp(260px,30vw,430px);object-fit:cover;display:block;filter:saturate(.86)}
.v3-service-portrait figcaption{font-size:10px;font-weight:800;letter-spacing:.15em;margin-top:14px;color:#50677d}
.v3-services-menu{border-top:2px solid var(--v3-ink)}
.v3-services-menu>a{display:grid;grid-template-columns:42px 1fr 25px;gap:15px;padding:28px 3px 29px;border-bottom:1px solid #bac7d1;text-decoration:none;color:var(--v3-ink);align-items:start;transition:padding .2s,background .2s}
.v3-services-menu>a:hover{padding-left:14px;background:#e7edf2}.v3-num{color:#526f8b;font-family:var(--v3-display);font-size:12px;font-weight:750;padding-top:10px}
.v3-service-main{display:flex;flex-direction:column;gap:10px}.v3-service-main strong{font-family:var(--v3-display);font-size:clamp(24px,3vw,42px);line-height:1.1;letter-spacing:-.05em;font-weight:750}.v3-service-main small{font-size:14px;line-height:1.55;color:#5e7489;max-width:43ch}
.v3-arrow{font-size:24px;transition:transform .2s}.v3-services-menu>a:hover .v3-arrow{transform:translate(3px,-3px)}
.v3-services-bottom{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px;font-size:13px;color:#60778a}.v3-services-bottom strong{color:#233c56}
/* Records: one hero album and three compact sleeves. */
.v3-records{background:#0c2340;padding:clamp(90px,9vw,145px) 0 105px;color:#fff}
.v3-records-top{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:end;margin-bottom:53px}
.v3-records-top>div:last-child{max-width:390px}.v3-records-top p:not(.v3-overline){color:#c9d6e5;font-size:17px;line-height:1.7}
.v3-records .v3-inline-light{color:#ffdb77;font-size:13px;font-weight:800;text-decoration:none;border-bottom:1px solid #ffc72c;padding-bottom:9px;display:inline-block;margin-top:7px}
.v3-records-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:clamp(30px,4vw,70px)}
.v3-record-feature{display:grid;grid-template-columns:1fr;align-content:start;color:#fff;text-decoration:none}.v3-record-feature figure{margin:0;background:#152f4b;aspect-ratio:1.13/1;overflow:hidden;display:grid;place-items:center}
.v3-record-feature img{height:100%;width:100%;object-fit:contain;transition:transform .35s}.v3-record-feature:hover img{transform:scale(1.022)}
.v3-record-description{display:grid;grid-template-columns:1.12fr 1fr;gap:8px 22px;padding-top:23px}.v3-record-description>span{grid-column:1/-1;color:#b2cce1;font-size:11px;font-weight:750;letter-spacing:.09em}
.v3-record-description h3{font-size:clamp(43px,5vw,68px);margin:0;font-weight:500}.v3-record-description p{font-size:14px;line-height:1.7;color:#c2d0e1;margin:7px 0 0}
.v3-record-description strong{grid-column:1/-1;color:#ffd578;font-size:13px;margin-top:12px}
.v3-record-stack{border-top:1px solid #7390aa60}.v3-record-stack a{display:grid;grid-template-columns:145px 1fr;gap:20px;padding:21px 0;border-bottom:1px solid #7390aa60;color:#fff;text-decoration:none;align-items:center}
.v3-record-stack a img{width:145px;height:145px;object-fit:contain;background:#1c3b58;transition:transform .25s}.v3-record-stack a:hover img{transform:scale(1.025)}
.v3-record-stack a span{display:flex;flex-direction:column;gap:5px;min-width:0}.v3-record-stack small{font-family:var(--v3-display);font-size:10px;color:#99b9d0;letter-spacing:.08em;font-style:normal}.v3-record-stack b{font-family:var(--v3-serif);font-size:clamp(27px,2.7vw,40px);font-weight:500;line-height:1.12;letter-spacing:-.04em}.v3-record-stack em{font-style:normal;color:#bdccdb;font-size:13px;line-height:1.55}.v3-record-stack strong{color:#ffdc7d;font-size:12px}
.v3-cover-disclaimer{color:#9db7cd;font-size:11px;line-height:1.55;margin:30px 0 0}
/* Portrait and live visual chapters */
.v3-story{padding:clamp(90px,10vw,155px) 0;background:#e5ebee;color:#182e45}.v3-story-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,9vw,145px);align-items:center}
.v3-story-portrait{position:relative;max-width:510px}.v3-story-portrait img{display:block;width:100%;height:clamp(480px,55vw,715px);object-fit:cover;object-position:center 36%;filter:saturate(.86)}.v3-story-portrait>span{display:block;margin-top:13px;font-family:var(--v3-display);font-size:10px;letter-spacing:.12em;font-weight:750}
.v3-story-copy{max-width:690px}.v3-story-lede{font-family:var(--v3-serif);font-size:clamp(27px,2.6vw,40px);line-height:1.23;color:#263c50;margin:35px 0 21px}.v3-story-copy>p:not(.v3-overline):not(.v3-story-lede){font-size:17px;line-height:1.7;color:#51697d;max-width:49ch}.v3-story-footnote{font-weight:700;letter-spacing:.12em;font-size:10px;color:#5d7588;margin-top:80px;line-height:1.6}
.v3-performance{min-height:600px;position:relative;background:#102740;color:white;display:flex;align-items:center;isolation:isolate}.v3-performance-image{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#0c2340 5%,#0c2340da 43%,#0c23403d 100%),url('/assets/photos/crowd.webp') center 52%/cover}.v3-performance-content{padding:100px 0}.v3-performance h2{font-family:var(--v3-display);font-size:clamp(75px,10vw,160px);line-height:.84;letter-spacing:-.075em;font-weight:850;margin:20px 0}.v3-performance h2 i{font-family:var(--v3-serif);font-weight:450;color:#ffdc79;letter-spacing:-.07em}.v3-performance-content>p:not(.v3-overline){color:#e1e9f1;line-height:1.7;max-width:40ch;font-size:16px;margin-bottom:28px}
/* Production: distinct case-study-led layout */
.v3-production-hero.inner-hero{min-height:730px;display:block;background:#0b223c;color:white;position:relative;overflow:hidden}
.v3-production-hero.inner-hero:before{display:none}
.v3-subhero-layout{display:grid;grid-template-columns:1.04fr .96fr;gap:60px;align-items:center;padding:clamp(90px,8vw,130px) 0 100px;min-height:720px}
.v3-subhero-text{position:relative;z-index:2}.v3-page-number{display:block;color:#a9c1d7;margin-bottom:15px;font-family:var(--v3-display);font-size:12px;letter-spacing:.15em}
.v3-subhero h1{font-family:var(--v3-display);font-size:clamp(83px,9vw,155px);letter-spacing:-.09em;line-height:.85;font-weight:850;margin:0 0 38px}.v3-subhero h1 i{font-family:var(--v3-serif);font-weight:400;color:#ffdb7a;letter-spacing:-.065em}
.v3-subhero-text>p:not(.v3-overline){font-size:clamp(17px,1.6vw,20px);line-height:1.65;color:#d4e0eb;max-width:47ch}.v3-subhero-image{margin:0;position:relative;align-self:stretch;min-height:495px;display:flex;align-items:center}.v3-subhero-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:61% center;filter:saturate(.88)}.v3-subhero-image figcaption{position:absolute;right:0;bottom:-30px;letter-spacing:.1em;font-size:10px;color:#b0c6dc;font-weight:750}
.v3-production-credits{background:var(--v3-paper);color:#162a42;padding:clamp(90px,9vw,155px) 0}
.v3-production-intro{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:60px}.v3-production-intro .v3-overline{grid-column:1/-1;margin-bottom:0}.v3-production-intro h2{margin:0}.v3-production-intro>p:not(.v3-overline){font-size:17px;line-height:1.7;color:#536c81;max-width:34ch;align-self:end}
.v3-prod-work{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,8vw,130px);align-items:center;border-top:1px solid #b8c9d4;padding:55px 0 78px}.v3-prod-work:last-child{padding-bottom:0}
.v3-prod-cover{width:100%;background:#193955;aspect-ratio:1/1;display:grid;place-items:center}.v3-prod-cover img{width:100%;height:100%;object-fit:contain}
.v3-prod-work-reverse .v3-prod-cover{grid-column:2;grid-row:1}.v3-prod-work-reverse .v3-prod-detail{grid-column:1;grid-row:1}
.v3-prod-index{display:block;font-family:var(--v3-display);font-size:12px;color:#617d94;letter-spacing:.13em;font-weight:700;margin-bottom:22px}.v3-prod-detail h3{font-family:var(--v3-serif);font-size:clamp(56px,7vw,110px);font-weight:500;line-height:.94;letter-spacing:-.06em;margin:0 0 25px}.v3-prod-role{font-family:var(--v3-display);font-weight:750;font-size:clamp(18px,2vw,26px);line-height:1.3;color:#1c3e61;margin:0 0 22px}
.v3-prod-detail>p:not(.v3-prod-role){font-size:16px;line-height:1.75;max-width:48ch;color:#53687b}.v3-prod-detail>a{display:inline-block;text-decoration:none;border-bottom:1px solid #183a58;padding:12px 0;color:#173f66;font-weight:800;margin-top:16px}.v3-prod-detail>a:hover{color:#3673a9}.v3-prod-detail small{display:block;color:#62798b;font-size:11px;margin-top:17px}
.v3-production-method{background:#dfe8ed;color:#192f46;padding:clamp(95px,10vw,160px) 0}.v3-method-layout{display:grid;grid-template-columns:.93fr 1.07fr;gap:clamp(45px,8vw,150px)}.v3-method-heading>p:not(.v3-overline){font-size:17px;line-height:1.75;max-width:36ch;color:#536a7b}.v3-method-lines{border-top:2px solid #173047}.v3-method-lines>div{display:grid;grid-template-columns:48px 1fr;gap:18px;border-bottom:1px solid #aabdc9;padding:26px 0 29px}.v3-method-lines>div>span{color:#50718c;font-size:12px;font-weight:800;font-family:var(--v3-display);padding-top:7px}.v3-method-lines h3{font-family:var(--v3-display);font-size:clamp(25px,2.5vw,39px);font-weight:750;line-height:1.08;letter-spacing:-.045em;margin:0 0 8px}.v3-method-lines p{font-size:15px;line-height:1.65;color:#536b80;max-width:49ch;margin:0}
.v3-local-production{padding:clamp(95px,9vw,145px) 0;background:#f6f7f6}.v3-local-production-layout{display:grid;grid-template-columns:1fr .85fr;gap:clamp(55px,9vw,140px);align-items:center}.v3-local-production p:not(.v3-overline){font-size:16px;line-height:1.76;color:#4b6377;max-width:56ch}.v3-local-production figure{margin:0}.v3-local-production img{display:block;width:100%;height:500px;object-fit:cover}.v3-local-production figcaption{font-family:var(--v3-display);font-weight:750;font-size:10px;letter-spacing:.13em;margin-top:12px;color:#547087}
/* Other professional pages: editorial rhythm, differentiated from the homepage. */
.v3-site .inner-hero:not(.v3-production-hero){min-height:570px;background:#0c2340}.v3-site .inner-hero:not(.v3-production-hero)::before{opacity:.78}.v3-site .inner-hero:not(.v3-production-hero) h1{font-size:clamp(62px,7.1vw,115px);line-height:.94;font-weight:450;letter-spacing:-.06em;max-width:11.5ch;margin-bottom:20px}.v3-site .inner-hero:not(.v3-production-hero) .lead{max-width:58ch;font-size:clamp(17px,1.6vw,21px)}
.v3-site .inner-hero:not(.v3-production-hero) .eyebrow{font-family:var(--v3-display)}
.v3-site .section-heading{align-items:end}.v3-site .section-heading h2{max-width:20ch}
.v3-site .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:2px solid #17334d;border-bottom:1px solid #b1bfcd}.v3-site .feature-grid .feature{background:transparent;border:0;border-right:1px solid #bdcbd6;padding:35px 35px 38px 0;margin-right:30px}.v3-site .feature-grid .feature:last-child{border-right:0}.v3-site .feature-grid .feature h3{font-family:var(--v3-display);font-size:clamp(27px,2.5vw,37px);font-weight:750;letter-spacing:-.045em}.v3-site .feature-grid .feature p{font-size:15px;line-height:1.7}
.v3-site .work-grid{gap:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;border-top:1px solid #aebdca}.v3-site .work-feature{padding:32px 3vw 35px 0!important;border-bottom:1px solid #b7c5d0!important;background:transparent!important}.v3-site .work-feature:nth-child(even){padding:32px 0 35px 3vw!important;border-left:1px solid #b7c5d0}.v3-site .work-feature h3{font-family:var(--v3-serif);font-size:clamp(32px,3.4vw,53px);font-weight:500;letter-spacing:-.05em}
.v3-site .writing-examples{gap:0;border-top:1px solid #8197ab}.v3-site .writing-examples article{background:transparent;border:0;border-bottom:1px solid #6d879e;padding:30px 25px 30px 0}.v3-site .writing-examples article p{color:#d9e5f3}.v3-site .writing-examples h3{font-family:var(--v3-serif);font-weight:500;font-size:clamp(30px,3vw,45px)}
.v3-site .story-grid{grid-template-columns:.9fr 1.1fr}.v3-site .story-copy h2{max-width:15ch}.v3-site .story-photo{height:680px}.v3-site .story-photo img{object-position:center top}
.v3-site .section.paper,.v3-site .section.warm-paper{color:#142a41}.v3-site .more-call{border-top:1px solid #c7d1d9}
/* Lesson pages share brand while retaining interactive program tabs, FAQs and form. */
.v3-site .lessons .section-header h2,.v3-site .online-section h2,.v3-site .about h2,.v3-site .faq-section h2,.v3-site .inquire h2{letter-spacing:-.05em;text-wrap:balance}
.v3-site .lessons .lesson-grid{gap:15px}.v3-site .lesson-grid .lesson-card{border-radius:0;box-shadow:none!important}.v3-site .lesson-grid .lesson-card:hover{transform:translateY(-2px)}
.v3-site .lesson-grid .lesson-card h3{font-family:var(--v3-display);font-weight:750;letter-spacing:-.03em}
.v3-site .about .about-layout{align-items:center}.v3-site .hero .hero-content{max-width:670px}
.v3-site .more-than-lessons{background:#e5ecf1}.v3-site .local-focus-lessons{background:#f5f7f8}
.v3-site .inquire .form-card{box-shadow:none;border:1px solid #91abc6}
/* Clean CTA and footer after visual chapters */
.v3-site .contact-section{background:#0c2340;border-top:1px solid #44637f}.v3-site .contact-section .form{border-radius:0;box-shadow:none}
.v3-site .foot{border-top:1px solid #44617a}
/* Motion is gentle. Core content never depends on animation. */
.v3-services-menu a,.v3-record-stack a,.v3-prod-work,.v3-credential-line a{will-change:auto}
@media(max-width:1080px){.v3-home-hero-grid{grid-template-columns:1fr;min-height:720px}.v3-hero-margin{display:none}.v3-credentials-grid{grid-template-columns:1fr;gap:20px}.v3-credential-line a:first-child{padding-left:0;border-left:0}.v3-services-layout{gap:35px}.v3-services h2,.v3-records h2,.v3-story h2,.v3-production-credits h2,.v3-production-method h2,.v3-local-production h2{font-size:clamp(53px,6vw,85px)}.v3-subhero-layout{gap:35px}}
@media(max-width:800px){.v3-home-hero.hero{min-height:720px}.v3-home-photo{width:100%;background-image:linear-gradient(90deg,#0c2340ef,#0c234079),linear-gradient(0deg,#0c2340cc,transparent 60%),url('/assets/photos/ori-electric-guitar-stage.webp');background-position:center,center,70% center}.v3-home-hero::after{background:linear-gradient(90deg,#0c2340de,#0c23402d)}.v3-home-hero-grid{padding:90px 0 95px}.v3-home-hero h1{font-size:clamp(63px,10vw,100px)}.v3-credential-line{grid-template-columns:repeat(2,1fr);gap:18px 0}.v3-credential-line a:nth-child(3){padding-left:0;border-left:0}.v3-credential-note{padding-top:5px}.v3-services-layout,.v3-records-top,.v3-records-grid,.v3-story-layout,.v3-production-intro,.v3-method-layout,.v3-local-production-layout{grid-template-columns:1fr}.v3-service-portrait{display:none}.v3-services-intro>p:not(.v3-overline){max-width:50ch}.v3-records-top{gap:20px}.v3-records-top>div:last-child{max-width:600px}.v3-records-grid{gap:35px}.v3-story-layout{gap:50px}.v3-story-portrait{max-width:500px}.v3-story-portrait img{height:440px}.v3-story-footnote{margin-top:35px}.v3-subhero-layout{grid-template-columns:1fr;min-height:0;padding:75px 0 85px}.v3-subhero-text{max-width:680px}.v3-subhero h1{font-size:clamp(75px,11vw,115px)}.v3-subhero-image{height:350px;min-height:350px}.v3-prod-work{gap:30px}.v3-prod-work-reverse .v3-prod-cover,.v3-prod-work-reverse .v3-prod-detail{grid-column:auto;grid-row:auto}.v3-prod-work{grid-template-columns:.75fr 1fr}.v3-production-intro>p:not(.v3-overline){max-width:60ch}.v3-method-heading>p:not(.v3-overline){max-width:60ch}.v3-local-production img{height:380px}.v3-site .work-grid{grid-template-columns:1fr!important}.v3-site .work-feature,.v3-site .work-feature:nth-child(even){padding:25px 0!important;border-left:0}.v3-site .feature-grid{grid-template-columns:1fr}.v3-site .feature-grid .feature{border-right:0;border-bottom:1px solid #c0cbd6;padding:24px 0;margin:0}.v3-site .feature-grid .feature:last-child{border-bottom:0}}
@media(max-width:600px){.v3-site .wrap{width:calc(100% - 40px)}.v3-home-hero.hero{min-height:720px}.v3-home-photo{background-position:center,center,64% center}.v3-home-hero-grid{padding:90px 0 75px;min-height:660px;align-items:center}.v3-home-hero h1{font-size:clamp(57px,11.6vw,76px);line-height:.98;margin-bottom:24px}.v3-home-lede{font-size:16px;line-height:1.65}.v3-actions{gap:17px;margin-top:26px}.v3-quiet-link{font-size:12px}.v3-solid-link{min-height:51px;padding:13px 17px}.v3-hero-base{font-size:9px;height:52px}.v3-hero-base>span{display:none}.v3-hero-base a{margin-left:auto}.v3-credentials{padding:28px 0}.v3-credentials-grid{gap:17px}.v3-index-label{font-size:12px}.v3-credential-line a{padding:0 8px 0 13px}.v3-credential-line a:nth-child(odd){padding-left:0}.v3-credential-line b{font-size:30px}.v3-credential-line span{font-size:11px}.v3-credential-note{font-size:10px}.v3-services,.v3-records,.v3-story,.v3-production-credits,.v3-production-method,.v3-local-production{padding:75px 0}.v3-services h2,.v3-records h2,.v3-story h2,.v3-production-credits h2,.v3-production-method h2,.v3-local-production h2{font-size:clamp(48px,11vw,72px)}.v3-services-layout{gap:30px}.v3-services-menu>a{grid-template-columns:25px 1fr 20px;gap:12px;padding:22px 0}.v3-service-main strong{font-size:26px}.v3-service-main small{font-size:13px}.v3-arrow{font-size:21px}.v3-records-top{margin-bottom:30px}.v3-records-top p:not(.v3-overline){font-size:15px}.v3-record-description{grid-template-columns:1fr}.v3-record-description p{margin-top:0}.v3-record-description h3{font-size:47px}.v3-record-stack a{grid-template-columns:104px 1fr;gap:14px}.v3-record-stack a img{width:104px;height:104px}.v3-record-stack b{font-size:28px}.v3-record-stack small{font-size:9px}.v3-record-stack em{font-size:12px}.v3-story-portrait img{height:410px}.v3-story-lede{font-size:31px}.v3-story-copy>p:not(.v3-overline):not(.v3-story-lede){font-size:15px}.v3-performance{min-height:550px}.v3-performance-content{padding:80px 0}.v3-performance h2{font-size:clamp(76px,17vw,112px)}.v3-subhero-layout{padding:65px 0 75px;gap:43px}.v3-subhero h1{font-size:clamp(66px,16vw,100px)}.v3-subhero-text>p:not(.v3-overline){font-size:16px}.v3-subhero-image{height:270px;min-height:270px}.v3-prod-work,.v3-prod-work-reverse{display:flex;flex-direction:column;align-items:stretch;padding:36px 0 55px}.v3-prod-cover{width:min(100%,420px)}.v3-prod-detail h3{font-size:65px}.v3-method-lines h3{font-size:29px}.v3-local-production img{height:280px}.v3-site .inner-hero:not(.v3-production-hero) h1{font-size:clamp(52px,11vw,78px)}.v3-site .section-heading>p{font-size:15px}.v3-site .work-feature{grid-template-columns:120px 1fr;gap:15px}.v3-site .work-art{width:120px;height:120px}.v3-site .story-photo{height:480px}}
@media(max-width:360px){.v3-home-hero h1{font-size:53px}.v3-record-stack a{grid-template-columns:88px 1fr}.v3-record-stack a img{width:88px;height:88px}.v3-service-main strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){.v3-site *,.v3-site *::before,.v3-site *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* V3 finish: keep the hero's photography uncluttered and mobile titles intentional. */
.v3-home-hero-grid{grid-template-columns:minmax(0,1fr)}
.v3-home-hero-copy{max-width:890px}
.v3-site .lessons.hero,.v3-site .hero:has(.hero-photo){background:#0c2340}
.v3-site .hero-grade{background:linear-gradient(90deg,#0c2340e8,#0c234043)!important}
.v3-site .about.section-dark{background:#0c2340!important}
.v3-site .inquire.section-dark{background:#0c2340!important}
.v3-site .site-footer{background:#091b31!important;color:#e3eaf4!important}
.v3-site .more-than-lessons{display:none}
.v3-error-screen{background:#0c2340;color:white;min-height:65svh;display:flex;align-items:center;padding:100px 0}
.v3-error-screen h1{font-family:var(--v3-display);font-size:clamp(70px,12vw,160px);line-height:.9;letter-spacing:-.075em;font-weight:800;margin:0 0 25px}
.v3-error-screen h1 i{font-family:var(--v3-serif);font-weight:400;color:#ffda79}
.v3-error-screen p:not(.v3-overline){color:#d6e3ed;max-width:45ch;font-size:18px}
.v3-error-links{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}
.v3-error-links a{border:1px solid #6887a3;padding:12px 16px;color:#fff;text-decoration:none;font-size:13px;font-weight:750}
.v3-error-links a:hover{border-color:#ffc72c;color:#ffc72c}
@media(max-width:600px){.v3-home-hero h1{font-size:clamp(40px,11.6vw,50px);line-height:1.07;letter-spacing:-.075em}.v3-home-hero h1 span{white-space:nowrap;font-size:.91em}.v3-home-hero-grid{min-height:630px}.v3-site .hero-grade{background:linear-gradient(180deg,#0c234010 0%,#0c2340ed 53%,#0c2340 100%)!important}.v3-site .hero:has(.hero-photo){background:#0c2340}.v3-error-screen{padding:75px 0}}


/* --- Source: assets/header-v31.css --- */
/* V3.1 — Editorial masthead. A quiet typographic signature, not an agency template. */
.site-head{position:sticky;top:0;z-index:150;color:#F0F4F8;background:#0C2340;border-bottom:1px solid rgba(172,197,220,.32);backdrop-filter:none;-webkit-backdrop-filter:none}
.site-head .nav-inner{height:85px;width:min(1480px,calc(100% - 2 * clamp(22px,4.2vw,66px)));margin-inline:auto;display:flex;align-items:center;gap:0}
.site-head .brand{display:inline-flex;align-items:baseline;gap:.16em;min-width:auto;flex:none;color:#FAF5E9;text-decoration:none;white-space:nowrap;font:500 clamp(29px,2.65vw,40px)/1 'Newsreader',Georgia,serif;letter-spacing:-.065em}
.site-head .brand .brand-first,.site-head .brand .brand-last{display:inline;letter-spacing:inherit;font:inherit;color:inherit}
.site-head .brand .brand-first{font-style:italic;font-weight:400;padding-right:.02em}
.site-head .brand .brand-last{font-weight:500}
.site-head .nav-primary{display:flex;gap:clamp(19px,1.75vw,30px);align-items:center;margin-left:auto;padding-left:clamp(28px,3.3vw,50px)}
.site-head .nav-primary>a{position:relative;display:inline-flex;align-items:center;min-height:50px;font:500 clamp(13px,1.02vw,15px)/1.3 'Instrument Sans',Arial,sans-serif;letter-spacing:0;color:#DEE7F1;text-decoration:none;white-space:nowrap;transition:color .18s ease}
.site-head .nav-primary>a::after{content:'';position:absolute;bottom:9px;left:0;right:100%;height:1px;background:#FFC72C;transition:right .2s ease}
.site-head .nav-primary>a:hover,.site-head .nav-primary>a[aria-current=page]{color:#FFFFFF}
.site-head .nav-primary>a:hover::after,.site-head .nav-primary>a[aria-current=page]::after{right:0}
.site-head .nav-contact{display:inline-flex;flex:none;align-items:center;gap:8px;margin-left:clamp(20px,2.3vw,36px);padding:11px 0 10px;color:#FFC72C;border-bottom:1px solid #FFC72C;font:600 13px/1.2 'Instrument Sans',Arial,sans-serif;letter-spacing:0;text-decoration:none;white-space:nowrap;transition:color .2s,border-color .2s}
.site-head .nav-contact span{font-size:17px;font-weight:400;transition:transform .2s}
.site-head .nav-contact:hover{color:#fff;border-color:#fff}
.site-head .nav-contact:hover span{transform:translate(2px,-2px)}
.site-head .menu-btn{display:none;align-items:center;gap:13px;padding:10px 0 10px 12px;color:#F0F4F8;background:transparent;border:0;min-height:44px;min-width:70px;cursor:pointer;text-transform:none}
.site-head .menu-word{font:600 12px/1 'Instrument Sans',Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.site-head .menu-lines{width:24px;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.site-head .menu-lines i{display:block;height:1px;background:currentColor;width:24px;transition:transform .2s,width .2s}
.site-head .menu-lines i:last-child{width:16px}
.site-head .menu-btn[aria-expanded=true] .menu-lines i:first-child{transform:translateY(3.5px) rotate(45deg)}
.site-head .menu-btn[aria-expanded=true] .menu-lines i:last-child{width:24px;transform:translateY(-3.5px) rotate(-45deg)}
.site-head .mobile-menu[hidden]{display:none!important}
.site-head .mobile-menu{display:none}
.site-head :focus-visible{outline:2px solid #FFC72C;outline-offset:5px}
@media(max-width:1200px){.site-head .nav-primary{gap:19px;padding-left:35px}.site-head .nav-primary>a{font-size:13px}.site-head .nav-contact{margin-left:24px}}
@media(max-width:1080px){
.site-head .nav-primary,.site-head .nav-contact{display:none}
.site-head .menu-btn{display:inline-flex;margin-left:auto}
.site-head .nav-inner{height:76px}
.site-head .mobile-menu{position:absolute;display:flex;top:100%;left:0;right:0;flex-direction:column;background:#0C2340;padding:25px clamp(24px,5vw,66px) 45px;max-height:calc(100dvh - 76px);overflow:auto;box-shadow:0 20px 42px #03172b66;border-bottom:1px solid #54749a}
.site-head .mobile-menu-title{font:500 12px/1.2 'Instrument Sans',Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#97B3D0;margin-bottom:16px}
.site-head .mobile-menu>a:not(.mobile-inquiry){display:grid;grid-template-columns:38px 1fr;align-items:baseline;gap:8px;padding:12px 0;color:#F1F3F7;text-decoration:none;border-bottom:1px solid rgba(173,195,219,.2);font:400 clamp(28px,5.6vw,42px)/1.16 'Newsreader',Georgia,serif;letter-spacing:-.03em}
.site-head .mobile-menu>a:not(.mobile-inquiry)[aria-current=page]{color:#FFC72C}
.site-head .mobile-menu .menu-index{font:500 11px/1 'Instrument Sans',Arial,sans-serif;color:#9AB1CC;letter-spacing:.08em}
.site-head .mobile-inquiry{margin-top:29px;display:flex;align-items:center;justify-content:space-between;color:#FFC72C;font:600 15px/1.3 'Instrument Sans',Arial,sans-serif;text-decoration:none;border-bottom:1px solid #FFC72C;padding:10px 0 14px}
.site-head .mobile-inquiry span{font-size:23px;font-weight:400}
}
@media(max-width:600px){.site-head .nav-inner{height:69px}.site-head .brand{font-size:31px}.site-head .mobile-menu{max-height:calc(100dvh - 69px);padding-top:22px}.site-head .menu-word{font-size:11px}}
@media(max-width:360px){.site-head .brand{font-size:28px}}
@media(prefers-reduced-motion:reduce){.site-head .menu-lines i,.site-head .nav-primary>a::after,.site-head .nav-contact{transition:none!important}}


/* --- Source: assets/ui-audit-v41.css --- */
/* Ori Naftaly V4.1 | Sitewide typography, rhythm, spacing, and masthead corrections. */
:root { --ui-header: 70px; --ui-rule: rgba(141,168,192,.32); }
html { scroll-padding-top: calc(var(--ui-header) + 14px); }
body [id] { scroll-margin-top: calc(var(--ui-header) + 14px); }

/* The navigation is a centered editorial index, not a logo-and-agency header. */
.site-head, .v3-site .site-head, .onepage-site .site-head {
  background: #0c2340; border-bottom: 1px solid var(--ui-rule); box-shadow:none;
}
.site-head .nav-inner, .onepage-site .site-head .nav-inner {
  display:flex; justify-content:center; align-items:center; position:relative;
  height:var(--ui-header); min-height:var(--ui-header);
  width:min(1200px,calc(100% - 40px)); margin:0 auto; padding:0; gap:0;
}
.site-head .brand {display:none!important}
.site-head .nav-primary, .v3-site .site-head .nav-primary, .onepage-site .site-head .nav-primary {
  display:flex; align-items:center; justify-content:center;
  gap:clamp(20px,2.8vw,41px); margin:0; padding:0;
  width:auto; max-width:100%;
}
.site-head .nav-primary > a, .v3-site .site-head .nav-primary > a, .onepage-site .site-head .nav-primary > a {
  position:relative; display:inline-flex; align-items:center; justify-content:center;
  margin:0; padding:7px 0; min-height:46px;
  color:#d9e5f1; border:0; background:transparent;
  font:500 14px/1.3 'DM Sans','Instrument Sans',Arial,sans-serif;
  letter-spacing:.005em; white-space:nowrap; text-decoration:none;
}
.site-head .nav-primary > a::after {bottom:6px}
.site-head .nav-primary > a:hover, .onepage-site .site-head .nav-primary > a:hover,
.site-head .nav-primary > a[aria-current="location"], .onepage-site .site-head .nav-primary > a[aria-current="location"] {color:#fff}
.site-head .nav-primary > a.nav-inquire, .v3-site .site-head .nav-primary > a.nav-inquire,
.onepage-site .site-head .nav-primary > a.nav-inquire {
  color:#ffd05d; border-bottom:0; gap:7px; font-weight:700;
}
.site-head .nav-primary > a.nav-inquire span {font-size:15px; line-height:1; transition:transform .2s ease}
.site-head .nav-primary > a.nav-inquire:hover span{transform:translate(2px,-2px)}
.site-head .menu-btn{display:none}

/* A visible but quiet focus treatment, with no click target smaller than 44px. */
.site-head :focus-visible{outline:2px solid #ffc72c;outline-offset:3px}
.site-head .nav-primary a {touch-action:manipulation}

/* Main homepage hero: keep kicker, name and description in separate readable bands. */
.onepage-site .opening {
  min-height:clamp(620px,calc(100svh - var(--ui-header)),790px);
  padding:clamp(100px,10vw,142px) 0 105px;
}
.onepage-site .opening-inner{isolation:isolate}
.onepage-site .opening .kicker{
  font-size:11px; line-height:1.65; letter-spacing:.13em;
  max-width:760px; margin:0 0 20px;
}
.onepage-site .opening h1 {
  font-size:clamp(88px,10.3vw,155px);
  line-height:1.02; letter-spacing:-.063em;
  max-width:950px; margin:0 0 26px;
  text-wrap:balance;
}
.onepage-site .opening h1 i{letter-spacing:-.063em}
.onepage-site .opening-intro{
  max-width:525px; font-size:clamp(18px,1.55vw,22px); line-height:1.56;
  text-wrap:pretty; margin-bottom:0;
}
.onepage-site .opening-actions{gap:18px 29px; margin-top:27px}
.onepage-site .opening-bottom{bottom:22px}

/* Across the long read: intentional line breaks, more legible small copy. */
.onepage-site section h2 {line-height:1.035;letter-spacing:-.046em}
.onepage-site .section-heading{margin-bottom:clamp(28px,3.6vw,52px)}
.onepage-site .kicker{font-size:11.5px;line-height:1.55;letter-spacing:.12em}
.onepage-site p:not(.kicker){text-wrap:pretty}
.onepage-site .recognition-grid span{font-size:12px}
.onepage-site .recognition-footnote,
.onepage-site .micro-caption,.onepage-site .image-note,
.onepage-site .privacy-note{font-size:12px;line-height:1.65}
.onepage-site .recognition-grid>div{min-width:0}
.onepage-site .record-row strong{line-height:1.12}
.onepage-site .record-caption h3{line-height:1.08}
.onepage-site .production-intro h2,.onepage-site .writing-intro h2,
.onepage-site .about-layout h2{margin-top:20px}
.onepage-site .production-intro .large-prose,
.onepage-site .lessons-block .large-prose,
.onepage-site .about-layout .large-prose{line-height:1.25}
.onepage-site .production-proof{padding-top:clamp(16px,3vw,55px)}
.onepage-site .production-credit strong{line-height:1.13}
.onepage-site .song-ledger{padding-top:clamp(15px,3vw,45px)}
.onepage-site .contact-head h2{font-size:clamp(76px,10vw,142px);line-height:1.02}
.onepage-site .form-panel label {font-size:13px;line-height:1.5}
.onepage-site .form-panel input:not([type=checkbox]),
.onepage-site .form-panel textarea,.onepage-site .form-panel select{font-size:16px}
.onepage-site .form-panel button {min-height:50px}
.onepage-site .footer-bottom{font-size:12px}

/* Supporting pages use the same quiet header and readable text scale. */
.v3-site :is(.v3-subhero h1,.inner-hero h1) {line-height:1.01;letter-spacing:-.055em}
.v3-site .v3-subhero h1{font-size:clamp(72px,8vw,130px)}
.v3-site :is(.v3-production-credits h2,.v3-production-method h2,.v3-local-production h2){line-height:1.04}
.v3-site .v3-overline{line-height:1.65;letter-spacing:.13em;font-size:11.5px}
.v3-site :is(.v3-prod-detail h3,.v3-performance h2){line-height:1.04}
.v3-site .eyebrow{line-height:1.6}
.v3-site .lead,.v3-site .hero-line,.v3-site .hero-pitch{line-height:1.6}
.v3-site .lead-form :is(input,select,textarea){font-size:16px}

@media(max-width:980px){
 :root{--ui-header:64px}
 .site-head .nav-inner,.onepage-site .site-head .nav-inner{height:var(--ui-header);min-height:var(--ui-header)}
 .site-head .nav-primary,.v3-site .site-head .nav-primary,.onepage-site .site-head .nav-primary{display:none!important}
 .site-head .menu-btn,.onepage-site .site-head .menu-btn {
   display:inline-flex; justify-content:center; align-items:center; margin:0;
   min-width:105px;min-height:48px; padding:10px 14px; gap:12px;
 }
 .site-head .mobile-menu,.onepage-site .site-head .mobile-menu {
   max-height:calc(100dvh - var(--ui-header));padding:25px clamp(24px,5vw,66px) 40px;
 }
 .site-head .mobile-menu[hidden]{display:none!important}
 .onepage-site .opening {min-height:700px}
}
@media(max-width:650px){
 :root{--ui-header:62px}
 .site-head .nav-inner,.onepage-site .site-head .nav-inner{height:62px;min-height:62px}
 .site-head .mobile-menu,.onepage-site .site-head .mobile-menu{max-height:calc(100dvh - 62px)}
 .onepage-site .opening {
   min-height:clamp(685px,calc(100svh - 62px),820px);
   padding:94px 0 100px;align-items:flex-end;
 }
 .onepage-site .opening .kicker {
   font-size:10.5px;line-height:1.6;letter-spacing:.105em;
   margin:0 0 15px;max-width:340px;
 }
 .onepage-site .opening h1 {
   font-size:clamp(59px,17vw,83px);line-height:1.08;
   margin:0 0 18px;letter-spacing:-.063em;
 }
 .onepage-site .opening-intro{font-size:16px;line-height:1.58;max-width:410px}
 .onepage-site .opening-actions{margin-top:22px;gap:12px 23px}
 .onepage-site .opening-actions .text-action{font-size:13px;min-height:40px;align-items:center}
 .onepage-site .opening-bottom{bottom:15px}
 .onepage-site section h2{font-size:clamp(50px,13vw,78px);line-height:1.04}
 .onepage-site .record-caption h3{font-size:clamp(44px,12vw,62px)}
 .onepage-site .record-row strong{font-size:clamp(28px,8vw,35px)}
 .onepage-site .contact-head h2{font-size:clamp(70px,15vw,98px)}
 .onepage-site .contact-head{margin-bottom:38px}
 .onepage-site .form-panel{padding:clamp(22px,6vw,30px)}
 .onepage-site .form-panel h3{font-size:clamp(39px,11vw,52px);line-height:1.08}
 .onepage-site .recognition-grid span{font-size:12px}
 .onepage-site .recognition-grid>div{padding:19px 13px}
 .onepage-site .records-block,.onepage-site .production-block,
 .onepage-site .writing-block,.onepage-site .lessons-block,
 .onepage-site .about-block,.onepage-site .contact-block{padding-top:clamp(68px,18vw,91px);padding-bottom:clamp(69px,18vw,94px)}
 .v3-site .v3-subhero h1 {font-size:clamp(62px,11vw,95px);line-height:1.04}
 .v3-site .inner-hero:not(.v3-production-hero) h1{font-size:clamp(52px,12vw,76px);line-height:1.05}
 .v3-site :is(.v3-production-credits h2,.v3-production-method h2,.v3-local-production h2){font-size:clamp(48px,12vw,72px);line-height:1.055}
}
@media(max-width:360px){
 .onepage-site .opening h1{font-size:clamp(54px,16.5vw,61px)}
 .onepage-site .opening-actions{gap:8px 14px}
 .onepage-site .opening-actions .text-action{font-size:12px}
 .onepage-site .contact-head h2{font-size:70px}
}
@media(prefers-reduced-motion:reduce){.site-head .nav-primary a::after{transition:none!important}}

/* Final audit findings: preserve breathing room in the dedicated Lessons hero. */
.v3-site .hero h1{line-height:1.055;letter-spacing:-.045em}
.v3-site .v3-subhero-image figcaption{
  bottom:12px;right:12px;max-width:calc(100% - 24px);
  padding:7px 10px;background:rgba(9,31,51,.78);color:#eff5fa;
  line-height:1.5;letter-spacing:.06em;
}
body.menu-open{overflow:hidden}

/* Keep the mobile navigation as a complete screen-level panel, not a short dropdown. */
@media(max-width:980px){
 .site-head .mobile-menu,.onepage-site .site-head .mobile-menu{
   height:calc(100dvh - var(--ui-header));
   max-height:calc(100dvh - var(--ui-header));
   min-height:0; overflow-y:auto; overscroll-behavior:contain;
   box-shadow:none;
 }
}


/* --- Source: assets/targeted-ui-v410.css --- */
/* Ori Naftaly V4.10 | four targeted UX refinements; no redesign */
.contact-chooser{display:none}
@media (max-width:700px){
  /* Mobile inquiry chooser is only enabled when JS can manage form visibility.
     If JS fails, both native Netlify forms remain accessible, as before. */
  .onepage-site.contact-js .contact-chooser{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:-22px 0 17px}
  .onepage-site .contact-chooser button{appearance:none;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;text-align:left;min-height:72px;width:100%;border:1px solid #b9c8d2;border-radius:0;background:#fff;color:#17344e;padding:12px;cursor:pointer}
  .onepage-site .contact-chooser button[aria-pressed="true"]{border-color:#0c2340;box-shadow:inset 0 0 0 1px #0c2340;background:#e9f1f7}
  .onepage-site .contact-chooser button strong{font:700 14px/1.2 'Instrument Sans',Arial,sans-serif}
  .onepage-site .contact-chooser button span{font:400 11px/1.35 'Instrument Sans',Arial,sans-serif;color:#446176}
  .onepage-site .contact-chooser button:focus-visible{outline:3px solid #b48a27;outline-offset:3px}
  .onepage-site .contact-block .form-panel[hidden]{display:none!important}
  /* Make important action links and footer navigation finger-friendly. */
  .onepage-site .footer-bottom nav{gap:4px 6px}
  .onepage-site .footer-bottom nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 6px;font-size:12px}
  .onepage-site :is(.editorial-link,.text-action){display:inline-flex;align-items:center;min-height:44px;padding-block:8px;max-width:100%}
  .onepage-site :is(.fallback-email a,.privacy-note a){display:inline-flex;align-items:center;min-height:44px;vertical-align:middle}
  .onepage-site :is(.kicker,.micro-heading,.record-caption small,.record-row small){font-size:11px}
  body:not(.onepage-site) .eyebrow{font-size:11px}
  .lesson-kicker,.hero-trust{font-size:10px}
  .foot .foot-grid nav a{display:flex;align-items:center;min-height:44px;padding-block:7px;font-size:14px}
  .foot :is(.text-link,.play-link){display:inline-flex;align-items:center;min-height:44px;padding-block:8px}
  .site-footer .footer-layout nav,.site-footer .footer-layout>div:last-child{gap:0}
  .site-footer :is(.footer-layout nav a,.footer-layout>div:last-child a){display:inline-flex;align-items:center;min-height:44px;font-size:14px;padding:7px 0}
  .site-footer .footer-layout :is(.footer-muted,.footer-heading){font-size:12px;line-height:1.5}
  .site-footer :is(.quiet-cta,.watch-link,.youtube-direct,.local-focus-link){display:inline-flex;align-items:center;min-height:44px;padding-block:7px}
}


/* V4.6: previously inline, now CSP-safe; no layout changes. */
.inner-hero.hero-photo-first-chords{--hero-photo:url('/assets/photos/ori-guitar-first-chords.webp')}
.inner-hero.hero-photo-stage{--hero-photo:url('/assets/photos/ori-electric-guitar-stage.webp')}
.inner-hero.hero-photo-awards{--hero-photo:url('/assets/photos/ori-awards-event.webp')}
.inner-hero.hero-photo-portrait{--hero-photo:url('/assets/photos/ori-portrait-personal.webp')}
.inner-hero.privacy-short-hero{min-height:300px}
.privacy-copy-wrap{max-width:790px}
.work-note-spaced{margin-top:27px}
.thank-you-section{min-height:70vh;display:flex;align-items:center}
.thank-you-wrap{max-width:700px}
.thank-you-heading{font:400 clamp(58px,8vw,110px)/.96 var(--serif)}
.thank-you-note{color:#d9e0d5}