/*base*/

/* Reset Stylesheet http://html5doctor.com/html-5-reset-stylesheet/ */abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}input,select{vertical-align:middle}

/* ui */input,select,textarea{margin:0}input:focus,select:focus,textarea:focus{outline:none}textarea{overflow:auto}button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{padding:0!important;border:0 none!important}

/* link */a{text-decoration:none}

/* hr */hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:0;padding:0}

/* clearfix */.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}

/* hidden */[hidden]{display:none!important}

/* img */img{display:block;max-width:100%}

/* box-sizing */*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}

/*cosmetic*/

/**/

/*  */

/*elements*/.icon{display:inline-block;vertical-align:middle;width:1em;fill:currentColor}.icon-mail{height:.75em}.icon-arrow{height:1.02em}button{cursor:pointer;display:inline-block;border:0 none;background:none;-webkit-box-shadow:none;box-shadow:none}button:focus{outline:none}.btn{cursor:pointer}.back-btn{top:37px;right:0;bottom:0;left:-25px;width:50px;height:50px;font-size:16px;color:#fff;background:#a0c1ff;border-radius:50%}.back-btn,.contact-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute}.contact-btn{will-change:transform;-webkit-box-sizing:content-box;box-sizing:content-box;top:22px;right:-40px;width:54px;height:54px;font-size:24px;color:#9797fb;background:#fff;border:13px solid rgba(147,158,255,.7);border-radius:50%;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}input{-webkit-appearance:none}

/**/a{color:inherit}

/*blocks*/html{font-size:10px}body{position:relative;font:14px/1.2 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;color:#000;background:#fff;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/*  */.page-bg{position:relative;overflow:hidden;top:0;right:0;bottom:0;left:0;position:absolute;background:#6ab7ff}.page-bg:before{content:"";top:0;right:-720px;bottom:0;left:0;position:absolute;width:calc(100% + 720px);background:-o-linear-gradient(159.76deg,#505de8 0,#6ab7ff 100%);background:linear-gradient(290.24deg,#505de8,#6ab7ff)}.page-bg:after{content:"";opacity:.6;right:-941px;bottom:-1220px;position:absolute;width:2440px;height:2440px;background:-o-radial-gradient(50% 50%,1159.34px,#d485f3 0,rgba(212,133,243,0) 100%);background:radial-gradient(1159.34px at 50% 50%,#d485f3 0,rgba(212,133,243,0) 100%);border-radius:50%}.page-wr{overflow:auto;height:100vh;min-height:900px}.page{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:1440px;margin:0 auto;padding:0 80px}.page-title{margin-top:108px;width:800px}.page-title .animation-wr{opacity:1;visibility:visible}.header{position:relative;padding:50px 0}.header__logo{cursor:pointer}.header__logo_img{top:50px;left:0;position:absolute;width:44px}.header__logo_img .logo-img{width:44px;height:44px}.header__logo_img .animation-wr{opacity:1;visibility:visible}.header__logo_text{overflow:hidden;width:450px;margin:0 auto}.header__logo_text .animation-wr{opacity:0;visibility:hidden;width:0}.header__logo_text .header__logo-content{width:450px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.header__logo_text .logo-img{width:44px;height:44px;margin-right:20px}.header__logo_text .logo-text{font-weight:600;font-size:20px;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;color:#b4d5ff}.header__logo_text .logo-text strong{font-weight:600;color:#fff}.about-block{counter-reset:list;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:80px}.about-block__item{counter-increment:list;position:relative;-ms-flex-preferred-size:360px;flex-basis:360px;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;color:#fff}.about-block__item .animation-wr{overflow:hidden;opacity:1;visibility:visible;width:100%}.about-block__item .about-block__content{width:360px;padding-top:14px}.about-block__item .number{margin-bottom:14px;line-height:22px;letter-spacing:.05em;color:#b4d5ff}.about-block__item .number,.about-block__item .title{font-weight:600;font-size:18px;text-transform:uppercase}.about-block__item .title{margin-bottom:20px;letter-spacing:.15em}.about-block__item .text{font-size:16px;line-height:1.5;color:hsla(0,0%,100%,.8)}.about-block__item .text a{color:#c1e9ff;-webkit-text-decoration-line:underline;text-decoration-line:underline}.about-block__item_contact{cursor:pointer;margin-left:10px}.about-block__item_contact .animation-wr{width:calc(100% + 45px)}.about-block__item_contact .about-block__content{position:relative;padding:36px 50px 50px 30px;background:rgba(178,195,255,.4);border-radius:3px}.about-block__item_contact .about-block__content:before{display:none}.animation-wr .about-block__content:hover .contact-btn{top:18px;right:-44px;width:62px;height:62px}img.emoji,img.wp-smiley{display:inline!important;border:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;height:1em!important;width:1em!important;margin:0 .07em!important;vertical-align:-.1em!important;background:none!important;padding:0!important}.form{opacity:0;visibility:hidden;top:180px;left:calc(50% - 245px);position:absolute;width:490px;height:550px;padding:50px 50px 60px;background:rgba(163,211,255,.3);border-radius:3px}.form-title{text-align:center;font-weight:600;font-size:20px;line-height:1.3;letter-spacing:.15em;text-transform:uppercase;color:#fff}.form-img{width:230px;height:230px;margin:40px auto 55px}.form-text{line-height:1.5;color:hsla(0,0%,100%,.9)}.form-btn,.form-text{font-size:16px;text-align:center}.form-btn{right:0;bottom:0;left:0;position:absolute;display:block;width:100%;height:60px;font-weight:600;line-height:60px;letter-spacing:.15em;text-transform:uppercase;color:#fff;background:rgba(169,204,255,.6);border-radius:3px;-webkit-transition:background .1s ease-in-out;transition:background .1s ease-in-out}.form-btn:hover{background:rgba(169,204,255,.8)}.form .wpforms-container{margin-top:50px}.form .wpforms-field{position:relative;margin:-10px;padding:30px 10px 10px;border-radius:3px}.form .wpforms-field:not(:first-child){margin-top:30px}.form .wpforms-field:after{content:"";right:10px;bottom:10px;left:10px;position:absolute;height:3px;background:rgba(139,192,255,.7);border-radius:3px}.form .wpforms-field-label{top:30px;left:10px;position:absolute;display:block;font-size:16px;line-height:normal;color:hsla(0,0%,100%,.8);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.form .wpforms-field-medium{resize:none;width:100%;height:30px;padding:0 0 12px;font-family:inherit;font-size:16px;line-height:1.3;color:hsla(0,0%,100%,.9);background:none;border:none}.form .wpforms-field-medium::-webkit-input-placeholder{opacity:0}.form .wpforms-field-medium::-moz-placeholder{opacity:0}.form .wpforms-field-medium:-ms-input-placeholder{opacity:0}.form .wpforms-field-medium:-moz-placeholder{opacity:0}.form .wpforms-field-medium.wpforms-error::-webkit-input-placeholder{opacity:1;color:hsla(0,0%,100%,.8)}.form .wpforms-field-medium.wpforms-error::-moz-placeholder{opacity:1;color:hsla(0,0%,100%,.8)}.form .wpforms-field-medium.wpforms-error:-ms-input-placeholder{opacity:1;color:hsla(0,0%,100%,.8)}.form .wpforms-field-medium.wpforms-error:-moz-placeholder{opacity:1;color:hsla(0,0%,100%,.8)}.form .wpforms-field textarea.wpforms-field-medium{height:28px;padding-right:10px;padding-bottom:8px;-webkit-transition:height .2s ease-in-out;transition:height .2s ease-in-out}.form .wpforms-field.wpforms-has-error{background:rgba(255,187,203,.2)}.form .wpforms-field.wpforms-has-error:after{background:#eaabba}.form .wpforms-field.wpforms-has-error .wpforms-field-label{display:none}.form .wpforms-error:not(input):not(textarea),.form .wpforms-field.in-focus .wpforms-field-label{top:10px;left:10px;position:absolute;font-weight:500;font-size:11px;letter-spacing:.03em}.form .wpforms-error:not(input):not(textarea){display:block;line-height:normal;color:#fff}.form .wpforms-submit{right:0;bottom:0;left:0;position:absolute;display:block;width:100%;height:60px;padding:0;font-family:inherit;font-weight:600;font-size:16px;line-height:60px;letter-spacing:.15em;text-transform:uppercase;text-align:center;color:#fff;background:rgba(169,204,255,.6);border-radius:3px;-webkit-transition:background .1s ease-in-out;transition:background .1s ease-in-out}.form .wpforms-submit:hover{background:rgba(169,204,255,.8)}.wpforms-required-label{display:none}.wave-block{overflow:hidden;top:0;right:0}.wave-block,.wave-block__item{bottom:0;left:0;position:absolute}.wave-block__item{width:200%;background-repeat:repeat;background-position:0 100%;-webkit-transform:translate(0);transform:translate(0)}.wave-block__item_first{height:239px;background-image:url(../i/wave.svg);background-size:1920px 239px}.wave-block__item_second{height:168px;background-image:url(../i/wave2.svg);background-size:1920px 168px}.wave-block__item_third{height:290px;background-image:url(../i/wave3.svg);background-size:1920px 290px}body .page-bg:after,body .page-bg:before{-webkit-transition:all .6s ease-in-out .3s;transition:all .6s ease-in-out .3s}body .wave-block__item_first,body .wave-block__item_second,body .wave-block__item_third{-webkit-transition:-webkit-transform 2.5s cubic-bezier(.27,.24,0,1);transition:-webkit-transform 2.5s cubic-bezier(.27,.24,0,1);transition:transform 2.5s cubic-bezier(.27,.24,0,1);transition:transform 2.5s cubic-bezier(.27,.24,0,1),-webkit-transform 2.5s cubic-bezier(.27,.24,0,1)}body .about-block .about-block__item_contact .animation-wr,body .about-block .about-block__item_first .animation-wr,body .about-block .about-block__item_second .animation-wr,body .form,body .header__logo_img .animation-wr,body .page-title .animation-wr{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}body .header__logo_img .animation-wr,body .page-title .animation-wr{-webkit-transition-delay:.7s;transition-delay:.7s}body .about-block .about-block__item_first .animation-wr{-webkit-transition-delay:.9s;transition-delay:.9s}body .about-block .about-block__item_second .animation-wr{-webkit-transition-delay:1s;transition-delay:1s}body .about-block .about-block__item_contact .animation-wr{-webkit-transition-delay:1.1s;transition-delay:1.1s}body .form{-webkit-transition-delay:.2s;transition-delay:.2s}body .header__logo_text .animation-wr{-webkit-transition:all .2s ease-in-out .3s;transition:all .2s ease-in-out .3s}body._is-animated .page-bg:before{right:0;width:100%;-webkit-transition-delay:.3s;transition-delay:.3s}body._is-animated .page-bg:after{right:-221px;-webkit-transition-delay:.3s;transition-delay:.3s}body._is-animated .wave-block__item_first{-webkit-transform:translate(-216px);transform:translate(-216px)}body._is-animated .wave-block__item_second{-webkit-transform:translate(-200px);transform:translate(-200px)}body._is-animated .wave-block__item_third{-webkit-transform:translate(-720px);transform:translate(-720px)}body._is-animated .header__logo_img .animation-wr,body._is-animated .page-title .animation-wr{opacity:0;visibility:hidden;-webkit-transition-delay:.5s;transition-delay:.5s}body._is-animated .about-block .about-block__item_contact .animation-wr,body._is-animated .about-block .about-block__item_first .animation-wr,body._is-animated .about-block .about-block__item_second .animation-wr{opacity:0;visibility:hidden;width:0}body._is-animated .about-block .about-block__item_first .animation-wr{-webkit-transition-delay:.4s;transition-delay:.4s}body._is-animated .about-block .about-block__item_second .animation-wr{-webkit-transition-delay:.3s;transition-delay:.3s}body._is-animated .about-block .about-block__item_contact .animation-wr{-webkit-transition-delay:.2s;transition-delay:.2s}body._is-animated .form{-webkit-transition-delay:.9s;transition-delay:.9s}body._is-animated .form:not(.success-page){opacity:1;visibility:visible}body._is-animated .header__logo_text .animation-wr{opacity:1;visibility:visible;width:100%;-webkit-transition-delay:.8s;transition-delay:.8s}@media (max-width:1439px){.page-wr{min-height:768px}.page{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:1200px;min-height:100%;padding:0 60px}.page-title{margin-top:0;width:680px}.about-block{margin-top:0;margin-bottom:30px}.about-block__item{-ms-flex-preferred-size:326px;flex-basis:326px}.about-block__item .about-block__content{width:326px}.about-block__item_contact .about-block__content{padding-bottom:30px}.form{top:150px}.wave-block__item_first{height:150px;background-size:1205px 150px}.wave-block__item_second{height:110px;background-size:1257px 110px}.wave-block__item_third{height:200px;background-size:1324px 200px}}@media (max-width:1199px){.page{max-width:992px}.page-title{width:540px}.about-block__item{-ms-flex-preferred-size:256px;flex-basis:256px}.about-block__item .about-block__content{width:256px;padding-top:11px}.about-block__item .number{top:10px;font-size:16px;line-height:20px}.about-block__item .title{font-size:16px}.about-block__item .text{font-size:15px}.about-block__item_contact .about-block__content{padding:31px 40px 30px 30px}}@media (max-width:991px){.contact-btn{top:auto;right:30px;bottom:-40px;-webkit-transition:none;transition:none}body{overflow:visible}.page-bg{height:auto}.page-wr{height:auto;min-height:0}.page{max-width:768px;min-height:100vh}.page-title{overflow:hidden;margin-top:80px;width:635px}.page-title:after{content:"creative";display:block;margin-top:40px;font-weight:600;font-size:20px;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;color:#b4d5ff}.page-title img{max-width:none;width:650px}.header{padding:40px 0}.header__logo_img{top:auto;right:auto;bottom:auto;left:auto;position:relative;width:30px}.header__logo_img .logo-img{width:30px;height:30px}.header__logo_text{width:auto}.header__logo_text .header__logo-content{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.header__logo_text .logo-img{width:30px;height:30px}.about-block{-ms-flex-wrap:wrap;flex-wrap:wrap}.about-block__item{-ms-flex-preferred-size:290px;flex-basis:290px;margin-bottom:80px}.about-block__item .about-block__content{width:290px}.about-block__item .title{margin-bottom:15px}.about-block__item_contact{-ms-flex-preferred-size:100%;flex-basis:100%;margin:0 0 100px}.about-block__item_contact .animation-wr{width:100%;padding-bottom:45px}.about-block__item_contact .about-block__content{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.about-block__item_contact .about-block__content .title{-ms-flex-preferred-size:50%;flex-basis:50%;margin-bottom:0}.about-block__item_contact .about-block__content .text{-ms-flex-preferred-size:50%;flex-basis:50%}.animation-wr .about-block__content:hover .contact-btn{top:auto;right:30px;bottom:-40px}.form{top:auto;right:auto;bottom:auto;left:auto;position:relative;margin:100px auto 145px;-webkit-transform:none;transform:none}.wave-block__item_first{height:134px;background-size:1076px 134px}.wave-block__item_second{height:100px;background-size:1143px 100px}.wave-block__item_third{height:159px;background-size:1053px 159px}body .form{opacity:1;visibility:visible}body .form,body .header__logo_text{display:none}body .header__logo_img,body .page-title{display:block}body .about-block{display:-webkit-box;display:-ms-flexbox;display:flex}body .about-block .about-block__item_contact .animation-wr,body .about-block .about-block__item_first .animation-wr,body .about-block .about-block__item_second .animation-wr,body .form,body .header__logo_img .animation-wr,body .header__logo_text .animation-wr,body .page-bg:after,body .page-bg:before,body .page-title .animation-wr,body .wave-block__item_first,body .wave-block__item_second,body .wave-block__item_third{-webkit-transition:none;transition:none}body._is-animated .form:not(.success-page),body._is-animated .header__logo_text{display:block}body._is-animated .about-block,body._is-animated .header__logo_img,body._is-animated .page-title{display:none}body._is-animated .page-bg:before{right:-720px;width:calc(100% + 720px)}body._is-animated .page-bg:after{right:-941px}body._is-animated .wave-block__item_first,body._is-animated .wave-block__item_second,body._is-animated .wave-block__item_third{display:none}}@media (max-width:767px){.back-btn{top:0;left:0;width:36px;height:36px;font-size:14px}.page{max-width:100%;padding:0 25px}.page-title{width:288px;margin-top:100px}.page-title:after{font-size:14px}.page-title img{width:294px}.header{padding:25px 0}.header__logo_text .header__logo-content{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.header__logo_text .logo-img{margin-right:15px}.header__logo_text .logo-text{padding-top:5px;font-size:14px}.header__logo_text .logo-text strong{display:block;margin-bottom:3px}.about-block{margin-top:120px;margin-bottom:40px}.about-block__item{-ms-flex-preferred-size:100%;flex-basis:100%;margin-bottom:50px}.about-block__item .about-block__content{width:100%;padding-top:40px}.about-block__item_contact .about-block__content{display:block;padding:30px 15px 50px}.about-block__item_contact .about-block__content .title{margin-bottom:15px}.form{width:100%;height:auto;min-height:calc(100vh - 104px);margin:10px 0 0;padding:0 0 140px;background:none;border-radius:0}.form-title{padding-left:46px;font-size:16px;line-height:36px;text-align:left}.form-btn{left:-25px;right:-25px;width:calc(100% + 50px);text-align:center;border-radius:0}.form .wpforms-container{margin-top:36px}.form .wpforms-submit{left:-25px;right:-25px;width:calc(100% + 50px);color:#fff;border-radius:0}}@media (max-width:480px){.page{padding:0 15px}.page-title{width:254px;margin-top:80px}.page-title:after{margin-top:30px;font-size:13px}.page-title img{width:260px}.about-block__item .text,.about-block__item .title{font-size:14px}.form-img{width:180px;height:180px;margin-bottom:40px}.form-text{font-size:14px}.form-btn,.form .wpforms-submit{left:-15px;right:-15px;width:calc(100% + 30px)}}
/* Desktop layout (2026-10-09): the page flows from the top, and everything scales with the window height so the
   name and the columns fit short windows too. Extra height goes below, into the waves. The name image is
   800 x 206; its width is what is left after the header, the gaps and the columns (about 315 px tall). */
@media (min-width:992px){
.page-wr{min-height:560px}
.page{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;min-height:100%}
.header{padding:clamp(28px,11vh - 49px,50px) 0}
.header__logo_img{top:clamp(28px,11vh - 49px,50px)}
.page-title{margin-top:clamp(24px,24vh - 108px,108px);width:clamp(400px,200vh - 976px,min(540px,56vw))}
.about-block{margin-top:clamp(32px,16vh - 64px,80px);margin-bottom:30px}
}
@media (min-width:1200px){.page-title{width:clamp(420px,200vh - 953px,680px)}}
@media (min-width:1440px){.page-title{width:clamp(440px,200vh - 860px,800px)}}
/* Button links keep their label beside the circle. */
.about-block .text a{white-space:nowrap}

/* Homepage name (2026-10-09): real text in Syne instead of title.svg. Capitals only, 5 KB, self-hosted.
   The font URL is absolute, the same one functions.php preloads (the CDN rewrites stylesheets but not the preload).
   The name fills the title's width (RIGHTNOUR is 6.71 em wide). CREATIVE sits beside NATHAN, on its baseline, ending
   where RIGHTNOUR ends (Nathan's option 6: 0.12 of the name's size, 0.7 em spacing; docs/creative-settings.md). */
@font-face{font-family:"Syne NR";font-style:normal;font-weight:400 800;font-display:block;src:url(https://nathanrightnour.com/wp-content/themes/nathanrightnour/assets/fonts/syne-caps.woff2) format("woff2");unicode-range:U+20,U+41-5A}
/* Syne lowercase, only for the "play music first" hint. It loads when CREATIVE is first pointed at (name.js). */
@font-face{font-family:"Syne NR";font-style:normal;font-weight:400 800;font-display:block;src:url(https://nathanrightnour.com/wp-content/themes/nathanrightnour/assets/fonts/syne-lower.woff2) format("woff2");unicode-range:U+61-7A}
.page-title{container-type:inline-size}
.nr-name{position:relative;display:inline-block;vertical-align:top;margin:0;padding:0;font-family:"Syne NR",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:calc(100cqi / 6.71);line-height:.95;letter-spacing:.005em;text-transform:uppercase;color:#fff;white-space:nowrap}
.nr-name-base{position:relative;display:block}
.nr-line{position:relative;display:block}
.nr-line:first-child{display:flex;justify-content:space-between;align-items:baseline}
.nr-ch{display:inline-block}
.nr-cr{font-size:max(9px,.12em);line-height:1;letter-spacing:.7em;margin-right:-.7em;color:#b4d5ff}
.nr-cr b{font-weight:inherit}
.nr-cr{cursor:pointer}
.nr-cr{position:relative}
.nr-cr::before{content:"";position:absolute;inset:-12px -4px -12px -12px}
/* Switching the meter shows the new mode's name: it rises out of the top of CREATIVE and fades (assets/js/name.js). */
.nr-mode{position:absolute;font-size:max(9px,.12em);line-height:1;letter-spacing:.7em;color:#fff;white-space:nowrap;pointer-events:none;opacity:0}
/* With no music, a click on CREATIVE says "play music first": Syne lowercase, slanted, a little smaller and dimmer than
   CREATIVE. Its letters come and go one by one, left to right (name.js). */
.nr-mode.nr-hint{font-size:max(9px,.105em);font-weight:500;font-style:italic;text-transform:none;letter-spacing:.06em;color:rgba(255,255,255,.618)}
.nr-hint span{display:inline-block;white-space:pre}
/* ...and the Listen button answers it: two rings spread out from its circle, which stays unfilled. */
.about-block .text a.nr-call::before{animation:nr-call 1s cubic-bezier(.2,.7,.3,1) 2}
@keyframes nr-call{0%{outline:2px solid rgba(255,255,255,.75);outline-offset:0}100%{outline:2px solid rgba(255,255,255,0);outline-offset:20px}}
.nr-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Tablets and phones: the name spans the whole content width. */
@media (max-width:991px){.page-title{width:auto;overflow:visible}.page-title:after{content:none;display:none}}

/* The small logo draws itself (2026-10-09): a white square, then the n at half strength, then the r over its left
   half. On page load, and when the contact panel opens; assets/js/logo.js replays it on hover. */
.nr-n{stroke-dasharray:54.71 54.71}.nr-r{stroke-dasharray:27.86 27.86}
.header__logo_img .nr-n{animation:nr-draw-n .76s cubic-bezier(.55,.05,.35,1) .35s both}
.header__logo_img .nr-r{animation:nr-draw-r .48s cubic-bezier(.45,0,.25,1) 1.25s both}
body._is-animated .header__logo_text .nr-n{animation:nr-draw-n .76s cubic-bezier(.55,.05,.35,1) 1s both}
body._is-animated .header__logo_text .nr-r{animation:nr-draw-r .48s cubic-bezier(.45,0,.25,1) 1.9s both}
@keyframes nr-draw-n{from{stroke-dashoffset:54.71}to{stroke-dashoffset:0}}
@keyframes nr-draw-r{from{stroke-dashoffset:27.86}to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.nr-n,.nr-r{animation:none!important}}

/* Sections 01 and 02 share one height, and their buttons (LISTEN, WIDEBLUESOUND.COM) sit on one line at the bottom;
   Contact is centered against them (2026-10-09). The buttons' own styles live in the Customizer's Additional CSS. */
@media (min-width:768px){
.about-block__item_first,.about-block__item_second,.about-block__item_first .animation-wr,.about-block__item_second .animation-wr{display:flex}
.about-block__item_first .about-block__content,.about-block__item_second .about-block__content{display:flex;flex-direction:column}
.about-block__item_first .text,.about-block__item_second .text,.about-block__item_first .text p,.about-block__item_second .text p{flex:1;display:flex;flex-direction:column}
.about-block__item_first .text p,.about-block__item_second .text p{gap:30px}
.about-block .about-block__item_first .text a,.about-block .about-block__item_second .text a{margin-top:auto}
.about-block__item_contact{align-self:center}
}

/* Leaving the homepage (Contact or Listen): 01, 02 and Contact only fade, quickly and first. The theme also shrank
   their width to 0, which made the text rewrap word by word as it went (2026-10-15). */
@media (min-width:992px){
body._is-animated .about-block .about-block__item_first .animation-wr,body._is-animated .about-block .about-block__item_second .animation-wr{width:100%}
body._is-animated .about-block .about-block__item_contact .animation-wr{width:calc(100% + 45px)}
body._is-animated .about-block .about-block__item_first .animation-wr,body._is-animated .about-block .about-block__item_second .animation-wr,body._is-animated .about-block .about-block__item_contact .animation-wr{transition:opacity .22s ease-out,visibility 0s linear .3s}
body._is-animated .about-block .about-block__item_contact .animation-wr{transition-delay:0s,.22s}
body._is-animated .about-block .about-block__item_second .animation-wr{transition-delay:.04s,.26s}
body._is-animated .about-block .about-block__item_first .animation-wr{transition-delay:.08s,.3s}
}

/* The homepage and Listen always keep room for a scrollbar, so with scrollbars set to always show (a mouse on a Mac)
   the page doesn't move sideways when Listen opens or closes (2026-10-15). */
.page-wr{scrollbar-gutter:stable}
/* Signed in, WordPress adds its 32 px toolbar (46 px on small screens) above the page. The page then fits under it,
   so the window never gets a second scrollbar that Listen would hide and shift the page (2026-10-15). */
html:has(#wpadminbar) .page-wr{height:calc(100vh - 32px)}
@media screen and (max-width:782px){html:has(#wpadminbar) .page-wr{height:calc(100vh - 46px)}}