/* Every profession has its own structure; variables only tie together the palette. */
.profession-artisan{--sector-ink:#26343a;--sector-accent:#80601c;--sector-paper:#f4f0e6}.profession-commerce{--sector-ink:#592c2a;--sector-accent:#9a422d;--sector-paper:#fbf0df}.profession-hebergement{--sector-ink:#344c47;--sector-accent:#806331;--sector-paper:#f4f2e9}.profession-paysage{--sector-ink:#2d4f38;--sector-accent:#4f692b;--sector-paper:#eff2e5}
.example-site[class*=profession-]{background:var(--sector-paper);color:var(--sector-ink)}.example-site[class*=profession-] .example-action{background:var(--sector-ink);color:white}.example-site[class*=profession-] h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(34px,4.5vw,58px);line-height:1.03;letter-spacing:-.045em}.example-site[class*=profession-] .example-kicker{color:var(--sector-accent)}.example-site[class*=profession-] .example-site-nav{gap:25px}.example-site[class*=profession-] .example-site-nav span{font-size:9px;text-align:right}.example-site[class*=profession-] .example-details{color:var(--sector-ink);background:var(--sector-paper)}
.sector-portfolio{display:grid;grid-template-columns:1fr 1.08fr;background:#253e48;color:#f5eddf;align-items:center;gap:35px;padding:25px}.sector-portfolio>img{width:100%;height:355px;object-fit:cover;border-radius:2px}.sector-portfolio>div{padding:20px 12px}.sector-portfolio p{font-size:13px;color:#e0e5d8}.sector-portfolio .example-kicker{color:#e4bd87!important}.sector-portfolio small{display:block;margin-top:30px;font-size:10px;letter-spacing:.13em}.sector-portfolio .example-action{background:#91481f!important}
.sector-restaurant{display:grid;grid-template-columns:1.1fr .9fr;gap:0}.restaurant-cover{position:relative;min-height:390px;isolation:isolate;overflow:hidden}.restaurant-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.restaurant-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 10%,#281811db);z-index:1}.restaurant-cover>div{position:absolute;left:30px;right:20px;bottom:25px;color:#fff6e4;z-index:2}.restaurant-cover .example-kicker{color:#f3d7af!important}.restaurant-cover h3{margin:0}.restaurant-menu{padding:30px}.restaurant-menu h4{font:28px/1.2 Georgia,serif;margin:15px 0 20px}.restaurant-menu ul{list-style:none;padding:0;margin:0 0 22px}.restaurant-menu li{padding:12px 0;border-top:1px solid #d9c3a7}.restaurant-menu li small{display:block;color:#854a32;font-size:10px;margin-bottom:4px}.restaurant-menu li strong{font-size:14px;font-weight:550}.restaurant-menu>small{display:block;font-size:10px;line-height:1.5;margin-top:14px}
.sector-stay{height:345px;position:relative;isolation:isolate;overflow:hidden}.sector-stay>img{width:100%;height:100%;object-fit:cover}.sector-stay:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#122e27b8);z-index:1}.stay-cover-copy{position:absolute;left:35px;bottom:32px;z-index:2;color:#fffdf2}.stay-cover-copy .example-kicker{color:#fff3d7!important}.stay-cover-copy h3{margin:0}.stay-facts{display:grid;grid-template-columns:repeat(3,1fr);margin:-17px 25px 0;padding:25px;background:#fffcf4;position:relative;z-index:3;border-radius:10px;gap:25px;box-shadow:0 8px 24px #18382a0c}.stay-facts small{display:block;font-size:9px;letter-spacing:.07em;color:#735d39}.stay-facts strong{display:block;font-size:15px;font-weight:550;margin-top:8px}.stay-action{padding:25px;display:flex;align-items:center;gap:20px}.stay-action p{font-size:11px;margin:0;color:#4f6358}
.sector-garden{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:30px}.sector-garden>div{padding:10px 0}.sector-garden>img{width:100%;height:330px;border-radius:49% 43% 48% 40%;object-fit:cover}.sector-garden p{font-size:14px;max-width:330px}.garden-services{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 30px 30px}.garden-services>span{background:#e0e7cf;border-radius:9px;padding:18px;font-size:12px}.garden-services small{color:#546936;display:block;margin-bottom:5px}
.example-app[class*=profession-] .example-phone{background:var(--sector-paper);color:var(--sector-ink)}.example-app[class*=profession-] .example-phone h4{font:25px/1.15 Georgia,serif;letter-spacing:-.035em}.phone-project{background:#253e48;color:#f9edda;margin:14px -15px 20px;padding:20px}.phone-project>small{color:#e3ba87;font-size:9px}.phone-project h4{margin:12px 0}.shelf-sketch{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #b1c7c4;padding:5px;gap:4px;margin:15px 0 8px}.shelf-sketch i{height:25px;border:1px solid #afc4c1}.phone-project>span{font-size:9px;color:#d0dcd4}.phone-service{display:flex;flex-direction:column;background:#592c2a;color:#fff3dc;border-radius:15px;padding:20px;margin:20px 0}.phone-service strong{font:43px/1.2 Georgia,serif}.phone-service span{font-size:19px;margin:8px 0}.phone-service small{font-size:10px;color:#f2ceb9;line-height:1.7}.phone-welcome{background:#fffdf4;padding:18px 12px;margin:-20px 4px 14px;position:relative;border-radius:10px}.phone-welcome h4{margin:0 0 9px!important;font-size:22px!important}.phone-welcome p{font-size:10px;margin:0;color:#765f3b}.phone-route-heading{background:#2d4f38;color:#f5f4df;margin:15px -15px 10px;padding:22px 16px}.phone-route-heading h4{margin:12px 0}.phone-route-heading>small{font-size:9px;color:#d0dfb9}.phone-route-heading p{font-size:11px;margin:0}.phone-sector-actions{position:relative}.phone-sector-actions button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;border:1px solid #d6ddcc;background:#fffdf5;min-height:48px;padding:12px;margin:9px 0;font-size:11px;border-radius:8px}.phone-sector-actions .phone-detail{font-size:11px}.route-dot{width:8px;height:8px;border-radius:50%;background:#6f8740;flex-shrink:0}.profession-paysage .phone-sector-actions{padding-left:10px;border-left:2px solid #aab991}.profession-paysage .phone-sector-actions button{min-height:62px}.example-phone .example-phone-bottom{position:static;margin-top:20px;font-size:9px;padding-top:12px}
.example-dashboard[class*=profession-]{background:var(--sector-paper);color:var(--sector-ink)}.example-dashboard[class*=profession-] .example-dashboard-top p{font-size:12px;margin:8px 0 0}.request-count{background:#fffdf5;border:1px solid #d5dacd;border-radius:10px;padding:12px 16px;font-size:11px;white-space:nowrap}.request-count strong{font-size:25px;display:block;line-height:1.15;color:var(--sector-ink)}.workshop-board{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.workshop-board>section{padding:18px;background:#e4e4d9;border-radius:12px;min-width:0;min-height:245px}.workshop-board>section:first-child{background:#e7d9c3}.workshop-board h4{font-size:13px;margin:0 0 18px}.workshop-board .example-request{display:block;padding:15px;border:0;background:#fffaf0;border-radius:8px;min-height:125px}.workshop-board .example-request button{margin-top:18px}.workshop-board>section>small{font-size:10px;display:block;margin-top:15px}.board-empty{font-size:12px;color:#53655f}.service-board,.stay-board{display:grid;grid-template-columns:.95fr 1.05fr;gap:25px}.floorplan,.stay-calendar{padding:22px;background:#fff9ed;border-radius:12px}.floorplan>div{display:grid;grid-template-columns:1fr 1fr;gap:28px 30px;justify-items:center;padding:15px 0}.restaurant-table{display:grid;place-items:center;border-radius:50%;background:#e0cbb0;width:54px;height:54px;font-size:13px;box-shadow:-27px 0 0 -19px #b99d7d,27px 0 0 -19px #b99d7d}.restaurant-table.table-selected{background:#9a422d;color:#fff}.floorplan>p,.stay-calendar>p,.garden-board>p{font-size:10px;margin:16px 0 0}.stay-calendar>div{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center;font-size:11px}.stay-calendar b{font-size:10px;margin-bottom:10px}.stay-calendar span{padding:11px 2px;border-radius:6px;background:#efeee4}.stay-calendar .stay-date{background:#cad8b8}.service-board .example-request,.stay-board .example-request{padding:14px 0;gap:15px}.example-dashboard[class*=profession-] .example-request strong{font-size:12px}.example-dashboard[class*=profession-] .example-request button{color:var(--sector-ink);border-color:#bcc8b2}.example-dashboard[class*=profession-] .example-request span{font-size:10px}.garden-stop{display:grid;grid-template-columns:67px 1fr;gap:18px;align-items:center;margin:14px 0}.garden-stop>span{font-size:13px;font-weight:650;color:#4c692d}.garden-stop .example-request{background:#fffdf1;border:0;border-radius:10px;padding:18px}.garden-stop:first-of-type .example-request{background:#dce6c9}.garden-stop+ .garden-stop{position:relative}.garden-stop+ .garden-stop:before{content:'';position:absolute;left:25px;top:-21px;height:28px;border-left:2px solid #a6b98c}
.example-associate[class*=profession-] .example-chat{border-color:#ccd5c1}.associate-brief{margin:0 0 20px;padding:0;list-style:none;counter-reset:brief}.associate-brief li{counter-increment:brief;background:var(--sector-paper);border-bottom:1px solid #d6ddcb;padding:12px;font-size:12px}.associate-brief li:before{content:counter(brief,decimal-leading-zero);color:var(--sector-accent);font-size:10px;margin-right:12px}.outfit-label{font-size:10px!important;color:#546452;margin-top:10px!important}.example-associate[class*=profession-] .example-action{background:var(--sector-ink);color:white}
.flow-demo{flex-wrap:wrap}.flow-demo #mascot-tour{background:transparent;border:1px solid #bcc9b5;border-radius:8px;color:#234638;font-size:11px;padding:12px 16px;min-height:44px}.flow-demo #mascot-tour[aria-pressed=true]{background:#e5ecd9}.flow-demo #flow-caption{flex-basis:100%}
@media(max-width:760px){.sector-portfolio,.sector-restaurant,.sector-garden{grid-template-columns:1fr}.sector-portfolio{padding:18px;gap:10px}.sector-portfolio>img{height:210px}.sector-portfolio>div{padding:15px 4px}.sector-portfolio small{margin-top:20px}.restaurant-cover{min-height:265px}.restaurant-menu{padding:23px}.sector-stay{height:295px}.stay-cover-copy{left:23px;bottom:30px}.stay-facts{margin:-12px 15px 0;padding:18px;gap:15px;grid-template-columns:1fr}.stay-facts>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.stay-facts strong{margin:0;font-size:13px}.stay-action{display:block;padding:23px}.stay-action p{margin-top:14px}.sector-garden{padding:23px;gap:15px}.sector-garden>img{height:240px}.garden-services{padding:0 23px 23px;grid-template-columns:1fr}.garden-services>span{display:flex;gap:14px;align-items:center;padding:13px}.garden-services small{margin:0}.workshop-board,.service-board,.stay-board{grid-template-columns:1fr}.workshop-board>section{min-height:0}.workshop-board .example-request{min-height:0}.workshop-board .example-request button{margin-top:10px}.example-dashboard[class*=profession-] .example-dashboard-top{align-items:start;gap:12px}.request-count{padding:10px;font-size:9px}.garden-stop{grid-template-columns:48px 1fr;gap:10px}.garden-stop>span{font-size:11px}.garden-stop .example-request{padding:13px;flex-wrap:wrap}.garden-stop+ .garden-stop:before{left:20px}.example-site[class*=profession-] .example-site-nav{display:block}.example-site[class*=profession-] .example-site-nav span{display:block;text-align:left;margin-top:7px}.flow-demo #mascot-tour{width:100%;text-align:left}}
.example-site[class*=profession-] h3{color:inherit}

.example-site[class*=profession-] .example-site-nav span{color:var(--sector-ink)}

/* The earthworks image keeps the complete excavator visible at every breakpoint. */
.sector-earthworks{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:26px;padding:25px;background:#26343a;color:#fff4de}.sector-earthworks>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:5px}.sector-earthworks>div{padding:18px 0}.sector-earthworks h3{font-size:clamp(32px,3.8vw,51px)!important}.sector-earthworks p{font-size:13px;color:#e0e5d8}.sector-earthworks .example-kicker{color:#f1c447!important}.sector-earthworks small{display:block;margin-top:25px;font-size:9px;letter-spacing:.08em;line-height:1.7}.sector-earthworks .example-action{background:#f1c447!important;color:#26343a!important}.phone-worksite{margin:14px -15px 20px;background:#26343a;color:#fff4de}.phone-worksite>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.phone-worksite>div{padding:16px}.phone-worksite small{color:#f1c447;font-size:9px}.phone-worksite h4{margin:10px 0!important}.phone-worksite span{color:#e0e5d8;font-size:9px}
@media(max-width:760px){.sector-earthworks{grid-template-columns:1fr;padding:18px;gap:7px}.sector-earthworks>div{padding:13px 3px}.sector-earthworks small{margin-top:18px}}

.sector-earthworks small{color:#e0e5d8}
