/* Individual business identities, with task-first reading order at every width. */
.demo-cafe-quartier{--paper:#fffaf5;--ink:#33271f;--accent:#8f3c29;--soft:#f2e7dc}
.demo-table-auguste{--paper:#fbfaf7;--ink:#302729;--accent:#713c43;--soft:#eee8e0}
.demo-studio-marius{--paper:#fff;--ink:#242628;--accent:#38464b;--soft:#f0f2f1}
.demo-maison-dunes{--paper:#fffdf9;--ink:#284445;--accent:#2b6267;--soft:#edf2ee}
.demo-atelier-rivage{--paper:#fff;--ink:#223541;--accent:#245b78;--soft:#eef3f4}
.demo-ligne-claire{--paper:#fcfbf8;--ink:#32372f;--accent:#586548;--soft:#eeeae1}
.demo-garage-volt{--paper:#f7f9fb;--ink:#1c3047;--accent:#235b96;--soft:#e7edf3}
.demo-jardin-sillage{--paper:#fcfcf7;--ink:#293e2d;--accent:#436546;--soft:#eef1e7}
.demo-cap-conseil{--paper:#fff;--ink:#1d304c;--accent:#235da6;--soft:#edf3f8}
.demo .dt-home{background:var(--paper);color:var(--ink);font:400 16px/1.75 Manrope,Arial,sans-serif}
.demo .dt-home *{box-sizing:border-box}
.demo .dt-home :is(h1,h2,h3,p,figure,ol,ul){margin:0}
.demo .dt-home :is(h1,h2,h3){color:inherit;text-transform:none;text-wrap:balance;letter-spacing:-.025em;font-family:Newsreader,Georgia,serif;font-weight:500}
.demo .dt-home h1{font-size:clamp(36px,4.2vw,60px);line-height:1.1}
.demo .dt-home h2{font-size:clamp(29px,3vw,40px);line-height:1.15}
.demo .dt-home h3{font-size:25px;line-height:1.3}
.demo .dt-home p{line-height:1.8;max-width:none}
.demo .dt-home img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
.demo .dt-home a{color:inherit;text-decoration:none}
.demo .dt-home :is(a,summary):focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.demo .dt-home .dt-wrap{width:calc(100% - 96px);max-width:1200px;margin-inline:auto}
.demo .dt-home .dt-section{padding-block:72px}
.demo .dt-home .dt-kicker{font:650 12px/1.7 Manrope,Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;margin-bottom:16px;color:var(--accent)}
.demo .dt-home .dt-note{font-size:13px;line-height:1.75;color:color-mix(in srgb,var(--ink) 80%,var(--paper));margin-top:20px}
.demo .dt-home .dt-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:26px}
.demo .dt-home .dt-button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 21px;background:var(--accent);border:1px solid var(--accent);color:white;font:650 14px/1.6 Manrope,Arial,sans-serif;text-align:center;transition:background .16s,border-color .16s}
.demo .dt-home .dt-button:hover{background:var(--ink);border-color:var(--ink)}
.demo .dt-home .dt-link{display:inline-flex;align-items:center;min-height:44px;gap:12px;width:fit-content;max-width:100%;font:650 14px/1.6 Manrope,Arial,sans-serif;border-bottom:1px solid color-mix(in srgb,var(--ink) 45%,transparent);padding-block:7px}
.demo .dt-home .dt-link:after{content:'→';font-size:18px;line-height:1;flex:none}
.demo .dt-home .dt-link:hover{color:var(--accent);border-color:var(--accent)}
.demo .dt-home .dt-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}
.demo .dt-home .dt-section-head>div{flex:1;min-width:0}
.demo .dt-home .dt-section-head>p{max-width:430px;font-size:15px}
.demo .dt-home .dt-section-head>.dt-link{flex-shrink:0}
.demo .dt-home .dt-price{display:block;font:700 16px/1.65 Manrope,Arial,sans-serif;letter-spacing:0;color:var(--ink)}
.demo .dt-home .dt-service-cost{display:flex;flex-direction:column;gap:2px;font:700 16px/1.6 Manrope,Arial,sans-serif}
.demo .dt-home .dt-service-cost>span{font-size:13px;font-weight:400;color:color-mix(in srgb,var(--ink) 80%,var(--paper))}
.demo .dt-home .dt-service-lines{border-top:1px solid color-mix(in srgb,var(--ink) 22%,transparent)}
.demo .dt-home .dt-service-lines>article{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,.24fr) minmax(150px,.3fr);align-items:center;gap:24px;padding:27px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 20%,transparent)}
.demo .dt-home .dt-service-lines h3{margin-bottom:7px}
.demo .dt-home .dt-service-lines p{max-width:600px;font-size:15px}
.demo .dt-home .dt-service-lines article>.dt-link{justify-self:end}
.demo .dt-home .dt-process{list-style:none;padding:0;display:grid;gap:24px}
.demo .dt-home .dt-process>li{border-left:2px solid var(--accent);padding-left:20px}
.demo .dt-home .dt-process h3{font:700 17px/1.5 Manrope,Arial,sans-serif;letter-spacing:-.015em;margin-bottom:6px}
.demo .dt-home .dt-process p{font-size:15px}
.demo .dt-home .dt-faq{border-top:1px solid color-mix(in srgb,var(--ink) 22%,transparent)}
.demo .dt-home .dt-faq details{border-bottom:1px solid color-mix(in srgb,var(--ink) 22%,transparent)}
.demo .dt-home .dt-faq summary{padding:19px 28px 19px 0;cursor:pointer;font-weight:650;font-size:15px}
.demo .dt-home .dt-faq details p{padding-bottom:20px;font-size:15px}
.demo .dt-home .dt-small-panel{padding:25px 0 0;margin-top:32px;border-top:1px solid color-mix(in srgb,var(--ink) 20%,transparent)}
.demo .dt-home .dt-small-panel h3{font-size:25px;margin-bottom:10px}
/* Café: a welcoming counter and a menu that can be read at a glance. */
.demo .dt-cafe-hero{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:26px 65px;padding-block:55px}
.demo .dt-cafe-hero>header{align-self:end;padding-top:22px}
.demo .dt-cafe-hero>figure{grid-column:2;grid-row:1/3;height:470px}
.demo .dt-cafe-hero>.dt-cafe-intro{grid-column:1;grid-row:2;align-self:start;padding-bottom:22px}
.demo .dt-cafe-hero h1{max-width:530px;letter-spacing:-.035em}
.demo .dt-cafe-intro>p{max-width:480px;font-size:17px}
.demo .dt-hours{display:flex;align-items:center;gap:18px 36px;padding-block:21px;border-top:1px solid #d8cabd;border-bottom:1px solid #d8cabd}
.demo .dt-hours>strong{font-size:14px;white-space:nowrap}
.demo .dt-hours>p{flex:1;font-size:14px}
.demo .dt-hours>.dt-link{font-size:13px;flex-shrink:0}
.demo .dt-cafe-menu{display:grid;grid-template-columns:1fr 1fr;gap:0 44px}
.demo .dt-cafe-menu article{display:grid;grid-template-columns:92px 1fr auto;gap:20px;align-items:center;border-top:1px solid #dfd2c6;padding:24px 0}
.demo .dt-cafe-menu article>img{height:98px}
.demo .dt-cafe-menu h3{font-size:25px}
.demo .dt-cafe-menu h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.demo .dt-cafe-menu p{font-size:14px;margin-top:5px}
.demo .dt-cafe-menu .dt-price{font-size:15px;align-self:start;padding-top:3px;white-space:nowrap}
.demo .dt-cafe-place{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:25px 68px;border-top:1px solid #dfd2c6}
.demo .dt-cafe-place>header{grid-column:2;grid-row:1}
.demo .dt-cafe-place>figure{grid-column:1;grid-row:1/3;height:490px}
.demo .dt-cafe-place>div{grid-column:2;grid-row:2}
.demo .dt-cafe-place>div>.dt-link{margin-top:17px}
/* Restaurant: an understated dining room, complete menu and a clear table request. */
.demo .dt-restaurant-hero{display:grid;grid-template-columns:.9fr 1.1fr;grid-template-rows:auto 1fr;gap:28px 60px;padding-block:62px}
.demo .dt-restaurant-hero>header{align-self:end;padding-top:12px}
.demo .dt-restaurant-hero>figure{grid-column:2;grid-row:1/3;height:490px}
.demo .dt-restaurant-hero>div{grid-column:1;grid-row:2;align-self:start}
.demo .dt-restaurant-hero h1{font-size:clamp(36px,3.9vw,57px);font-weight:400}
.demo .dt-restaurant-hero>div>p{max-width:430px}
.demo .dt-restaurant-hours{margin-top:27px!important;padding-top:18px;border-top:1px solid #d8cbd0;font-size:13px}
.demo .dt-restaurant-menu{border-top:1px solid #d8cbd0}
.demo .dt-menu-paper{padding:10px 32px;border:1px solid #d8cbd0;background:white}
.demo .dt-menu-paper>article{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:baseline;padding:22px 0}
.demo .dt-menu-paper>article+article{border-top:1px solid #e8dfe2}
.demo .dt-menu-paper h3{font-size:25px}
.demo .dt-menu-paper h3 a:hover{text-decoration:underline;text-underline-offset:5px}
.demo .dt-menu-paper p{max-width:800px;font-size:14px;margin-top:5px}
.demo .dt-menu-paper .dt-price{white-space:nowrap}
.demo .dt-restaurant-room{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:auto 1fr;gap:24px 60px;border-top:1px solid #d8cbd0}
.demo .dt-restaurant-room>header{grid-column:2;grid-row:1}
.demo .dt-restaurant-room>figure{grid-column:1;grid-row:1/3;height:430px}
.demo .dt-restaurant-room>div{grid-column:2;grid-row:2}
.demo .dt-restaurant-room .dt-link{margin-top:15px}
.demo .dt-restaurant-book{display:grid;grid-template-columns:1fr .6fr;gap:30px 70px;padding:40px 42px;background:#f0e9e8;margin-bottom:70px;border-top:2px solid var(--accent)}
.demo .dt-restaurant-book h2{font-size:34px;margin-bottom:16px}
.demo .dt-restaurant-book .dt-actions{margin:0;align-content:center;align-items:flex-start;flex-direction:column;justify-content:center}
/* Photography: quiet typography, generous images and explicit session content. */
.demo .dt-photo{background:#fff}
.demo .dt-photo-hero{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:auto 1fr;gap:30px 90px;padding-block:55px}
.demo .dt-photo-hero>header{align-self:end}
.demo .dt-photo-hero>figure{grid-column:2;grid-row:1/3;height:540px;max-width:470px;justify-self:end;width:100%}
.demo .dt-photo-hero>div{grid-column:1;grid-row:2;align-self:start}
.demo .dt-photo-hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(34px,3.65vw,54px);line-height:1.16;letter-spacing:-.05em;font-weight:600}
.demo .dt-photo-hero>div>p{max-width:490px}
.demo .dt-photo .dt-button{background:#2d3438;border-color:#2d3438}
.demo .dt-photo .dt-kicker{letter-spacing:.11em}
.demo .dt-photo-selection{border-top:1px solid #dcdedd}
.demo .dt-photo-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:27px;align-items:start}
.demo .dt-photo-grid figure:nth-child(2){padding-top:45px}
.demo .dt-photo-grid figure img{height:380px}
.demo .dt-photo-grid figure:nth-child(2) img{height:300px}
.demo .dt-photo-grid figcaption{font-size:12px;padding-top:14px;letter-spacing:.015em}
.demo .dt-photo-grid a{display:block;transition:opacity .15s}
.demo .dt-photo-grid a:hover{opacity:.88}
.demo .dt-photo-sessions{border-top:1px solid #dcdedd}
.demo .dt-photo .dt-service-lines h3{font:600 20px/1.4 Manrope,Arial,sans-serif;letter-spacing:-.025em}
.demo .dt-photo-brief{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;padding:45px 0 75px;border-top:1px solid #dcdedd}
.demo .dt-photo-brief h2{margin-bottom:20px;max-width:560px}
.demo .dt-photo-brief>div:last-child{border-left:1px solid #dcdedd;padding-left:45px;align-self:center}
.demo .dt-brief-price{font-size:15px;margin-bottom:22px!important}
.demo .dt-brief-price strong{display:block;margin-top:4px}
/* Guesthouse: the landscape, the rooms, then useful stay information. */
.demo .dt-stay-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:32px 80px;padding-top:48px}
.demo .dt-stay-hero>header{grid-column:1;grid-row:1}
.demo .dt-stay-hero>figure{grid-column:1/-1;grid-row:2;height:430px}
.demo .dt-stay-hero>div{grid-column:2;grid-row:1;align-self:center}
.demo .dt-stay-hero h1{font-size:clamp(36px,3.65vw,55px);font-weight:400;max-width:600px}
.demo .dt-stay-hero .dt-button{margin-top:20px}
.demo .dt-stay-hero .dt-note{margin-top:10px}
.demo .dt-stay-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.demo .dt-stay-offers article{border-bottom:1px solid #cad7d3;padding-bottom:24px}
.demo .dt-stay-offers img{height:250px}
.demo .dt-stay-offers h3{margin:22px 0 11px}
.demo .dt-stay-offers p{font-size:14px}
.demo .dt-stay-offers .dt-price{font-size:14px;margin-top:18px;min-height:47px}
.demo .dt-stay-offers .dt-link{margin-top:8px}
.demo .dt-stay-around{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:auto 1fr;gap:25px 70px;border-top:1px solid #cad7d3}
.demo .dt-stay-around>header{grid-column:2;grid-row:1}
.demo .dt-stay-around>figure{grid-column:1;grid-row:1/3;height:440px}
.demo .dt-stay-around>div{grid-column:2;grid-row:2}
.demo .dt-stay-around .dt-link{margin-top:20px}
.demo .dt-stay-practical{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;border-top:1px solid #cad7d3}
.demo .dt-stay-practical h2{margin-bottom:20px}
.demo .dt-stay-practical>div>p{font-size:14px}
.demo .dt-stay-practical .dt-link{margin-top:15px}
.demo .dt-stay-close{padding-block:42px;background:#e9f0ed}
.demo .dt-stay-close>.dt-wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}
.demo .dt-stay-close h2{font-size:34px}
/* Small works: a clean technical approach with each intervention named. */
.demo .dt-craft :is(h1,h2,h3){font-family:Manrope,Arial,sans-serif;font-weight:650;letter-spacing:-.04em}
.demo .dt-craft h1{font-size:clamp(34px,3.65vw,52px);line-height:1.18}
.demo .dt-craft h2{font-size:clamp(29px,2.8vw,36px);line-height:1.25}
.demo .dt-craft h3{font-size:20px;line-height:1.45;letter-spacing:-.025em}
.demo .dt-craft-hero{display:grid;grid-template-columns:1.05fr .95fr;grid-template-rows:auto 1fr;gap:25px 70px;padding-block:60px}
.demo .dt-craft-hero>header{align-self:end}
.demo .dt-craft-hero>figure{grid-column:2;grid-row:1/3;height:440px}
.demo .dt-craft-hero>div{grid-column:1;grid-row:2;align-self:start}
.demo .dt-craft-hero>div>p{max-width:480px}
.demo .dt-craft-services{border-top:1px solid #cad6dc}
.demo .dt-craft-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.demo .dt-craft-grid article{display:flex;flex-direction:column;align-items:flex-start}
.demo .dt-craft-grid img{height:215px;margin-bottom:23px}
.demo .dt-craft-grid h3{margin-bottom:12px}
.demo .dt-craft-grid p{font-size:14px;margin-bottom:22px}
.demo .dt-craft-grid .dt-service-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #d3dce0;width:100%;margin-top:auto;padding-top:15px;font-size:14px}
.demo .dt-craft-method{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:25px 70px;border-top:1px solid #cad6dc}
.demo .dt-craft-method>header{grid-column:2;grid-row:1}
.demo .dt-craft-method>figure{grid-column:1;grid-row:1/3;height:450px}
.demo .dt-craft-method>div{grid-column:2;grid-row:2}
.demo .dt-craft-request{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;background:var(--soft);padding:38px 40px;margin-bottom:72px}
.demo .dt-craft-request h2{font-size:30px;margin-bottom:15px}
.demo .dt-craft-request .dt-actions{margin:0;align-content:center}
/* Interior design: restrained horizontal compositions and useful project scope. */
.demo .dt-interior-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:32px 80px;padding-top:55px}
.demo .dt-interior-hero>header{grid-column:1;grid-row:1}
.demo .dt-interior-hero>figure{grid-column:1/-1;grid-row:2;height:510px}
.demo .dt-interior-hero>div{grid-column:2;grid-row:1;align-self:end}
.demo .dt-interior-hero h1{font-size:clamp(36px,3.8vw,58px);font-weight:400}
.demo .dt-interior-hero .dt-link{margin-top:12px}
.demo .dt-interior-intro{display:grid;grid-template-columns:.42fr 1fr .9fr;gap:55px;align-items:start;border-bottom:1px solid #d9dace}
.demo .dt-interior-intro .dt-kicker{padding-top:7px}
.demo .dt-interior-intro h2{font-size:37px}
.demo .dt-interior-intro>p:last-child{font-size:15px}
.demo .dt-interior-services{padding-block:65px}
.demo .dt-interior .dt-service-lines h3{font-size:26px}
.demo .dt-interior-story{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:auto 1fr;gap:25px 70px;border-top:1px solid #d9dace}
.demo .dt-interior-story>header{grid-column:2;grid-row:1;align-self:end}
.demo .dt-interior-story>figure{grid-column:1;grid-row:1/3;height:540px}
.demo .dt-interior-story>div{grid-column:2;grid-row:2}
.demo .dt-interior-story .dt-link{margin-top:15px}
.demo .dt-interior-close{text-align:center;padding:55px 0 75px;border-top:1px solid #d9dace}
.demo .dt-interior-close h2{max-width:680px;margin-inline:auto}
.demo .dt-interior-close>p:not(.dt-kicker){max-width:620px;margin:20px auto 25px}
/* Garage: readable, practical and based on real workshop photographs. */
.demo .dt-garage :is(h1,h2,h3){font-family:Manrope,Arial,sans-serif;font-weight:650;letter-spacing:-.035em}
.demo .dt-garage h1{font-size:clamp(34px,3.6vw,52px);line-height:1.16}
.demo .dt-garage h2{font-size:clamp(29px,2.8vw,36px);line-height:1.23}
.demo .dt-garage h3{font-size:21px;line-height:1.4}
.demo .dt-garage-hero{background:#203b58;color:#fff}
.demo .dt-garage-hero-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:26px 65px;padding-block:52px}
.demo .dt-garage-hero header{align-self:end}
.demo .dt-garage-hero figure{grid-column:2;grid-row:1/3;height:455px}
.demo .dt-garage-hero-grid>div{grid-column:1;grid-row:2;align-self:start}
.demo .dt-garage-hero .dt-kicker{color:#cadbf0}
.demo .dt-garage-hero .dt-note{color:#d6e2ee;font-size:13px}
.demo .dt-garage-hero .dt-button{background:white;color:#203b58;border-color:white}
.demo .dt-garage-hero .dt-link{border-color:#8aa7c5}
.demo .dt-garage-hero .dt-button:hover{background:#e9f0f7}
.demo .dt-garage-hero .dt-link:hover{color:white;border-color:white}
.demo .dt-garage-hours{display:flex;align-items:center;gap:32px;padding-block:19px;border-bottom:1px solid #ccd6e0;font-size:14px}
.demo .dt-garage-hours p{flex:1;font-size:13px}
.demo .dt-garage-hours>.dt-link{flex-shrink:0}
.demo .dt-garage-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.demo .dt-garage-services>article{display:flex;flex-direction:column;background:white;border:1px solid #cfdae4;padding:28px}
.demo .dt-garage-services .dt-service-cost{padding-bottom:20px;border-bottom:1px solid #dbe3ea;margin-bottom:24px}
.demo .dt-garage-services .dt-service-cost strong{font-size:23px}
.demo .dt-garage-services h3{margin-bottom:13px}
.demo .dt-garage-services p{font-size:14px;margin-bottom:23px}
.demo .dt-garage-services .dt-actions{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.demo .dt-garage-services .dt-button{font-size:13px;padding-inline:16px;width:100%}
.demo .dt-garage-prepare{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:25px 65px;border-top:1px solid #ccd6e0}
.demo .dt-garage-prepare>header{grid-column:2;grid-row:1}
.demo .dt-garage-prepare>figure{grid-column:1;grid-row:1/3;height:480px}
.demo .dt-garage-prepare>div{grid-column:2;grid-row:2}
.demo .dt-checklist{padding-left:20px;margin-bottom:24px!important;display:grid;gap:9px}
.demo .dt-checklist li{padding-left:5px;font-size:15px}
.demo .dt-garage-prepare>div>p{font-size:14px;margin-bottom:12px}
/* Garden: natural photographs and a readable sequence from need to intervention. */
.demo .dt-garden-hero{display:grid;grid-template-columns:.95fr 1.05fr;grid-template-rows:auto 1fr;gap:25px 65px;padding-block:55px}
.demo .dt-garden-hero>header{align-self:end}
.demo .dt-garden-hero>figure{grid-column:2;grid-row:1/3;height:490px}
.demo .dt-garden-hero>div{grid-column:1;grid-row:2;align-self:start}
.demo .dt-garden-hero h1{font-size:clamp(36px,3.8vw,55px)}
.demo .dt-garden-services{border-top:1px solid #d2dacb}
.demo .dt-garden-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.demo .dt-garden-list img{height:230px;margin-bottom:22px}
.demo .dt-garden-list h3{font-size:27px;margin-bottom:13px}
.demo .dt-garden-list p{font-size:14px}
.demo .dt-garden-list .dt-price{font-size:14px;margin-top:16px}
.demo .dt-garden-list .dt-link{margin-top:12px}
.demo .dt-garden-process{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;border-top:1px solid #d2dacb}
.demo .dt-garden-process .dt-process{gap:26px}
.demo .dt-garden-process .dt-process li{border-color:#8ca77c}
.demo .dt-garden-question{display:grid;grid-template-columns:.85fr 1.15fr;grid-template-rows:auto 1fr;gap:25px 80px;border-top:1px solid #d2dacb}
.demo .dt-garden-question>header{grid-column:2;grid-row:1;align-self:end}
.demo .dt-garden-question>figure{grid-column:1;grid-row:1/3;height:415px}
.demo .dt-garden-question>div{grid-column:2;grid-row:2}
.demo .dt-garden-question .dt-button{margin-top:24px}
/* Business consulting: calm, direct, without borrowed trust badges or fake results. */
.demo .dt-consult :is(h1,h2,h3){font-family:Manrope,Arial,sans-serif;font-weight:600;letter-spacing:-.04em}
.demo .dt-consult h1{font-size:clamp(34px,3.5vw,52px);line-height:1.18}
.demo .dt-consult h2{font-size:clamp(28px,2.7vw,36px);line-height:1.25}
.demo .dt-consult h3{font-size:20px;line-height:1.45;letter-spacing:-.02em}
.demo .dt-consult-hero{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:auto 1fr;gap:28px 80px;padding-block:65px}
.demo .dt-consult-hero>header{align-self:end}
.demo .dt-consult-hero>figure{grid-column:2;grid-row:1/3;height:460px}
.demo .dt-consult-hero>div{grid-column:1;grid-row:2;align-self:start}
.demo .dt-consult-hero>div>p{max-width:530px}
.demo .dt-consult-topics{border-top:1px solid #cfd9e5}
.demo .dt-consult-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}
.demo .dt-consult-topic-grid article{padding-top:22px;border-top:3px solid #9cb7d9}
.demo .dt-consult-topic-grid h3{margin-bottom:13px}
.demo .dt-consult-topic-grid p{font-size:15px}
.demo .dt-consult-formats{border-top:1px solid #cfd9e5}
.demo .dt-consult-method{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:25px 70px;border-top:1px solid #cfd9e5}
.demo .dt-consult-method>header{grid-column:2;grid-row:1}
.demo .dt-consult-method>figure{grid-column:1;grid-row:1/3;height:420px}
.demo .dt-consult-method>div{grid-column:2;grid-row:2}
.demo .dt-consult-method>div>p+p{margin-top:17px}
.demo .dt-consult-method .dt-link{margin-top:17px}
@media(max-width:1050px){
    .demo .dt-home .dt-wrap{width:calc(100% - 64px)}
    .demo .dt-home .dt-section{padding-block:58px}
    .demo .dt-home .dt-section-head{gap:30px}
    .demo .dt-home .dt-section-head>p{max-width:340px}
    .demo .dt-cafe-hero,.demo .dt-restaurant-hero,.demo .dt-photo-hero,.demo .dt-craft-hero,.demo .dt-garden-hero,.demo .dt-consult-hero,.demo .dt-garage-hero-grid{column-gap:35px}
    .demo .dt-cafe-menu{gap:0 26px}
    .demo .dt-cafe-menu article{grid-template-columns:70px 1fr;gap:12px 17px}
    .demo .dt-cafe-menu article>img{height:80px;grid-row:1/3}
    .demo .dt-cafe-menu .dt-price{grid-column:2;padding:0}
    .demo .dt-cafe-place,.demo .dt-restaurant-room,.demo .dt-stay-around,.demo .dt-craft-method,.demo .dt-interior-story,.demo .dt-garage-prepare,.demo .dt-garden-question,.demo .dt-consult-method{column-gap:35px}
    .demo .dt-restaurant-book{grid-template-columns:1fr .65fr;padding:30px;gap:30px}
    .demo .dt-photo-hero>figure{height:500px}
    .demo .dt-photo-grid figure img{height:300px}
    .demo .dt-photo-grid figure:nth-child(2) img{height:250px}
    .demo .dt-photo-brief{gap:40px}
    .demo .dt-photo-brief>div:last-child{padding-left:30px}
    .demo .dt-stay-hero,.demo .dt-interior-hero{gap:30px 40px}
    .demo .dt-stay-offers{gap:23px}
    .demo .dt-stay-offers img{height:200px}
    .demo .dt-stay-practical{gap:45px}
    .demo .dt-craft-grid{gap:23px}
    .demo .dt-craft-grid img{height:190px}
    .demo .dt-craft-request{padding:30px;gap:30px}
    .demo .dt-interior-intro{grid-template-columns:1fr 1fr;gap:25px 40px}
    .demo .dt-interior-intro>.dt-kicker{grid-column:1/-1;margin:0}
    .demo .dt-garage-services{gap:18px}
    .demo .dt-garage-services>article{padding:23px 20px}
    .demo .dt-garden-list{gap:23px}
    .demo .dt-garden-list img{height:200px}
    .demo .dt-garden-process{gap:45px}
    .demo .dt-consult-topic-grid{gap:24px}
}
@media(max-width:760px){
    .demo .dt-home .dt-wrap{width:calc(100% - 40px)}
    .demo .dt-home .dt-section{padding-block:44px}
    .demo .dt-home h1{font-size:40px;line-height:1.15}
    .demo .dt-home h2{font-size:32px;line-height:1.22}
    .demo .dt-home h3{font-size:24px}
    .demo .dt-home .dt-kicker{font-size:11px;margin-bottom:12px}
    .demo .dt-home .dt-section-head{display:block;margin-bottom:27px}
    .demo .dt-home .dt-section-head>p{max-width:580px;margin-top:18px}
    .demo .dt-home .dt-section-head>.dt-link{margin-top:14px}
    .demo .dt-home .dt-actions{gap:12px 19px;margin-top:22px}
    .demo .dt-home .dt-button{padding-inline:18px;min-height:48px}
    .demo .dt-home .dt-service-lines>article{grid-template-columns:1fr auto;gap:16px;padding-block:24px}
    .demo .dt-home .dt-service-lines article>div:first-child{grid-column:1/-1}
    .demo .dt-home .dt-service-lines article>.dt-link{grid-column:2;grid-row:2;align-self:center;text-align:right}
    .demo .dt-cafe-hero,.demo .dt-restaurant-hero,.demo .dt-photo-hero,.demo .dt-stay-hero,.demo .dt-craft-hero,.demo .dt-interior-hero,.demo .dt-garden-hero,.demo .dt-consult-hero,.demo .dt-garage-hero-grid{display:flex;flex-direction:column;gap:25px;padding-block:34px}
    .demo .dt-home :is(.dt-cafe-hero,.dt-restaurant-hero,.dt-photo-hero,.dt-stay-hero,.dt-craft-hero,.dt-interior-hero,.dt-garden-hero,.dt-consult-hero,.dt-garage-hero-grid)>header{padding:0;align-self:stretch}
    .demo .dt-home :is(.dt-cafe-hero,.dt-restaurant-hero,.dt-photo-hero,.dt-stay-hero,.dt-craft-hero,.dt-interior-hero,.dt-garden-hero,.dt-consult-hero,.dt-garage-hero-grid)>figure{width:100%;max-width:none;height:340px;align-self:stretch}
    .demo .dt-home :is(.dt-cafe-hero,.dt-restaurant-hero,.dt-photo-hero,.dt-stay-hero,.dt-craft-hero,.dt-interior-hero,.dt-garden-hero,.dt-consult-hero,.dt-garage-hero-grid)>div{align-self:stretch;padding:0}
    .demo .dt-cafe-hero>.dt-cafe-intro{padding:0}
    .demo .dt-cafe-intro>p{font-size:16px}
    .demo .dt-hours,.demo .dt-garage-hours{display:block;padding-block:20px}
    .demo .dt-hours>p,.demo .dt-garage-hours>p{margin-top:5px;font-size:14px}
    .demo .dt-hours>.dt-link,.demo .dt-garage-hours>.dt-link{margin-top:8px}
    .demo .dt-cafe-menu{grid-template-columns:1fr}
    .demo .dt-cafe-menu article{grid-template-columns:88px 1fr auto;gap:16px}
    .demo .dt-cafe-menu article>img{height:95px;grid-row:auto}
    .demo .dt-cafe-menu .dt-price{grid-column:auto;align-self:start}
    .demo .dt-cafe-place,.demo .dt-restaurant-room,.demo .dt-stay-around,.demo .dt-craft-method,.demo .dt-interior-story,.demo .dt-garage-prepare,.demo .dt-garden-question,.demo .dt-consult-method{display:flex;flex-direction:column;gap:25px}
    .demo .dt-home :is(.dt-cafe-place,.dt-restaurant-room,.dt-stay-around,.dt-craft-method,.dt-interior-story,.dt-garage-prepare,.dt-garden-question,.dt-consult-method)>figure{height:340px;width:100%}
    .demo .dt-home :is(.dt-cafe-place,.dt-restaurant-room,.dt-stay-around,.dt-craft-method,.dt-interior-story,.dt-garage-prepare,.dt-garden-question,.dt-consult-method)>header{align-self:stretch}
    .demo .dt-restaurant-hours{margin-top:22px!important}
    .demo .dt-menu-paper{padding:0 22px}
    .demo .dt-menu-paper>article{gap:20px}
    .demo .dt-menu-paper h3{font-size:23px}
    .demo .dt-restaurant-book{display:block;padding:28px;margin-bottom:44px}
    .demo .dt-restaurant-book .dt-actions{margin-top:23px}
    .demo .dt-photo-hero>figure{height:430px!important;object-position:center 35%}
    .demo .dt-photo-grid{gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}
    .demo .dt-photo-grid figure:nth-child(2){padding-top:25px}
    .demo .dt-photo-grid figure img{height:240px}
    .demo .dt-photo-grid figure:nth-child(2) img{height:200px}
    .demo .dt-photo-grid figcaption{font-size:11px}
    .demo .dt-photo-brief{display:block;padding:38px 0 50px}
    .demo .dt-photo-brief>div:last-child{padding:25px 0 0;border-left:0;border-top:1px solid #dcdedd;margin-top:28px}
    .demo .dt-stay-hero>figure{height:300px!important}
    .demo .dt-stay-offers{grid-template-columns:1fr;gap:28px}
    .demo .dt-stay-offers>article{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;padding-bottom:28px}
    .demo .dt-stay-offers img{height:100%;min-height:260px}
    .demo .dt-stay-offers h3{margin-top:0}
    .demo .dt-stay-offers .dt-price{min-height:0}
    .demo .dt-stay-practical{display:block}
    .demo .dt-stay-practical .dt-faq{margin-top:30px}
    .demo .dt-stay-close>.dt-wrap{display:block}
    .demo .dt-stay-close .dt-button{margin-top:25px}
    .demo .dt-craft h3,.demo .dt-garage h3,.demo .dt-consult h3{font-size:20px}
    .demo .dt-craft-grid{grid-template-columns:1fr;gap:32px}
    .demo .dt-craft-grid>article{display:grid;grid-template-columns:.8fr 1.2fr;gap:0 24px;align-content:start}
    .demo .dt-craft-grid img{grid-column:1;grid-row:1/4;height:100%;min-height:255px;margin:0}
    .demo .dt-craft-grid h3,.demo .dt-craft-grid p,.demo .dt-craft-grid .dt-service-foot{grid-column:2}
    .demo .dt-craft-grid .dt-service-foot{margin:0}
    .demo .dt-craft-request{display:block;padding:28px;margin-bottom:44px}
    .demo .dt-craft-request .dt-actions{margin-top:22px}
    .demo .dt-interior-hero>figure{height:320px!important}
    .demo .dt-interior-intro{display:block}
    .demo .dt-interior-intro h2{margin-top:18px}
    .demo .dt-interior-intro>p:last-child{margin-top:22px}
    .demo .dt-interior-services{padding-block:44px}
    .demo .dt-interior-close{padding:40px 0 50px;text-align:left}
    .demo .dt-interior-close>p:not(.dt-kicker){margin-inline:0}
    .demo .dt-garage-services{grid-template-columns:1fr}
    .demo .dt-garage-services>article{padding:25px}
    .demo .dt-garage-services .dt-service-cost{flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:17px}
    .demo .dt-garage-services .dt-actions{flex-direction:row;align-items:center;gap:12px 24px}
    .demo .dt-garage-services .dt-button{width:auto;font-size:14px}
    .demo .dt-garden-list{grid-template-columns:1fr;gap:30px}
    .demo .dt-garden-list article{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;padding-bottom:25px;border-bottom:1px solid #d2dacb}
    .demo .dt-garden-list img{height:100%;min-height:260px;margin:0}
    .demo .dt-garden-process{display:block}
    .demo .dt-garden-process .dt-process{margin-top:30px}
    .demo .dt-consult-topic-grid{grid-template-columns:1fr;gap:26px}
    .demo .dt-consult-topic-grid h3{margin-bottom:10px}
}
@media(max-width:520px){
    .demo .dt-home .dt-wrap{width:calc(100% - 36px)}
    .demo .dt-home h1{font-size:37px}
    .demo .dt-home h1 br{display:none}
    .demo .dt-home h2{font-size:30px}
    .demo .dt-home p{font-size:15px}
    .demo .dt-home .dt-kicker{font-size:11px}
    .demo .dt-home .dt-note{font-size:12px}
    .demo .dt-home .dt-service-lines>article{gap:14px 18px}
    .demo .dt-home .dt-service-lines article>.dt-link{font-size:13px;max-width:165px}
    .demo .dt-home .dt-service-cost{font-size:15px}
    .demo .dt-home .dt-service-cost>span{font-size:12px}
    .demo .dt-home :is(.dt-cafe-hero,.dt-restaurant-hero,.dt-craft-hero,.dt-garden-hero,.dt-consult-hero,.dt-garage-hero-grid)>figure{height:280px}
    .demo .dt-cafe-menu article{grid-template-columns:72px 1fr;gap:8px 17px;padding-block:20px}
    .demo .dt-cafe-menu article>img{height:84px;grid-row:1/3}
    .demo .dt-cafe-menu h3{font-size:23px}
    .demo .dt-cafe-menu p{font-size:13px}
    .demo .dt-cafe-menu .dt-price{grid-column:2;font-size:14px}
    .demo .dt-home :is(.dt-cafe-place,.dt-restaurant-room,.dt-stay-around,.dt-craft-method,.dt-interior-story,.dt-garage-prepare,.dt-garden-question,.dt-consult-method)>figure{height:300px}
    .demo .dt-menu-paper{padding-inline:17px}
    .demo .dt-menu-paper>article{gap:15px}
    .demo .dt-menu-paper h3{font-size:23px}
    .demo .dt-menu-paper p{font-size:13px}
    .demo .dt-menu-paper .dt-price{font-size:14px}
    .demo .dt-restaurant-book{padding:25px 21px}
    .demo .dt-photo-hero>figure{height:400px!important}
    .demo .dt-photo-grid{display:block}
    .demo .dt-photo-grid figure+figure{margin-top:26px}
    .demo .dt-photo-grid figure:nth-child(2){padding-top:0}
    .demo .dt-photo-grid figure img{height:370px}
    .demo .dt-photo-grid figure:nth-child(2) img{height:280px}
    .demo .dt-photo-grid figure:last-child img{height:280px}
    .demo .dt-photo-grid figcaption{font-size:12px;padding-top:10px}
    .demo .dt-stay-hero>figure{height:240px!important}
    .demo .dt-stay-offers>article{display:block}
    .demo .dt-stay-offers img{height:240px;min-height:0;margin-bottom:22px}
    .demo .dt-stay-offers .dt-price{font-size:14px}
    .demo .dt-craft-grid>article{display:flex;flex-direction:column}
    .demo .dt-craft-grid img{height:230px;min-height:0;width:100%;margin-bottom:20px}
    .demo .dt-craft-grid .dt-service-foot{font-size:14px}
    .demo .dt-craft-request{padding:26px 21px}
    .demo .dt-interior-hero>figure{height:280px!important}
    .demo .dt-interior-intro h2 br{display:none}
    .demo .dt-garage-services>article{padding:23px 20px}
    .demo .dt-garage-services .dt-service-cost strong{font-size:20px}
    .demo .dt-garage-services .dt-actions{display:block}
    .demo .dt-garage-services .dt-button{width:100%;margin-bottom:10px}
    .demo .dt-garden-list article{display:block}
    .demo .dt-garden-list img{height:230px;min-height:0;margin-bottom:20px}
    .demo .dt-garden-list h3{font-size:26px}
}
@media(max-width:360px){
    .demo .dt-home .dt-wrap{width:calc(100% - 32px)}
    .demo .dt-home h1{font-size:33px}
    .demo .dt-home h2{font-size:28px}
    .demo .dt-home .dt-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
    .demo .dt-home .dt-actions>.dt-button{width:100%}
    .demo .dt-home .dt-service-lines>article{display:block}
    .demo .dt-home .dt-service-lines .dt-service-cost{margin-top:14px;flex-direction:row;gap:14px;align-items:center}
    .demo .dt-home .dt-service-lines article>.dt-link{margin-top:10px;max-width:none}
    .demo .dt-menu-paper>article{grid-template-columns:1fr;gap:9px}
    .demo .dt-menu-paper .dt-price{justify-self:start}
}
@media(prefers-reduced-motion:reduce){.demo .dt-home .dt-button,.demo .dt-photo-grid a{transition:none}}

/* Photographs set the scene once; the offer lists focus on scope and price. */
.demo .dt-craft-grid article{padding-top:25px;border-top:2px solid #8b9da6}
.demo .dt-garden-list article{padding-top:25px;border-top:2px solid #8ca77c}
.demo .dt-stay-offers article{border-top:2px solid #8ca4a4}
.demo .dt-stay-offers article>div{padding-top:28px}.demo .dt-stay-offers h3{margin-top:0}
.demo .dt-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:650px){.demo .dt-photo-grid{grid-template-columns:1fr}}