/* D reconstructs the supplied sketch; A/B/C keep their existing styles. */
.variant-d{--ink:#123b30;--green:#0f3d30;--paper:#faf9f5;color:#172e29;background:#f9f8f4}
.reference-site{max-width:1440px;margin:auto;background:#faf9f6;container-type:inline-size}
.variant-d h1,.variant-d h2,.variant-d h3{color:#103b2e;letter-spacing:-.035em;font-family:Georgia,'Times New Roman',serif;font-weight:500}
.variant-d .button{border-radius:30px;min-height:40px;padding:9px 20px;font-size:14px;gap:17px;background:linear-gradient(90deg,#123f32,#0c3329);white-space:normal}
.variant-d .button.secondary{background:#ffffff32;color:#16352d;border-color:#16352d}
.variant-d p{font-size:16px;line-height:1.35}
.variant-d p+p{margin-top:8px}
.d-header{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:72px;padding:8px 4%;background:#fff}
.d-header>a:first-child{width:205px;flex-shrink:0}
.d-desktop-nav{display:flex;gap:22px;font-size:14px;align-items:center}
.d-desktop-nav a{padding-block:10px}
.d-desktop-nav a[aria-current]{text-decoration:underline;text-underline-offset:10px}
.d-mobile-nav{display:none}
.d-hero{position:relative;min-height:440px;padding:28px 8% 18px;background:linear-gradient(90deg,#ffffffb5 0%,#ffffff70 34%,transparent 48%),url('assets/reference-hero-clean.png') center 35%/cover}
.d-hero-copy{position:relative;width:48%;max-width:560px}
.d-hero h1{font-size:clamp(38px,4cqw,58px);line-height:1.02;margin-bottom:7px;text-wrap:initial}
.variant-d .d-subtitle{font-family:Georgia,'Times New Roman',serif;font-size:clamp(22px,2.15cqw,30px);line-height:1.08;color:#153b2d;margin-bottom:10px}
.d-hero-copy>p:not(.d-subtitle):not(.d-hand){max-width:520px}
.d-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:13px}
.variant-d .d-hand{font-family:'Segoe Print','Bradley Hand','Comic Sans MS',cursive;font-weight:400;line-height:1.35;font-size:clamp(20px,2cqw,28px);transform:rotate(-7deg)}
.variant-d .d-hero-sign{margin:14px 0 0 45px;font-size:22px}
.d-hero-message{position:absolute;right:3.5%;top:35px;bottom:25px;width:19%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.d-hero-message .d-byline{margin-top:17px;line-height:1.3;font-size:16px}
.d-byline span{font-size:14px}
.variant-d .d-lifeline{margin-top:auto;font-size:21px;color:#fff;text-shadow:0 1px 4px #173a32}
.d-section-heading{text-align:center;padding:8px 20px 10px}
.d-section-heading h2{font-size:clamp(25px,2.25cqw,32px);line-height:1.15;margin-bottom:3px}
.d-section-heading p{font-size:16px}
.d-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:0 3.3% 13px}
.d-service-grid article{display:flex;flex-direction:column;min-width:0}
.d-service-grid h3{font-size:clamp(21px,1.8cqw,26px);line-height:1.08;margin:8px 13px 7px;text-wrap:initial}
.d-service-grid article>p{margin:0 13px 5px}
.d-read{margin:0 13px;margin-top:auto;padding-top:7px;min-height:34px;display:flex;gap:12px;align-items:center;font-size:16px}
.d-read:hover{text-decoration:underline}
.ref-crop{display:block;background-image:url('assets/annika-reference.png');background-repeat:no-repeat;flex-shrink:0;overflow:hidden}
.d-band{display:grid;align-items:center;gap:25px;padding:10px 1.7%;border-top:1px solid #eeeae1}
.d-course{grid-template-columns:35.5% minmax(0,1fr) 13%}
.d-course-copy{padding-block:5px}
.d-kicker{color:#8e6329;letter-spacing:.035em;margin-bottom:6px!important;font-size:14px!important}
.d-band h2{font-size:clamp(26px,2.6cqw,37px);line-height:1.05;margin-bottom:8px;text-wrap:initial}
.d-band .d-subtitle{font-size:clamp(19px,1.65cqw,23px);margin-bottom:8px}
.d-facts{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;list-style:none;margin:12px 0;padding:0;font-size:14px}
.d-facts li{border-left:2px solid #a18c57;padding-left:8px}
.d-course .d-pending{font-size:12px;margin-top:6px;color:#59665d}
.d-sticker{text-align:center;padding:26px 10px;border-radius:50%;color:#33342b;aspect-ratio:1/.98;display:flex;align-items:center;justify-content:center}
.d-peach{background:#ead9c7}.d-sage{background:#d5dbc6}
.d-future{grid-template-columns:29% minmax(0,1fr) 15%;padding-block:10px;background:#f7f6ef}
.d-future .button,.d-about .button{margin-top:10px}
.d-future .d-subtitle{font-family:Arial,Helvetica,sans-serif;font-size:18px}
.d-future .d-hand{font-size:25px}
.d-about{grid-template-columns:31% minmax(0,1fr) 18%;gap:34px;padding-block:0}
.d-about h2{font-size:25px;line-height:1.1}
.d-about>div:not(.d-signature){padding-block:10px}
.d-signature{text-align:center;color:#4f3b2f}
.d-signature span{display:block;margin-top:14px;font-size:33px}
.d-quote{padding:14px 20px 12px;text-align:center;color:#fff;background:linear-gradient(90deg,#123a5360,#173a3220),url('assets/jetty.jpg') center 60%/cover}
.d-quote blockquote{font:clamp(23px,2.25cqw,32px)/1.18 Georgia,serif;letter-spacing:0;margin:0 0 12px;text-shadow:0 1px 3px #173747}
.d-quote p{font-size:14px}
.d-contact{display:grid;grid-template-columns:minmax(0,43fr) minmax(0,16fr) minmax(0,41fr);align-items:center;padding-left:4%;background:#f7f6ef}
.d-contact>*{min-width:0;max-width:100%}
.d-contact>div{padding-block:16px}
.d-contact h2{font-size:32px;margin-bottom:12px}
.d-contact .button{margin-top:12px}
.ref-footer-logo{width:100%;align-self:center}
/* The crop's aspect ratio plus minimum height used to force this grid item wider than its column. */
.reference-site .ref-footer-scene{align-self:stretch;min-height:180px;width:100%;min-width:0;aspect-ratio:auto}
.d-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:28px 5%;background:#fff;font-size:14px;flex-wrap:wrap}
.d-reference-note{background:#fff;padding:10px 5% 20px;color:#607168;font-size:14px}
.d-reference-note summary{cursor:pointer;padding-block:8px}
.d-reference-note p{font-size:14px;max-width:700px;padding:10px 0}
@media(max-width:1200px){.d-desktop-nav{gap:13px}.d-header{gap:15px;padding-inline:3%}.d-header>a:first-child{width:170px}.d-header-cta{display:none!important}.d-hero{padding-left:6%;min-height:435px}.d-hero-copy{width:49%}.d-hero-message{right:2%;width:19%}.d-hero-message .d-hand{font-size:23px}.d-service-grid{gap:18px}.d-service-grid h3,.d-service-grid article>p,.d-read{margin-inline:6px}.d-band{gap:20px}.d-band .d-hand{font-size:22px}.d-about{gap:20px}.d-about h2{font-size:22px}.d-contact h2{font-size:28px}.d-contact p{font-size:15px}.d-contact{grid-template-columns:46% 16% 38%}.d-footer{padding-inline:3%;gap:15px}}
@media(max-width:850px){.d-hero{min-height:450px;padding-left:4%;background-position:58% center}.d-hero-copy{width:55%}.d-hero-message{display:none}.d-hero h1{font-size:42px}.d-hero-copy>p{font-size:16px}.d-hero-copy .d-subtitle{font-size:25px}.d-hero-sign{font-size:20px!important}.d-actions{gap:8px}.d-actions .button{font-size:13px;padding:10px 14px}.d-desktop-nav{gap:12px;font-size:12px}.d-band{gap:18px}.d-course{grid-template-columns:33% 1fr}.d-sticker{display:none}.d-future{grid-template-columns:31% 1fr}.d-about{grid-template-columns:31% 1fr}.d-signature{display:none}.d-service-grid{gap:16px;padding-inline:3%}.d-service-grid h3{font-size:21px}.d-service-grid article>p{font-size:15px}.d-read{font-size:14px}.d-contact{grid-template-columns:62% 38%}.ref-footer-logo{display:none}.d-footer{justify-content:flex-start;column-gap:28px}}
@media(max-width:600px){.d-header{min-height:68px;padding:8px 20px}.d-header>a:first-child{width:175px}.d-desktop-nav{display:none}.d-mobile-nav{display:block;position:relative;font-size:16px}.d-mobile-nav summary{cursor:pointer;padding:12px 0 12px 15px}.d-mobile-nav nav{position:absolute;z-index:20;right:0;top:46px;background:#fff;box-shadow:0 8px 25px #173a3225;width:220px;padding:12px}.d-mobile-nav nav a{display:block;padding:12px}.d-hero{padding:275px 22px 22px;background-image:linear-gradient(to bottom,transparent 200px,#faf9f4 300px),url('assets/reference-hero-clean.png');background-size:100% 100%,auto 315px;background-repeat:no-repeat;background-position:top,64% top;min-height:0}.d-hero-copy{width:100%;max-width:none}.d-hero h1{font-size:43px;line-height:1.03}.d-hero-copy .d-subtitle{font-size:26px}.d-hero-copy>p{max-width:none}.d-hero-sign{margin-left:18px!important;margin-top:20px!important}.d-actions .button{font-size:14px}.d-section-heading{padding:23px 20px 17px}.d-section-heading h2{font-size:27px}.d-section-heading p{font-size:15px;margin-top:7px}.d-service-grid{grid-template-columns:1fr 1fr;gap:25px 17px;padding:0 18px 25px}.d-service-grid h3{font-size:22px;margin-top:10px}.d-service-grid h3,.d-service-grid article>p,.d-read{margin-inline:0}.d-service-grid article>p{font-size:16px;line-height:1.4}.d-read{font-size:15px;padding-top:10px}.d-band,.d-course,.d-future,.d-about{grid-template-columns:1fr;padding:20px 18px;gap:19px}.d-course-picture{max-width:none}.d-band h2{font-size:31px}.d-band .d-subtitle{font-size:22px}.d-band p{line-height:1.45}.d-facts{font-size:14px;gap:14px;justify-content:flex-start}.d-future>.ref-crop,.d-about>.ref-crop{width:100%;max-width:440px}.d-about h2{font-size:26px}.d-about h2 br{display:none}.d-quote{padding:25px 18px}.d-quote blockquote{font-size:25px}.d-quote blockquote br{display:none}.d-contact{grid-template-columns:1fr;padding:22px}.d-contact>div{padding:0}.d-contact h2{font-size:32px}.d-contact p{font-size:16px;line-height:1.45}.d-contact p br{display:none}.ref-footer-scene{display:none}.d-footer{padding:22px;gap:15px;flex-direction:column;align-items:flex-start}.d-reference-note{padding-inline:22px}}
@media(max-width:360px){.d-service-grid{grid-template-columns:1fr}.d-hero h1{font-size:39px}}