/* Lodos Botanica: a garden journal in cobalt, apricot and lilac.
   The approved photographic opening stays intact. No ornamental glyphs. */
:root{--cobalt:#3447be;--lilac:#dcd0ee;--apricot:#f3ad78;--citron:#dfeb9c;--plum:#493956}
.bi-icon{display:inline-flex;width:1.2em;height:1.2em;vertical-align:-.18em;align-items:center;justify-content:center;flex-shrink:0}.bi-icon svg{width:100%;height:100%;fill:currentColor}
.hero-slides{position:absolute;inset:0;overflow:hidden}.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;opacity:0;transform:scale(1.04);transition:opacity 1.3s ease,transform 7.5s linear;pointer-events:none}.hero-slide.is-active{opacity:1;transform:scale(1);pointer-events:auto}
.hero-controls{position:absolute;right:32px;bottom:90px;display:flex;align-items:center;gap:5px;z-index:4;color:#3447be;padding:7px 8px 7px 16px;background:#fff9edf2;border:1px solid #ffffffb0;box-shadow:0 3px 18px #162d2017}.hero-controls button{display:grid;place-items:center;width:33px;height:33px;border:0;border-radius:50%;background:transparent;color:#3447be;padding:0;cursor:pointer}.hero-controls button:hover{background:#e2e3f1}.hero-controls .slide-counter{font-size:9px;letter-spacing:.08em;margin-right:12px}.hero-controls .bi-icon{width:18px;height:18px}.hero-controls .play-icon{display:none}.hero-controls.is-paused .play-icon{display:inline-flex}.hero-controls.is-paused .pause-icon{display:none}.hero .scroll-note{display:none}
.intro-photostrip{position:relative;margin:60px 0 0;height:430px;overflow:hidden;border-radius:0 180px 0 0;background:#dcd0ee}.intro-photostrip>img{width:100%;height:100%;object-fit:cover;object-position:center 65%;transition:transform 1s}.intro-photostrip:hover>img{transform:scale(1.035)}.intro-photostrip figcaption{position:absolute;bottom:24px;left:24px;background:#f3d477;color:#493956;padding:15px 19px;transform:rotate(-2deg)}.intro-photostrip figcaption>span{font-size:12px;letter-spacing:.08em;font-weight:600}.intro-photostrip figcaption>small{display:block;font-size:8px;margin-top:3px}
.service-glyph{font-size:30px;line-height:1;margin:0 0 9px;opacity:.9}.service-row h3,.service-row h2{margin-top:12px}.service-row .service-glyph .bi-icon{width:31px;height:31px}
.image-wrap:hover .round-link{transform:translate(3px,-3px);background:#fff9ed}.round-link{transition:transform .3s,background .3s}.region-links a{transition:transform .25s,background .25s}.region-links a:hover{transform:translateY(-3px)}
@media(max-width:800px){.hero-controls{right:22px;bottom:auto;top:360px;padding:5px 6px 5px 12px}.intro-photostrip{height:360px;margin-top:40px;border-radius:0 130px 0 0}.intro-photostrip figcaption{bottom:20px;left:20px}}
@media(max-width:500px){.hero-controls{top:235px;right:17px}.hero-controls button{width:28px;height:28px}.hero-controls .slide-counter{font-size:8px;margin-right:7px}.hero .image-label{bottom:16px;right:15px}.intro-photostrip{height:290px;margin-top:32px;border-radius:0 100px 0 0}.intro-photostrip figcaption{left:15px;bottom:17px;padding:11px 14px}.intro-photostrip figcaption>span{font-size:9px}.service-glyph{font-size:27px;margin:0 0 7px}.service-row h3,.service-row h2{margin-top:12px}.service-row .service-glyph .bi-icon{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none;transform:none}.intro-photostrip:hover>img,.image-wrap:hover img,.image-wrap:hover .round-link,.region-links a:hover{transform:none}}
.garden-index{display:grid;grid-template-columns:repeat(5,1fr);max-width:1800px;margin:auto}
.garden-index a{display:flex;align-items:center;gap:18px;padding:24px 25px;font-family:var(--display);font-size:26px;letter-spacing:-.035em;transition:padding .2s;background:#e4eabd;color:#344b39}
.garden-index a:nth-child(2){background:#dcd0ee;color:#493956}.garden-index a:nth-child(3){background:#3447be;color:#fff}.garden-index a:nth-child(4){background:#f3ad78;color:#573e32}.garden-index a:nth-child(5){background:#f3d477;color:#493f2c}
.garden-index a span{font-family:var(--font);font-size:9px;letter-spacing:.03em;align-self:flex-start;margin-top:3px;opacity:.75}
.garden-index a:hover{padding-left:33px}
.intro .eyebrow{color:var(--cobalt)}.intro h2{color:#3b4052}.intro .text-link{color:var(--cobalt);border-color:#a0a5cf}.section-number{color:#9982b7}
.services-section{background:#f4f0e8;padding-top:95px;padding-bottom:95px}
.services-section .eyebrow,.listing-section .eyebrow{color:#5a4b73}.services-section .section-heading h2{color:#413d55}
.service-list{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;border:0}
.service-row{grid-column:span 7;min-height:310px;padding:45px 36px 34px;border:0!important;background:#dcd0ee;overflow:hidden;color:#443557;isolation:isolate}
.service-row:nth-child(4n+2),.service-row:nth-child(4n+3){grid-column:span 5}
.service-row:nth-child(6n+2){background:#3447be;color:#fff}.service-row:nth-child(6n+3){background:#f3ad78;color:#523d37}.service-row:nth-child(6n+4){background:#dfea9c;color:#3a4c35}.service-row:nth-child(6n+5){background:#a5cdd3;color:#284e5b}.service-row:nth-child(6n+6){background:#f3d477;color:#554632}
.service-row .service-no{position:absolute;top:14px;right:28px;margin:0;font-family:var(--display);font-size:115px;line-height:1;font-style:normal;font-weight:400;color:currentColor;opacity:.17;z-index:-1}
.service-row h3,.service-row h2{font-size:clamp(32px,3.2vw,47px);max-width:85%;line-height:1.08;margin-top:30px;margin-bottom:19px;color:inherit}
.service-row p{font-size:12px;line-height:1.9;max-width:360px;width:82%;color:inherit;opacity:.83}
.service-row .circle-arrow{top:auto;bottom:29px;right:28px;background:transparent;color:inherit;border:1px solid currentColor;width:35px;height:35px;font-size:20px}
.service-row:hover{padding-left:36px;background:#cfc0e4}.service-row:nth-child(6n+2):hover{background:#293ca8}.service-row:nth-child(6n+3):hover{background:#ee9b65}.service-row:nth-child(6n+4):hover{background:#d4e287}.service-row:nth-child(6n+5):hover{background:#95c3cb}.service-row:nth-child(6n+6):hover{background:#edc75f}.service-row:hover .circle-arrow{background:#ffffff2e;color:inherit}
.projects-section{background:var(--cobalt);color:#fff9e9;position:relative;overflow:hidden}
.projects-section .eyebrow{color:#c8cef8}.projects-section .text-link{color:#f2d584;border-color:#b3baf0}.projects-section .small-note{color:#d2d7fb;font-size:10px;max-width:640px}
.projects-section .project-grid{gap:62px;grid-template-columns:1.1fr 1fr}.projects-section .project-card{padding:0 0 20px}.projects-section .project-card:nth-child(2){padding-top:110px}
.projects-section .image-wrap{border-radius:0;aspect-ratio:1.06;border:12px solid #f3ad78;background:#f3ad78;box-shadow:14px 14px 0 #25369b}
.projects-section .project-card:nth-child(2) .image-wrap{border-radius:140px 140px 0 0;border-color:#dcd0ee;background:#dcd0ee;aspect-ratio:.88;box-shadow:14px 14px 0 #25369b}
.projects-section .card-meta{color:#d4dafb;margin-top:31px;font-size:8px}.projects-section .project-card h3{font-size:35px;color:#fff9e9}.projects-section .round-link{color:#3447be;background:#f4d77d}.projects-section .image-label{font-size:7px;background:#fff8e8;color:#3c4353}
.process-section{background:#f7cba7;color:#493f52}.process-title>.eyebrow{color:#73565f}.process-title h2{margin-right:0;max-width:740px}
.steps{gap:0}.step,.step:first-child{border:0;border-left:1px solid #bf987f;padding:6px 25px 0}.step:first-child{padding-left:0;border-left:0}
.step>span{font-family:var(--font);font-style:normal;font-weight:300;letter-spacing:-.08em;font-size:66px;line-height:1;margin-bottom:28px;color:#3447be}.step:nth-child(2)>span{color:#934d63}.step:nth-child(3)>span{color:#607745}.step:nth-child(4)>span{color:#72528c}
.step h3{font-size:29px;color:#463e50}.step p{color:#765d5a;font-size:12px;max-width:250px}
.region-section{background:#f8f6f0}.region-section .eyebrow{color:#795991}.region-section h2{color:#493956}.region-links a{border:1px solid #cac0d8;background:#ebe4f2;color:#5d4674}.region-links a:hover{background:#72528c;color:#fff}
.region-art{position:relative;min-height:420px;border:0;border-radius:0;background:#dcd0ee;color:#493956;align-items:flex-start;justify-content:flex-start;padding:48px 36px;overflow:hidden}
.region-art small{font-family:var(--font);font-size:9px;letter-spacing:.2em;z-index:1;position:relative;color:#725b89}
.region-art strong{font-size:clamp(54px,6vw,89px);font-weight:400;font-style:italic;letter-spacing:-.06em;line-height:1.15;position:relative;margin:30px 0 18px;z-index:1}
.region-art>span{position:relative;top:auto;left:auto;font-size:13px;line-height:1.8;color:#6c587e;z-index:1}
.route-lines{display:flex;position:absolute;bottom:0;right:0;left:0;height:55px}.route-lines i{flex:1;background:#3447be}.route-lines i:nth-child(2){background:#f3ad78}.route-lines i:nth-child(3){background:#b7ca8a}.route-lines i:nth-child(4){background:#aa8dc4}.route-lines i:nth-child(5){background:#f3d477}
.journal-section{background:#ede9de}.journal-section .eyebrow{color:#8d5f4f}.journal-section h2{color:#574348}
.journal-grid{gap:48px;align-items:start}.journal-grid article{padding:22px 22px 26px;background:#e3d6ef;border-top:8px solid #9b7ab5;transform:rotate(-1.15deg);box-shadow:0 7px 0 #dbd5c6}
.journal-grid article:nth-child(2){background:#f6d5b6;border-color:#d88a56;transform:rotate(1.15deg);margin-top:45px}
.journal-image{height:270px}.journal-grid .card-meta{color:#775f82;font-size:8px}.journal-grid article:nth-child(2) .card-meta{color:#8d624b}
.journal-grid h3{font-size:32px;color:#503c5f}.journal-grid article:nth-child(2) h3{color:#744d3a}.journal-grid p{color:#726378;font-size:12px}.journal-grid article:nth-child(2) p{color:#8a6b55}
.contact-section{background:#f1d47f;color:#45454c}.contact-section .eyebrow{color:#866b37}.contact-section h2{color:#4d4355}.contact-section p,.contact-section address{color:#83704e}.contact-phone,.contact-section .text-link{color:#3447be;border-color:#bba168}
.form-wrap{background:#fff9ed;padding:35px 30px;border-top:8px solid #3447be;box-shadow:12px 12px 0 #d9b85f}
.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{border-color:#c9c3b3}.contact-form .button{background:#3447be;border-color:#3447be}.contact-form .button:hover{background:#283ba8}
.site-footer{background:#3447be;color:#f6f1e4}.footer-top,.footer-bottom{border-color:#6774ce}.footer-motto{color:#f7db89}.footer-grid>div:first-child,.footer-bottom{color:#cdd3f3}.footer-word{color:#dfea9c}.footer-word>span{display:none}.footer-top .brand{background:#fbf9f3;border-radius:3px}.footer-extra a{background:#4e61ce;color:#fff9ed}
.page-heading{background:#dcd0ee}.page-heading h1{color:#493956}.page-heading>.eyebrow{color:#72528c}.floating-contact{background:#f3d477;border-color:#d9b95c;color:#3447be}
@media(max-width:1100px){.garden-index a{padding:22px 18px;font-size:23px;gap:12px}.garden-index a:hover{padding-left:22px}.service-row{padding:32px 28px;min-height:285px}.service-row:hover{padding-left:28px}.service-row h3,.service-row h2{font-size:36px}.service-row .service-no{font-size:96px}.step,.step:first-child{padding-right:18px;padding-left:18px}.step:first-child{padding-left:0}.journal-grid{gap:30px}.journal-image{height:230px}.region-art{padding:40px 29px;min-height:390px}.form-wrap{padding:28px 24px}.projects-section .project-grid{gap:40px}}
@media(max-width:800px){.garden-index{grid-template-columns:repeat(5,minmax(0,1fr))}.garden-index a{display:block;padding:18px 12px;font-size:21px}.garden-index a span{display:block;margin:0 0 8px;font-size:8px}.garden-index a:hover{padding-left:12px}.service-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.service-row,.service-row:nth-child(4n+2),.service-row:nth-child(4n+3){grid-column:auto;min-height:290px;border:0!important;padding:30px 25px}.service-row:hover{padding-left:25px}.service-row h3,.service-row h2{font-size:34px;max-width:95%}.service-row p{font-size:11px;max-width:95%;width:95%}.service-row .circle-arrow{bottom:20px;right:20px;width:31px;height:31px}.service-row .service-no{right:20px;font-size:94px}.projects-section .project-grid{gap:28px}.projects-section .project-card:nth-child(2){padding-top:65px}.projects-section .image-wrap{border-width:8px;box-shadow:8px 8px 0 #25369b}.projects-section .project-card:nth-child(2) .image-wrap{border-radius:100px 100px 0 0;box-shadow:8px 8px 0 #25369b}.projects-section .project-card h3{font-size:30px}.process-title h2{max-width:600px}.steps{gap:30px 25px}.step,.step:first-child{padding:0 0 0 20px;border:0;border-left:1px solid #bf987f}.step:nth-child(odd){border-left:0;padding-left:0}.step>span{font-size:58px;margin-bottom:20px}.region-art{max-width:none;min-height:340px;order:2}.region-art strong{font-size:78px;margin:19px 0 12px}.route-lines{height:40px}.journal-grid{gap:30px}.journal-image{height:210px}.journal-grid article{padding:17px}.journal-grid h3{font-size:29px}.form-wrap{padding:30px}.footer-motto{color:#f7db89}}
@media(max-width:500px){.garden-index{grid-template-columns:repeat(3,minmax(0,1fr))}.garden-index a{padding:15px 12px;font-size:22px;min-height:88px}.garden-index a:nth-child(4){grid-column:span 1}.garden-index a:nth-child(5){grid-column:span 2}.garden-index a span{font-size:7px;margin-bottom:7px}.service-list{grid-template-columns:1fr;gap:13px}.service-row,.service-row:nth-child(4n+2),.service-row:nth-child(4n+3){min-height:245px;padding:28px 26px;border:0!important}.service-row:hover{padding-left:26px}.service-row h3,.service-row h2{font-size:36px;margin-top:24px;max-width:88%}.service-row p{font-size:11px;width:82%;max-width:270px}.service-row .service-no{font-size:99px;right:23px;top:12px}.service-row .circle-arrow{right:23px;bottom:23px}.projects-section .project-grid{grid-template-columns:1fr;gap:35px}.projects-section .project-card:nth-child(2){padding-top:0}.projects-section .image-wrap{aspect-ratio:1.1;border-width:10px}.projects-section .project-card:nth-child(2) .image-wrap{aspect-ratio:1.03;border-radius:120px 120px 0 0}.projects-section .project-card h3{font-size:32px}.projects-section .card-meta{font-size:7px;margin-top:25px}.projects-section>.small-note{font-size:9px}.step,.step:first-child{border-top:0;padding-top:0}.step>span{font-size:52px}.step h3{font-size:27px}.step p{font-size:10px}.steps{gap:30px 21px}.region-art{min-height:340px;padding:35px 27px}.region-art strong{font-size:75px;margin:22px 0 15px}.region-art>span{font-size:12px}.journal-grid{gap:32px}.journal-grid article,.journal-grid article:nth-child(2){transform:none;margin:0;padding:18px;border-width:7px}.journal-image{height:235px}.journal-grid h3{font-size:31px}.journal-grid p{font-size:11px}.form-wrap{padding:25px 21px;box-shadow:7px 7px 0 #d9b85f}.contact-section h2{font-size:45px}.footer-top .brand{width:140px}.footer-motto{font-size:25px}}

/* Keep the icon-to-title rhythm consistent across the poster breakpoints. */
.service-row h3,.service-row h2{margin-top:12px}