/* Two refinements of Annika's new sketch, using its brand and image material. */
.refinement{--ink:#163c30;--green:#173f32;--gold:#98753c;--paper:#fff;--muted:#54665c;background:var(--paper);color:var(--ink)}
.refinement h1,.refinement h2,.refinement h3{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.045em;font-weight:400}
.refinement em{font-weight:400;color:#60724d}
.n-wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}
.n-section{padding-block:100px}
.n-header{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:105px;background:#fff}
.n-brand{display:block;width:194px;flex-shrink:0}
.refinement .ref-crop{display:block;background-image:url('assets/annika-reference.png');background-repeat:no-repeat;min-width:0;width:100%;max-width:100%}
.n-nav{display:flex;align-items:center;gap:30px;font-size:14px}
.n-nav a:hover{text-decoration:underline;text-underline-offset:6px}
.n-mobile-menu{display:none}
.refinement .button{border-radius:30px;min-height:48px;font-size:15px;gap:22px;padding:13px 23px;max-width:100%}
.n-header>.button{min-height:43px;padding-block:10px;font-size:14px}
.n-eyebrow{font-size:13px;line-height:1.5;text-transform:uppercase;letter-spacing:.13em;font-weight:600;margin-bottom:22px;color:var(--gold)}
.n-intro{font-size:22px;line-height:1.45}
.n-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:28px}
.n-hero-calm{position:relative;background:linear-gradient(90deg,#f8f9f5f2 0%,#f8f9f5d9 24%,#f8f9f594 40%,transparent 58%),url('assets/reference-hero-clean.png') center 36%/cover}
.n-hero-calm>.n-wrap{position:relative;padding-block:76px 85px;min-height:605px}
.n-hero-calm .n-hero-copy{width:48%;max-width:595px}
.n-hero h1{font-size:clamp(48px,5.4vw,78px);line-height:1.02;margin-bottom:25px}
.n-hero-calm h1 em{color:#173f32}
.n-hero-copy>.n-intro{max-width:440px;margin-bottom:20px}
.n-hero-copy>p:not(.n-eyebrow){max-width:490px}
.n-hero-name{position:absolute;right:2%;bottom:27px;font-size:15px;color:#fff;text-shadow:0 1px 5px #153f32}
.n-hero-name span{display:block;text-align:right;font-size:13px;margin-top:4px}
.n-values{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:27px;border-bottom:1px solid #d6ded4;font-size:14px;color:#566a5c}
.n-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:38px}
.n-heading h2{font-size:clamp(36px,4.1vw,58px);line-height:1.07}
.n-heading>p{max-width:340px;color:var(--muted);padding-bottom:5px}
.n-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}
.n-service{min-width:0;display:flex;flex-direction:column}
.n-service>.ref-crop{border-radius:8px 8px 0 0}
.n-service-copy{padding:20px 0 0;display:flex;flex:1;flex-direction:column}
.n-number{font-size:12px;letter-spacing:.12em;color:var(--gold);margin-bottom:14px}
.n-service h3{font-size:26px;line-height:1.12;margin-bottom:14px}
.n-service p{color:var(--muted);font-size:16px;line-height:1.65;margin-bottom:20px}
.n-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px;min-height:44px;border-bottom:1px solid #bbc9bd;padding-block:10px;margin-top:auto}
.n-text-link:hover{color:#8b662b;border-color:#8b662b}
.n-course{background:#153d31;color:#fff}
.n-course-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:85px;align-items:center}
.n-course-art{min-width:0;position:relative}
.n-course-art>.ref-crop{border-radius:8px}
.n-course-art>p{font:italic 35px/1.25 Georgia,serif;color:#d3dec4;margin-top:30px}
.n-course h2{font-size:clamp(44px,4.8vw,69px);line-height:1.03;margin-bottom:25px}
.n-course h2 em{color:#d2ddbf}
.n-course .n-eyebrow{color:#d6c292}
.n-course .n-intro{font-size:22px;max-width:440px;margin-bottom:18px}
.n-course-copy>p:not(.n-eyebrow){color:#e4eadf;max-width:540px}
.n-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border-block:1px solid #ffffff30;padding-block:24px;margin:28px 0}
.n-facts dt{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#c9d5c9;margin-bottom:10px}
.n-facts dd{margin:0;font-size:17px;line-height:1.4}
.n-facts small{display:block;font-size:12px;font-weight:400}
.n-course .button{background:#e7dfc8;color:#153d31;border-color:#e7dfc8}
.n-course-date{font-size:13px;line-height:1.5;color:#d0d9ce}
.n-about{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:115px;align-items:center}
.n-about-photo>.ref-crop{border-radius:8px}
.n-about-photo>span:last-child{display:block;font-size:14px;letter-spacing:.025em;margin-top:20px;color:var(--muted)}
.n-about h2{font-size:clamp(42px,4.3vw,62px);margin-bottom:24px}
.n-about .n-intro{font-size:21px;margin-bottom:20px}
.n-about-copy>p:not(.n-eyebrow){max-width:530px}
.n-about .button{margin-top:28px}
.n-future{border-top:1px solid #d4dcd1;display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:55px;align-items:center;padding-block:42px;margin-bottom:90px}
.n-future>.ref-crop{border-radius:5px}
.n-future h2{font-size:35px;line-height:1.12;margin-bottom:16px}
.n-future h2 br{display:none}
.n-future p:not(.n-eyebrow){max-width:650px;color:var(--muted)}
.n-future .n-eyebrow{margin-bottom:12px}
.n-future .n-text-link{margin-top:15px}
.n-contact{background:#eef1e8}
.n-contact-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:100px;align-items:center}
.n-contact h2{font-size:clamp(45px,4.8vw,68px);line-height:1.05;margin-bottom:25px}
.n-contact-grid>div>p:last-child{max-width:505px;color:#4e6255}
.n-contact address{font-style:normal;display:flex;flex-direction:column;gap:14px;min-width:0;border-left:1px solid #c8d2c4;padding-left:45px}
.n-contact address strong{font-size:clamp(17px,1.8vw,25px);font-weight:400;overflow-wrap:anywhere}
.n-contact address span{font-size:14px;color:#5b6c5b}
.n-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:30px;font-size:14px}
.n-footer>.n-brand{width:166px}
.n-footer>span{color:var(--muted)}
.n-reference-note{font-size:13px;color:var(--muted);padding-bottom:23px}
.n-reference-note summary{cursor:pointer;padding-block:10px}
.n-reference-note p{font-size:14px;max-width:750px;margin-top:10px}
/* C gives the current course more prominence and uses a two-column service catalogue. */
.refinement-c{--gold:#9b783a;--muted:#53655b}
.n-hero-focus{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center;padding-block:50px 75px}
.n-hero-focus h1{font-size:clamp(60px,7.5vw,107px);line-height:.96;margin-bottom:27px}
.n-hero-focus h1 em{color:#789068}
.n-hero-focus .n-intro{font-size:24px;line-height:1.3}
.n-focus-photo{margin:0;min-width:0}
.n-focus-photo img{width:100%;height:580px;object-fit:cover;object-position:66% center;border-radius:200px 200px 4px 4px}
.n-focus-photo figcaption{display:flex;justify-content:space-between;gap:18px;margin-top:20px;font-size:13px;line-height:1.6}
.n-focus-photo figcaption span:last-child{font-family:Georgia,serif;font-style:italic;color:#6c785e}
.refinement-c .n-course{background:#f3f1e7;color:#173f32;padding-block:65px;border-block:1px solid #e0dfd2}
.refinement-c .n-course-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:75px}
.refinement-c .n-course-art>p{display:none}
.refinement-c .n-course h2{font-size:54px}
.refinement-c .n-course h2 br{display:none}
.refinement-c .n-course h2 em{color:#71845a}
.refinement-c .n-course .n-eyebrow{color:#8d6f35}
.refinement-c .n-course-copy>p:not(.n-eyebrow){color:#49604e}
.refinement-c .n-facts{border-color:#cdd3c0}
.refinement-c .n-facts dt,.refinement-c .n-course-date{color:#5b6e55}
.refinement-c .n-course .button{background:#173f32;color:#fff;border-color:#173f32}
.refinement-c .n-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.refinement-c .n-service{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:25px;border-top:1px solid #d4ddcf;padding-top:25px}
.refinement-c .n-service>.ref-crop{align-self:start;border-radius:4px}
.refinement-c .n-service-copy{padding:0}
.refinement-c .n-service h3{font-size:27px}
.refinement-c .n-about{border-top:1px solid #d4ddcf;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}
.refinement-c .n-future{background:#eff2e9;padding:35px;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);border:0;border-radius:8px}
.refinement-c .n-contact{background:#163d31;color:#fff}
.refinement-c .n-contact em{color:#ccdabd}
.refinement-c .n-contact .n-eyebrow{color:#d0bd91}
.refinement-c .n-contact-grid>div>p:last-child,.refinement-c .n-contact address span{color:#d2dfd0}
.refinement-c .n-contact address{border-color:#ffffff35}
@media(max-width:1100px){.n-wrap{width:calc(100% - 56px)}.n-header{gap:22px}.n-header>.button{display:none}.n-nav{gap:24px}.n-hero-calm .n-hero-copy{width:53%}.n-hero-calm>.n-wrap{min-height:580px;padding-block:60px}.n-hero h1{font-size:58px}.n-hero-name{right:0}.n-course-grid,.n-about,.n-contact-grid{gap:50px}.n-service-grid{gap:20px}.n-service h3{font-size:23px}.n-values{font-size:13px}.n-hero-focus{gap:50px}.n-hero-focus h1{font-size:80px}.n-focus-photo img{height:540px}.refinement-c .n-course-grid{gap:40px}.refinement-c .n-course h2{font-size:44px}.refinement-c .n-service{gap:18px;grid-template-columns:1fr 1.3fr}.refinement-c .n-service h3{font-size:24px}}
@media(max-width:800px){.n-section{padding-block:70px}.n-header{min-height:85px}.n-brand{width:170px}.n-nav{gap:16px;font-size:13px}.n-hero-calm .n-hero-copy{width:60%}.n-hero-calm{background-position:58% center}.n-hero-calm>.n-wrap{padding-block:45px;min-height:540px}.n-hero h1{font-size:49px}.n-intro{font-size:20px}.n-hero-name{display:none}.n-values{flex-wrap:wrap;gap:12px 25px;justify-content:flex-start}.n-heading{gap:35px}.n-heading>p{max-width:260px}.n-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}.n-service h3{font-size:27px}.n-course-grid,.refinement-c .n-course-grid{grid-template-columns:1fr;gap:35px}.n-course-art{max-width:460px}.n-course-art>p{display:none}.n-course h2{font-size:53px}.n-about{gap:35px;grid-template-columns:1fr 1.3fr}.n-about h2{font-size:42px}.n-about .n-intro{font-size:19px}.n-future{gap:30px;margin-bottom:65px}.n-contact-grid{gap:35px}.n-contact address{padding-left:25px}.n-hero-focus{gap:35px;padding-block:30px 55px}.n-hero-focus h1{font-size:65px}.n-focus-photo img{height:490px}.n-focus-photo figcaption{flex-direction:column;gap:4px}.refinement-c .n-service{grid-template-columns:1fr;padding-top:20px}.refinement-c .n-service>.ref-crop{max-width:none}.refinement-c .n-service h3{font-size:27px}.refinement-c .n-course-art{max-width:410px}.refinement-c .n-course h2{font-size:49px}.n-contact h2{font-size:50px}}
@media(max-width:600px){.n-wrap{width:calc(100% - 40px)}.n-header{min-height:80px}.n-nav{display:none}.n-mobile-menu{display:block;position:relative;font-size:15px}.n-mobile-menu summary{cursor:pointer;padding:14px 0 14px 20px}.n-mobile-menu nav{position:absolute;top:46px;right:0;width:230px;z-index:25;background:#fff;padding:15px;box-shadow:0 6px 25px #143d3225}.n-mobile-menu nav a{display:block;padding:12px}.n-section{padding-block:52px}.n-hero-calm{background-image:linear-gradient(to bottom,transparent 185px,#f7f9f2 285px),url('assets/reference-hero-clean.png');background-size:100% 100%,auto 295px;background-position:top,65% top;background-repeat:no-repeat}.n-hero-calm>.n-wrap{padding-block:275px 38px;min-height:0}.n-hero-calm .n-hero-copy{width:100%;max-width:none}.n-hero h1{font-size:48px;margin-bottom:22px}.n-hero-copy>.n-intro{font-size:21px}.n-eyebrow{font-size:12px;margin-bottom:18px}.n-actions{gap:12px;margin-top:24px}.refinement .button{font-size:14px;padding-inline:20px}.n-values{font-size:13px;padding-block:20px;gap:10px}.n-values span{width:100%}.n-values span:last-child{display:none}.n-heading{display:block;margin-bottom:27px}.n-heading h2{font-size:40px}.n-heading>p{max-width:none;margin-top:20px}.n-service-grid{gap:30px 18px}.n-service-copy{padding-top:15px}.n-service h3,.refinement-c .n-service h3{font-size:24px}.n-service p{font-size:16px;line-height:1.5;margin-bottom:10px}.n-number{margin-bottom:9px}.n-text-link{font-size:14px;line-height:1.4;gap:12px}.n-course-grid{gap:30px}.n-course h2{font-size:48px}.n-course .n-intro{font-size:21px}.n-facts{gap:14px}.n-facts dd{font-size:15px}.n-facts dt{font-size:12px}.n-course-date{font-size:13px}.n-about,.refinement-c .n-about{grid-template-columns:1fr;gap:30px}.n-about-photo{max-width:440px}.n-about h2{font-size:44px}.n-about .n-intro{font-size:21px}.n-future,.refinement-c .n-future{grid-template-columns:1fr;gap:25px;padding-block:30px;margin-bottom:50px}.refinement-c .n-future{padding:25px}.n-future>.ref-crop{max-width:380px}.n-future h2{font-size:33px}.n-contact-grid{grid-template-columns:1fr;gap:32px}.n-contact h2{font-size:49px}.n-contact address{padding:25px 0 0;border-left:0;border-top:1px solid #c8d2c4}.n-contact address strong{font-size:22px}.n-footer{flex-wrap:wrap;gap:20px;padding-block:25px}.n-footer>span{order:3;width:100%;font-size:13px}.n-footer>.n-brand{width:160px}.n-reference-note summary{font-size:13px}.n-hero-focus{grid-template-columns:1fr;gap:35px;padding-block:25px 45px}.n-hero-focus h1{font-size:67px}.n-hero-focus h1 br:last-of-type{display:none}.n-hero-focus h1 em{margin-right:.14em}.n-hero-focus .n-intro{font-size:24px}.n-focus-photo img{height:430px;border-radius:170px 170px 4px 4px;object-position:65% center}.n-focus-photo figcaption{flex-direction:row;gap:20px;font-size:12px}.refinement-c .n-course{padding-block:45px}.refinement-c .n-course h2{font-size:45px}.refinement-c .n-course h2 br{display:initial}.refinement-c .n-course-grid{gap:30px}.refinement-c .n-service-grid{gap:35px 18px}.refinement-c .n-service{gap:18px}.refinement-c .n-contact address{border-top-color:#ffffff35}}
@media(max-width:370px){.n-service-grid,.refinement-c .n-service-grid{grid-template-columns:1fr}.n-hero h1{font-size:44px}.n-hero-focus h1{font-size:62px}.n-facts{grid-template-columns:1fr;gap:15px}.n-facts div{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.n-facts dt{margin:0}.n-facts dd{text-align:right}.n-focus-photo img{height:365px}}