@font-face{font-family:DLDesignlof;src:url('fonts/designlof-inter.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
.dl-theme-designlof{--dl-df-ink:#181a19;--dl-df-paper:#f3f3f0;--dl-df-lime:#c7eb62;--dl-font-body:DLDesignlof,Arial,sans-serif;--dl-font-heading:DLDesignlof,Arial,sans-serif;background:var(--dl-df-paper);color:var(--dl-df-ink);font-family:var(--dl-font-body);font-size:16px;line-height:1.55;margin:0;overflow-wrap:break-word}
.dl-theme-designlof *{box-sizing:border-box}.dl-theme-designlof a{color:inherit;text-decoration:none}.dl-theme-designlof a:focus-visible,.dl-theme-designlof button:focus-visible,.dl-theme-designlof summary:focus-visible{outline:3px solid #87ab25;outline-offset:5px}.dl-theme-designlof h1,.dl-theme-designlof h2,.dl-theme-designlof h3{font-family:var(--dl-font-heading);font-weight:500;line-height:1.03;letter-spacing:-.065em;margin:0;white-space:pre-line;color:inherit}.dl-theme-designlof p{margin:0}.dl-theme-designlof img{max-width:100%;display:block}.dl-theme-designlof button,.dl-theme-designlof input,.dl-theme-designlof select,.dl-theme-designlof textarea{font:inherit}.dl-theme-designlof .dl-page-layout{container-type:inline-size}.dl-df-header{height:70px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 32px;background:var(--dl-df-paper);position:relative;z-index:40}.dl-df-brand{display:flex;align-items:center;gap:8px;font-size:25px;font-weight:650;letter-spacing:-1.4px}.dl-df-desktop{display:flex;gap:clamp(24px,5vw,90px);align-items:center;font-size:13px;font-weight:500}.dl-df-desktop a:hover{opacity:.55}.dl-df-menu summary{list-style:none;cursor:pointer;display:flex}.dl-df-menu summary::-webkit-details-marker{display:none}.dl-df-menu-panel{position:absolute;top:70px;right:10px;width:min(480px,calc(100vw - 20px));padding:34px;background:#181a19;color:#fff;border-radius:20px;box-shadow:0 16px 50px #0003}.dl-df-menu-panel nav{display:grid;gap:9px;font-size:35px;line-height:1.2;letter-spacing:-1.5px}.dl-df-menu-panel a:hover{color:var(--dl-df-lime)}.dl-df-menu-cta{display:flex;justify-content:space-between;margin-top:35px;padding-top:24px;border-top:1px solid #555;font-size:14px}.dl-theme-designlof .dl-page-section{padding:110px 36px;background:transparent;color:inherit}.dl-theme-designlof .dl-page-section-inner{max-width:1536px;width:100%;margin:0 auto;gap:36px;align-items:start}.dl-theme-designlof .dl-page-section-inner>*{min-width:0}.dl-theme-designlof .dl-page-space-compact{padding-top:20px;padding-bottom:20px}.dl-theme-designlof .dl-page-section h1{font-size:clamp(62px,9.8cqw,152px)}.dl-theme-designlof .dl-page-section h2{font-size:clamp(42px,5.6cqw,86px)}.dl-theme-designlof .dl-page-section h3{font-size:clamp(24px,2.5cqw,38px);letter-spacing:-.045em}.dl-theme-designlof .dl-page-widget-text{font-size:17px;line-height:1.5;max-width:650px}.dl-theme-designlof .dl-page-section-inner>.dl-page-widget-text:first-child{font-size:11px;font-weight:550;letter-spacing:.08em}.dl-theme-designlof .dl-page-widget-content{font-size:17px;line-height:1.7}.dl-theme-designlof .dl-page-widget-content h2{font-size:clamp(32px,3.6cqw,54px);margin:22px 0 25px}.dl-theme-designlof .dl-page-widget-content p+p{margin-top:18px}.dl-theme-designlof .dl-page-widget-content p:first-child{font-size:11px;letter-spacing:.06em}.dl-theme-designlof .dl-page-button{border:0;border-radius:100px;background:var(--dl-df-ink);color:#fff;padding:16px 23px;display:inline-flex;align-items:center;gap:45px;font-size:13px;font-weight:500;transition:background .2s,transform .2s;min-height:50px}.dl-theme-designlof .dl-page-button:hover{background:#3b463a;transform:translateY(-2px)}.dl-theme-designlof .dl-page-button svg{width:20px;height:20px}.dl-theme-designlof .dl-page-widget-image figure{margin:0}.dl-theme-designlof .dl-page-widget-image img{width:100%;border-radius:22px;object-fit:cover;max-height:850px}.dl-theme-designlof .dl-page-design-intro .dl-page-section-inner{gap:28px}.dl-theme-designlof .dl-page-design-intro .dl-page-widget-text:last-child{max-width:620px;margin-left:auto;font-size:20px}.dl-theme-designlof .dl-page-tone-dark{background:#181a19;color:#f5f5f0}.dl-theme-designlof .dl-page-tone-dark .dl-page-button{background:var(--dl-df-lime);color:#181a19}.dl-theme-designlof .dl-page-tone-muted{background:#e6e7e1}.dl-theme-designlof .dl-page-section:has(.dl-page-widget-image):not(:has(.dl-page-widget-heading)) .dl-page-columns-1{gap:0}
/* The film is the entire canvas, with independently editable text layers. */
.dl-theme-designlof #df-hero{margin:0 6px;padding:24px 30px 35px;border-radius:24px;overflow:hidden;position:relative;color:#fff;background:#212623;isolation:isolate;min-height:690px;min-height:min(820px,calc(100svh - 86px))}.dl-theme-designlof #df-hero .dl-page-section-inner{position:static;display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:auto auto 1fr auto;gap:0 24px;min-height:610px;min-height:calc(min(820px,100svh - 86px) - 59px)}.dl-theme-designlof #df-hero .dl-page-widget-video{position:absolute;inset:0;z-index:-2}.dl-theme-designlof #df-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0003,#0001 40%,#0009);z-index:-1;pointer-events:none}.dl-theme-designlof #df-hero .dl-page-widget-heading{grid-column:1/3;grid-row:1;align-self:start}.dl-theme-designlof #df-hero h1{font-size:clamp(92px,21.5cqw,360px);font-weight:550;letter-spacing:-.095em;line-height:.9}.dl-theme-designlof #df-hero .dl-page-widget-text:nth-child(3){grid-column:1;grid-row:2;justify-self:end;font-size:clamp(28px,4cqw,65px);line-height:1.15;letter-spacing:-.07em;margin:12px 28px 0 0}.dl-theme-designlof #df-hero .dl-page-widget-text:nth-child(4){grid-column:2;grid-row:2;font-size:13px;line-height:1.5;justify-self:end;max-width:220px;margin-top:20px}.dl-theme-designlof #df-hero .dl-page-widget-text:nth-child(5){grid-column:1;grid-row:4;font-size:clamp(18px,1.9cqw,29px);line-height:1.25;letter-spacing:-.04em;max-width:490px;padding-top:70px}.dl-theme-designlof #df-hero .dl-page-widget-button{grid-column:2;grid-row:4;justify-self:end;align-self:end;padding-bottom:35px}.dl-theme-designlof #df-hero .dl-page-button{border-radius:16px;padding:27px 28px;min-height:96px;background:#fafaf6;color:#1a211b;gap:55px;font-size:15px}.dl-theme-designlof #df-hero .dl-page-button:before{content:'';width:32px;height:32px;background:url('designlof/symbol.svg') center/contain no-repeat}.dl-theme-designlof .dl-background-film{position:relative;aspect-ratio:auto;margin:0;width:100%;height:100%;border-radius:22px;overflow:hidden;background:#252a25}.dl-theme-designlof .dl-background-film video{width:100%;height:100%;object-fit:cover;display:block}.dl-theme-designlof .dl-film-toggle{position:absolute;right:20px;bottom:16px;background:#181a19c9;border:1px solid #ffffff4d;color:white;padding:9px 13px;border-radius:30px;display:flex;gap:7px;align-items:center;font-size:11px;z-index:5}.dl-theme-designlof .dl-film-toggle[hidden]{display:none}.dl-theme-designlof #df-hero .dl-film-toggle{bottom:12px;right:25px}.dl-theme-designlof #df-collection-strip{padding:42px 36px 45px}.dl-theme-designlof #df-collection-strip .dl-page-section-inner{gap:20px}.dl-theme-designlof .dl-marquee{font-size:25px;letter-spacing:-1px;background:transparent;border:0;padding:10px 0}.dl-theme-designlof .dl-marquee-item{padding:18px 40px;background:white;border-radius:12px;min-width:180px;justify-content:center}.dl-theme-designlof .dl-marquee-item svg{display:none}.dl-theme-designlof #df-projects-heading{padding-top:60px;padding-bottom:45px}.dl-theme-designlof #df-projects-heading h2,.dl-theme-designlof #df-services-heading h2{font-size:clamp(64px,12cqw,185px);font-weight:550}.dl-theme-designlof #df-projects-heading .dl-page-widget-text:last-child{max-width:460px}.dl-theme-designlof #df-projects-grid{padding-top:0}.dl-theme-designlof #df-why .dl-page-widget-text{grid-column:1}.dl-theme-designlof #df-why .dl-page-widget-heading{grid-column:1}.dl-theme-designlof #df-why .dl-page-widget-content{grid-column:2;grid-row:1/4;padding-left:8%;padding-top:18px}.dl-theme-designlof #df-why .dl-page-widget-button{grid-column:1}.dl-theme-designlof #df-services-heading{margin:20px 6px 0;border-radius:24px 24px 0 0;padding:65px 30px 30px}.dl-theme-designlof #df-services{margin:0 6px;border-radius:0 0 24px 24px;padding:0 30px 55px}.dl-theme-designlof #df-services .dl-agency-service summary{font-size:clamp(26px,4.5cqw,68px)}.dl-theme-designlof #df-process .dl-page-widget-text,.dl-theme-designlof #df-process .dl-page-widget-heading{grid-column:1/-1}.dl-theme-designlof #df-process .dl-page-widget-heading{margin-bottom:25px}.dl-theme-designlof #df-process .dl-page-widget-content{background:#fff;padding:38px;border-radius:20px;min-height:250px}.dl-theme-designlof #df-process .dl-page-widget-content h2{font-size:36px}.dl-theme-designlof #df-showreel{position:relative;isolation:isolate;overflow:hidden;margin:0 6px;border-radius:24px;height:620px;color:#fff;background:#252a25;display:flex;align-items:end;padding:45px 35px}.dl-theme-designlof #df-showreel .dl-page-widget-video{position:absolute;inset:0;z-index:-2}.dl-theme-designlof #df-showreel:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#0009);z-index:-1}.dl-theme-designlof #df-showreel .dl-page-section-inner{display:block}.dl-theme-designlof #df-showreel h2{font-size:clamp(36px,6.5cqw,98px);max-width:1000px;margin-top:22px}.dl-theme-designlof #df-studio-film{height:640px;padding:6px}.dl-theme-designlof #df-studio-film .dl-page-section-inner,.dl-theme-designlof #df-studio-film .dl-page-widget-video{height:100%}.dl-theme-designlof #df-routes .dl-page-widget-text,.dl-theme-designlof #df-routes .dl-page-widget-heading{grid-column:1/-1}.dl-theme-designlof #df-routes .dl-page-widget-content{padding:35px 35px 90px;background:#fff;border-radius:20px}.dl-theme-designlof #df-routes .dl-page-widget-content:nth-child(3){grid-column:1;grid-row:3}.dl-theme-designlof #df-routes .dl-page-widget-content:nth-child(5){grid-column:2;grid-row:3}.dl-theme-designlof #df-routes .dl-page-widget-button{grid-row:3;align-self:end;padding:0 35px 28px}.dl-theme-designlof #df-routes .dl-page-widget-button:nth-child(4){grid-column:1}.dl-theme-designlof #df-routes .dl-page-widget-button:nth-child(6){grid-column:2}.dl-theme-designlof #df-faq{border-top:1px solid #d8d8d1}.dl-theme-designlof #df-faq .dl-page-widget-heading{grid-column:1;grid-row:1}.dl-theme-designlof #df-faq .dl-page-widget-text{grid-column:1;grid-row:2}.dl-theme-designlof #df-faq .dl-page-widget-accordion{grid-column:2;grid-row:1/4}.dl-theme-designlof .dl-page-widget-accordion details{background:transparent;border:0;border-bottom:1px solid #cecec7;border-radius:0;padding:0}.dl-theme-designlof .dl-page-widget-accordion summary{font-size:21px;font-weight:500;padding:25px 35px 25px 0;letter-spacing:-.04em}.dl-theme-designlof .dl-page-widget-accordion details>div{padding:0 25px 28px 0;font-size:16px;line-height:1.65}.dl-theme-designlof #df-journal{background:#e7e8e2}.dl-theme-designlof #df-journal .dl-page-section-inner{grid-template-columns:1fr auto}.dl-theme-designlof #df-journal .dl-page-widget-button{align-self:end}.dl-theme-designlof #df-journal .dl-page-widget-posts{grid-column:1/-1}.dl-theme-designlof .dl-page-collection-grid{gap:25px}.dl-theme-designlof .dl-df-story{min-width:0}.dl-df-story-image{display:block;overflow:hidden;border-radius:18px;margin-bottom:24px}.dl-df-story-image img{aspect-ratio:4/3;width:100%;object-fit:cover;transition:transform .6s}.dl-df-story:hover img{transform:scale(1.04)}.dl-df-story small{font-size:10px;letter-spacing:.07em}.dl-theme-designlof .dl-df-story h2{font-size:clamp(25px,2.7cqw,39px);line-height:1.12;letter-spacing:-.055em;margin:16px 0}.dl-df-story p{font-size:14px;color:#62675f;margin-bottom:18px}.dl-df-story>a:last-child{display:inline-flex;align-items:center;gap:18px;font-size:12px;border-bottom:1px solid;padding-bottom:6px}.dl-theme-designlof #df-contact .dl-page-section-inner{grid-template-columns:1fr 1fr;gap:28px 9%;align-items:start}.dl-theme-designlof #df-contact .dl-page-widget-form{grid-column:1;grid-row:1/5}.dl-theme-designlof #df-contact .dl-page-widget-heading,.dl-theme-designlof #df-contact .dl-page-widget-text{grid-column:2}.dl-theme-designlof #df-contact h2{font-size:clamp(68px,10cqw,155px)}.dl-theme-designlof #df-contact .dl-page-widget-text:last-of-type{font-size:20px}.dl-theme-designlof .dl-smart-form{padding:0;background:transparent;border:0;box-shadow:none;border-radius:0;max-width:none;margin:0;color:inherit}.dl-theme-designlof .dl-smart-form>h2,.dl-theme-designlof .dl-smart-form>h3{display:none}.dl-theme-designlof .dl-smart-form label{font-size:12px;font-weight:500;color:inherit}.dl-theme-designlof .dl-smart-form input:not([type=checkbox]):not([type=radio]),.dl-theme-designlof .dl-smart-form textarea,.dl-theme-designlof .dl-smart-form select,.dl-theme-designlof .dl-smart-form .dl-select-trigger{background:#e8e9e3;border:1px solid transparent;border-radius:9px;color:inherit;min-height:55px;padding:14px 17px;width:100%}.dl-theme-designlof .dl-smart-form input:focus,.dl-theme-designlof .dl-smart-form textarea:focus{outline:2px solid #77895a;outline-offset:2px}.dl-theme-designlof .dl-smart-form textarea{min-height:125px}.dl-theme-designlof .dl-smart-form button.dl-button{border:0;background:var(--dl-df-ink);color:white;border-radius:50px;min-height:52px;padding:15px 25px}.dl-theme-designlof .dl-smart-form button:disabled{opacity:.55}.dl-theme-designlof .dl-smart-form input[type=checkbox]{accent-color:#465432;width:17px;height:17px;vertical-align:middle;margin-right:8px}.dl-theme-designlof .dl-smart-form small{color:#62675f}.dl-theme-designlof #df-product-image img,.dl-theme-designlof #df-work-image img{max-height:760px;aspect-ratio:16/9}.dl-theme-designlof #df-product-detail .dl-page-widget-button{grid-column:2}.dl-theme-designlof #df-legal-copy .dl-page-section-inner{max-width:800px}.dl-theme-designlof #df-product-next{margin:0 6px;border-radius:24px}.dl-theme-designlof #df-product-features .dl-editorial-features{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.dl-theme-designlof #df-product-features h3{font-size:30px}.dl-theme-designlof #df-product-features p{font-size:15px;margin-top:15px}.dl-df-footer{background:#e3e5dd;margin:6px;border-radius:24px;padding:65px 30px 20px;overflow:hidden}.dl-df-footer-top{display:grid;grid-template-columns:1fr 1fr;gap:15%;padding-bottom:60px}.dl-df-footer-top>div>p{font-size:10px;letter-spacing:.1em;margin-bottom:24px}.dl-df-footer-top>div h2{font-size:clamp(35px,4vw,64px)}.dl-df-footer-top>div>a{display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid;padding:12px 0;margin-top:20px;font-size:13px}.dl-df-footer-top section h2{font-size:27px;letter-spacing:-.04em}.dl-df-footer-top section>p{font-size:14px;margin:16px 0 25px}.dl-df-footer-links{border-top:1px solid #c4c7bb;padding:28px 0;display:flex;justify-content:space-between;gap:25px;align-items:start;font-size:12px}.dl-df-footer-links nav{display:flex;flex-wrap:wrap;gap:16px 25px;max-width:720px}.dl-df-social{display:flex;gap:16px}.dl-df-footer-wordmark{display:flex;align-items:center;gap:3%;white-space:nowrap;line-height:.95;padding:40px 0;font-size:clamp(65px,19.8vw,330px);font-weight:550;letter-spacing:-.09em}.dl-df-footer-wordmark img{width:12%;height:auto}.dl-df-colophon{display:flex;justify-content:space-between;gap:25px;font-size:11px;border-top:1px solid #c4c7bb;padding-top:22px}.dl-df-colophon>div{display:flex;gap:24px}.dl-theme-designlof .cms-theme-preview{font-size:12px;background:#c7eb62;color:#182823;padding:8px 30px}.dl-theme-designlof .cms-theme-preview a{text-decoration:underline}.dl-df-article-opening{padding:60px 36px 0;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.dl-df-article-intro h1{font-size:clamp(45px,5.8vw,85px);margin:25px 0}.dl-df-article-back,.dl-df-article-kicker{font-size:11px;letter-spacing:.05em}.dl-df-article-kicker{margin-top:30px!important}.dl-df-article-deck{font-size:20px;max-width:650px}.dl-df-article-byline{display:grid;gap:8px;font-size:12px;margin-top:30px}.dl-df-begin-reading{display:flex;gap:18px;align-items:center;font-size:12px;margin:35px 0}.dl-df-article-cover{margin:0}.dl-df-article-cover img{width:100%;height:650px;object-fit:cover;border-radius:24px}.dl-df-article-cover figcaption{font-size:10px;color:#72756f;margin-top:12px}.dl-df-article-body{display:grid;grid-template-columns:260px minmax(0,750px);gap:8%;justify-content:center;padding:100px 36px}.dl-df-reading-sidebar{position:sticky;top:35px;align-self:start;font-size:13px}.dl-df-reading-sidebar ol{list-style:none;padding:0;margin:25px 0}.dl-df-reading-sidebar li{border-bottom:1px solid #d0d3c9;padding:13px 0}.dl-df-reading-sidebar a{display:flex;gap:15px}.dl-df-reading-sidebar span{color:#898f82}.dl-theme-designlof .dl-df-article-prose h2{font-size:38px;margin:45px 0 22px}.dl-df-article-prose p{font-size:18px;line-height:1.8}.dl-df-article-prose figure{margin:35px 0}.dl-df-article-prose img{border-radius:18px}.dl-df-story-end{margin:60px 0;border-top:1px solid #d0d3c9;padding-top:20px;font-size:13px}.dl-df-related{padding:60px 36px 100px;background:#e7e8e2}.dl-df-related-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:40px}.dl-df-related h2{font-size:50px}.dl-df-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.dl-theme-designlof .dl-df-related .dl-df-story h2{font-size:35px}.dl-df-index,.dl-df-404{padding:90px 36px}.dl-df-index h1,.dl-df-404 h1{font-size:clamp(60px,10vw,140px)}.dl-df-journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.dl-df-reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:transparent;z-index:60}.dl-df-reading-progress span{display:block;width:0;height:100%;background:#8dac41}.dl-theme-designlof [data-df-reveal]{transition:opacity .7s,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--dl-df-delay,0ms)}.dl-theme-designlof [data-df-reveal=waiting]{opacity:0;transform:translateY(32px)}
@media(min-width:1800px){.dl-theme-designlof #df-hero h1{font-size:340px}.dl-df-footer-wordmark{font-size:18vw}}
@container(max-width:760px){.dl-theme-designlof .dl-page-section{padding:65px 20px}.dl-theme-designlof .dl-page-columns-2,.dl-theme-designlof .dl-page-columns-3{grid-template-columns:1fr}.dl-theme-designlof .dl-page-section-inner{gap:25px}.dl-theme-designlof .dl-page-section h1{font-size:clamp(52px,11cqw,86px)}.dl-theme-designlof .dl-page-section h2{font-size:clamp(38px,8cqw,62px)}.dl-theme-designlof .dl-page-design-intro .dl-page-widget-text:last-child{margin-left:0;font-size:17px}.dl-theme-designlof #df-hero{padding:25px 20px;min-height:670px}.dl-theme-designlof #df-hero .dl-page-section-inner{min-height:620px;grid-template-columns:1fr 1fr;gap:15px}.dl-theme-designlof #df-hero h1{font-size:21cqw;letter-spacing:-.085em}.dl-theme-designlof #df-hero .dl-page-widget-text:nth-child(3){justify-self:start;font-size:35px}.dl-theme-designlof #df-hero .dl-page-widget-text:nth-child(4){font-size:11px;margin:0}.dl-theme-designlof #df-hero .dl-page-widget-text:nth-child(5){grid-column:1/-1;grid-row:3;align-self:end;max-width:430px;font-size:23px;padding-top:80px}.dl-theme-designlof #df-hero .dl-page-widget-button{grid-column:1/-1;grid-row:4;justify-self:start;padding-bottom:35px}.dl-theme-designlof #df-hero .dl-page-button{min-height:75px;padding:20px;gap:20px;font-size:13px}.dl-theme-designlof #df-hero .dl-page-button:before{width:24px;height:24px}.dl-theme-designlof #df-why .dl-page-section-inner>*,.dl-theme-designlof #df-faq .dl-page-section-inner>*,.dl-theme-designlof #df-contact .dl-page-section-inner>*,.dl-theme-designlof #df-routes .dl-page-section-inner>*,.dl-theme-designlof #df-product-detail .dl-page-section-inner>*{grid-column:auto;grid-row:auto}.dl-theme-designlof #df-why .dl-page-widget-content{padding:15px 0}.dl-theme-designlof #df-process .dl-page-widget-content{padding:25px;min-height:0}.dl-theme-designlof #df-showreel{height:520px;padding:35px 20px 65px}.dl-theme-designlof #df-studio-film{height:450px;padding:6px}.dl-theme-designlof #df-routes .dl-page-widget-content{padding:28px}.dl-theme-designlof #df-routes .dl-page-widget-button{padding:0 0 20px}.dl-theme-designlof #df-contact .dl-page-section-inner{grid-template-columns:1fr}.dl-theme-designlof #df-contact .dl-page-widget-form{order:4}.dl-theme-designlof #df-journal .dl-page-section-inner{grid-template-columns:1fr}.dl-theme-designlof #df-product-features .dl-editorial-features{grid-template-columns:1fr}.dl-theme-designlof #df-services-heading{padding:50px 20px 25px}.dl-theme-designlof #df-services{padding:0 20px 40px}}
@media(max-width:760px){.dl-df-header{height:62px;padding:0 20px}.dl-df-desktop{display:none}.dl-df-menu-panel{top:62px}.dl-df-footer{padding:45px 20px 20px}.dl-df-footer-top{grid-template-columns:1fr;gap:50px}.dl-df-footer-links,.dl-df-colophon{flex-direction:column}.dl-df-footer-wordmark{font-size:18vw}.dl-df-footer-wordmark img{width:11%}.dl-df-footer-top>div h2{font-size:44px}.dl-df-article-opening{padding:45px 20px 0;grid-template-columns:1fr;gap:15px}.dl-df-article-cover img{height:420px}.dl-df-article-body{grid-template-columns:1fr;padding:55px 20px;gap:35px}.dl-df-reading-sidebar{position:static}.dl-df-related{padding:45px 20px}.dl-df-related-heading{display:block}.dl-df-related-heading>a{display:inline-block;margin-top:20px}.dl-df-related-grid,.dl-df-journal-grid{grid-template-columns:1fr}.dl-df-related h2{font-size:40px}.dl-df-index,.dl-df-404{padding:60px 20px}}

/* Private invoice checkout and public template licence guide. */
.dl-df-payment{padding:6px;container-type:inline-size}.dl-df-pay-hero,.dl-df-invoice-hero{min-height:560px;border-radius:24px;background:#181a19;color:#f4f5ef;padding:clamp(34px,5vw,78px);display:flex;justify-content:space-between;align-items:flex-end;gap:50px;overflow:hidden}.dl-df-pay-intro>p:first-child,.dl-df-invoice-hero p,.dl-df-pay-section-heading>p,.dl-df-pay-process>div>p,.dl-df-pay-note>p:first-child,.dl-df-trust-card>p{font-size:10px;letter-spacing:.13em}.dl-df-pay-intro h1,.dl-df-invoice-hero h1{font-size:clamp(52px,8.6cqw,132px);max-width:1150px;margin:35px 0;line-height:.92}.dl-df-pay-intro h1 span,.dl-df-invoice-hero h1 span{color:#c7eb62}.dl-df-pay-intro>p:last-child{max-width:570px;font-size:17px;color:#bcc2b8}.dl-df-pay-mark{display:grid;grid-template-columns:1fr 1fr;align-items:end;flex:none}.dl-df-pay-mark span{width:140px;height:140px;display:grid;place-items:center;border-radius:50%;border:1px solid #ffffff3d;font-size:34px}.dl-df-pay-mark span+span{background:#c7eb62;color:#182823;border:0;margin-left:-28px;transform:translateY(-80px)}.dl-df-license-grid{padding:110px 30px;display:grid;grid-template-columns:minmax(260px,.8fr) 1fr 1fr;gap:20px;max-width:1600px;margin:auto}.dl-df-pay-section-heading{padding:10px 5vw 20px 5px}.dl-df-pay-section-heading h2{font-size:clamp(44px,5cqw,78px);margin-top:28px}.dl-df-license-card{border-radius:22px;padding:34px;min-height:560px;display:flex;flex-direction:column}.dl-df-license-personal{background:#e1e3dc}.dl-df-license-commercial{background:#d6f28b}.dl-df-license-card>div{display:flex;justify-content:space-between;align-items:start}.dl-df-license-card>div>span{font-size:10px;letter-spacing:.12em}.dl-df-license-card strong{font-size:64px;letter-spacing:-.06em;font-weight:500;line-height:1}.dl-df-license-card sup{font-size:13px;letter-spacing:0;margin-right:5px}.dl-df-license-card h3{font-size:40px;margin:80px 0 20px}.dl-df-license-card p{font-size:15px;max-width:44ch}.dl-df-license-card ul{list-style:none;padding:24px 0 0;margin:0;font-size:13px}.dl-df-license-card li{padding:11px 0;border-top:1px solid #18282325}.dl-df-license-card>a{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid;padding-top:20px;font-size:13px}.dl-df-pay-process{margin:0;border-radius:24px;background:#ecece7;padding:100px 6vw;display:grid;grid-template-columns:1fr 1.2fr;gap:10%;align-items:start}.dl-df-pay-process h2{font-size:clamp(48px,6.5cqw,96px);margin-top:30px}.dl-df-pay-process ol{list-style:none;padding:0;margin:0}.dl-df-pay-process li{display:grid;grid-template-columns:55px 1fr;gap:25px;padding:27px 0;border-bottom:1px solid #c8cbc1}.dl-df-pay-process li>span{font-size:11px}.dl-df-pay-process strong{font-size:25px;font-weight:500}.dl-df-pay-process li p{font-size:14px;color:#666c63;margin-top:8px}.dl-df-pay-note{padding:120px 7vw;max-width:1400px}.dl-df-pay-note h2{font-size:clamp(48px,7cqw,105px);max-width:1100px;margin:28px 0}.dl-df-pay-note>p:last-child{max-width:570px;font-size:16px}.dl-df-pay-note a{text-decoration:underline}.dl-df-invoice-hero{min-height:410px;align-items:end}.dl-df-invoice-hero h1{font-size:clamp(52px,7cqw,105px);margin:28px 0 0}.dl-df-invoice-status{border:1px solid #ffffff4d;border-radius:99px;padding:12px 18px;font-size:10px;letter-spacing:.12em}.dl-df-invoice-hero.is-paid{background:#d6f28b;color:#182823}.dl-df-invoice-hero.is-paid h1 span{color:#52701b}.dl-df-invoice-grid{padding:70px 30px 120px;display:grid;grid-template-columns:1.25fr .75fr;gap:22px;max-width:1400px;margin:auto}.dl-df-invoice-card,.dl-df-trust-card{background:#fff;border-radius:22px;padding:clamp(28px,4vw,55px)}.dl-df-invoice-card-head{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid #d7d8d2;padding-bottom:30px}.dl-df-invoice-card-head div{display:grid;gap:8px}.dl-df-invoice-card-head span,.dl-df-invoice-card dt{font-size:10px;letter-spacing:.1em;color:#6d726a}.dl-df-invoice-card-head strong{font-size:20px;font-weight:500}.dl-df-invoice-card dl{margin:0}.dl-df-invoice-card dl>div{display:grid;grid-template-columns:160px 1fr;gap:25px;padding:25px 0;border-bottom:1px solid #e2e2dc}.dl-df-invoice-card dd{margin:0;font-size:18px}.dl-df-invoice-card dd small{display:block;font-size:12px;color:#747971;margin-top:7px}.dl-df-invoice-card .dl-df-invoice-total{font-size:clamp(34px,4vw,58px);letter-spacing:-.06em}.dl-df-pay-button{width:100%;border:0;background:#181a19;color:#fff;border-radius:99px;margin-top:30px;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.dl-df-pay-button:hover{background:#3c463a}.dl-df-pay-fineprint{font-size:11px;color:#737870;margin-top:15px;max-width:600px}.dl-df-pay-success,.dl-df-pay-message{display:flex;gap:16px;background:#dff4aa;border-radius:14px;padding:20px;margin-top:28px}.dl-df-pay-message{display:block;background:#f0ebdc}.dl-df-pay-success strong,.dl-df-pay-message strong{font-weight:600}.dl-df-pay-success p,.dl-df-pay-message p{font-size:13px;margin-top:4px}.dl-df-trust-card{background:#e1e3dc}.dl-df-trust-card h2{font-size:clamp(38px,4cqw,58px);margin:25px 0}.dl-df-trust-card>p:not(:first-child){font-size:14px;color:#5d625b}.dl-df-trust-card ul{list-style:none;padding:28px 0;margin:0}.dl-df-trust-card li{display:flex;gap:14px;padding:18px 0;border-top:1px solid #c5c8be}.dl-df-trust-card li svg{flex:none}.dl-df-trust-card li span{display:grid;font-size:12px;color:#6c7169}.dl-df-trust-card li strong{font-size:14px;color:#181a19}.dl-df-trust-card>a{display:flex;justify-content:space-between;border-top:1px solid;padding-top:20px;font-size:12px}.dl-df-payment+.dl-df-footer{margin-top:0}
@media(max-width:980px){.dl-df-license-grid{grid-template-columns:1fr 1fr}.dl-df-pay-section-heading{grid-column:1/-1}.dl-df-pay-process,.dl-df-invoice-grid{grid-template-columns:1fr}.dl-df-pay-mark{display:none}}
@media(max-width:640px){.dl-df-pay-hero,.dl-df-invoice-hero{min-height:500px;padding:32px 22px}.dl-df-pay-intro h1,.dl-df-invoice-hero h1{font-size:50px}.dl-df-license-grid{grid-template-columns:1fr;padding:70px 14px}.dl-df-license-card{min-height:510px;padding:26px}.dl-df-pay-process{padding:70px 22px}.dl-df-invoice-grid{padding:45px 8px 80px}.dl-df-invoice-card,.dl-df-trust-card{padding:25px 20px}.dl-df-invoice-card dl>div{grid-template-columns:1fr;gap:8px}.dl-df-invoice-status{position:absolute;top:95px}.dl-df-pay-note{padding:80px 22px}}
@media(prefers-reduced-motion:reduce){.dl-theme-designlof *, .dl-theme-designlof *:before,.dl-theme-designlof *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.dl-theme-designlof [data-df-reveal=waiting]{opacity:1;transform:none}}
/* Reset generic hero presets so these editable layers share one clean canvas. */
.dl-theme-designlof #df-hero .dl-page-section-inner{padding:0;align-items:stretch;justify-content:normal}.dl-theme-designlof #df-hero .dl-page-widget{max-width:none}.dl-theme-designlof #df-hero h1{white-space:nowrap}.dl-theme-designlof #df-hero .dl-page-widget-video{z-index:-2;animation:none}.dl-theme-designlof #df-hero:after{display:block}.dl-theme-designlof #df-hero .dl-background-film:after{display:none}.dl-theme-designlof #df-showreel .dl-page-section-inner{padding:0;min-height:0;text-align:left}.dl-theme-designlof #df-showreel .dl-page-widget{max-width:none}.dl-theme-designlof #df-showreel .dl-page-widget-video{animation:none;z-index:-2}.dl-df-desktop .cms-nav,.dl-df-desktop ul{display:flex;align-items:center;gap:clamp(24px,5vw,90px);padding:0;margin:0;list-style:none}.dl-df-footer-links nav ul,.dl-df-footer-links .cms-nav{display:flex;flex-wrap:wrap;gap:16px 25px;list-style:none;padding:0;margin:0}.dl-df-menu-panel ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.dl-theme-designlof .dl-smart-form{display:grid;gap:18px}.dl-theme-designlof .dl-smart-field{margin:0}.dl-theme-designlof .dl-smart-form .dl-select{width:100%}.dl-theme-designlof .dl-smart-form .dl-smart-option{display:flex;align-items:flex-start;gap:8px;line-height:1.6}.dl-theme-designlof .dl-smart-form .dl-smart-option input{flex-shrink:0;margin:2px 0 0}.dl-theme-designlof .dl-smart-form>.dl-button{justify-self:start}.dl-theme-designlof .dl-smart-form .cms-small{font-size:12px;color:#62675f}.dl-theme-designlof .dl-smart-form .dl-smart-field>label{display:block;margin-bottom:8px}
.dl-theme-designlof #df-hero:after{background:linear-gradient(90deg,rgba(7,14,10,.66) 0%,rgba(7,14,10,.36) 55%,rgba(7,14,10,.5) 100%),linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.12) 42%,rgba(0,0,0,.76))}
.dl-df-empty{padding:100px 36px 70px}.dl-df-empty>p:first-child{font-size:11px;letter-spacing:.07em;margin-bottom:30px}.dl-df-empty h1{font-size:clamp(56px,9vw,140px);max-width:1100px}.dl-df-empty>p:not(:first-child){max-width:550px;margin:30px 0}.dl-df-reserve{display:inline-flex;gap:25px;align-items:center;border-bottom:1px solid;padding-bottom:10px;margin-top:25px}.dl-df-archive{padding:0 36px 100px}.dl-theme-designlof .cms-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.dl-theme-designlof .dl-nato-search{display:flex;max-width:540px;margin:0 auto 25px;gap:10px}.dl-theme-designlof .dl-nato-search input{width:100%;min-width:0;border:1px solid #c9ccc1;background:transparent;border-radius:30px;padding:15px 20px}.dl-theme-designlof .dl-nato-search button{border:0;background:#e0e3d8;border-radius:50%;width:50px;flex-shrink:0;display:grid;place-items:center}.dl-theme-designlof .dl-nato-topic-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:35px;font-size:12px}.dl-theme-designlof .dl-nato-topic-pills a{padding:7px 13px;border-radius:20px;background:#e6e8e0}.dl-theme-designlof #df-journal .dl-nato-search,.dl-theme-designlof #df-journal .dl-nato-topic-pills,.dl-theme-designlof #df-journal .cms-pagination{display:none}.dl-theme-designlof .dl-form-success{padding:100px 36px;max-width:950px;margin:auto}.dl-theme-designlof .dl-form-success h1{font-size:clamp(60px,9vw,130px);margin-bottom:30px}.dl-theme-designlof .dl-form-success p{font-size:20px;line-height:1.6;margin-bottom:30px}.dl-theme-designlof .dl-form-success a{text-decoration:underline}.dl-df-footer-top>div>.dl-df-footer-description{font-size:14px;letter-spacing:0;max-width:430px;margin:25px 0 0}
@container(max-width:700px){.dl-theme-designlof .cms-story-grid{grid-template-columns:1fr}.dl-theme-designlof .dl-df-story h2{font-size:32px}}
@media(max-width:700px){.dl-df-empty{padding:65px 20px 40px}.dl-df-archive{padding:0 20px 60px}.dl-df-archive .cms-story-grid{grid-template-columns:1fr}}

/* Studio editorial refresh: deliberate section grids override generic CMS presets. */
.dl-theme-designlof #df-collection-strip{padding:38px 36px 12px}
.dl-theme-designlof #df-collection-strip>.dl-page-section-inner{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:30px;border-bottom:1px solid #d9dcd2;padding-bottom:32px}
.dl-theme-designlof #df-collection-strip .dl-page-widget-text{max-width:130px;color:#626b5b;font-size:10px;line-height:1.7;letter-spacing:.12em}
.dl-theme-designlof #df-collection-strip .dl-text-ribbon{background:transparent;color:#28332a;border:0;padding:12px 75px 12px 0;min-height:78px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 96%,transparent)}
.dl-theme-designlof #df-collection-strip .dl-ribbon-track{gap:16px}
.dl-theme-designlof #df-collection-strip .dl-ribbon-group{gap:16px}
.dl-theme-designlof #df-collection-strip .dl-ribbon-group>span{font-family:DLDesignlof,Arial,sans-serif;font-size:21px;letter-spacing:-.055em;display:inline-flex;align-items:center;gap:0;padding:14px 28px;border:1px solid #d4d9cc;border-radius:100px;background:#f9faf5;white-space:nowrap}
.dl-theme-designlof #df-collection-strip .dl-ribbon-group>span>svg{display:none}
.dl-theme-designlof #df-collection-strip .dl-ribbon-toggle{right:8px;top:50%;transform:translateY(-50%);width:38px;height:38px;min-width:38px;min-height:38px;padding:0;border:1px solid #b9c3b0;background:#f3f3f0;box-shadow:0 0 0 14px #f3f3f0;display:grid;place-items:center;z-index:2;border-radius:50%}
.dl-theme-designlof #df-collection-strip .dl-ribbon-toggle[hidden]{display:none}
.dl-theme-designlof #df-collection-strip [data-ribbon-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.dl-theme-designlof #df-projects-heading{padding:58px 36px 44px}
.dl-theme-designlof #df-projects-heading>.dl-page-section-inner{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.7fr);grid-template-rows:auto auto;gap:22px 9%;align-items:end}
.dl-theme-designlof #df-projects-heading .dl-page-widget-text:first-child{grid-area:1/1/2/3;font-size:10px;letter-spacing:.1em}
.dl-theme-designlof #df-projects-heading .dl-page-widget-heading{grid-area:2/1/3/2;max-width:none}
.dl-theme-designlof #df-projects-heading h2{font-size:clamp(58px,8.3cqw,122px);font-weight:500;letter-spacing:-.07em;white-space:normal;line-height:.98}
.dl-theme-designlof #df-projects-heading .dl-page-widget-text:last-child{grid-area:2/2/3/3;max-width:390px;margin:0 0 8px;font-size:17px;line-height:1.6;color:#596154}
/* A split process chapter: quiet oversized title and a precise numbered sequence. */
.dl-theme-designlof #df-process{background:#182823;color:#f3f5eb;border-radius:26px;margin:64px 16px;padding:74px 54px;position:relative;overflow:hidden}
.dl-theme-designlof #df-process>.dl-page-section-inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:auto repeat(4,auto);gap:0 10%;align-items:start;counter-reset:dl-df-step}
.dl-theme-designlof #df-process .dl-page-widget-text{grid-area:1/1/2/2;color:#c7eb62;font-size:10px;letter-spacing:.13em;padding-bottom:28px}
.dl-theme-designlof #df-process .dl-page-widget-heading{grid-area:2/1/6/2;margin:0;position:relative;padding-bottom:180px}
.dl-theme-designlof #df-process .dl-page-widget-heading:after{content:'';position:absolute;bottom:0;left:0;width:120px;height:120px;background:url('designlof/symbol-light.svg') center/contain no-repeat;opacity:.65}
.dl-theme-designlof #df-process .dl-page-widget-heading h2{font-size:clamp(40px,4.6cqw,70px);line-height:1.06;letter-spacing:-.065em}
.dl-theme-designlof #df-process .dl-page-widget-content{grid-column:2;grid-row:auto;background:transparent;border:0;border-top:1px solid #ffffff26;border-radius:0;padding:28px 0 30px 70px;min-height:0;position:relative;counter-increment:dl-df-step;transition:background .25s}
.dl-theme-designlof #df-process .dl-page-widget-content:nth-child(3){grid-row:1/3}
.dl-theme-designlof #df-process .dl-page-widget-content:nth-child(4){grid-row:3}
.dl-theme-designlof #df-process .dl-page-widget-content:nth-child(5){grid-row:4}
.dl-theme-designlof #df-process .dl-page-widget-content:nth-child(6){grid-row:5}
.dl-theme-designlof #df-process .dl-page-widget-content:before{content:counter(dl-df-step,decimal-leading-zero);position:absolute;top:30px;left:0;color:#c7eb62;font-size:22px;letter-spacing:-.05em;line-height:1}
.dl-theme-designlof #df-process .dl-page-widget-content h2{font-size:28px;line-height:1.12;letter-spacing:-.045em;margin:10px 0 16px}
.dl-theme-designlof #df-process .dl-page-widget-content p:first-child{font-size:9px;letter-spacing:.1em;color:#bac9bc;margin:0}
.dl-theme-designlof #df-process .dl-page-widget-content p:not(:first-child){font-size:14px;line-height:1.75;color:#bfcbc0;max-width:540px;margin:0}
/* Two contrasting routes, each with a graphic drawn from the existing brand. */
.dl-theme-designlof #df-routes{padding:95px 36px}
.dl-theme-designlof #df-routes>.dl-page-section-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto;gap:25px 18px}
.dl-theme-designlof #df-routes .dl-page-widget-text{grid-area:1/1/2/3}
.dl-theme-designlof #df-routes .dl-page-widget-heading{grid-area:2/1/3/3;margin-bottom:24px}
.dl-theme-designlof #df-routes .dl-page-widget-heading h2{font-size:clamp(45px,6cqw,88px)}
.dl-theme-designlof #df-routes .dl-page-widget-content{min-height:490px;border-radius:24px;padding:195px 40px 116px;position:relative;overflow:hidden;background:#182823;color:#fff}
.dl-theme-designlof #df-routes .dl-page-widget-content:nth-child(3){grid-area:3/1/4/2}
.dl-theme-designlof #df-routes .dl-page-widget-content:nth-child(5){grid-area:3/2/4/3;background:#d5ec97;color:#182823}
.dl-theme-designlof #df-routes .dl-page-widget-content:before{content:'';position:absolute;top:35px;left:40px;width:108px;height:108px;background:url('designlof/symbol-light.svg') center/contain no-repeat;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.dl-theme-designlof #df-routes .dl-page-widget-content:after{content:'';position:absolute;top:36px;right:40px;width:100px;height:100px;border:1px solid #c7eb6233;border-radius:50%;box-shadow:0 0 0 15px #c7eb6208,0 0 0 30px #c7eb6205;pointer-events:none}
.dl-theme-designlof #df-routes .dl-page-widget-content:nth-child(5):before{width:150px;height:100px;background:linear-gradient(#182823 0 0) 15px 13px/20px 4px no-repeat,linear-gradient(#182823 0 0) 15px 26px/85px 4px no-repeat,linear-gradient(90deg,#182823 31%,transparent 31% 35%,#182823 35% 66%,transparent 66% 70%,#182823 70%) 15px 45px/115px 38px no-repeat;background-color:#eef6d5;border:1px solid #18282333;border-radius:10px;box-shadow:12px 12px 0 -1px #bfd17f,12px 12px 0 0 #18282333;transform:rotate(-5deg)}
.dl-theme-designlof #df-routes .dl-page-widget-content:nth-child(5):after{border-color:#18282322;box-shadow:0 0 0 15px #18282305,0 0 0 30px #18282303}
.dl-theme-designlof #df-routes .dl-page-widget-content:hover:before{transform:translateY(-5px) rotate(3deg)}
.dl-theme-designlof #df-routes .dl-page-widget-content p:first-child{font-size:10px;letter-spacing:.1em;color:#c7eb62}
.dl-theme-designlof #df-routes .dl-page-widget-content:nth-child(5) p:first-child{color:#40542c}
.dl-theme-designlof #df-routes .dl-page-widget-content h2{font-size:clamp(30px,3.3cqw,48px);line-height:1.1;letter-spacing:-.055em;max-width:470px;margin:20px 0}
.dl-theme-designlof #df-routes .dl-page-widget-content p:not(:first-child){font-size:15px;line-height:1.65;max-width:510px;opacity:.8}
.dl-theme-designlof #df-routes .dl-page-widget-button{align-self:end;z-index:1;padding:0 40px 34px}
.dl-theme-designlof #df-routes .dl-page-widget-button:nth-child(4){grid-area:3/1/4/2}
.dl-theme-designlof #df-routes .dl-page-widget-button:nth-child(6){grid-area:3/2/4/3}
.dl-theme-designlof #df-routes .dl-page-widget-button:nth-child(4) .dl-page-button{background:#fff;color:#182823!important}
.dl-theme-designlof #df-routes .dl-page-button{padding:15px 20px;font-size:12px;gap:28px}
/* Accordion is airy, numbered and truly interactive rather than a white table. */
.dl-theme-designlof #df-faq{border:0;padding-top:40px;padding-bottom:95px}
.dl-theme-designlof #df-faq>.dl-page-section-inner{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);grid-template-rows:auto 1fr;gap:28px 10%}
.dl-theme-designlof #df-faq .dl-page-widget-heading{grid-area:1/1/2/2}
.dl-theme-designlof #df-faq h2{font-size:clamp(52px,7cqw,100px)}
.dl-theme-designlof #df-faq .dl-page-widget-text{grid-area:2/1/3/2;max-width:230px;font-size:16px;color:#606859}
.dl-theme-designlof #df-faq .dl-page-widget-accordion{grid-area:1/2/3/3}
.dl-theme-designlof .dl-layout-accordion{counter-reset:dl-df-question;background:transparent;border:0;border-radius:0;overflow:visible}
.dl-theme-designlof .dl-layout-accordion details{counter-increment:dl-df-question;border:0;border-bottom:1px solid #d1d7c8;border-radius:0;background:transparent}
.dl-theme-designlof .dl-layout-accordion summary{display:flex;gap:20px;align-items:center;padding:25px 4px;font-size:19px;line-height:1.4;font-weight:450;letter-spacing:-.025em}
.dl-theme-designlof .dl-layout-accordion summary:before{content:counter(dl-df-question,decimal-leading-zero);font-size:10px;letter-spacing:0;color:#78836c;margin-right:4px;flex-shrink:0}
.dl-theme-designlof .dl-layout-accordion summary svg{margin-left:auto;flex-shrink:0;width:30px;height:30px;padding:7px;border-radius:50%;background:#e5eadd}
.dl-theme-designlof .dl-layout-accordion details[open]{background:#e8eddf;padding-inline:20px;border-radius:14px;border-bottom-color:transparent;margin:8px -20px}
.dl-theme-designlof .dl-layout-accordion details>div{font-size:15px;line-height:1.8;padding:0 30px 28px 40px;color:#53604a}
/* Explicit rows prevent generic journal presets from overlapping the heading. */
.dl-theme-designlof #df-journal{background:#e9ece3;margin:0 16px;border-radius:26px;padding:70px 38px 64px}
.dl-theme-designlof #df-journal>.dl-page-section-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:52px 40px;align-items:end}
.dl-theme-designlof #df-journal .dl-page-widget-heading{grid-area:1/1/2/2;max-width:none;position:static}
.dl-theme-designlof #df-journal .dl-page-widget-heading h2{font-size:clamp(45px,5.5cqw,80px);line-height:1.05;white-space:normal;max-width:650px}
.dl-theme-designlof #df-journal .dl-page-widget-button{grid-area:1/2/2/3;align-self:end;position:static}
.dl-theme-designlof #df-journal .dl-page-widget-posts{grid-area:2/1/3/3;margin:0;position:static}
.dl-theme-designlof #df-journal .cms-story-grid{gap:24px}
.dl-theme-designlof #df-journal .dl-df-story{display:flex;flex-direction:column}
.dl-theme-designlof #df-journal .dl-df-story-image{margin:0 0 23px;border-radius:16px}
.dl-theme-designlof #df-journal .dl-df-story-image img{aspect-ratio:1.4}
.dl-theme-designlof #df-journal .dl-df-story h2{font-size:clamp(23px,2.4cqw,33px);line-height:1.16;margin:16px 0;letter-spacing:-.045em}
.dl-theme-designlof #df-journal .dl-df-story p{font-size:13px;line-height:1.7;margin:0 0 22px}
.dl-theme-designlof #df-journal .dl-df-story>a:last-child{align-self:start;margin-top:auto}
.dl-theme-designlof #df-journal .dl-page-collection>.cms-small{margin:30px 0 0;font-size:10px;opacity:.65}
/* One coherent dark footer with a contained, high-contrast newsletter. */
.dl-theme-designlof .dl-df-footer{background:#182823;color:#f4f6ed;margin:16px;border-radius:26px;padding:65px 46px 24px}
.dl-theme-designlof .dl-df-footer-top{max-width:1444px;margin:0 auto;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:10%;align-items:center;padding-bottom:60px}
.dl-theme-designlof .dl-df-footer-top>div>p:first-child{color:#c7eb62;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.dl-theme-designlof .dl-df-footer-top>div h2{font-size:clamp(40px,4.1vw,64px);line-height:1.07;letter-spacing:-.06em}
.dl-theme-designlof .dl-df-footer-description{color:#bdc9bc;line-height:1.75;font-size:14px;max-width:380px}
.dl-theme-designlof .dl-df-footer-top>div>a{background:#c7eb62;color:#182823;border:0;border-radius:50px;padding:15px 23px;margin-top:28px;font-size:12px;gap:34px}
.dl-theme-designlof .dl-df-footer #newsletter{padding:32px;border:1px solid #c5d5b529;border-radius:20px;background:#ffffff05;max-width:600px}
.dl-theme-designlof .dl-df-footer #newsletter h2{font-size:30px;letter-spacing:-.045em}
.dl-theme-designlof .dl-df-footer #newsletter>p{color:#c0cbbc;font-size:13px;line-height:1.7;max-width:340px}
.dl-theme-designlof .dl-df-footer .dl-smart-form{gap:16px}
.dl-theme-designlof .dl-df-footer .dl-smart-form label{color:#dbe4d4;font-size:11px}
.dl-theme-designlof .dl-df-footer .dl-smart-form input:not([type=checkbox]):not([type=radio]){background:#ffffff09;border:1px solid #ffffff38;color:#fff;border-radius:8px;min-height:52px}
.dl-theme-designlof .dl-df-footer .dl-smart-form>.dl-button{background:#d2ec9a;color:#182823;font-size:12px;min-height:46px;padding:13px 20px}
.dl-theme-designlof .dl-df-footer .dl-smart-form .cms-small{color:#a9b5a6;font-size:10px}
.dl-theme-designlof .dl-df-footer .dl-smart-option{font-size:10px;line-height:1.6}
.dl-theme-designlof .dl-df-footer-links{border-color:#ffffff24;padding-block:28px;font-size:12px;align-items:center;gap:35px}
.dl-theme-designlof .dl-df-footer-links nav{max-width:none;flex:1}
.dl-theme-designlof .dl-df-footer-links nav ul{gap:14px 25px}
.dl-theme-designlof .dl-df-footer-wordmark{padding:38px 0 50px;gap:5%;font-size:clamp(62px,15.5vw,250px);letter-spacing:-.075em;line-height:1.05;justify-content:center}
.dl-theme-designlof .dl-df-footer-wordmark img{width:9%;max-width:150px}
.dl-theme-designlof .dl-df-footer-wordmark span{min-width:0}
.dl-theme-designlof .dl-df-colophon{border-color:#ffffff24;color:#b5c1af;font-size:10px}
@container(max-width:850px){
.dl-theme-designlof #df-collection-strip>.dl-page-section-inner{grid-template-columns:1fr;gap:15px}.dl-theme-designlof #df-collection-strip .dl-page-widget-text{max-width:none}
.dl-theme-designlof #df-projects-heading>.dl-page-section-inner{grid-template-columns:1fr;gap:20px}.dl-theme-designlof #df-projects-heading .dl-page-widget-text:first-child{grid-area:auto}.dl-theme-designlof #df-projects-heading .dl-page-widget-heading{grid-area:auto}.dl-theme-designlof #df-projects-heading .dl-page-widget-text:last-child{grid-area:auto;max-width:450px}.dl-theme-designlof #df-projects-heading h2{font-size:clamp(58px,10cqw,95px)}
.dl-theme-designlof #df-process{padding:45px 30px}.dl-theme-designlof #df-process>.dl-page-section-inner{grid-template-columns:1fr;grid-template-rows:auto;gap:0}.dl-theme-designlof #df-process .dl-page-section-inner>*{grid-area:auto}.dl-theme-designlof #df-process .dl-page-widget-heading{padding:0 0 45px}.dl-theme-designlof #df-process .dl-page-widget-heading:after{display:none}.dl-theme-designlof #df-process .dl-page-widget-heading h2{font-size:clamp(36px,7cqw,54px)}.dl-theme-designlof #df-process .dl-page-widget-content{padding:25px 0 28px 50px}.dl-theme-designlof #df-process .dl-page-widget-content h2{font-size:26px}
.dl-theme-designlof #df-routes>.dl-page-section-inner{grid-template-columns:1fr;grid-template-rows:auto auto auto auto}.dl-theme-designlof #df-routes .dl-page-widget-text{grid-area:1/1/2/2}.dl-theme-designlof #df-routes .dl-page-widget-heading{grid-area:2/1/3/2}.dl-theme-designlof #df-routes .dl-page-widget-content:nth-child(3),.dl-theme-designlof #df-routes .dl-page-widget-button:nth-child(4){grid-area:3/1/4/2}.dl-theme-designlof #df-routes .dl-page-widget-content:nth-child(5),.dl-theme-designlof #df-routes .dl-page-widget-button:nth-child(6){grid-area:4/1/5/2}
.dl-theme-designlof #df-faq>.dl-page-section-inner{grid-template-columns:1fr;gap:20px}.dl-theme-designlof #df-faq .dl-page-section-inner>*{grid-area:auto}.dl-theme-designlof #df-faq .dl-page-widget-text{max-width:none;margin-bottom:15px}
.dl-theme-designlof #df-journal>.dl-page-section-inner{grid-template-columns:1fr;gap:28px}.dl-theme-designlof #df-journal .dl-page-widget-heading{grid-area:1/1/2/2}.dl-theme-designlof #df-journal .dl-page-widget-button{grid-area:2/1/3/2;justify-self:start}.dl-theme-designlof #df-journal .dl-page-widget-posts{grid-area:3/1/4/2}.dl-theme-designlof #df-journal .cms-story-grid{grid-template-columns:1fr;gap:45px}.dl-theme-designlof #df-journal .dl-df-story h2{font-size:30px}
}
@container(max-width:500px){.dl-theme-designlof #df-collection-strip,.dl-theme-designlof #df-projects-heading{padding-inline:20px}.dl-theme-designlof #df-process{margin:40px 8px;padding:40px 22px}.dl-theme-designlof #df-routes{padding:65px 20px}.dl-theme-designlof #df-routes .dl-page-widget-content{padding:175px 25px 120px;min-height:490px}.dl-theme-designlof #df-routes .dl-page-widget-content:before{left:25px}.dl-theme-designlof #df-routes .dl-page-widget-content:after{right:25px;width:65px;height:65px;top:50px}.dl-theme-designlof #df-routes .dl-page-widget-button{padding:0 25px 30px}.dl-theme-designlof #df-routes .dl-page-button{gap:15px;padding:14px 17px;font-size:11px}.dl-theme-designlof #df-faq{padding:20px 20px 65px}.dl-theme-designlof .dl-layout-accordion summary{font-size:17px;gap:14px}.dl-theme-designlof .dl-layout-accordion details[open]{margin:8px 0;padding-inline:12px}.dl-theme-designlof #df-journal{margin:0 8px;padding:45px 22px}.dl-theme-designlof #df-journal .dl-page-widget-heading h2{font-size:45px}}
@media(max-width:850px){.dl-theme-designlof .dl-df-footer{padding:44px 24px 22px;margin:8px}.dl-theme-designlof .dl-df-footer-top{grid-template-columns:1fr;gap:40px;padding-bottom:40px}.dl-theme-designlof .dl-df-footer #newsletter{max-width:none;padding:26px}.dl-theme-designlof .dl-df-footer-wordmark{font-size:15vw;gap:4%;padding-block:35px}.dl-theme-designlof .dl-df-footer-links{align-items:start}.dl-theme-designlof .dl-df-footer-links nav ul{gap:15px 25px}.dl-theme-designlof .dl-df-footer .dl-df-colophon{font-size:10px}.dl-theme-designlof .dl-df-footer-top>div h2{font-size:44px}}
@media(prefers-reduced-motion:reduce){.dl-theme-designlof #df-routes .dl-page-widget-content:before,.dl-theme-designlof #df-process .dl-page-widget-content{transition:none}.dl-theme-designlof #df-routes .dl-page-widget-content:hover:before{transform:none}}
/* A shared title system for every Designlof inner page. */
.dl-theme-designlof .dl-page-section.dl-page-design-intro:not(#df-projects-heading){padding:75px 36px 65px}
.dl-theme-designlof .dl-page-design-intro:not(#df-projects-heading)>.dl-page-section-inner{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.7fr);grid-template-rows:auto auto;gap:35px 9%;align-items:end;max-width:1440px;padding:0 0 45px;border-bottom:1px solid #d4d9ce}
.dl-theme-designlof .dl-page-design-intro:not(#df-projects-heading) .dl-page-widget-text:first-child{grid-area:1/1/2/3;max-width:none;font-size:10px;letter-spacing:.14em;color:#637353;display:flex;align-items:center;gap:12px}
.dl-theme-designlof .dl-page-design-intro:not(#df-projects-heading) .dl-page-widget-text:first-child:before{content:'';width:7px;height:7px;flex-shrink:0;background:#8fa94e;border-radius:2px}
.dl-theme-designlof .dl-page-design-intro:not(#df-projects-heading) .dl-page-widget-heading{grid-area:2/1/3/2;max-width:none;margin:0}
.dl-theme-designlof .dl-page-design-intro:not(#df-projects-heading) .dl-page-widget-heading h1{font-size:clamp(45px,5.6cqw,88px);font-weight:450;letter-spacing:-.06em;line-height:1.08;white-space:pre-line;text-wrap:balance;max-width:900px}
.dl-theme-designlof .dl-page-design-intro:not(#df-projects-heading) .dl-page-widget-text:last-child{grid-area:2/2/3/3;max-width:410px;margin:0 0 5px;font-size:16px;line-height:1.75;color:#5c6555}
@container(max-width:850px){.dl-theme-designlof .dl-page-section.dl-page-design-intro:not(#df-projects-heading){padding:50px 24px 35px}.dl-theme-designlof .dl-page-design-intro:not(#df-projects-heading)>.dl-page-section-inner{grid-template-columns:1fr;gap:25px;padding-bottom:30px}.dl-theme-designlof .dl-page-design-intro:not(#df-projects-heading) .dl-page-section-inner>.dl-page-widget{grid-area:auto}.dl-theme-designlof .dl-page-design-intro:not(#df-projects-heading) .dl-page-widget-heading h1{font-size:clamp(40px,7.7cqw,64px);max-width:680px}.dl-theme-designlof .dl-page-design-intro:not(#df-projects-heading) .dl-page-widget-text:last-child{font-size:15px;max-width:520px}}

/* The shared builder enforces white button text; retain contrast on light theme buttons. */
.dl-theme-designlof #df-hero .dl-page-button{color:#1a211b!important}

/* Inner pages share the homepage's rhythm and component language. */
.dl-theme-designlof{--dl-df-section-space:clamp(52px,5vw,84px);--dl-df-copy-gap:24px}
.dl-theme-designlof .dl-page-section:not(#df-hero):not(#df-showreel):not(#df-studio-film){padding-block:var(--dl-df-section-space)}
.dl-theme-designlof .dl-page-design-intro+.dl-page-section{padding-top:24px!important}
.dl-theme-designlof .dl-page-widget-content h2{font-size:clamp(28px,3.3cqw,46px);line-height:1.14;letter-spacing:-.045em;margin:18px 0 24px;text-wrap:balance}
.dl-theme-designlof .dl-page-widget-content p{font-size:15px;line-height:1.8;margin:0 0 18px}
.dl-theme-designlof .dl-page-widget-content p:first-child{font-size:10px;line-height:1.5;letter-spacing:.1em;margin:0;color:#65715c}
.dl-theme-designlof .dl-page-widget-content p:last-child{margin-bottom:0}
.dl-theme-designlof #df-routes>.dl-page-section-inner{align-items:stretch}
.dl-theme-designlof #df-routes .dl-page-widget-content{align-self:stretch;height:100%;min-height:530px;padding-bottom:125px}
.dl-theme-designlof #df-routes .dl-page-widget-button{padding-bottom:34px;margin:0;align-self:end}
.dl-theme-designlof #df-routes .dl-page-widget-content h2{min-height:2.3em;max-width:480px}
.dl-theme-designlof #df-routes .dl-page-widget-content:nth-child(3) p:first-child{color:#c7eb62}
.dl-theme-designlof #df-showreel{height:clamp(430px,40vw,620px);padding:54px 48px 80px;align-items:end}
.dl-theme-designlof #df-showreel>.dl-page-section-inner{max-width:1440px;width:100%;margin:auto auto 0}
.dl-theme-designlof #df-showreel h2{font-size:clamp(38px,4.4cqw,70px);max-width:800px;line-height:1.1;margin-top:22px;letter-spacing:-.05em}
.dl-theme-designlof #df-showreel .dl-page-widget-text{font-size:10px;letter-spacing:.12em}
.dl-theme-designlof #df-studio-film{height:clamp(360px,45vw,630px);margin:0 16px;border-radius:24px;overflow:hidden}
.dl-theme-designlof #df-studio-workspace{background:var(--dl-df-ink);padding:14px 16px!important}.dl-theme-designlof #df-studio-workspace>.dl-page-section-inner{max-width:1444px;padding:0}.dl-theme-designlof #df-studio-workspace .dl-page-widget{max-width:none}
.dl-theme-designlof #df-studio-story>.dl-page-section-inner{align-items:center;gap:8%}
.dl-theme-designlof #df-studio-story .dl-page-widget-content{max-width:560px}
.dl-theme-designlof #df-studio-story img{aspect-ratio:1.15;object-fit:cover;border-radius:24px}
.dl-theme-designlof :is(#df-studio-principles,#df-contact-next,[id$="-process"]):not(#df-process)>.dl-page-section-inner{gap:22px;align-items:stretch}
.dl-theme-designlof :is(#df-studio-principles,#df-contact-next,[id$="-process"]):not(#df-process) .dl-page-widget-content{background:#e9ede2;border:1px solid #d9dfd1;padding:32px;border-radius:20px;height:100%}
.dl-theme-designlof :is(#df-studio-principles,#df-contact-next,[id$="-process"]):not(#df-process) .dl-page-widget-content h2{font-size:clamp(26px,2.4cqw,34px);min-height:2.3em}
.dl-theme-designlof :is(#df-studio-principles,#df-contact-next,[id$="-process"]):not(#df-process) .dl-page-widget-content p:first-child{padding-bottom:24px;border-bottom:1px solid #cbd4bf;margin-bottom:28px}
.dl-theme-designlof #df-templates-included{margin:0 16px;border-radius:24px;background:#e9ede2;padding:54px 42px}
.dl-theme-designlof #df-templates-included>.dl-page-section-inner{grid-template-columns:minmax(0,1.1fr) minmax(0,.85fr);gap:30px 8%;align-items:start}
.dl-theme-designlof #df-templates-included .dl-page-widget-content{grid-area:1/1/3/2;max-width:580px}
.dl-theme-designlof #df-templates-included .dl-page-widget-features{grid-area:1/2/2/3}
.dl-theme-designlof #df-templates-included .dl-editorial-features{grid-template-columns:1fr;gap:22px}
.dl-theme-designlof #df-templates-included .dl-editorial-features>li{text-align:left;padding:0 0 20px;border-bottom:1px solid #cbd4bf}
.dl-theme-designlof #df-templates-included .dl-editorial-features h3{font-size:21px;margin:10px 0}
.dl-theme-designlof #df-templates-included .dl-editorial-features p{font-size:14px;line-height:1.7}
.dl-theme-designlof #df-templates-included .dl-page-widget-button{grid-area:2/2/3/3;align-self:end}
.dl-theme-designlof #df-templates-faq>.dl-page-section-inner{grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:8%;align-items:start}
.dl-theme-designlof #df-templates-faq h2{font-size:clamp(38px,4.6cqw,66px);line-height:1.1;max-width:420px}
/* Form introduction first; form fields align in one comfortable reading column. */
.dl-theme-designlof #df-contact{margin:40px 16px 0;border-radius:24px;background:#e9ede2;padding:54px 42px}
.dl-theme-designlof #df-contact>.dl-page-section-inner{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:24px 10%;align-items:start}
.dl-theme-designlof #df-contact .dl-page-widget-text:first-child{grid-area:1/1/2/2;margin:0;font-size:10px;letter-spacing:.12em;color:#65715c}
.dl-theme-designlof #df-contact .dl-page-widget-heading{grid-area:2/1/3/2;margin:0}
.dl-theme-designlof #df-contact h2{font-size:clamp(48px,5.5cqw,78px);line-height:1.06;letter-spacing:-.06em}
.dl-theme-designlof #df-contact .dl-page-widget-text:nth-child(3){grid-area:3/1/4/2;margin:0;max-width:370px;font-size:16px;line-height:1.75}
.dl-theme-designlof #df-contact .dl-page-widget-form{grid-area:1/2/4/3;margin:0;padding:30px;background:#fafbf7;border:1px solid #dce2d4;border-radius:20px}
.dl-theme-designlof #df-order-form>.dl-page-section-inner{align-items:start;gap:10%}
.dl-theme-designlof #df-order-form .dl-page-widget-form{padding:30px;background:#e9ede2;border-radius:20px}
.dl-theme-designlof :is(#df-contact,#df-order-form) .dl-smart-form{display:grid;gap:22px}
.dl-theme-designlof :is(#df-contact,#df-order-form) .dl-smart-field{margin:0}
.dl-theme-designlof :is(#df-contact,#df-order-form) .dl-smart-field>label{display:block;margin:0 0 9px;font-size:12px;font-weight:500}
.dl-theme-designlof :is(#df-contact,#df-order-form) :is(input:not([type=checkbox]):not([type=radio]),textarea,select,.dl-select-trigger){background:#fff;border:1px solid #cfd7c5;border-radius:9px;min-height:50px}
.dl-theme-designlof :is(#df-contact,#df-order-form) .dl-smart-form>.dl-button{justify-self:start;min-height:48px;margin:0}
/* Journal cards and controls use the same spacing on the homepage and archive. */
.dl-theme-designlof #df-blog-posts{padding-top:24px}
.dl-theme-designlof #df-blog-posts .dl-nato-search{margin:0 auto 24px;max-width:540px;padding:6px;background:#e9ede2;border:1px solid #d5dccd;border-radius:50px;gap:8px}
.dl-theme-designlof #df-blog-posts .dl-nato-search input{border:0;outline-offset:2px;background:transparent;min-width:0;padding:10px 16px}
.dl-theme-designlof #df-blog-posts .dl-nato-search button{width:42px;min-width:42px;height:42px;padding:0;background:#182823;color:#f5f6ed;border-radius:50%;display:grid;place-items:center}
.dl-theme-designlof #df-blog-posts .dl-nato-topic-pills{margin:0 0 36px;gap:8px;justify-content:center}
.dl-theme-designlof #df-blog-posts .cms-story-grid{gap:26px;align-items:stretch}
.dl-theme-designlof .dl-df-story{display:flex;flex-direction:column;min-width:0}
.dl-theme-designlof .dl-df-story h2{font-size:clamp(23px,2.25cqw,34px);line-height:1.18;letter-spacing:-.04em;margin:17px 0}
.dl-theme-designlof .dl-df-story p{font-size:14px;line-height:1.75;margin:0 0 24px}
.dl-theme-designlof .dl-df-story>a:last-child{align-self:start;margin-top:auto}
.dl-theme-designlof #df-blog-posts .dl-df-story-image{margin-bottom:22px}
.dl-theme-designlof #df-blog-posts .cms-pagination{margin-top:40px;padding-top:25px;border-top:1px solid #d4dccc}
.dl-theme-designlof #df-blog-posts .dl-page-collection>.cms-small{margin-top:22px;font-size:11px;color:#66705d}
/* A single shared baseline and deliberate field spacing in the footer. */
.dl-theme-designlof .dl-df-footer-top{align-items:stretch;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%}
.dl-theme-designlof .dl-df-footer-top>div{padding:32px 0;display:flex;flex-direction:column;align-items:start}
.dl-theme-designlof .dl-df-footer-top>div>p:first-child{margin:0 0 22px}
.dl-theme-designlof .dl-df-footer-top>div h2{margin:0 0 26px;font-size:clamp(38px,3.8vw,58px)}
.dl-theme-designlof .dl-df-footer-description{margin:0 0 26px;max-width:430px}
.dl-theme-designlof .dl-df-footer-top>div>a{margin:auto 0 0;min-height:48px}
.dl-theme-designlof .dl-df-footer #newsletter{max-width:none;padding:32px}
.dl-theme-designlof .dl-df-footer #newsletter h2{margin:0 0 16px}
.dl-theme-designlof .dl-df-footer #newsletter>p{margin:0 0 28px;max-width:420px}
.dl-theme-designlof .dl-df-footer .dl-smart-form{display:grid;gap:22px}
.dl-theme-designlof .dl-df-footer .dl-smart-field{margin:0}
.dl-theme-designlof .dl-df-footer .dl-smart-field>label:not(.dl-smart-option){display:block;margin:0 0 9px}
.dl-theme-designlof .dl-df-footer .dl-smart-option{display:flex;align-items:flex-start;gap:10px;margin:0;line-height:1.7}
.dl-theme-designlof .dl-df-footer .dl-smart-option input{flex:0 0 16px;width:16px;height:16px;margin:1px 0 0}
.dl-theme-designlof .dl-df-footer .dl-smart-form>.dl-button{justify-self:start;margin:0;min-height:48px}
.dl-theme-designlof .dl-df-footer .dl-smart-form>.cms-small{margin:0;color:#b6c3ad;opacity:1}
@container(max-width:850px){
.dl-theme-designlof #df-routes .dl-page-widget-content{min-height:500px;height:auto}.dl-theme-designlof #df-routes .dl-page-widget-content h2{min-height:0}
.dl-theme-designlof :is(#df-templates-included,#df-contact){margin-inline:8px;padding:38px 24px}
.dl-theme-designlof :is(#df-templates-included,#df-contact,#df-order-form,#df-templates-faq)>.dl-page-section-inner{grid-template-columns:1fr;gap:28px}
.dl-theme-designlof :is(#df-templates-included,#df-contact) .dl-page-section-inner>.dl-page-widget{grid-area:auto}
.dl-theme-designlof #df-contact .dl-page-widget-form{padding:22px}.dl-theme-designlof #df-contact h2{font-size:50px}
.dl-theme-designlof #df-studio-story>.dl-page-section-inner{gap:32px}
.dl-theme-designlof :is(#df-studio-principles,#df-contact-next,[id$="-process"]):not(#df-process)>.dl-page-section-inner{grid-template-columns:1fr}
.dl-theme-designlof :is(#df-studio-principles,#df-contact-next,[id$="-process"]):not(#df-process) .dl-page-widget-content h2{min-height:0}
.dl-theme-designlof #df-showreel{height:470px;padding:36px 26px 90px}.dl-theme-designlof #df-showreel h2{font-size:38px}
.dl-theme-designlof #df-blog-posts .cms-story-grid{grid-template-columns:1fr;gap:40px}
}
@media(max-width:850px){.dl-theme-designlof .dl-df-footer-top{grid-template-columns:1fr;gap:32px}.dl-theme-designlof .dl-df-footer-top>div{padding:0}.dl-theme-designlof .dl-df-footer #newsletter{padding:24px}.dl-theme-designlof .dl-df-footer-top>div>a{margin-top:0}}
.dl-theme-designlof .dl-df-footer-top>div>.dl-df-footer-description{margin:0 0 28px}
.dl-theme-designlof .dl-df-footer .dl-smart-form .dl-smart-field>label.dl-smart-option{display:flex;align-items:flex-start;gap:10px;margin:0;line-height:1.7}
@container(min-width:1000px){
.dl-theme-designlof #df-contact .dl-smart-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px}
.dl-theme-designlof #df-contact .dl-smart-form>*{grid-column:1/-1}
.dl-theme-designlof #df-contact .dl-smart-field:has(input[name="fields[name]"]){grid-column:1}
.dl-theme-designlof #df-contact .dl-smart-field:has(input[name="fields[email]"]){grid-column:2}
}
/* Fabrica-inspired editorial rhythm, connected to the CMS rather than fixed cards. */
.dl-theme-designlof #df-journal{background:#f2f3ef;margin:0 16px;border-radius:26px;padding:82px 38px 38px}
.dl-theme-designlof #df-journal>.dl-page-section-inner{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.55fr) auto;grid-template-rows:auto auto;gap:55px 42px;align-items:end;max-width:none}
.dl-theme-designlof #df-journal .dl-page-widget-heading{grid-area:1/1/2/2;max-width:760px}
.dl-theme-designlof #df-journal .dl-page-widget-heading h2{font-size:clamp(54px,6.5cqw,96px);line-height:.98;letter-spacing:-.07em;max-width:760px}
.dl-theme-designlof #df-journal .dl-page-widget-text{grid-area:1/2/2/3;max-width:310px;padding-bottom:10px;font-size:14px;line-height:1.65;color:#60655e}
.dl-theme-designlof #df-journal .dl-page-widget-button{grid-area:1/3/2/4;align-self:end;padding-bottom:10px}
.dl-theme-designlof #df-journal .dl-page-widget-button .dl-page-button{min-height:44px;padding:11px 18px;border:0;border-radius:40px;background:#18201b;color:#fff!important;font-size:11px;gap:30px}
.dl-theme-designlof #df-journal .dl-page-widget-posts{grid-area:2/1/3/4;margin:0}
.dl-theme-designlof #df-journal .dl-studio-note{background:#fff}
.dl-theme-designlof #df-journal .dl-studio-note h3{font-size:clamp(23px,2cqw,31px)!important}
.dl-theme-designlof #df-journal .dl-studio-note p{color:#62675f!important}
.dl-theme-designlof #df-journal .dl-studio-visual h3{color:#fff!important}
.dl-theme-designlof #df-journal .dl-page-collection>.cms-small{margin:24px 0 0;font-size:10px;opacity:.65}
@container(max-width:900px){.dl-theme-designlof #df-journal>.dl-page-section-inner{grid-template-columns:1fr auto;gap:30px}.dl-theme-designlof #df-journal .dl-page-widget-heading{grid-area:1/1/2/3}.dl-theme-designlof #df-journal .dl-page-widget-text{grid-area:2/1/3/2}.dl-theme-designlof #df-journal .dl-page-widget-button{grid-area:2/2/3/3}.dl-theme-designlof #df-journal .dl-page-widget-posts{grid-area:3/1/4/3}}
@container(max-width:560px){.dl-theme-designlof #df-journal{margin-inline:8px;padding:52px 22px 22px}.dl-theme-designlof #df-journal>.dl-page-section-inner{grid-template-columns:1fr;gap:24px}.dl-theme-designlof #df-journal .dl-page-widget-heading,.dl-theme-designlof #df-journal .dl-page-widget-text,.dl-theme-designlof #df-journal .dl-page-widget-button,.dl-theme-designlof #df-journal .dl-page-widget-posts{grid-area:auto}.dl-theme-designlof #df-journal .dl-page-widget-heading h2{font-size:48px}.dl-theme-designlof #df-journal .dl-page-widget-text{padding:0}.dl-theme-designlof #df-journal .dl-page-widget-button{padding:0}}

/* Projects become a sequence of design chapters instead of a short card index. */
.dl-theme-designlof #df-projects-film{position:relative;isolation:isolate;overflow:hidden;height:clamp(500px,52vw,760px);margin:0 16px;border-radius:26px;padding:54px;color:#f7f8f1;background:#121714}
.dl-theme-designlof #df-projects-film:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0c120e25 10%,#0c120e42 48%,#0c120edb 100%)}
.dl-theme-designlof #df-projects-film>.dl-page-section-inner{position:static;display:grid;grid-template-columns:1fr;align-content:end;gap:18px;min-height:100%;max-width:1440px}
.dl-theme-designlof #df-projects-film .dl-page-widget-video{position:absolute;inset:0;z-index:-2;width:100%;max-width:none;height:100%}
.dl-theme-designlof #df-projects-film .dl-page-widget-video :is(.dl-background-film,video){width:100%;height:100%;max-height:none;border-radius:0;object-fit:cover}
.dl-theme-designlof #df-projects-film video{filter:grayscale(.2) saturate(.7) brightness(.58);transform:scale(1.015)}
.dl-theme-designlof #df-projects-film .dl-page-widget-text{font-size:10px;letter-spacing:.14em;color:var(--dl-df-lime)}
.dl-theme-designlof #df-projects-film .dl-duotone-heading{font-size:clamp(48px,6.2cqw,96px);line-height:.96;letter-spacing:-.075em;max-width:1040px}
.dl-theme-designlof #df-projects-film .dl-duotone-accent{color:var(--dl-df-lime)}
.dl-theme-designlof :is(#df-project-moontel,#df-project-buildme,#df-project-ravell){margin:0 16px;padding:54px 36px;border-radius:26px;overflow:hidden}
.dl-theme-designlof :is(#df-project-moontel,#df-project-buildme,#df-project-ravell)>.dl-page-section-inner{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto;gap:28px 5%;align-items:center;max-width:1440px}
.dl-theme-designlof :is(#df-project-moontel,#df-project-ravell) .dl-page-widget-image{grid-area:1/1/3/8}
.dl-theme-designlof :is(#df-project-moontel,#df-project-ravell) .dl-page-widget-content{grid-area:1/8/2/13}
.dl-theme-designlof :is(#df-project-moontel,#df-project-ravell) .dl-page-widget-button{grid-area:2/8/3/13;align-self:start}
.dl-theme-designlof #df-project-buildme .dl-page-widget-content{grid-area:1/1/2/6}
.dl-theme-designlof #df-project-buildme .dl-page-widget-button{grid-area:2/1/3/6;align-self:start}
.dl-theme-designlof #df-project-buildme .dl-page-widget-image{grid-area:1/6/3/13}
.dl-theme-designlof :is(#df-project-moontel,#df-project-buildme,#df-project-ravell) .dl-page-widget-image{position:relative;overflow:hidden;padding:40px 10px 10px;border:1px solid #ffffff20;border-radius:24px;background:#15231e;box-shadow:0 28px 70px #0f1a151c}
.dl-theme-designlof #df-project-buildme .dl-page-widget-image{background:#a64f32;border-color:#a64f3240;box-shadow:0 28px 70px #73321c1d}
.dl-theme-designlof :is(#df-project-moontel,#df-project-buildme,#df-project-ravell) .dl-page-widget-image:before{content:'';position:absolute;top:17px;left:18px;width:7px;height:7px;border-radius:50%;background:#c7eb62;box-shadow:13px 0 0 #f4b65f,26px 0 0 #f5f6ef80}
.dl-theme-designlof :is(#df-project-moontel,#df-project-buildme,#df-project-ravell) .dl-page-widget-image:after{position:absolute;top:12px;right:18px;color:#f5f7efb8;font-size:9px;line-height:16px;letter-spacing:.08em;text-transform:uppercase}
.dl-theme-designlof #df-project-moontel .dl-page-widget-image:after{content:'cms.designlof.com / moontel'}
.dl-theme-designlof #df-project-buildme .dl-page-widget-image:after{content:'cms.designlof.com / buildme'}
.dl-theme-designlof #df-project-ravell .dl-page-widget-image:after{content:'cms.designlof.com / ravell'}
.dl-theme-designlof :is(#df-project-moontel,#df-project-buildme,#df-project-ravell) img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:top;border-radius:15px;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s}
.dl-theme-designlof :is(#df-project-moontel,#df-project-buildme,#df-project-ravell):hover img{transform:scale(1.012);filter:saturate(.94)}
.dl-theme-designlof :is(#df-project-moontel,#df-project-buildme,#df-project-ravell) .dl-page-widget-content h2{font-size:clamp(36px,4.4cqw,68px);margin:22px 0 30px}
.dl-theme-designlof :is(#df-project-moontel,#df-project-buildme,#df-project-ravell) .dl-page-widget-content p:not(:first-child){max-width:520px;font-size:16px;line-height:1.8}
.dl-theme-designlof #df-project-buildme{background:#dfe5d6}
.dl-theme-designlof #df-project-principles{position:relative;overflow:hidden;margin:0 16px;border-radius:26px;padding:86px 48px;background:#15231e;color:#f5f7ef}
.dl-theme-designlof #df-project-principles:before{content:'';position:absolute;width:540px;height:540px;right:-130px;top:-230px;border:1px solid #c7eb6240;border-radius:50%;box-shadow:0 0 0 70px #c7eb6208,0 0 0 140px #c7eb6208;pointer-events:none}
.dl-theme-designlof #df-project-principles>.dl-page-section-inner{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:46px 8%;align-items:end;max-width:1440px}
.dl-theme-designlof #df-project-principles .dl-page-widget-text{grid-column:1/-1;font-size:10px;letter-spacing:.14em;color:var(--dl-df-lime)}
.dl-theme-designlof #df-project-principles .dl-page-widget-duotone_heading{grid-column:1/2}
.dl-theme-designlof #df-project-principles .dl-duotone-heading{font-size:clamp(48px,5.5cqw,84px);line-height:.98;letter-spacing:-.065em}
.dl-theme-designlof #df-project-principles .dl-duotone-accent{color:var(--dl-df-lime)}
.dl-theme-designlof #df-project-principles .dl-page-widget-features{grid-column:2/3}
.dl-theme-designlof #df-project-principles .dl-editorial-features{grid-template-columns:1fr;gap:0}
.dl-theme-designlof #df-project-principles .dl-editorial-features>li{display:grid;grid-template-columns:44px minmax(0,.45fr) minmax(0,.8fr);align-items:start;gap:24px;text-align:left;padding:25px 0;border-top:1px solid #ffffff30}
.dl-theme-designlof #df-project-principles .dl-editorial-features h3{font-size:22px;margin:6px 0}
.dl-theme-designlof #df-project-principles .dl-editorial-features p{font-size:13px;line-height:1.7;color:#cdd5cd}

/* An editable system constellation for the shared CMS foundation. */
.dl-theme-designlof #df-templates-included{position:relative;isolation:isolate;overflow:hidden;min-height:780px;margin:0 16px;border-radius:26px;padding:70px 48px;background:#14231e;color:#f5f7ef}
.dl-theme-designlof #df-templates-included:before{content:'';position:absolute;z-index:-1;width:650px;height:650px;left:-240px;bottom:-310px;border:1px solid #c7eb6252;border-radius:50%;box-shadow:0 0 0 92px #c7eb6209,0 0 0 184px #c7eb6209;animation:df-system-orbit 28s linear infinite}
.dl-theme-designlof #df-templates-included:after{content:'DL CMS';position:absolute;z-index:-1;right:-.035em;top:-.22em;font-size:clamp(130px,18cqw,300px);font-weight:650;letter-spacing:-.095em;color:#ffffff09;white-space:nowrap;pointer-events:none}
.dl-theme-designlof #df-templates-included>.dl-page-section-inner{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto 1fr;gap:32px 22px;align-items:start;max-width:1440px}
.dl-theme-designlof #df-templates-included .dl-page-widget-text:first-child{grid-area:1/1/2/13;font-size:10px;letter-spacing:.15em;color:var(--dl-df-lime)}
.dl-theme-designlof #df-templates-included .dl-page-widget-duotone_heading{grid-area:2/1/3/8;max-width:900px}
.dl-theme-designlof #df-templates-included .dl-duotone-heading{font-size:clamp(50px,6.4cqw,98px);line-height:.94;letter-spacing:-.075em}
.dl-theme-designlof #df-templates-included .dl-duotone-accent{color:var(--dl-df-lime)}
.dl-theme-designlof #df-templates-included .dl-page-widget-text:nth-child(3){grid-area:2/9/3/13;align-self:end;max-width:400px;font-size:16px;line-height:1.75;color:#d8dfd6}
.dl-theme-designlof #df-templates-included .dl-page-widget-features{grid-area:3/4/4/13;margin-top:45px}
.dl-theme-designlof #df-templates-included .dl-editorial-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.dl-theme-designlof #df-templates-included .dl-editorial-features>li{position:relative;min-height:210px;padding:28px;border:1px solid #ffffff24;border-radius:22px;background:#ffffff0b;backdrop-filter:blur(8px);text-align:left;transition:transform .35s,border-color .35s,background .35s}
.dl-theme-designlof #df-templates-included .dl-editorial-features>li:nth-child(2),.dl-theme-designlof #df-templates-included .dl-editorial-features>li:nth-child(4){transform:translateY(34px)}
.dl-theme-designlof #df-templates-included .dl-editorial-features>li:hover{transform:translateY(-5px);border-color:#c7eb6280;background:#ffffff12}
.dl-theme-designlof #df-templates-included .dl-editorial-features>li:nth-child(2):hover,.dl-theme-designlof #df-templates-included .dl-editorial-features>li:nth-child(4):hover{transform:translateY(27px)}
.dl-theme-designlof #df-templates-included .dl-editorial-features h3{font-size:25px;margin:34px 0 12px}
.dl-theme-designlof #df-templates-included .dl-editorial-features p{font-size:13px;line-height:1.7;color:#cbd5ca}
.dl-theme-designlof #df-templates-included .dl-page-widget-button{grid-area:3/1/4/4;align-self:end;padding-bottom:0}
.dl-theme-designlof #df-templates-included .dl-page-button{background:var(--dl-df-lime);color:#14231e}
@keyframes df-system-orbit{to{transform:rotate(360deg)}}

/* Journal archive: an editorial lead-in followed by alternating notes and visual stories. */
.dl-theme-designlof #df-blog-opening{margin:0 16px;border-radius:26px;padding:72px 48px;background:#dff68d;overflow:hidden}
.dl-theme-designlof #df-blog-opening#df-blog-opening>.dl-page-section-inner{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:26px 4%;align-items:end;max-width:1440px}
.dl-theme-designlof #df-blog-opening#df-blog-opening .dl-page-widget{min-width:0}
.dl-theme-designlof #df-blog-opening#df-blog-opening .dl-page-widget-text:first-child{grid-area:1/1/2/13;font-size:10px;letter-spacing:.14em;color:#39512c}
.dl-theme-designlof #df-blog-opening#df-blog-opening .dl-page-widget-duotone_heading{grid-area:2/1/3/13;max-width:1120px}
.dl-theme-designlof #df-blog-opening#df-blog-opening .dl-duotone-heading{font-size:clamp(58px,7.25cqw,112px);line-height:.9;letter-spacing:-.08em}
.dl-theme-designlof #df-blog-opening#df-blog-opening .dl-duotone-accent{color:#4f6939}
.dl-theme-designlof #df-blog-opening#df-blog-opening .dl-page-widget-text:last-child{grid-area:3/8/4/13;justify-self:end;max-width:520px;padding-top:12px;border-top:1px solid #516d3b55;font-size:16px;line-height:1.75;color:#34422f}
.dl-theme-designlof #df-blog-signal{margin:16px;border-radius:26px;padding:28px;background:#17231f;color:#f4f6ef}
.dl-theme-designlof #df-blog-signal>.dl-page-section-inner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);grid-template-rows:auto auto;gap:25px 7%;align-items:center;max-width:none}
.dl-theme-designlof #df-blog-signal .dl-page-widget-image{grid-area:1/1/3/2}
.dl-theme-designlof #df-blog-signal img{width:100%;height:clamp(500px,55vw,760px);object-fit:cover;border-radius:20px;filter:saturate(.75);transition:filter .7s,transform .7s}
.dl-theme-designlof #df-blog-signal:hover img{filter:saturate(1);transform:scale(1.006)}
.dl-theme-designlof #df-blog-signal .dl-page-widget-content{grid-area:1/2/2/3;max-width:560px}
.dl-theme-designlof #df-blog-signal .dl-page-widget-content p:first-child{color:var(--dl-df-lime)}
.dl-theme-designlof #df-blog-signal .dl-page-widget-content h2{font-size:clamp(42px,5cqw,76px);margin:20px 0 30px}
.dl-theme-designlof #df-blog-signal .dl-page-widget-content p:not(:first-child){color:#d3dbd2}
.dl-theme-designlof #df-blog-signal .dl-page-widget-button{grid-area:2/2/3/3;align-self:start}
.dl-theme-designlof #df-blog-signal .dl-page-button{background:var(--dl-df-lime);color:#14231e}
.dl-theme-designlof #df-blog-posts{padding:92px 36px 80px}
.dl-theme-designlof #df-blog-posts>.dl-page-section-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px 6%;align-items:end;max-width:1440px}
.dl-theme-designlof #df-blog-posts .dl-page-widget-text{grid-area:1/1/2/2;font-size:10px;letter-spacing:.13em;color:#65715c}
.dl-theme-designlof #df-blog-posts .dl-page-widget-heading{grid-area:2/1/3/2}
.dl-theme-designlof #df-blog-posts .dl-page-widget-heading h2{font-size:clamp(50px,6cqw,92px);line-height:.96}
.dl-theme-designlof #df-blog-posts .dl-page-widget-posts{grid-area:3/1/4/3;margin-top:35px}
.dl-theme-designlof #df-blog-posts .dl-nato-search{display:none}
.dl-theme-designlof #df-blog-posts .dl-studio-toolbar{display:grid;grid-template-columns:minmax(280px,580px) 1fr;gap:20px;align-items:center;margin:0 0 34px}
.dl-theme-designlof #df-blog-posts .dl-studio-search{display:flex;align-items:center;gap:8px;padding:7px;background:#e7eae2;border:1px solid #d4dacd;border-radius:50px}
.dl-theme-designlof #df-blog-posts .dl-studio-search input{width:100%;min-width:0;padding:11px 16px;border:0;background:transparent;outline-offset:4px}
.dl-theme-designlof #df-blog-posts .dl-studio-search button{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;padding:0;border:0;border-radius:50%;background:#17231f;color:#fff}
.dl-theme-designlof #df-blog-posts .dl-studio-topics{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}
.dl-theme-designlof #df-blog-posts .dl-studio-topics a{padding:9px 13px;border:1px solid #d4dacd;border-radius:30px;font-size:11px}
.dl-theme-designlof #df-blog-posts .dl-studio-topics a[aria-current=page]{background:#17231f;color:#fff}
.dl-theme-designlof #df-blog-posts .dl-studio-result{margin:0 0 24px;font-size:13px;color:#65715c}
.dl-theme-designlof #df-blog-posts .dl-studio-posts{gap:14px}
.dl-theme-designlof #df-blog-posts .dl-studio-note,.dl-theme-designlof #df-blog-posts .dl-studio-visual{border-radius:22px;transition:transform .35s,box-shadow .35s}
.dl-theme-designlof #df-blog-posts .dl-studio-note:hover,.dl-theme-designlof #df-blog-posts .dl-studio-visual:hover{transform:translateY(-6px);box-shadow:0 20px 45px #16201816}
.dl-theme-designlof #df-blog-posts .dl-page-collection>.cms-small{margin-top:24px;font-size:10px;color:#65715c}
.dl-theme-designlof #df-blog-method{margin:0 16px 16px;border-radius:26px;background:#15231e;color:#f4f6ef;padding:54px 36px}
.dl-theme-designlof #df-blog-method>.dl-page-section-inner{gap:16px;align-items:stretch}
.dl-theme-designlof #df-blog-method .dl-page-widget-content{min-height:330px;padding:30px;border:1px solid #ffffff24;border-radius:22px;display:flex;flex-direction:column}
.dl-theme-designlof #df-blog-method .dl-page-widget-content p:first-child{color:var(--dl-df-lime);padding-bottom:24px;border-bottom:1px solid #ffffff24}
.dl-theme-designlof #df-blog-method .dl-page-widget-content h2{font-size:clamp(30px,3cqw,43px);margin-top:auto}
.dl-theme-designlof #df-blog-method .dl-page-widget-content p:last-child{color:#ced8ce}

@container(max-width:900px){
.dl-theme-designlof #df-projects-film{height:560px;padding:36px 26px}.dl-theme-designlof :is(#df-project-moontel,#df-project-buildme,#df-project-ravell)>.dl-page-section-inner{grid-template-columns:1fr;gap:28px}.dl-theme-designlof :is(#df-project-moontel,#df-project-buildme,#df-project-ravell) .dl-page-section-inner>.dl-page-widget{grid-area:auto}.dl-theme-designlof :is(#df-project-moontel,#df-project-buildme,#df-project-ravell) img{height:auto}.dl-theme-designlof #df-project-buildme .dl-page-widget-image{order:-1}.dl-theme-designlof #df-project-principles>.dl-page-section-inner{grid-template-columns:1fr}.dl-theme-designlof #df-project-principles .dl-page-widget-duotone_heading,.dl-theme-designlof #df-project-principles .dl-page-widget-features{grid-column:auto}
.dl-theme-designlof #df-templates-included{padding:54px 30px}.dl-theme-designlof #df-templates-included>.dl-page-section-inner{grid-template-columns:1fr}.dl-theme-designlof #df-templates-included .dl-page-section-inner>.dl-page-widget{grid-area:auto}.dl-theme-designlof #df-templates-included .dl-page-widget-text:nth-child(3){max-width:600px}.dl-theme-designlof #df-templates-included .dl-page-widget-features{margin-top:15px}.dl-theme-designlof #df-templates-included .dl-page-widget-button{margin-top:35px}
.dl-theme-designlof #df-blog-opening#df-blog-opening>.dl-page-section-inner{grid-template-columns:1fr}.dl-theme-designlof #df-blog-opening#df-blog-opening .dl-page-section-inner>.dl-page-widget{grid-area:auto}.dl-theme-designlof #df-blog-opening#df-blog-opening .dl-page-widget-text:last-child{justify-self:start;max-width:600px}.dl-theme-designlof #df-blog-signal>.dl-page-section-inner{grid-template-columns:1fr}.dl-theme-designlof #df-blog-signal .dl-page-section-inner>.dl-page-widget{grid-area:auto}.dl-theme-designlof #df-blog-signal img{height:min(650px,84cqw)}.dl-theme-designlof #df-blog-posts>.dl-page-section-inner{grid-template-columns:1fr}.dl-theme-designlof #df-blog-posts .dl-page-section-inner>.dl-page-widget{grid-area:auto}.dl-theme-designlof #df-blog-posts .dl-page-widget-posts{margin-top:25px}.dl-theme-designlof #df-blog-posts .dl-studio-toolbar{grid-template-columns:1fr}.dl-theme-designlof #df-blog-posts .dl-studio-topics{justify-content:flex-start}.dl-theme-designlof #df-blog-method>.dl-page-section-inner{grid-template-columns:1fr}.dl-theme-designlof #df-blog-method .dl-page-widget-content{min-height:260px}
}
@container(max-width:560px){
.dl-theme-designlof #df-projects-film,.dl-theme-designlof :is(#df-project-moontel,#df-project-buildme,#df-project-ravell),.dl-theme-designlof #df-project-principles,.dl-theme-designlof #df-templates-included,.dl-theme-designlof #df-blog-opening,.dl-theme-designlof #df-blog-signal,.dl-theme-designlof #df-blog-method{margin-inline:8px;border-radius:22px}.dl-theme-designlof :is(#df-project-moontel,#df-project-buildme,#df-project-ravell){padding:38px 20px}.dl-theme-designlof :is(#df-project-moontel,#df-project-buildme,#df-project-ravell) img{height:auto}.dl-theme-designlof :is(#df-project-moontel,#df-project-buildme,#df-project-ravell) .dl-page-widget-image{padding:36px 7px 7px;border-radius:19px}.dl-theme-designlof :is(#df-project-moontel,#df-project-buildme,#df-project-ravell) .dl-page-widget-image:before{top:15px;left:15px}.dl-theme-designlof :is(#df-project-moontel,#df-project-buildme,#df-project-ravell) .dl-page-widget-image:after{top:10px;right:14px;font-size:8px}.dl-theme-designlof #df-project-principles{padding:54px 22px}.dl-theme-designlof #df-project-principles .dl-editorial-features>li{grid-template-columns:36px 1fr;gap:16px}.dl-theme-designlof #df-project-principles .dl-editorial-features p{grid-column:2}.dl-theme-designlof #df-templates-included{min-height:0;padding:54px 22px 80px}.dl-theme-designlof #df-templates-included .dl-duotone-heading{font-size:47px}.dl-theme-designlof #df-templates-included .dl-editorial-features{grid-template-columns:1fr}.dl-theme-designlof #df-templates-included .dl-editorial-features>li:nth-child(n){transform:none;min-height:190px}.dl-theme-designlof #df-blog-opening{padding:54px 22px}.dl-theme-designlof #df-blog-opening#df-blog-opening .dl-duotone-heading{font-size:52px}.dl-theme-designlof #df-blog-signal{padding:12px 12px 38px}.dl-theme-designlof #df-blog-signal img{height:380px}.dl-theme-designlof #df-blog-signal .dl-page-widget-content,.dl-theme-designlof #df-blog-signal .dl-page-widget-button{padding-inline:14px}.dl-theme-designlof #df-blog-posts{padding:65px 20px}.dl-theme-designlof #df-blog-posts .dl-page-widget-heading h2{font-size:47px}.dl-theme-designlof #df-blog-method{padding:22px 12px}.dl-theme-designlof #df-blog-method .dl-page-widget-content{min-height:230px;padding:24px}
}
@media(prefers-reduced-motion:reduce){.dl-theme-designlof #df-templates-included:before{animation:none}.dl-theme-designlof :is(#df-project-moontel,#df-project-buildme,#df-project-ravell) img,.dl-theme-designlof #df-blog-signal img,.dl-theme-designlof #df-blog-posts :is(.dl-studio-note,.dl-studio-visual){transition:none!important;transform:none!important}}
/* Fabrica-inspired contact story: dark moving image, editable dual-tone headline and CMS form. */
.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading){position:relative;isolation:isolate;overflow:hidden;min-height:780px;margin:16px;border-radius:26px;padding:0;background:#111713;color:#f5f6ed}
.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading):after{display:none}
.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading)>.dl-page-section-inner{position:static;z-index:auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto auto 1fr;gap:28px 18px;align-items:start;max-width:none;min-height:780px;padding:50px}
.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-page-widget{position:relative;z-index:2;min-width:0}
.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-page-widget-video{position:absolute;inset:0;z-index:0}
.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-page-widget-video:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0c110e3d 0%,#0c110e22 46%,#0a0e0b73 100%);pointer-events:none}
.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-page-widget-video :is(.dl-background-film,video){width:100%;height:100%;max-height:none;border-radius:0;object-fit:cover}
.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-page-widget-video video{filter:grayscale(.35) saturate(.65) brightness(.46);transform:scale(1.015)}
.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-page-widget-video .dl-film-toggle{right:26px;bottom:24px;background:#111713b8;border-color:#ffffff52}
.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-page-widget-text:nth-child(2){grid-area:1/7/2/13;font-size:10px;letter-spacing:.14em;color:#c7eb62}
.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-page-widget-duotone_heading{grid-area:2/7/3/13}
.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-duotone-heading{font-size:clamp(52px,5.8cqw,92px);line-height:.96;letter-spacing:-.07em;font-weight:520}
.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-duotone-accent{color:#c7eb62}
.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-page-widget-text:nth-child(4){grid-area:3/7/4/11;max-width:520px;font-size:17px;line-height:1.65;color:#e1e6dd}
.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-page-widget-content{align-self:stretch;padding:24px 0;border-top:1px solid #ffffff47;color:#eef1ea}
.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-page-widget-content:nth-child(5){grid-area:4/7/5/10}
.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-page-widget-content:nth-child(6){grid-area:4/10/5/13}
.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-page-widget-content p:first-child{font-size:10px;letter-spacing:.12em;color:#c7eb62;margin:0 0 28px}
.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-page-widget-content h2{font-size:clamp(24px,2.1cqw,32px);line-height:1.1;letter-spacing:-.04em;margin:0 0 18px}
.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-page-widget-content p:last-child{font-size:13px;line-height:1.7;color:#c7cec4}
.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-page-widget-form{grid-area:1/1/5/6;align-self:stretch;margin:0;padding:34px;background:#f4f5f0ed;color:#172019;border:1px solid #ffffff52;border-radius:22px;backdrop-filter:blur(16px);box-shadow:0 22px 70px #0004}
.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-smart-form{display:grid;gap:22px;background:transparent;color:inherit}
.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-smart-form :is(input:not([type=checkbox]):not([type=radio]),textarea,select,.dl-select-trigger){background:#fff;border:1px solid #cdd5c8;color:#172019}
.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-smart-form>.dl-button{background:#172019;color:#fff;border-radius:50px}
.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-smart-form small{color:#687166}
@container(max-width:980px){.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading)>.dl-page-section-inner{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;padding:38px;gap:24px}.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-page-widget-text:nth-child(2),.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-page-widget-duotone_heading,.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-page-widget-text:nth-child(4){grid-column:1/-1;grid-row:auto}.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-page-widget-content:nth-child(5){grid-area:auto/1}.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-page-widget-content:nth-child(6){grid-area:auto/2}.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-page-widget-form{grid-area:auto/1/auto/3;padding:28px}.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-duotone-heading{font-size:64px}}
@container(max-width:600px){.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading){margin:8px;min-height:0}.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading)>.dl-page-section-inner{grid-template-columns:1fr;min-height:0;padding:42px 20px 20px;gap:22px}.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-page-widget-content:nth-child(5),.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-page-widget-content:nth-child(6),.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-page-widget-form{grid-area:auto}.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-duotone-heading{font-size:46px}.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-page-widget-text:nth-child(4){font-size:15px}.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-page-widget-form{padding:22px}.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-page-widget-video .dl-film-toggle{right:14px;bottom:14px}}
@media(prefers-reduced-motion:reduce){.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-page-widget-video video{transform:none}}

/* Unified Designlof type scale: strong editorial hierarchy without oversized display text. */
.dl-theme-designlof{
 --dl-df-type-brand:clamp(80px,12cqw,176px);
 --dl-df-type-page:clamp(48px,5.15cqw,78px);
 --dl-df-type-section:clamp(38px,4.25cqw,64px);
 --dl-df-type-section-lg:clamp(42px,5cqw,76px);
 --dl-df-type-feature:clamp(28px,3.25cqw,52px);
 --dl-df-type-card:clamp(23px,2.15cqw,34px)
}
.dl-theme-designlof .dl-page-section h1{font-size:var(--dl-df-type-page)}
.dl-theme-designlof .dl-page-section h2{font-size:var(--dl-df-type-section)}
.dl-theme-designlof .dl-page-section h3{font-size:var(--dl-df-type-card)}
.dl-theme-designlof #df-hero h1{font-size:var(--dl-df-type-brand);line-height:.9;letter-spacing:-.085em}
.dl-theme-designlof #df-projects-heading h2,
.dl-theme-designlof #df-services-heading h2{font-size:var(--dl-df-type-section-lg)}
.dl-theme-designlof .dl-page-design-intro:not(#df-projects-heading) .dl-page-widget-heading h1{font-size:var(--dl-df-type-page);line-height:1.05;max-width:880px}
.dl-theme-designlof #df-showreel h2,
.dl-theme-designlof #df-routes .dl-page-widget-heading h2,
.dl-theme-designlof #df-faq h2,
.dl-theme-designlof #df-journal .dl-page-widget-heading h2,
.dl-theme-designlof #df-contact h2{font-size:var(--dl-df-type-section)}
.dl-theme-designlof #df-process .dl-page-widget-heading h2,
.dl-theme-designlof #df-blog-posts .dl-page-widget-heading h2{font-size:var(--dl-df-type-section)}
.dl-theme-designlof #df-projects-film .dl-duotone-heading,
.dl-theme-designlof #df-project-principles .dl-duotone-heading,
.dl-theme-designlof #df-templates-included#df-templates-included .dl-duotone-heading{font-size:var(--dl-df-type-section-lg)}
.dl-theme-designlof #df-blog-opening#df-blog-opening .dl-duotone-heading,
.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-duotone-heading{font-size:var(--dl-df-type-page)}
.dl-theme-designlof #df-blog-signal .dl-page-widget-content h2,
.dl-theme-designlof :is(#df-project-moontel,#df-project-buildme,#df-project-ravell) .dl-page-widget-content h2{font-size:var(--dl-df-type-feature)}
.dl-theme-designlof #df-blog-method .dl-page-widget-content h2,
.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-page-widget-content h2{font-size:var(--dl-df-type-card)}
.dl-theme-designlof #df-pricing{background:var(--dl-df-ink);color:#f5f6ef;padding:14px 16px}.dl-theme-designlof #df-pricing>.dl-page-section-inner,.dl-theme-designlof #df-people>.dl-page-section-inner{padding:0;max-width:1444px}.dl-theme-designlof #df-pricing .dl-page-widget,.dl-theme-designlof #df-people .dl-page-widget{max-width:none}.dl-theme-designlof .dl-studio-pricing{background:#0b0d0c;border:1px solid #ffffff12;border-radius:28px;padding:clamp(30px,5vw,76px);overflow:hidden;position:relative}.dl-theme-designlof .dl-studio-pricing:before{content:'';position:absolute;width:620px;height:620px;border:1px solid #d3ed9525;border-radius:50%;right:-330px;top:-310px;box-shadow:0 0 0 70px #d3ed9507,0 0 0 145px #d3ed9505;pointer-events:none}.dl-theme-designlof .dl-studio-pricing-head{display:grid;grid-template-columns:minmax(160px,.45fr) minmax(0,1.55fr);gap:6%;align-items:start}.dl-theme-designlof .dl-studio-pricing-head>p{display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:.14em;color:#c7eb62;padding-top:18px}.dl-theme-designlof .dl-studio-pricing-head h2{font-size:var(--dl-df-type-page);letter-spacing:-.075em;line-height:.91;margin:0;max-width:800px}.dl-theme-designlof .dl-studio-pricing-head h2 span:last-child{color:#81847e}.dl-theme-designlof .dl-studio-pricing-tabs{margin:48px 0 20px;margin-left:calc(25.5% + 8px);display:inline-flex;background:#151816;border:1px solid #ffffff17;border-radius:999px;padding:4px;width:max-content}.dl-theme-designlof .dl-studio-pricing-tabs button{font:500 12px/1 var(--dl-df-sans);border:0;padding:13px 23px;color:#b9c0b7}.dl-theme-designlof .dl-studio-pricing-tabs button[aria-selected=true]{background:#f4f5ef;color:#121512}.dl-theme-designlof .dl-studio-pricing-panels article{grid-template-columns:minmax(220px,.72fr) minmax(0,2.28fr);gap:5px}.dl-theme-designlof .dl-studio-pricing-addon,.dl-theme-designlof .dl-studio-pricing-offer{background:#151816;border:1px solid #ffffff0f;border-radius:22px;padding:clamp(25px,3vw,42px)}.dl-theme-designlof .dl-studio-pricing-addon{display:flex;flex-direction:column;justify-content:space-between;min-height:380px}.dl-theme-designlof .dl-studio-pricing-addon h3{font-size:clamp(24px,2.3cqw,36px);line-height:1.05;letter-spacing:-.05em;max-width:9ch}.dl-theme-designlof .dl-studio-pricing-addon p{color:#949b92;font-size:13px;line-height:1.7;max-width:26ch;margin-top:18px}.dl-theme-designlof .dl-studio-pricing-addon>strong{font-size:clamp(24px,2.8cqw,42px);font-weight:500;letter-spacing:-.055em}.dl-theme-designlof .dl-studio-pricing-offer{grid-template-columns:minmax(0,.9fr) minmax(210px,.85fr) minmax(240px,1fr);align-items:start;min-height:380px}.dl-theme-designlof .dl-studio-pricing-copy>p:first-child{font-size:clamp(22px,2.1cqw,34px);line-height:1.08;letter-spacing:-.045em;max-width:13ch}.dl-theme-designlof .dl-studio-pricing-copy>p:last-child{font-size:13px;color:#979e95;line-height:1.75;max-width:32ch;margin-top:20px}.dl-theme-designlof .dl-studio-pricing-price{white-space:nowrap}.dl-theme-designlof .dl-studio-pricing-price strong{font-size:clamp(43px,4.8cqw,76px);font-weight:500;letter-spacing:-.07em}.dl-theme-designlof .dl-studio-pricing-price span{font-size:13px;color:#9ba198;margin-left:6px}.dl-theme-designlof .dl-studio-pricing-offer ul{display:grid;gap:18px}.dl-theme-designlof .dl-studio-pricing-offer li{align-items:center;font-size:14px}.dl-theme-designlof .dl-studio-pricing-offer li svg{color:#c7eb62;flex:none}.dl-theme-designlof .dl-studio-pricing-actions{border-top:1px solid #ffffff16;padding-top:28px;align-items:center}.dl-theme-designlof .dl-studio-pricing-actions p{display:flex;gap:55px;align-items:center;font-size:12px}.dl-theme-designlof .dl-studio-pricing-actions p span{color:#8e958d}.dl-theme-designlof .dl-studio-pricing-actions a{min-width:260px;background:#f3f4ee;color:#151815;font-size:12px}.dl-theme-designlof .dl-studio-pricing-note{border-top:1px solid #ffffff16;margin-top:60px;padding-top:50px;grid-template-columns:minmax(160px,.45fr) minmax(0,1.55fr);gap:6%}.dl-theme-designlof .dl-studio-pricing-note>p{font-size:11px;color:#979d95}.dl-theme-designlof .dl-studio-pricing-note>div>p{font-size:clamp(24px,2.9cqw,45px);line-height:1.14;letter-spacing:-.045em;max-width:850px}.dl-theme-designlof .dl-studio-pricing-note a{flex:none;padding:7px;background:#f1f2ed;color:#181b18;border-radius:16px}.dl-theme-designlof .dl-studio-pricing-note a img{width:62px;height:62px}.dl-theme-designlof .dl-studio-pricing-note a small{font-size:9px;color:#697067}.dl-theme-designlof .dl-studio-pricing-note a strong{font-size:13px}.dl-theme-designlof .dl-studio-pricing-note a em{display:flex;gap:12px;align-items:center;margin-top:6px;font-size:10px;font-style:normal}.dl-theme-designlof #df-people{background:#eeefe9;padding:16px}.dl-theme-designlof .dl-people-story{background:#f8f8f4;border-radius:28px;padding:clamp(30px,5vw,76px);grid-template-columns:repeat(12,minmax(0,1fr));gap:28px 34px;overflow:hidden}.dl-theme-designlof .dl-people-story>header{grid-column:1/7;padding-right:7%}.dl-theme-designlof .dl-people-story>header>p{font-size:10px;letter-spacing:.14em;color:#66725e;margin-bottom:35px}.dl-theme-designlof .dl-people-story h2{font-size:var(--dl-df-type-page);letter-spacing:-.075em;line-height:.91}.dl-theme-designlof .dl-people-story h2 span:last-child{color:#7b8178}.dl-theme-designlof .dl-people-story-copy{grid-column:1/7;grid-row:2;align-items:end;gap:11%;padding-top:80px}.dl-theme-designlof .dl-people-story-copy article h3{font-size:21px;letter-spacing:-.04em}.dl-theme-designlof .dl-people-story-copy article p{font-size:13px;line-height:1.7;color:#656b63;margin:14px 0 24px}.dl-theme-designlof .dl-people-story-copy article a{background:#171a17;color:white;font-size:11px}.dl-theme-designlof .dl-people-story-copy>p{font-size:clamp(20px,2.15cqw,34px);line-height:1.18;letter-spacing:-.045em;color:#6f746c;text-wrap:balance}.dl-theme-designlof .dl-people-story-grid{grid-column:7/13;grid-row:1/3;gap:6px}.dl-theme-designlof .dl-people-card{border-radius:18px;background:#131713}.dl-theme-designlof .dl-people-card summary{aspect-ratio:4/5}.dl-theme-designlof .dl-people-card img{filter:saturate(.78);transition:transform .8s,filter .8s}.dl-theme-designlof .dl-people-card summary:hover img,.dl-theme-designlof .dl-people-card summary:focus-visible img{transform:scale(1.035);filter:saturate(1)}.dl-theme-designlof .dl-people-card-index{font-size:10px;letter-spacing:.12em;color:#d2ec9a}.dl-theme-designlof .dl-people-card-role{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.dl-theme-designlof .dl-people-card strong{font-size:clamp(21px,2cqw,30px);line-height:1;letter-spacing:-.045em}.dl-theme-designlof .dl-people-card-toggle{color:#d2ec9a;transition:transform .25s}.dl-theme-designlof .dl-people-card>div{position:absolute;z-index:3;left:0;right:0;bottom:0;background:#d2ec9a;color:#182823;padding:22px 20px}.dl-theme-designlof .dl-people-card>div p{font-size:13px;line-height:1.65}.dl-theme-designlof .dl-people-card summary:focus-visible{outline:3px solid #c7eb62;outline-offset:-5px}.dl-theme-designlof .dl-people-card[open] summary:after{background:linear-gradient(#0003,#000b)}
.dl-theme-designlof .dl-studio-pricing-offer{grid-template-columns:minmax(220px,.72fr) minmax(290px,1.08fr) minmax(240px,.9fr)}.dl-theme-designlof .dl-studio-pricing-price{min-width:0;white-space:normal}.dl-theme-designlof .dl-studio-pricing-price strong{font-size:clamp(40px,4.1cqw,64px);white-space:nowrap}.dl-theme-designlof .dl-studio-pricing-price span{display:block;margin:10px 0 0}
@media(max-width:980px){.dl-theme-designlof .dl-studio-pricing-head{grid-template-columns:1fr}.dl-theme-designlof .dl-studio-pricing-head>p{padding:0}.dl-theme-designlof .dl-studio-pricing-tabs{margin-left:0}.dl-theme-designlof .dl-studio-pricing-offer{grid-template-columns:1fr 1fr}.dl-theme-designlof .dl-studio-pricing-offer ul{grid-column:1/-1}.dl-theme-designlof .dl-people-story{grid-template-columns:1fr}.dl-theme-designlof .dl-people-story>header,.dl-theme-designlof .dl-people-story-copy,.dl-theme-designlof .dl-people-story-grid{grid-column:1;grid-row:auto}.dl-theme-designlof .dl-people-story-copy{padding-top:25px}.dl-theme-designlof .dl-people-story-grid{margin-top:25px}}
@media(max-width:720px){.dl-theme-designlof #df-pricing,.dl-theme-designlof #df-people{padding:7px}.dl-theme-designlof .dl-studio-pricing,.dl-theme-designlof .dl-people-story{border-radius:20px;padding:28px 20px}.dl-theme-designlof .dl-studio-pricing-head h2,.dl-theme-designlof .dl-people-story h2{font-size:44px}.dl-theme-designlof .dl-studio-pricing-tabs{margin-top:32px;max-width:100%;overflow:auto}.dl-theme-designlof .dl-studio-pricing-panels article{grid-template-columns:1fr}.dl-theme-designlof .dl-studio-pricing-addon{min-height:230px}.dl-theme-designlof .dl-studio-pricing-offer{grid-template-columns:1fr;min-height:0}.dl-theme-designlof .dl-studio-pricing-offer ul,.dl-theme-designlof .dl-studio-pricing-actions{grid-column:1}.dl-theme-designlof .dl-studio-pricing-actions,.dl-theme-designlof .dl-studio-pricing-note>div{align-items:stretch}.dl-theme-designlof .dl-studio-pricing-actions a{min-width:0}.dl-theme-designlof .dl-studio-pricing-note{grid-template-columns:1fr;margin-top:40px;padding-top:35px}.dl-theme-designlof .dl-studio-pricing-note>div{flex-direction:column}.dl-theme-designlof .dl-studio-pricing-note a{align-self:start}.dl-theme-designlof .dl-people-story-copy{grid-template-columns:1fr;gap:35px}.dl-theme-designlof .dl-people-story-grid{grid-template-columns:1fr}.dl-theme-designlof .dl-people-card summary{aspect-ratio:1/1.12}}
@media(max-width:720px){.dl-theme-designlof #df-studio-workspace{padding:7px!important}}
@media(prefers-reduced-motion:reduce){.dl-theme-designlof .dl-people-card img,.dl-theme-designlof .dl-people-card-toggle{transition:none!important;transform:none!important}}
@container(max-width:600px){
 .dl-theme-designlof #df-hero h1{font-size:72px}
 .dl-theme-designlof .dl-page-design-intro:not(#df-projects-heading) .dl-page-widget-heading h1{font-size:44px}
 .dl-theme-designlof #df-projects-heading h2,.dl-theme-designlof #df-services-heading h2{font-size:44px}
 .dl-theme-designlof #df-projects-film .dl-duotone-heading,.dl-theme-designlof #df-project-principles .dl-duotone-heading,.dl-theme-designlof #df-templates-included#df-templates-included .dl-duotone-heading{font-size:42px}
 .dl-theme-designlof #df-blog-opening#df-blog-opening .dl-duotone-heading,.dl-theme-designlof #df-contact:has(.dl-page-widget-duotone_heading) .dl-duotone-heading{font-size:44px}
 .dl-theme-designlof #df-showreel h2,.dl-theme-designlof #df-routes .dl-page-widget-heading h2,.dl-theme-designlof #df-faq h2,.dl-theme-designlof #df-journal .dl-page-widget-heading h2,.dl-theme-designlof #df-contact h2,.dl-theme-designlof #df-process .dl-page-widget-heading h2,.dl-theme-designlof #df-blog-posts .dl-page-widget-heading h2{font-size:38px}
}

/* Contact page: an editorial project briefing journey. */
.dl-theme-designlof #df-contact-opening:has(.dl-page-widget-image){position:relative;isolation:isolate;overflow:hidden;margin:16px;border-radius:28px;background:#11231d;color:#f4f6ef;padding:0;min-height:720px}
.dl-theme-designlof #df-contact-opening:has(.dl-page-widget-image):before{content:'';position:absolute;z-index:0;width:540px;height:540px;left:-270px;bottom:-310px;border:1px solid #c7eb6233;border-radius:50%;box-shadow:0 0 0 72px #c7eb6208,0 0 0 144px #c7eb6205;pointer-events:none}
.dl-theme-designlof #df-contact-opening:has(.dl-page-widget-image)>.dl-page-section-inner{position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr auto auto;gap:28px 18px;align-items:start;max-width:1480px;min-height:720px;padding:clamp(34px,5.3vw,82px)}
.dl-theme-designlof #df-contact-opening:has(.dl-page-widget-image) .dl-page-widget{min-width:0}
.dl-theme-designlof #df-contact-opening:has(.dl-page-widget-image) .dl-page-widget-text:first-child{grid-area:1/1/2/6;font-size:10px;letter-spacing:.15em;color:#c7eb62}
.dl-theme-designlof #df-contact-opening:has(.dl-page-widget-image) .dl-page-widget-duotone_heading{grid-area:2/1/3/7;align-self:center;position:relative;z-index:3}
.dl-theme-designlof #df-contact-opening:has(.dl-page-widget-image) .dl-duotone-heading{font-size:var(--dl-df-type-page);line-height:.91;letter-spacing:-.075em;max-width:770px}
.dl-theme-designlof #df-contact-opening:has(.dl-page-widget-image) .dl-duotone-accent{display:block;color:#c7eb62}
.dl-theme-designlof #df-contact-opening:has(.dl-page-widget-image) .dl-page-widget-text:nth-child(3){grid-area:3/1/4/6;max-width:560px;font-size:16px;line-height:1.65;color:#d3dbd3}
.dl-theme-designlof #df-contact-opening:has(.dl-page-widget-image) .dl-page-widget-button{grid-area:4/1/5/5}
.dl-theme-designlof #df-contact-opening:has(.dl-page-widget-image) .dl-page-widget-button a{width:max-content;background:#c7eb62;color:#12221d;border-radius:999px;padding:16px 24px}
.dl-theme-designlof #df-contact-opening:has(.dl-page-widget-image) .dl-page-widget-image:nth-child(5){grid-area:1/7/5/13;align-self:center;aspect-ratio:3/2;overflow:hidden;border-radius:22px;background:#24362f;box-shadow:0 28px 90px #0007;transform:rotate(1.5deg)}
.dl-theme-designlof #df-contact-opening:has(.dl-page-widget-image) .dl-page-widget-image:nth-child(5) img{width:100%;height:100%;min-height:0;object-fit:cover;filter:saturate(.72) contrast(1.04)}
.dl-theme-designlof #df-contact-opening:has(.dl-page-widget-image) .dl-page-widget-image:nth-child(6){position:absolute;z-index:4;left:auto!important;right:2.8%!important;bottom:38px;width:clamp(150px,15vw,230px);aspect-ratio:1/1.12;overflow:hidden;border:8px solid #f2f3ed;border-radius:18px;box-shadow:0 22px 65px #0008;transform:rotate(-6deg)}
.dl-theme-designlof #df-contact-opening:has(.dl-page-widget-image) .dl-page-widget-image:nth-child(6) img{width:100%;height:100%;object-fit:cover}

.dl-theme-designlof #df-contact-rail{margin:0;padding:38px 36px 12px!important;background:transparent;color:#28332a;overflow:visible;border-radius:0}
.dl-theme-designlof #df-contact-rail>.dl-page-section-inner{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:30px;max-width:1536px;padding:0 0 32px;border-bottom:1px solid #d9dcd2}
.dl-theme-designlof #df-contact-rail .dl-page-widget-text{max-width:138px;padding:0;color:#626b5b;font-size:10px;line-height:1.7;letter-spacing:.12em;white-space:normal}
.dl-theme-designlof #df-contact-rail .dl-page-widget-marquee{min-width:0;border:0;overflow:hidden}
.dl-theme-designlof #df-contact-rail :is(.dl-marquee,.dl-text-ribbon){min-height:78px;padding:12px 75px 12px 0;background:transparent;border:0;color:#28332a;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 96%,transparent)}
.dl-theme-designlof #df-contact-rail :is(.dl-ribbon-track,.dl-ribbon-group){gap:16px}
.dl-theme-designlof #df-contact-rail .dl-ribbon-group>span,.dl-theme-designlof #df-contact-rail .dl-marquee-item{display:inline-flex;align-items:center;justify-content:center;gap:0;min-width:0;padding:14px 28px;border:1px solid #d4d9cc;border-radius:100px;background:#f9faf5;font-family:DLDesignlof,Arial,sans-serif;font-size:21px;line-height:1.2;letter-spacing:-.055em;white-space:nowrap}
.dl-theme-designlof #df-contact-rail :is(.dl-ribbon-group>span,.dl-marquee-item)>svg{display:none}
.dl-theme-designlof #df-contact-rail .dl-ribbon-toggle{right:8px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:38px;height:38px;min-width:38px;min-height:38px;padding:0;border:1px solid #b9c3b0;border-radius:50%;background:#f3f3f0;box-shadow:0 0 0 14px #f3f3f0;z-index:2}
.dl-theme-designlof #df-contact-rail .dl-ribbon-toggle[hidden]{display:none}
.dl-theme-designlof #df-contact-rail [data-ribbon-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

.dl-theme-designlof #df-contact-opening~#df-contact{margin:16px;border-radius:28px;background:#101512;color:#f2f4ee;padding:0;overflow:hidden}
.dl-theme-designlof #df-contact-opening~#df-contact>.dl-page-section-inner{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:26px 18px;align-items:start;max-width:1480px;padding:clamp(40px,6vw,92px)}
.dl-theme-designlof #df-contact-opening~#df-contact .dl-page-widget-content:nth-child(1){grid-area:1/1/2/6;padding:0;border:0;background:transparent;color:inherit}
.dl-theme-designlof #df-contact-opening~#df-contact .dl-page-widget-content:nth-child(2){grid-area:2/1/3/6;padding:30px 0 0;border:0;border-top:1px solid #ffffff24;background:transparent;color:inherit}
.dl-theme-designlof #df-contact-opening~#df-contact .dl-page-widget-content p:first-child{font-size:10px;letter-spacing:.14em;color:#c7eb62;margin:0 0 28px}
.dl-theme-designlof #df-contact-opening~#df-contact .dl-page-widget-content h2{font-size:var(--dl-df-type-section);line-height:.96;letter-spacing:-.065em;margin:0 0 28px;max-width:570px}
.dl-theme-designlof #df-contact-opening~#df-contact .dl-page-widget-content p:not(:first-child){max-width:540px;font-size:14px;line-height:1.75;color:#bdc5bc;margin-top:16px}
.dl-theme-designlof #df-contact-opening~#df-contact .dl-page-widget-content:nth-child(2) h2{font-size:var(--dl-df-type-card);letter-spacing:-.045em}
.dl-theme-designlof #df-contact-opening~#df-contact .dl-page-widget-form{grid-area:1/7/3/13;padding:clamp(25px,3.2vw,44px);background:#f3f4ee;color:#172019;border-radius:24px;box-shadow:0 26px 80px #0006}
.dl-theme-designlof #df-contact-opening~#df-contact .dl-smart-form{display:grid;gap:20px;background:transparent;color:inherit}
.dl-theme-designlof #df-contact-opening~#df-contact .dl-smart-form :is(input:not([type=checkbox]):not([type=radio]),textarea,select,.dl-select-trigger){background:#fff;border:1px solid #cbd2c7;color:#172019;border-radius:12px}
.dl-theme-designlof #df-contact-opening~#df-contact .dl-smart-form>.dl-button{width:max-content;min-width:230px;background:#172019;color:#fff;border-radius:999px}
.dl-theme-designlof #df-contact-opening~#df-contact .dl-smart-form small{color:#6b736a}

.dl-theme-designlof #df-contact-next{padding-block:clamp(70px,8vw,120px)}
.dl-theme-designlof #df-contact-next>.dl-page-section-inner{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:stretch}
.dl-theme-designlof #df-contact-next .dl-page-widget-text:first-child{grid-area:1/1/2/5;font-size:10px;letter-spacing:.14em;color:#60705d;padding-top:16px}
.dl-theme-designlof #df-contact-next>.dl-page-section-inner>.dl-page-widget-heading{grid-area:1/6/2/13}
.dl-theme-designlof #df-contact-next>.dl-page-section-inner>.dl-page-widget-heading h2{font-size:var(--dl-df-type-section-lg);line-height:.95;letter-spacing:-.068em;max-width:760px}
.dl-theme-designlof #df-contact-next .dl-page-widget-content{padding:34px;border-radius:22px;border:0;min-height:330px;display:flex;align-items:stretch}
.dl-theme-designlof #df-contact-next#df-contact-next .dl-page-widget-content:nth-child(3){grid-area:2/1/3/5;background:#14251f;color:#f4f5ef}
.dl-theme-designlof #df-contact-next#df-contact-next .dl-page-widget-content:nth-child(4){grid-area:2/5/3/9;background:#c7eb62;color:#15231e;transform:translateY(28px)}
.dl-theme-designlof #df-contact-next#df-contact-next .dl-page-widget-content:nth-child(5){grid-area:2/9/3/13;background:#fff;color:#172019}
.dl-theme-designlof #df-contact-next .dl-page-widget-content .dl-richtext{display:flex;flex-direction:column;height:100%}
.dl-theme-designlof #df-contact-next .dl-page-widget-content p:first-child{font-size:10px;letter-spacing:.13em;padding-bottom:22px;margin:0 0 auto;border:0;color:inherit;opacity:.7}
.dl-theme-designlof #df-contact-next .dl-page-widget-content h2{font-size:var(--dl-df-type-card);line-height:1.04;letter-spacing:-.05em;min-height:0;margin:70px 0 18px}
.dl-theme-designlof #df-contact-next .dl-page-widget-content p:last-child{font-size:13px;line-height:1.7;opacity:.72}

.dl-theme-designlof #df-contact-faq{margin:16px;border-radius:28px;background:#e7eadf;padding-block:clamp(68px,8vw,112px)}
.dl-theme-designlof #df-contact-faq>.dl-page-section-inner{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:9%;align-items:start}
.dl-theme-designlof #df-contact-faq .dl-page-widget-content{max-width:530px}
.dl-theme-designlof #df-contact-faq .dl-page-widget-content p:first-child{font-size:10px;letter-spacing:.14em;color:#687665;margin-bottom:38px}
.dl-theme-designlof #df-contact-faq .dl-page-widget-content h2{font-size:var(--dl-df-type-section);line-height:.96;letter-spacing:-.065em;margin-bottom:28px}
.dl-theme-designlof #df-contact-faq .dl-page-widget-content p:last-child{font-size:14px;line-height:1.75;color:#626a61;max-width:430px}
.dl-theme-designlof #df-contact-faq .dl-layout-accordion{border-radius:20px;overflow:hidden;border:1px solid #c7ccbf;background:#f6f7f2}
.dl-theme-designlof #df-contact-faq .dl-page-widget-accordion{grid-column:2!important;min-width:0}
.dl-theme-designlof #df-contact-faq .dl-layout-accordion{display:grid!important;grid-template-columns:1fr!important}
.dl-theme-designlof #df-contact-faq .dl-layout-accordion>details{grid-column:1!important;width:100%}
.dl-theme-designlof #df-contact-faq .dl-layout-accordion details{border-color:#c7ccbf}
.dl-theme-designlof #df-contact-faq .dl-layout-accordion summary{min-height:82px;padding:24px 26px;font-size:18px;letter-spacing:-.025em}
.dl-theme-designlof #df-contact-faq .dl-layout-accordion details>div{padding:0 26px 26px;color:#5e665d;line-height:1.7}

@media(max-width:980px){
 .dl-theme-designlof #df-contact-opening:has(.dl-page-widget-image)>.dl-page-section-inner{grid-template-rows:auto auto auto auto auto;min-height:0}
 .dl-theme-designlof #df-contact-opening:has(.dl-page-widget-image) .dl-page-widget-text:first-child{grid-area:1/1/2/13}
 .dl-theme-designlof #df-contact-opening:has(.dl-page-widget-image) .dl-page-widget-duotone_heading{grid-area:2/1/3/13}
 .dl-theme-designlof #df-contact-opening:has(.dl-page-widget-image) .dl-page-widget-text:nth-child(3){grid-area:3/1/4/9}
 .dl-theme-designlof #df-contact-opening:has(.dl-page-widget-image) .dl-page-widget-button{grid-area:4/1/5/7}
 .dl-theme-designlof #df-contact-opening:has(.dl-page-widget-image) .dl-page-widget-image:nth-child(5){grid-area:5/1/6/13;margin-top:24px;transform:none}
 .dl-theme-designlof #df-contact-opening:has(.dl-page-widget-image) .dl-page-widget-image:nth-child(5) img{min-height:0}
 .dl-theme-designlof #df-contact-opening:has(.dl-page-widget-image) .dl-page-widget-image:nth-child(6){right:8%;bottom:5%;width:190px}
 .dl-theme-designlof #df-contact-opening~#df-contact>.dl-page-section-inner{grid-template-columns:1fr 1fr}
 .dl-theme-designlof #df-contact-opening~#df-contact .dl-page-widget-content:nth-child(1){grid-area:1/1/2/3}
 .dl-theme-designlof #df-contact-opening~#df-contact .dl-page-widget-content:nth-child(2){grid-area:2/1/3/3}
 .dl-theme-designlof #df-contact-opening~#df-contact .dl-page-widget-form{grid-area:3/1/4/3;margin-top:18px}
 .dl-theme-designlof #df-contact-next .dl-page-widget-text:first-child{grid-area:1/1/2/13}
 .dl-theme-designlof #df-contact-next>.dl-page-section-inner>.dl-page-widget-heading{grid-area:2/1/3/13}
 .dl-theme-designlof #df-contact-next#df-contact-next .dl-page-widget-content:nth-child(3){grid-area:3/1/4/7}
 .dl-theme-designlof #df-contact-next#df-contact-next .dl-page-widget-content:nth-child(4){grid-area:3/7/4/13;transform:none}
 .dl-theme-designlof #df-contact-next#df-contact-next .dl-page-widget-content:nth-child(5){grid-area:4/1/5/13;min-height:250px}
 .dl-theme-designlof #df-contact-faq>.dl-page-section-inner{grid-template-columns:1fr;gap:46px}
 .dl-theme-designlof #df-contact-faq .dl-page-widget-accordion{grid-column:1!important}
}
@media(max-width:650px){
 .dl-theme-designlof #df-contact-opening:has(.dl-page-widget-image),.dl-theme-designlof #df-contact-opening~#df-contact,.dl-theme-designlof #df-contact-faq{margin:7px;border-radius:20px}
 .dl-theme-designlof #df-contact-opening:has(.dl-page-widget-image)>.dl-page-section-inner{padding:42px 20px 20px;gap:22px}
 .dl-theme-designlof #df-contact-opening:has(.dl-page-widget-image) .dl-duotone-heading{font-size:44px}
 .dl-theme-designlof #df-contact-opening:has(.dl-page-widget-image) .dl-page-widget-text:nth-child(3){grid-area:3/1/4/13;font-size:14px}
 .dl-theme-designlof #df-contact-opening:has(.dl-page-widget-image) .dl-page-widget-button{grid-area:4/1/5/13}
 .dl-theme-designlof #df-contact-opening:has(.dl-page-widget-image) .dl-page-widget-image:nth-child(5) img{min-height:0}
 .dl-theme-designlof #df-contact-opening:has(.dl-page-widget-image) .dl-page-widget-image:nth-child(6){width:125px;border-width:5px;right:10%;bottom:3%}
 .dl-theme-designlof #df-contact-rail{padding:30px 20px 8px!important}
 .dl-theme-designlof #df-contact-rail>.dl-page-section-inner{grid-template-columns:1fr;gap:15px;padding-bottom:24px}
 .dl-theme-designlof #df-contact-rail .dl-page-widget-text{max-width:none;padding:0}
 .dl-theme-designlof #df-contact-rail .dl-page-widget-marquee{border:0}
 .dl-theme-designlof #df-contact-rail :is(.dl-marquee,.dl-text-ribbon){min-height:68px;padding-right:62px}
 .dl-theme-designlof #df-contact-rail .dl-ribbon-group>span,.dl-theme-designlof #df-contact-rail .dl-marquee-item{padding:12px 21px;font-size:18px}
 .dl-theme-designlof #df-contact-opening~#df-contact>.dl-page-section-inner{grid-template-columns:1fr;padding:44px 20px 20px}
 .dl-theme-designlof #df-contact-opening~#df-contact .dl-page-widget-content:nth-child(1),.dl-theme-designlof #df-contact-opening~#df-contact .dl-page-widget-content:nth-child(2),.dl-theme-designlof #df-contact-opening~#df-contact .dl-page-widget-form{grid-area:auto}
 .dl-theme-designlof #df-contact-opening~#df-contact .dl-page-widget-content h2{font-size:40px}
 .dl-theme-designlof #df-contact-opening~#df-contact .dl-page-widget-form{padding:22px}
 .dl-theme-designlof #df-contact-opening~#df-contact .dl-smart-form>.dl-button{min-width:0;width:100%}
 .dl-theme-designlof #df-contact-next>.dl-page-section-inner{grid-template-columns:1fr}
 .dl-theme-designlof #df-contact-next .dl-page-widget-text:first-child,.dl-theme-designlof #df-contact-next>.dl-page-section-inner>.dl-page-widget-heading,.dl-theme-designlof #df-contact-next#df-contact-next .dl-page-widget-content:nth-child(3),.dl-theme-designlof #df-contact-next#df-contact-next .dl-page-widget-content:nth-child(4),.dl-theme-designlof #df-contact-next#df-contact-next .dl-page-widget-content:nth-child(5){grid-area:auto}
 .dl-theme-designlof #df-contact-next>.dl-page-section-inner>.dl-page-widget-heading h2{font-size:42px}
 .dl-theme-designlof #df-contact-next .dl-page-widget-content{min-height:260px;padding:28px}
 .dl-theme-designlof #df-contact-next .dl-page-widget-content h2{margin-top:48px}
 .dl-theme-designlof #df-contact-faq{padding-block:48px}
 .dl-theme-designlof #df-contact-faq>.dl-page-section-inner{gap:36px}
 .dl-theme-designlof #df-contact-faq .dl-page-widget-content h2{font-size:40px}
 .dl-theme-designlof #df-contact-faq .dl-layout-accordion summary{font-size:16px}
}

/* A persistent, tactile navigation layer and a soft viewport edge. */
.dl-theme-designlof{--dl-df-nav-height:64px}
.dl-theme-designlof .dl-df-header{position:fixed;top:14px;left:16px;right:16px;z-index:120;height:var(--dl-df-nav-height);padding:0 18px 0 16px;border:1px solid rgba(255,255,255,.72);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(238,243,235,.54));box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 12px 40px rgba(24,40,35,.10);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);transition:background .28s ease,border-color .28s ease,box-shadow .28s ease}
.dl-theme-designlof .cms-theme-preview+.dl-df-header{top:42px}
.dl-theme-designlof.dl-has-adminbar .dl-df-header{top:58px}
.dl-theme-designlof .dl-df-header[data-df-scrolled=true]{border-color:rgba(255,255,255,.84);background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(238,243,235,.68));box-shadow:inset 0 1px 0 #fff,0 16px 48px rgba(17,34,28,.16)}
.dl-theme-designlof .dl-df-brand,.dl-theme-designlof .dl-df-desktop,.dl-theme-designlof .dl-df-menu{position:relative;z-index:1}
.dl-theme-designlof .dl-df-desktop,.dl-theme-designlof .dl-df-desktop .cms-nav,.dl-theme-designlof .dl-df-desktop ul{gap:clamp(6px,1.1vw,16px)}
.dl-theme-designlof .dl-df-desktop a{padding:9px 12px;border-radius:999px;transition:background .2s ease,opacity .2s ease}
.dl-theme-designlof .dl-df-desktop a:hover{opacity:1;background:rgba(255,255,255,.62)}
.dl-theme-designlof .dl-df-desktop a[aria-current=page]{position:relative;background:#182823;color:#f7f8f3;font-weight:650;box-shadow:0 6px 18px rgba(24,40,35,.16);opacity:1;padding-left:28px}
.dl-theme-designlof .dl-df-desktop a[aria-current=page]:before{content:'';position:absolute;left:12px;top:50%;width:7px;height:7px;border-radius:50%;background:var(--dl-df-lime);transform:translateY(-50%);box-shadow:0 0 0 4px rgba(199,235,98,.12)}
.dl-theme-designlof .dl-df-desktop a[aria-current=page]:hover{background:#24352f;color:#fff}
.dl-theme-designlof .dl-df-menu-panel nav a[aria-current=page]{background:var(--dl-df-lime);color:#182823;padding:8px 12px;border-radius:12px;font-weight:600}
.dl-theme-designlof .dl-df-menu-panel{top:calc(100% + 10px);right:0}
.dl-theme-designlof #site-main{padding-top:calc(var(--dl-df-nav-height) + 30px)}
.dl-theme-designlof .dl-df-bottom-glass{position:fixed;left:0;right:0;bottom:0;z-index:70;height:clamp(72px,9vw,132px);pointer-events:none;background:linear-gradient(to bottom,rgba(243,243,240,0),rgba(243,243,240,.14) 38%,rgba(243,243,240,.58));-webkit-backdrop-filter:blur(16px) saturate(145%);backdrop-filter:blur(16px) saturate(145%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 58%,#000);mask-image:linear-gradient(to bottom,transparent,#000 58%,#000)}
.dl-theme-designlof .dl-df-bottom-glass:after{content:'';position:absolute;inset:48% 0 0;background:linear-gradient(to bottom,transparent,rgba(243,243,240,.7));-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.dl-theme-designlof .dl-df-header{background:rgba(247,248,243,.96)}.dl-theme-designlof .dl-df-bottom-glass{background:linear-gradient(to bottom,transparent,rgba(243,243,240,.88))}}

/* Projects explain the real job behind each visual direction. */
.dl-theme-designlof #df-project-brief{margin:0 16px;border-radius:26px;padding:82px 46px;background:#e2e7db}
.dl-theme-designlof #df-project-brief>.dl-page-section-inner{gap:clamp(40px,8vw,120px);align-items:start}
.dl-theme-designlof #df-project-brief .dl-page-widget-content{position:relative;padding-top:26px;border-top:1px solid #9faa99}
.dl-theme-designlof #df-project-brief .dl-page-widget-content:before{content:'';position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:#17251f}
.dl-theme-designlof #df-project-brief .dl-page-widget-content h2{font-size:clamp(38px,4.2cqw,64px);line-height:.98;letter-spacing:-.06em}
.dl-theme-designlof #df-project-brief .dl-page-widget-content p:not(:first-child){max-width:590px;font-size:15px;line-height:1.8;color:#4f5b50}
@container(max-width:720px){.dl-theme-designlof #df-project-brief>.dl-page-section-inner{grid-template-columns:1fr}.dl-theme-designlof #df-project-brief{padding:56px 26px}}
@media(max-width:700px){.dl-theme-designlof .dl-df-header{top:8px;left:8px;right:8px;height:58px;padding:0 13px;border-radius:18px}.dl-theme-designlof .cms-theme-preview+.dl-df-header{top:36px}.dl-theme-designlof.dl-has-adminbar .dl-df-header{top:48px}.dl-theme-designlof #site-main{padding-top:80px}.dl-theme-designlof .dl-df-brand{font-size:21px}.dl-theme-designlof .dl-df-bottom-glass{height:86px}.dl-theme-designlof #df-project-brief{margin-inline:8px;border-radius:22px}}
@media(prefers-reduced-transparency:reduce){.dl-theme-designlof .dl-df-header{background:#f6f7f2;-webkit-backdrop-filter:none;backdrop-filter:none}.dl-theme-designlof .dl-df-bottom-glass{background:linear-gradient(to bottom,transparent,rgba(243,243,240,.82));-webkit-backdrop-filter:none;backdrop-filter:none}}

/* Cavell-inspired text entrances: soft focus resolves word by word. */
.dl-theme-designlof [data-df-reveal]{transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1),filter .9s cubic-bezier(.16,1,.3,1);transition-delay:var(--dl-df-delay,0ms);will-change:opacity,transform,filter}
.dl-theme-designlof [data-df-reveal=waiting]{opacity:0;filter:blur(9px);transform:translate3d(0,24px,0)}
.dl-theme-designlof [data-df-reveal=visible]{opacity:1;filter:blur(0);transform:none}
.dl-theme-designlof .dl-df-word{display:inline-block;opacity:0;filter:blur(11px);transform:translate3d(0,.42em,0);transition:opacity .72s cubic-bezier(.16,1,.3,1),transform .88s cubic-bezier(.16,1,.3,1),filter .96s cubic-bezier(.16,1,.3,1);transition-delay:var(--dl-df-word-delay,0ms);will-change:opacity,transform,filter}
.dl-theme-designlof [data-df-text-reveal=visible] .dl-df-word{opacity:1;filter:blur(0);transform:none}
@media(prefers-reduced-motion:reduce){.dl-theme-designlof [data-df-reveal=waiting],.dl-theme-designlof .dl-df-word{opacity:1;filter:none;transform:none}}

/* Studio page: tighten the narrative and give each chapter a clear edge. */
.dl-theme-designlof #df-studio-film{height:clamp(360px,39vw,560px);padding:0!important;margin-bottom:16px}
.dl-theme-designlof #df-studio-film>.dl-page-section-inner,.dl-theme-designlof #df-studio-film .dl-page-widget-video{height:100%}
.dl-theme-designlof #df-studio-workspace{background:transparent;padding:0 16px 16px!important}
.dl-theme-designlof #df-studio-workspace .dl-studio-workspace{padding:clamp(44px,4.5vw,64px)}
.dl-theme-designlof #df-studio-workspace .dl-studio-workspace-copy h2{font-size:clamp(46px,5.8cqw,82px)}
.dl-theme-designlof #df-studio-workspace .dl-studio-workspace-capabilities{margin-top:26px}
.dl-theme-designlof #df-studio-workspace .dl-studio-workspace-capabilities li{min-height:108px;padding:20px}
.dl-theme-designlof #df-studio-workspace .dl-studio-workspace-frame{margin-top:54px}
.dl-theme-designlof #df-studio-workspace .dl-studio-workspace-ui{min-height:500px}
.dl-theme-designlof #df-studio-workspace .dl-studio-workspace-artboard{min-height:390px;margin:28px auto}
.dl-theme-designlof #df-studio-workspace .dl-studio-workspace-hero{height:205px}
.dl-theme-designlof #df-studio-workspace .dl-studio-workspace-cards i{height:96px}
.dl-theme-designlof #df-studio-workspace .dl-studio-workspace-selection{height:128px}
.dl-theme-designlof #df-studio-story{margin:0 16px;border-radius:26px;background:#e9ede2;padding:72px 42px!important;overflow:hidden}
.dl-theme-designlof #df-studio-story>.dl-page-section-inner{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:8%}
.dl-theme-designlof #df-studio-story .dl-page-widget-content{max-width:540px}
.dl-theme-designlof #df-studio-story img{aspect-ratio:1.32}
.dl-theme-designlof #df-studio-principles{padding:52px 36px 68px}
.dl-theme-designlof #df-studio-principles .dl-page-widget-content{min-height:310px;display:flex;flex-direction:column}
.dl-theme-designlof #df-studio-principles .dl-page-widget-content p:last-child{margin-top:auto}
.dl-theme-designlof #df-studio-principles#df-studio-principles .dl-page-widget-content:nth-child(1){background:#17251f;color:#f5f6ef;border-color:#17251f}
.dl-theme-designlof #df-studio-principles#df-studio-principles .dl-page-widget-content:nth-child(1) p:first-child{color:#c7eb62;border-color:#ffffff26}
.dl-theme-designlof #df-studio-principles#df-studio-principles .dl-page-widget-content:nth-child(2){background:#c7eb62;border-color:#b8dc56}
.dl-theme-designlof #df-studio-principles#df-studio-principles .dl-page-widget-content:nth-child(2) p:first-child{color:#34401e;border-color:#96b43f}
.dl-theme-designlof #df-studio-principles+#df-contact{margin-top:0;background:#17251f;color:#f6f7f1;padding:68px 42px}
.dl-theme-designlof #df-studio-principles+#df-contact .dl-page-widget-text:first-child{color:#c7eb62}
.dl-theme-designlof #df-studio-principles+#df-contact .dl-page-widget-text:nth-child(3){color:#c5cec4}
.dl-theme-designlof #df-studio-principles+#df-contact .dl-page-widget-form{box-shadow:0 24px 70px #07100c55}
.dl-theme-designlof #df-studio-principles+#df-contact .dl-smart-form{color:#18201b}
@media(max-width:850px){
 .dl-theme-designlof #df-studio-story{margin-inline:8px;padding:44px 24px!important}
 .dl-theme-designlof #df-studio-story>.dl-page-section-inner{grid-template-columns:1fr}
 .dl-theme-designlof #df-studio-principles{padding:44px 24px 52px}
 .dl-theme-designlof #df-studio-principles .dl-page-widget-content{min-height:240px}
 .dl-theme-designlof #df-studio-principles+#df-contact{padding:44px 24px}
}
@media(max-width:680px){
 .dl-theme-designlof #df-studio-film{height:420px;margin-inline:8px;border-radius:20px}
 .dl-theme-designlof #df-studio-workspace{padding-inline:8px!important}
 .dl-theme-designlof #df-studio-workspace .dl-studio-workspace{padding:30px 20px}
 .dl-theme-designlof #df-studio-workspace .dl-studio-workspace-frame{margin-top:38px}
 .dl-theme-designlof #df-studio-story img{aspect-ratio:1.05}
}

/* Journal chapters use editorial scale while shared CMS blocks supply device and browser previews. */
.dl-theme-designlof .dl-df-article-prose>p:first-child{font-size:clamp(23px,2.2vw,31px);line-height:1.45;letter-spacing:-.035em;color:#273028}
.dl-theme-designlof .dl-df-article-prose h2{font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.055em;margin:88px 0 28px;scroll-margin-top:110px}
.dl-theme-designlof .dl-df-article-prose h3{font-size:clamp(27px,3.2vw,42px);line-height:1.1;letter-spacing:-.045em;margin:55px 0 20px}
.dl-theme-designlof .dl-df-article-prose p{margin:0 0 24px}
.dl-theme-designlof .dl-df-article-prose blockquote{margin:70px 0;padding:0 0 0 30px;border-left:4px solid #bce952;font-size:clamp(29px,4.3vw,54px);line-height:1.08;letter-spacing:-.05em}
.dl-theme-designlof .dl-df-article-prose figure{margin-block:48px}
.dl-theme-designlof .dl-df-story-end{margin:80px 0 60px}
@media(max-width:760px){.dl-theme-designlof .dl-df-article-prose h2{margin-top:62px}.dl-theme-designlof .dl-df-article-prose blockquote{margin:48px 0;padding-left:20px}}

/* CMS page: an editorial product story for the system behind every theme. */
.dl-theme-designlof #df-cms-opening{position:relative;overflow:hidden;padding-bottom:clamp(82px,10vw,150px)}
.dl-theme-designlof #df-cms-opening:after{content:'CMS';position:absolute;right:-.025em;bottom:-.27em;font-size:clamp(170px,29cqw,470px);font-weight:650;letter-spacing:-.1em;line-height:1;color:#18282308;pointer-events:none}
.dl-theme-designlof #df-cms-console{position:relative;isolation:isolate;overflow:hidden;margin:0 8px;border-radius:26px;padding:clamp(58px,7vw,105px) clamp(24px,5vw,72px);background:#0c120f;color:#f5f7ef}
.dl-theme-designlof #df-cms-console:before{content:'';position:absolute;z-index:-1;width:720px;height:720px;right:-250px;top:-310px;border:1px solid #c7eb6245;border-radius:50%;box-shadow:0 0 0 88px #c7eb6208,0 0 0 176px #c7eb6206}
.dl-theme-designlof #df-cms-console>.dl-page-section-inner{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:26px 22px;max-width:1440px}
.dl-theme-designlof #df-cms-console .dl-page-widget-text:first-child{grid-column:1/13;color:var(--dl-df-lime);font-size:10px;letter-spacing:.15em}
.dl-theme-designlof #df-cms-console .dl-page-widget-duotone_heading{grid-column:1/9}
.dl-theme-designlof #df-cms-console .dl-duotone-heading{font-size:clamp(52px,7cqw,105px);line-height:.92;letter-spacing:-.075em}
.dl-theme-designlof #df-cms-console .dl-duotone-accent{color:#8d958e}
.dl-theme-designlof #df-cms-console .dl-page-widget-text:nth-child(3){grid-column:9/13;align-self:end;color:#c7cec7;font-size:16px;line-height:1.75}
.dl-theme-designlof #df-cms-console .dl-page-widget-features{grid-column:3/13;margin-top:52px}
.dl-theme-designlof #df-cms-console .dl-editorial-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#ffffff1f;border:1px solid #ffffff1f;border-radius:24px;overflow:hidden}
.dl-theme-designlof #df-cms-console .dl-editorial-features>li{min-height:220px;padding:30px;background:#121915;text-align:left;transition:background .3s,transform .3s}
.dl-theme-designlof #df-cms-console .dl-editorial-features>li:hover{background:#17221c;transform:translateY(-2px)}
.dl-theme-designlof #df-cms-console .dl-editorial-features h3{font-size:25px;margin:35px 0 12px}
.dl-theme-designlof #df-cms-console .dl-editorial-features p{font-size:13px;line-height:1.75;color:#aeb7af}
.dl-theme-designlof #df-cms-console .dl-page-widget-button{grid-column:1/3;align-self:end;margin-bottom:4px}
.dl-theme-designlof #df-cms-console .dl-page-button{background:var(--dl-df-lime);color:#14231e}
.dl-theme-designlof #df-cms-inside{padding-inline:clamp(18px,3vw,48px);background:#e6eadf}
.dl-theme-designlof #df-cms-inside>.dl-page-section-inner{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;max-width:1500px}
.dl-theme-designlof #df-cms-inside .dl-page-widget-text:first-child{grid-column:1/13;color:#667061;font-size:10px;letter-spacing:.15em}
.dl-theme-designlof #df-cms-inside .dl-page-widget-duotone_heading{grid-column:1/9}
.dl-theme-designlof #df-cms-inside .dl-duotone-heading{font-size:clamp(48px,6.5cqw,94px);line-height:.94;letter-spacing:-.07em}
.dl-theme-designlof #df-cms-inside .dl-duotone-accent{color:#7b9831}
.dl-theme-designlof #df-cms-inside .dl-page-widget-text:nth-child(3){grid-column:9/13;align-self:end;font-size:15px;line-height:1.75;color:#586057}
.dl-theme-designlof #df-cms-inside .dl-page-widget-image{overflow:hidden;border:1px solid #c5cbc0;border-radius:20px;background:#fff;box-shadow:0 25px 70px #26332614}
.dl-theme-designlof #df-cms-inside .dl-page-widget-image:nth-child(4){grid-column:1/9;grid-row:3/5}
.dl-theme-designlof #df-cms-inside .dl-page-widget-image:nth-child(5),.dl-theme-designlof #df-cms-inside .dl-page-widget-image:nth-child(6){grid-column:9/13}
.dl-theme-designlof #df-cms-inside .dl-page-image{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:top}
.dl-theme-designlof #df-cms-inside .dl-page-widget-image:nth-child(4) .dl-page-image{min-height:520px}
.dl-theme-designlof #df-cms-inside .dl-page-widget-image:nth-child(5) .dl-page-image,.dl-theme-designlof #df-cms-inside .dl-page-widget-image:nth-child(6) .dl-page-image{height:249px}
.dl-theme-designlof #df-cms-foundation{padding-top:clamp(85px,10vw,150px)}
.dl-theme-designlof #df-cms-foundation>.dl-page-section-inner{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:42px 8%}
.dl-theme-designlof #df-cms-foundation .dl-page-widget-text:first-child,.dl-theme-designlof #df-cms-foundation .dl-page-widget-duotone_heading,.dl-theme-designlof #df-cms-foundation .dl-page-widget-text:nth-child(3){grid-column:1}
.dl-theme-designlof #df-cms-foundation .dl-duotone-heading{font-size:clamp(48px,6cqw,88px);line-height:.95}
.dl-theme-designlof #df-cms-foundation .dl-duotone-accent{color:#7c9931}
.dl-theme-designlof #df-cms-foundation .dl-page-widget-text:nth-child(3){max-width:560px;font-size:16px;line-height:1.75}
.dl-theme-designlof #df-cms-foundation .dl-page-widget-features{grid-column:2;grid-row:1/5}
.dl-theme-designlof #df-cms-foundation .dl-editorial-features{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #c8ccc3}
.dl-theme-designlof #df-cms-foundation .dl-editorial-features>li{text-align:left;padding:26px 24px 30px 0;border-bottom:1px solid #c8ccc3}
.dl-theme-designlof #df-cms-foundation .dl-editorial-features>li:nth-child(odd){border-right:1px solid #c8ccc3}
.dl-theme-designlof #df-cms-foundation .dl-editorial-features>li:nth-child(even){padding-left:24px}
.dl-theme-designlof #df-cms-foundation .dl-editorial-features h3{font-size:22px;margin:26px 0 10px}
.dl-theme-designlof #df-cms-foundation .dl-editorial-features p{font-size:13px;line-height:1.7;color:#626a62}
.dl-theme-designlof #df-cms-rhythm{background:#e6eadf}
.dl-theme-designlof #df-cms-rhythm .dl-page-widget-content{position:relative;min-height:330px;padding:34px;border-top:1px solid #aeb8aa}
.dl-theme-designlof #df-cms-rhythm .dl-page-widget-content:after{content:attr(data-widget);position:absolute;right:30px;bottom:18px;font-size:70px;font-weight:600;color:#17251f09}
.dl-theme-designlof #df-cms-rhythm .dl-page-widget-content h2{font-size:clamp(33px,3.3cqw,50px)}
.dl-theme-designlof #df-cms-rhythm .dl-page-widget-content p:last-child{margin-top:45px;color:#566057}
.dl-theme-designlof #df-cms-ownership{margin:0 16px;border-radius:26px;background:#d8ddcf;padding:clamp(55px,7vw,95px) clamp(28px,4vw,58px)}
.dl-theme-designlof #df-cms-ownership>.dl-page-section-inner{gap:8%}
.dl-theme-designlof #df-cms-ownership .dl-page-widget-content{padding-top:25px;border-top:1px solid #929d8d}
.dl-theme-designlof #df-cms-ownership .dl-page-widget-content:nth-child(2){margin-top:115px}
.dl-theme-designlof #df-cms-templates .dl-page-widget-text,.dl-theme-designlof #df-cms-templates .dl-page-widget-heading{grid-column:1/-1}
.dl-theme-designlof #df-cms-templates .dl-page-widget-heading{max-width:900px}
.dl-theme-designlof #df-cms-templates .dl-page-widget-project_grid{grid-column:1/-1;margin-top:25px}
.dl-theme-designlof #df-cms-templates .dl-page-widget-button{grid-column:1/-1;justify-self:center;margin-top:38px}
.dl-theme-designlof #df-cms-next{margin:0 8px;border-radius:26px;padding:clamp(60px,7vw,105px) clamp(25px,5vw,75px)}
.dl-theme-designlof #df-cms-next>.dl-page-section-inner{grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);align-items:end}
.dl-theme-designlof #df-cms-next .dl-duotone-heading{font-size:clamp(52px,7.2cqw,108px);line-height:.92}
.dl-theme-designlof #df-cms-next .dl-duotone-accent{color:var(--dl-df-lime)}
.dl-theme-designlof #df-cms-next .dl-page-widget-text{font-size:16px;line-height:1.75;color:#c8d0c8}
.dl-theme-designlof #df-cms-next .dl-page-widget-button{grid-column:2}
@media(max-width:900px){
 .dl-theme-designlof #df-cms-console>.dl-page-section-inner,.dl-theme-designlof #df-cms-inside>.dl-page-section-inner,.dl-theme-designlof #df-cms-foundation>.dl-page-section-inner,.dl-theme-designlof #df-cms-next>.dl-page-section-inner{grid-template-columns:1fr}
 .dl-theme-designlof #df-cms-console .dl-page-section-inner>.dl-page-widget,.dl-theme-designlof #df-cms-inside .dl-page-section-inner>.dl-page-widget,.dl-theme-designlof #df-cms-foundation .dl-page-section-inner>.dl-page-widget,.dl-theme-designlof #df-cms-next .dl-page-section-inner>.dl-page-widget{grid-column:1;grid-row:auto}
 .dl-theme-designlof #df-cms-inside .dl-page-widget-image:nth-child(n) .dl-page-image{height:auto;min-height:0}
 .dl-theme-designlof #df-cms-console .dl-page-widget-features{margin-top:25px}
 .dl-theme-designlof #df-cms-foundation .dl-editorial-features{grid-template-columns:1fr}
 .dl-theme-designlof #df-cms-foundation .dl-editorial-features>li:nth-child(n){border-right:0;padding-inline:0}
 .dl-theme-designlof #df-cms-next .dl-page-widget-button{justify-self:start}
}
@media(max-width:680px){
 .dl-theme-designlof #df-cms-opening:after{font-size:180px;bottom:-.16em}
 .dl-theme-designlof #df-cms-console,.dl-theme-designlof #df-cms-next{margin-inline:8px;padding:52px 22px;border-radius:22px}
 .dl-theme-designlof #df-cms-console .dl-duotone-heading,.dl-theme-designlof #df-cms-next .dl-duotone-heading{font-size:47px}
 .dl-theme-designlof #df-cms-console .dl-editorial-features{grid-template-columns:1fr}
 .dl-theme-designlof #df-cms-console .dl-editorial-features>li{min-height:195px}
 .dl-theme-designlof #df-cms-foundation{padding-inline:22px}
 .dl-theme-designlof #df-cms-rhythm{padding-inline:20px}
 .dl-theme-designlof #df-cms-rhythm .dl-page-widget-content{min-height:0;padding:27px 0}
 .dl-theme-designlof #df-cms-ownership{margin-inline:8px;padding:50px 24px}
 .dl-theme-designlof #df-cms-ownership .dl-page-widget-content:nth-child(2){margin-top:20px}
}

/* About editorial rhythm, 2026-09-27. Scoped to the founder-led Studio page. */
.dl-theme-designlof #site-main:has(#meet-wiryo){--dl-about-gutter:clamp(22px,4.5cqw,72px);--dl-about-space:clamp(56px,6.5cqw,96px)}
.dl-theme-designlof #site-main:has(#meet-wiryo) .dl-page-layout>.dl-page-section{padding-inline:var(--dl-about-gutter);scroll-margin-top:140px}
.dl-theme-designlof #site-main:has(#meet-wiryo) .dl-page-section-inner{max-width:1200px;padding-inline:0}
.dl-theme-designlof #site-main:has(#meet-wiryo) .dl-rich-content{min-width:0}
.dl-theme-designlof #site-main:has(#meet-wiryo) .dl-rich-content>p{max-width:62ch;font-size:16px;line-height:1.8;letter-spacing:0;color:#50594f;margin:0 0 18px}
.dl-theme-designlof #site-main:has(#meet-wiryo) .dl-rich-content>p:first-child{max-width:none;font-size:11px;line-height:1.55;letter-spacing:.12em;font-weight:600;color:#626f58;margin:0 0 18px}
.dl-theme-designlof #site-main:has(#meet-wiryo) .dl-rich-content>p:last-child{margin-bottom:0}
.dl-theme-designlof #site-main:has(#meet-wiryo) .dl-rich-content>h2{font-size:clamp(34px,4.1cqw,56px);font-weight:500;line-height:1.12;letter-spacing:-.045em;margin:0 0 26px;text-wrap:balance}
.dl-theme-designlof #site-main:has(#meet-wiryo) .dl-rich-content>h3{font-size:clamp(23px,2.1cqw,29px);font-weight:500;line-height:1.2;letter-spacing:-.035em;margin:0 0 18px;text-wrap:balance}
.dl-theme-designlof #site-main:has(#meet-wiryo) .dl-rich-content>p+p{margin-top:0}
.dl-theme-designlof #site-main:has(#meet-wiryo) .dl-rich-content a{display:inline-block;font-size:14px;line-height:1.6;font-weight:550;color:#24372a;text-decoration:underline;text-decoration-color:#9caa87;text-underline-offset:5px;text-decoration-thickness:1px}
.dl-theme-designlof #site-main:has(#meet-wiryo) .dl-page-section#df-studio-opening{padding-block:clamp(52px,6cqw,88px) 48px}
.dl-theme-designlof #site-main:has(#meet-wiryo) #df-studio-opening>.dl-page-section-inner{gap:28px 6%;padding-bottom:42px;grid-template-columns:minmax(0,1.55fr) minmax(0,.85fr)}
.dl-theme-designlof #site-main:has(#meet-wiryo) #df-studio-opening h1{font-size:clamp(42px,5.15cqw,72px);line-height:1.08;letter-spacing:-.055em;text-wrap:balance}
.dl-theme-designlof #site-main:has(#meet-wiryo) #df-studio-opening .dl-page-widget-text:last-child{font-size:17px;line-height:1.8;color:#50594f;max-width:37ch}
.dl-theme-designlof #site-main:has(#meet-wiryo) .dl-page-section#meet-wiryo{padding-block:24px var(--dl-about-space)}
.dl-theme-designlof #site-main:has(#meet-wiryo) #meet-wiryo>.dl-page-section-inner{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(40px,7cqw,100px);align-items:center}
.dl-theme-designlof #site-main:has(#meet-wiryo) #meet-wiryo .dl-page-widget-image{width:100%;max-width:440px;justify-self:end}
.dl-theme-designlof #site-main:has(#meet-wiryo) #meet-wiryo img{aspect-ratio:1;object-fit:cover;border-radius:20px}
.dl-theme-designlof #site-main:has(#meet-wiryo) .dl-page-section:is(#experience-intro,#what-we-make-intro,#how-we-work-intro){padding-block:var(--dl-about-space) 36px}
.dl-theme-designlof #site-main:has(#meet-wiryo) :is(#experience-intro,#what-we-make-intro,#how-we-work-intro) .dl-rich-content{max-width:800px}
.dl-theme-designlof #site-main:has(#meet-wiryo) :is(#experience-intro,#what-we-make-intro,#how-we-work-intro) .dl-rich-content>p:last-child{max-width:65ch;font-size:17px;line-height:1.8}
.dl-theme-designlof #site-main:has(#meet-wiryo) .dl-page-section:is(#selected-experience,#what-we-make,#how-we-work){padding-block:12px var(--dl-about-space)}
.dl-theme-designlof #site-main:has(#meet-wiryo) :is(#selected-experience,#what-we-make,#how-we-work)>.dl-page-section-inner{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.dl-theme-designlof #site-main:has(#meet-wiryo) :is(#selected-experience,#what-we-make,#how-we-work) .dl-page-widget-content{padding-top:26px;border-top:1px solid #bdc5b6}
.dl-theme-designlof #site-main:has(#meet-wiryo) :is(#selected-experience,#what-we-make,#how-we-work) .dl-rich-content>p{font-size:15px;line-height:1.8}
.dl-theme-designlof #site-main:has(#meet-wiryo) :is(#selected-experience,#what-we-make,#how-we-work) .dl-rich-content>p:first-child{font-size:10px;line-height:1.6;letter-spacing:.1em;margin-bottom:22px}
.dl-theme-designlof #site-main:has(#meet-wiryo) #selected-experience h3+p{min-height:66px;font-size:13px;line-height:1.7;color:#68705f;margin-bottom:20px;max-width:35ch}
.dl-theme-designlof #site-main:has(#meet-wiryo) #what-we-make h3{min-height:70px}
.dl-theme-designlof #site-main:has(#meet-wiryo) #what-we-make .dl-rich-content>p:last-child{margin-top:24px}
.dl-theme-designlof #site-main:has(#meet-wiryo) #df-studio-workspace .dl-studio-workspace{padding:clamp(32px,5cqw,72px)}
.dl-theme-designlof #site-main:has(#meet-wiryo) #df-studio-workspace .dl-studio-workspace-copy h2{font-size:clamp(38px,4.6cqw,64px);line-height:1.12;letter-spacing:-.045em;text-wrap:balance}
.dl-theme-designlof #site-main:has(#meet-wiryo) #df-studio-workspace .dl-studio-workspace-copy>p:not(:first-child){font-size:17px;line-height:1.8;max-width:62ch}
.dl-theme-designlof #site-main:has(#meet-wiryo) #df-studio-workspace .dl-studio-workspace-capabilities{margin-top:34px}
.dl-theme-designlof #site-main:has(#meet-wiryo) #df-studio-workspace .dl-studio-workspace-capabilities li{padding:24px;line-height:1.75}
.dl-theme-designlof #site-main:has(#meet-wiryo) .dl-page-section#df-contact{margin-top:0;padding-block:var(--dl-about-space);border-top:1px solid #d2d8ca}
.dl-theme-designlof #site-main:has(#meet-wiryo) #df-contact h2{font-size:clamp(36px,4.3cqw,60px);line-height:1.12;letter-spacing:-.045em;text-wrap:balance}
.dl-theme-designlof #site-main:has(#meet-wiryo) #df-contact .dl-page-widget-text:nth-child(3){font-size:16px;line-height:1.8;max-width:43ch}
@container(max-width:850px){
 .dl-theme-designlof #site-main:has(#meet-wiryo) #df-studio-opening>.dl-page-section-inner{grid-template-columns:1fr;gap:24px}
 .dl-theme-designlof #site-main:has(#meet-wiryo) #df-studio-opening>.dl-page-section-inner>*{grid-column:1;grid-row:auto;margin-left:0}
 .dl-theme-designlof #site-main:has(#meet-wiryo) #df-studio-opening .dl-page-widget-text:last-child{max-width:58ch}
 .dl-theme-designlof #site-main:has(#meet-wiryo) #meet-wiryo>.dl-page-section-inner{grid-template-columns:1fr;gap:32px}
 .dl-theme-designlof #site-main:has(#meet-wiryo) #meet-wiryo .dl-page-widget-image{justify-self:start;max-width:400px}
 .dl-theme-designlof #site-main:has(#meet-wiryo) :is(#selected-experience,#what-we-make,#how-we-work)>.dl-page-section-inner{grid-template-columns:1fr;gap:32px}
 .dl-theme-designlof #site-main:has(#meet-wiryo) #selected-experience h3+p,.dl-theme-designlof #site-main:has(#meet-wiryo) #what-we-make h3{min-height:0;max-width:52ch}
 .dl-theme-designlof #site-main:has(#meet-wiryo) :is(#selected-experience,#what-we-make,#how-we-work) .dl-rich-content>p{max-width:62ch}
 .dl-theme-designlof #site-main:has(#meet-wiryo) #df-studio-workspace .dl-studio-workspace-copy{grid-template-columns:1fr}
 .dl-theme-designlof #site-main:has(#meet-wiryo) #df-studio-workspace .dl-studio-workspace-copy>*{grid-column:1;grid-row:auto}
}
@container(max-width:520px){
 .dl-theme-designlof #site-main:has(#meet-wiryo) .dl-page-section#df-studio-opening{padding-top:36px;padding-bottom:32px}
 .dl-theme-designlof #site-main:has(#meet-wiryo) #df-studio-opening h1{font-size:40px;letter-spacing:-.05em}
 .dl-theme-designlof #site-main:has(#meet-wiryo) #df-studio-opening .dl-page-widget-text:last-child{font-size:16px}
 .dl-theme-designlof #site-main:has(#meet-wiryo) .dl-rich-content>h2{font-size:34px}
 .dl-theme-designlof #site-main:has(#meet-wiryo) .dl-rich-content>p{font-size:16px;line-height:1.75}
 .dl-theme-designlof #site-main:has(#meet-wiryo) .dl-rich-content>p:first-child{font-size:10px}
 .dl-theme-designlof #site-main:has(#meet-wiryo) #df-studio-workspace .dl-studio-workspace{padding:36px 22px}
 .dl-theme-designlof #site-main:has(#meet-wiryo) #df-studio-workspace .dl-studio-workspace-copy h2{font-size:36px}
 .dl-theme-designlof #site-main:has(#meet-wiryo) #df-studio-workspace .dl-studio-workspace-capabilities{grid-template-columns:1fr}
}

/* Brand-specific social destinations shared by the contact page and footer. */
.dl-theme-designlof .dl-df-social{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.dl-theme-designlof .dl-df-social a{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff30;border-radius:50%;color:#f4f6ed;transition:background-color .25s ease,border-color .25s ease,transform .25s ease}
.dl-theme-designlof .dl-df-social a:hover{background:#c7eb62;border-color:#c7eb62;color:#182823;transform:translateY(-2px)}
.dl-theme-designlof .dl-df-social .dl-brand-icon{display:block;width:17px;height:17px;filter:invert(1)}
.dl-theme-designlof .dl-df-social a:hover .dl-brand-icon{filter:none}
.dl-theme-designlof .dl-df-footer-contact{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.dl-theme-designlof .dl-df-footer-contact a{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:0 14px;border:1px solid #ffffff30;border-radius:999px;color:#f4f6ed;font-size:11px;text-decoration:none;white-space:nowrap;transition:background-color .25s ease,border-color .25s ease,color .25s ease}
.dl-theme-designlof .dl-df-footer-contact a:hover{background:#c7eb62;border-color:#c7eb62;color:#182823}
.dl-theme-designlof .dl-df-footer-contact .dl-brand-icon{width:17px;height:17px;filter:invert(1)}
.dl-theme-designlof .dl-df-footer-contact a:hover .dl-brand-icon{filter:none}
.dl-theme-designlof .dl-df-contact-socials{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(45px,8vw,130px);align-items:end;margin:16px;padding:clamp(46px,6vw,92px);border-radius:28px;background:#c7eb62;color:#13231d;overflow:hidden;position:relative;isolation:isolate}
.dl-theme-designlof .dl-df-contact-socials:after{content:'';position:absolute;z-index:-1;width:560px;height:560px;left:-250px;bottom:-360px;border:1px solid #15261e2c;border-radius:50%;box-shadow:0 0 0 75px #15261e08,0 0 0 150px #15261e06;pointer-events:none}
.dl-theme-designlof .dl-df-contact-socials-intro>p:first-child{font-size:10px;font-weight:650;line-height:1.5;letter-spacing:.15em;margin:0 0 30px}
.dl-theme-designlof .dl-df-contact-socials-intro h2{max-width:760px;font-size:clamp(44px,5.5vw,82px);font-weight:520;line-height:.98;letter-spacing:-.07em;margin:0;text-wrap:balance}
.dl-theme-designlof .dl-df-contact-socials-intro h2 span{color:#f8faef}
.dl-theme-designlof .dl-df-contact-socials-intro>p:last-child{max-width:520px;font-size:14px;line-height:1.75;margin:32px 0 0;color:#314135}
.dl-theme-designlof .dl-df-contact-direct{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.dl-theme-designlof .dl-df-contact-direct a{display:inline-flex;align-items:center;gap:11px;min-height:52px;padding:8px 17px 8px 13px;border:1px solid #17271f42;border-radius:999px;color:#14251e;text-decoration:none;transition:background-color .25s ease,color .25s ease,transform .25s ease}
.dl-theme-designlof .dl-df-contact-direct a:hover{background:#14251e;color:#f6f8ef;transform:translateY(-2px)}
.dl-theme-designlof .dl-df-contact-direct>a>svg,.dl-theme-designlof .dl-df-contact-direct>a>.dl-brand-icon{width:19px;height:19px;flex:0 0 19px}
.dl-theme-designlof .dl-df-contact-direct>a>.dl-brand-icon{filter:none}
.dl-theme-designlof .dl-df-contact-direct a:hover>.dl-brand-icon{filter:invert(1)}
.dl-theme-designlof .dl-df-contact-direct span{font-size:12px;font-weight:600;line-height:1.25}
.dl-theme-designlof .dl-df-contact-direct small{display:block;margin-bottom:2px;font-size:8px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;opacity:.62}
.dl-theme-designlof .dl-df-contact-socials nav{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #14241d42}
.dl-theme-designlof .dl-df-contact-socials nav a{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:16px;align-items:center;min-height:104px;padding:18px 18px 18px 0;border-bottom:1px solid #14241d42;color:inherit;text-decoration:none;transition:padding .25s ease,background-color .25s ease}
.dl-theme-designlof .dl-df-contact-socials nav a:nth-child(odd){border-right:1px solid #14241d42}
.dl-theme-designlof .dl-df-contact-socials nav a:nth-child(even){padding-left:18px}
.dl-theme-designlof .dl-df-contact-socials nav a:hover{padding-right:10px;background:#f7faed38}
.dl-theme-designlof .dl-df-contact-social-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#15251f}
.dl-theme-designlof .dl-df-contact-social-icon .dl-brand-icon{display:block;width:17px;height:17px;filter:invert(1)}
.dl-theme-designlof .dl-df-contact-socials nav strong,.dl-theme-designlof .dl-df-contact-socials nav small{display:block}
.dl-theme-designlof .dl-df-contact-socials nav strong{font-size:16px;font-weight:600;letter-spacing:-.025em}
.dl-theme-designlof .dl-df-contact-socials nav small{margin-top:5px;font-size:11px;color:#4f5e51}
@media(max-width:900px){
 .dl-theme-designlof .dl-df-contact-socials{grid-template-columns:1fr;gap:45px;margin:8px;padding:52px 28px;border-radius:22px}
}
@media(max-width:600px){
 .dl-theme-designlof .dl-df-contact-socials-intro h2{font-size:44px}
 .dl-theme-designlof .dl-df-contact-socials nav{grid-template-columns:1fr}
 .dl-theme-designlof .dl-df-contact-socials nav a:nth-child(odd){border-right:0}
 .dl-theme-designlof .dl-df-contact-socials nav a:nth-child(even){padding-left:0}
 .dl-theme-designlof .dl-df-footer-links{gap:22px}
 .dl-theme-designlof .dl-df-footer-contact{width:100%}
 .dl-theme-designlof .dl-df-footer-contact a{flex:1;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.dl-theme-designlof .dl-df-social a,.dl-theme-designlof .dl-df-footer-contact a,.dl-theme-designlof .dl-df-contact-direct a,.dl-theme-designlof .dl-df-contact-socials nav a{transition:none}}

/* Legal documents: calm reading widths and predictable anchor navigation. */
.dl-theme-designlof #df-legal-opening{padding:150px 36px 54px}
.dl-theme-designlof #df-legal-opening>.dl-page-section-inner{display:grid;grid-template-columns:1fr;gap:20px;max-width:1120px}
.dl-theme-designlof #df-legal-opening .dl-page-widget{grid-area:auto;max-width:900px}
.dl-theme-designlof #df-legal-opening h1{font-size:clamp(42px,5vw,70px);line-height:1.08;letter-spacing:-.055em}
.dl-theme-designlof #df-legal-opening .dl-page-widget-text:last-child{font-size:13px;line-height:1.7;color:#59635a}
.dl-theme-designlof #df-legal-index{padding:0 36px 48px}
.dl-theme-designlof #df-legal-index>.dl-page-section-inner{max-width:1120px;background:#e8ece1;border:1px solid #d7ddcf;border-radius:20px;padding:32px}
.dl-theme-designlof #df-legal-index h2{font-size:20px;letter-spacing:-.025em;margin:0 0 20px}
.dl-theme-designlof #df-legal-index ol{columns:2;column-gap:54px;padding-left:22px;margin:0}
.dl-theme-designlof #df-legal-index li{break-inside:avoid;margin:0 0 12px;padding-left:6px;font-size:15px;line-height:1.5}
.dl-theme-designlof #df-legal-index a{text-decoration:underline;text-underline-offset:4px}
.dl-theme-designlof [id^="df-legal-chapter-"]{padding:0 36px;scroll-margin-top:120px}
.dl-theme-designlof [id^="df-legal-chapter-"]>.dl-page-section-inner{display:grid;grid-template-columns:100px minmax(0,1fr);gap:36px;max-width:1120px;padding:38px 0;border-top:1px solid #d4d9ce}
.dl-theme-designlof [id^="df-legal-chapter-"] .dl-page-widget-text{font-size:12px;letter-spacing:.08em;color:#66705f;padding-top:8px}
.dl-theme-designlof [id^="df-legal-chapter-"] .dl-page-widget-content{max-width:820px;min-width:0}
.dl-theme-designlof [id^="df-legal-chapter-"] h2{font-size:clamp(23px,2.5vw,30px);line-height:1.22;letter-spacing:-.035em;margin:0 0 22px}
.dl-theme-designlof [id^="df-legal-chapter-"] p{font-size:16px;line-height:1.85;color:#39413c;margin:0 0 18px;overflow-wrap:anywhere}
.dl-theme-designlof [id^="df-legal-chapter-"] p:last-child{margin-bottom:0}
.dl-theme-designlof #df-legal-contact{padding:54px 36px;margin-top:40px}
.dl-theme-designlof #df-legal-contact>.dl-page-section-inner{max-width:1120px;gap:20px;justify-items:start}
.dl-theme-designlof #df-legal-contact h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.04em}
.dl-theme-designlof :is(#df-legal-index,#df-legal-contact) a:focus-visible{outline:2px solid #42652c;outline-offset:5px}
@media(max-width:640px){
.dl-theme-designlof #df-legal-opening{padding:116px 22px 34px}
.dl-theme-designlof #df-legal-index{padding:0 22px 30px}
.dl-theme-designlof #df-legal-index>.dl-page-section-inner{padding:24px 22px}
.dl-theme-designlof #df-legal-index ol{columns:1}
.dl-theme-designlof [id^="df-legal-chapter-"]{padding:0 22px;scroll-margin-top:105px}
.dl-theme-designlof [id^="df-legal-chapter-"]>.dl-page-section-inner{grid-template-columns:1fr;gap:14px;padding:28px 0}
.dl-theme-designlof #df-legal-contact{padding:36px 22px}
}

/* Template enquiry: show the decision before asking for personal details. */
.dl-theme-designlof #df-order-opening{min-height:620px;margin:8px;border-radius:28px;background:radial-gradient(circle at 83% 18%,#c7eb6226 0 10%,transparent 10.2%),radial-gradient(circle at 83% 18%,transparent 0 17%,#c7eb6214 17.2% 17.5%,transparent 17.7%),#17201c;overflow:hidden}
.dl-theme-designlof #df-order-opening>.dl-page-section-inner{min-height:600px;max-width:1440px;padding:110px 42px 72px;justify-content:flex-end;gap:24px}
.dl-theme-designlof #df-order-opening .dl-page-widget-text:first-child{color:#c7eb62;letter-spacing:.14em}
.dl-theme-designlof #df-order-opening .dl-duotone-heading{max-width:1050px;font-size:clamp(54px,7.3cqw,104px);line-height:.96;letter-spacing:-.075em}
.dl-theme-designlof #df-order-opening .dl-duotone-accent{color:#c7eb62}
.dl-theme-designlof #df-order-opening .dl-page-widget-text:nth-child(3){max-width:600px;font-size:17px;line-height:1.75;color:#d5ddd2}
.dl-theme-designlof #df-order-opening .dl-page-widget-button{margin-top:16px}

.dl-theme-designlof #df-order-collection>.dl-page-section-inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.65fr);gap:22px 7%;align-items:end}
.dl-theme-designlof #df-order-collection .dl-page-widget-text:first-child{grid-column:1/-1;color:#65715c}
.dl-theme-designlof #df-order-collection .dl-page-widget-heading{grid-column:1}
.dl-theme-designlof #df-order-collection .dl-page-widget-heading h2{font-size:clamp(46px,5.2cqw,76px);line-height:1.02}
.dl-theme-designlof #df-order-collection .dl-page-widget-text:nth-child(3){grid-column:2;padding-bottom:8px;font-size:15px;line-height:1.75;color:#59635a}
.dl-theme-designlof #df-order-collection .dl-page-widget-project_grid{grid-column:1/-1;margin-top:36px}
.dl-theme-designlof #df-order-collection .dl-agency-projects{gap:52px 16px}

.dl-theme-designlof #df-order-routes>.dl-page-section-inner{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.dl-theme-designlof #df-order-routes .dl-page-widget-content{height:100%;padding:34px;border:1px solid #d3dacd;border-radius:22px;background:#f5f6f1}
.dl-theme-designlof #df-order-routes .dl-page-widget-content:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:6%;padding:0 0 48px;border:0;border-radius:0;background:transparent}
.dl-theme-designlof #df-order-routes .dl-page-widget-content:first-child .dl-rich-content{display:contents}
.dl-theme-designlof #df-order-routes .dl-page-widget-content:first-child .dl-rich-content>p:first-child{grid-column:1/-1;margin-bottom:12px}
.dl-theme-designlof #df-order-routes .dl-page-widget-content:first-child h2{grid-column:1;font-size:clamp(42px,4.8cqw,70px);margin:0}
.dl-theme-designlof #df-order-routes .dl-page-widget-content:first-child .dl-rich-content>p:not(:first-child){grid-column:2;align-self:end;max-width:620px;margin:0}
.dl-theme-designlof #df-order-routes .dl-page-widget-content:not(:first-child) h2{font-size:clamp(27px,2.5cqw,36px);min-height:2.25em}
.dl-theme-designlof #df-order-routes .dl-page-widget-content:not(:first-child) p:first-child{padding-bottom:22px;border-bottom:1px solid #ccd4c5;margin-bottom:26px;color:#6a755f}
.dl-theme-designlof #df-order-routes .dl-page-widget-content:nth-child(4){background:#c7eb62;border-color:#b9dd58}

.dl-theme-designlof #df-order-previews{margin:0 8px;border-radius:28px;overflow:hidden}
.dl-theme-designlof #df-order-previews>.dl-page-section-inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.65fr);gap:24px 7%;align-items:end}
.dl-theme-designlof #df-order-previews .dl-page-widget-text:first-child{grid-column:1/-1;color:#c7eb62}
.dl-theme-designlof #df-order-previews .dl-page-widget-duotone_heading{grid-column:1}
.dl-theme-designlof #df-order-previews .dl-duotone-heading{font-size:clamp(44px,5.2cqw,76px);line-height:1.02}
.dl-theme-designlof #df-order-previews .dl-duotone-accent{color:#c7eb62}
.dl-theme-designlof #df-order-previews .dl-page-widget-text:nth-child(3){grid-column:2;padding-bottom:8px;color:#cbd2c8;font-size:15px;line-height:1.75}
.dl-theme-designlof #df-order-previews .dl-page-widget-project_grid{grid-column:1/-1;margin-top:34px}
.dl-theme-designlof #df-order-previews .dl-agency-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.dl-theme-designlof #df-order-previews .dl-agency-project-label{background:#252b28;color:#f4f6ed}
.dl-theme-designlof #df-order-previews .dl-agency-project-label>svg{color:#c7eb62}
.dl-theme-designlof #df-order-previews .dl-agency-project-cover{aspect-ratio:16/10;border-radius:18px;background:#303633}
.dl-theme-designlof #df-order-previews .dl-agency-project-cover:after{background:linear-gradient(180deg,transparent 55%,#0009)}
.dl-theme-designlof #df-order-previews .dl-agency-project-wordmark{display:none}
.dl-theme-designlof #df-order-previews .dl-agency-project>p{color:#d0d5ce;opacity:.82}

.dl-theme-designlof #df-order-included{padding-block:clamp(64px,7vw,108px)}
.dl-theme-designlof #df-order-included>.dl-page-section-inner{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:9%;align-items:start}
.dl-theme-designlof #df-order-included .dl-page-widget-content{position:sticky;top:130px;max-width:520px}
.dl-theme-designlof #df-order-included .dl-editorial-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid #d3d9ce}
.dl-theme-designlof #df-order-included .dl-editorial-features>li{padding:26px 20px 28px 0;border-bottom:1px solid #d3d9ce}
.dl-theme-designlof #df-order-included .dl-editorial-features>li:nth-child(even){padding-left:20px;border-left:1px solid #d3d9ce}
.dl-theme-designlof #df-order-included .dl-feature-symbol{width:42px;height:42px;background:#17201c;color:#c7eb62}
.dl-theme-designlof #df-order-included .dl-editorial-features h3{font-size:20px!important;margin-top:2px!important}

.dl-theme-designlof #df-order-process>.dl-page-section-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.dl-theme-designlof #df-order-process .dl-page-widget-text:first-child,.dl-theme-designlof #df-order-process .dl-page-widget-heading{grid-column:1/-1}
.dl-theme-designlof #df-order-process .dl-page-widget-heading{max-width:900px;margin-bottom:34px}
.dl-theme-designlof #df-order-process .dl-page-widget-heading h2{font-size:clamp(46px,5.4cqw,78px);line-height:1.02}
.dl-theme-designlof #df-order-process .dl-page-widget-content{min-height:310px;padding:34px;border:1px solid #ffffff25;border-radius:22px;background:#222725!important;color:#f3f5ef}
.dl-theme-designlof #df-order-process .dl-page-widget-content h2{min-height:0!important;font-size:clamp(28px,2.8cqw,39px)}
.dl-theme-designlof #df-order-process .dl-page-widget-content p:first-child{border-color:#ffffff25!important;color:#c7eb62}
.dl-theme-designlof #df-order-process .dl-page-widget-content p:last-child{color:#cbd2c8}

.dl-theme-designlof #df-order-pricing{margin:8px;border-radius:28px;background:#c7eb62;color:#14231d;overflow:hidden;position:relative}
.dl-theme-designlof #df-order-pricing:after{content:'$800';position:absolute;right:-.03em;bottom:-.25em;font-size:clamp(150px,26vw,430px);font-weight:650;line-height:1;color:#ffffff50;letter-spacing:-.1em;pointer-events:none}
.dl-theme-designlof #df-order-pricing>.dl-page-section-inner{position:relative;z-index:1;grid-template-columns:minmax(0,1.05fr) minmax(0,.75fr);gap:10%;align-items:start}
.dl-theme-designlof #df-order-pricing .dl-page-widget-content{max-width:650px}
.dl-theme-designlof #df-order-pricing .dl-page-widget-content:last-child{padding:30px;border:1px solid #14231d3d;border-radius:20px;background:#f6f8eead;backdrop-filter:blur(8px)}
.dl-theme-designlof #df-order-pricing .dl-page-widget-content p:first-child{color:#35492d}

.dl-theme-designlof #df-order-form{margin:0 8px;border-radius:28px;background:#17201c;color:#f4f6ef}
.dl-theme-designlof #df-order-form>.dl-page-section-inner{grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:10%;align-items:start}
.dl-theme-designlof #df-order-form .dl-page-widget-content{max-width:540px;padding-top:20px}
.dl-theme-designlof #df-order-form .dl-page-widget-content p:first-child{color:#c7eb62}
.dl-theme-designlof #df-order-form .dl-page-widget-form{padding:34px;background:#f3f5ee;color:#17201c;border:1px solid #ffffff26;border-radius:22px}
.dl-theme-designlof #df-order-form .dl-smart-form>.dl-button{background:#17201c;color:#fff}

.dl-theme-designlof #df-order-faq>.dl-page-section-inner{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:9%;align-items:start}
.dl-theme-designlof #df-order-faq .dl-page-widget-content{max-width:520px}
.dl-theme-designlof #df-order-faq .dl-page-widget-accordion{grid-column:2}
.dl-theme-designlof #df-order-faq .dl-layout-accordion{grid-template-columns:1fr}
.dl-theme-designlof #df-order-faq .dl-layout-accordion details{border-top:1px solid #c7cec1;padding:0}
.dl-theme-designlof #df-order-faq .dl-layout-accordion details:last-child{border-bottom:1px solid #c7cec1}
.dl-theme-designlof #df-order-faq .dl-layout-accordion summary{min-height:82px;font-size:18px}

.dl-theme-designlof #df-order-next{margin:8px;border-radius:28px}
.dl-theme-designlof #df-order-next>.dl-page-section-inner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:24px 18px;align-items:end;padding:64px 42px}
.dl-theme-designlof #df-order-next .dl-page-widget-duotone_heading{grid-column:1/-1}
.dl-theme-designlof #df-order-next .dl-duotone-heading{font-size:clamp(42px,5.4cqw,80px);line-height:1.02;max-width:1100px}
.dl-theme-designlof #df-order-next .dl-duotone-accent{color:#c7eb62}
.dl-theme-designlof #df-order-next .dl-page-widget-text{max-width:650px;color:#cbd2c8;font-size:15px;line-height:1.75}

@container(max-width:900px){
.dl-theme-designlof #df-order-opening>.dl-page-section-inner{padding:90px 28px 60px}
.dl-theme-designlof :is(#df-order-collection,#df-order-previews)>.dl-page-section-inner{grid-template-columns:1fr}
.dl-theme-designlof :is(#df-order-collection,#df-order-previews) .dl-page-section-inner>*{grid-column:1}
.dl-theme-designlof #df-order-routes>.dl-page-section-inner{grid-template-columns:1fr}
.dl-theme-designlof #df-order-routes .dl-page-widget-content:first-child{grid-column:1;grid-template-columns:1fr}
.dl-theme-designlof #df-order-routes .dl-page-widget-content:first-child .dl-rich-content>*{grid-column:1}
.dl-theme-designlof #df-order-routes .dl-page-widget-content:not(:first-child) h2{min-height:0}
.dl-theme-designlof #df-order-previews .dl-agency-projects{grid-template-columns:1fr}
.dl-theme-designlof #df-order-included>.dl-page-section-inner,.dl-theme-designlof #df-order-pricing>.dl-page-section-inner,.dl-theme-designlof #df-order-form>.dl-page-section-inner,.dl-theme-designlof #df-order-faq>.dl-page-section-inner{grid-template-columns:1fr;gap:38px}
.dl-theme-designlof #df-order-included .dl-page-widget-content{position:static}
.dl-theme-designlof #df-order-faq .dl-page-widget-accordion{grid-column:1}
.dl-theme-designlof #df-order-next>.dl-page-section-inner{grid-template-columns:1fr;padding:54px 28px}
.dl-theme-designlof #df-order-next .dl-page-widget-duotone_heading{grid-column:1}
.dl-theme-designlof #df-order-next .dl-page-widget-button{justify-self:start}
}
@container(max-width:560px){
.dl-theme-designlof #df-order-opening{min-height:0}.dl-theme-designlof #df-order-opening>.dl-page-section-inner{min-height:560px;padding:80px 20px 42px}
.dl-theme-designlof #df-order-opening .dl-duotone-heading{font-size:48px}
.dl-theme-designlof #df-order-collection .dl-agency-projects{grid-template-columns:1fr}
.dl-theme-designlof #df-order-included .dl-editorial-features{grid-template-columns:1fr}
.dl-theme-designlof #df-order-included .dl-editorial-features>li:nth-child(even){padding-left:0;border-left:0}
.dl-theme-designlof #df-order-process>.dl-page-section-inner{grid-template-columns:1fr}
.dl-theme-designlof #df-order-process .dl-page-widget-text:first-child,.dl-theme-designlof #df-order-process .dl-page-widget-heading{grid-column:1}
.dl-theme-designlof #df-order-process .dl-page-widget-content{min-height:0;padding:26px 22px}
.dl-theme-designlof #df-order-pricing:after{font-size:180px}
.dl-theme-designlof #df-order-form .dl-page-widget-form{padding:22px}
.dl-theme-designlof #df-order-faq .dl-layout-accordion summary{min-height:72px;font-size:16px}
}

/* Website care: explain ongoing work through a visible, bounded service rhythm. */
.dl-theme-designlof #df-care-opening{min-height:680px;margin:8px;border-radius:28px;overflow:hidden;background:#17201c}
.dl-theme-designlof #df-care-opening>.dl-page-section-inner{min-height:660px;max-width:1440px;padding:110px 42px 72px;justify-content:flex-end;gap:22px}
.dl-theme-designlof #df-care-opening:after{background:linear-gradient(90deg,#0d1713f2 0%,#0d1713c7 52%,#0d171344 100%)}
.dl-theme-designlof #df-care-opening .dl-page-widget-text:first-child{color:#c7eb62;letter-spacing:.14em}
.dl-theme-designlof #df-care-opening .dl-duotone-heading{max-width:950px;font-size:clamp(52px,6.7cqw,96px);line-height:.97;letter-spacing:-.07em}
.dl-theme-designlof #df-care-opening .dl-duotone-accent{color:#c7eb62}
.dl-theme-designlof #df-care-opening .dl-page-widget-text:nth-child(3){max-width:610px;font-size:17px;line-height:1.75;color:#d7ddd4}
.dl-theme-designlof #df-care-opening .dl-page-widget-button{margin-top:14px}
.dl-theme-designlof #df-care-opening .dl-page-widget-image img{filter:saturate(.72) contrast(1.05)}

.dl-theme-designlof #df-care-context>.dl-page-section-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.dl-theme-designlof #df-care-context .dl-page-widget-content{height:100%;padding:clamp(32px,4vw,58px);border:1px solid #d6dcd0;border-radius:24px;background:#f8f8f4}
.dl-theme-designlof #df-care-context .dl-page-widget-content:first-child{background:#e8ece1}
.dl-theme-designlof #df-care-context .dl-page-widget-content h2{font-size:clamp(36px,4cqw,58px);max-width:650px}

.dl-theme-designlof #df-care-included{margin:0 8px;border-radius:28px;overflow:hidden}
.dl-theme-designlof #df-care-included>.dl-page-section-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);gap:24px 8%;align-items:end}
.dl-theme-designlof #df-care-included .dl-page-widget-text:first-child{grid-column:1/-1;color:#c7eb62}
.dl-theme-designlof #df-care-included .dl-page-widget-heading{grid-column:1}
.dl-theme-designlof #df-care-included .dl-page-widget-heading h2{font-size:clamp(46px,5.3cqw,78px);line-height:1.02}
.dl-theme-designlof #df-care-included .dl-page-widget-text:nth-child(3){grid-column:2;padding-bottom:8px;color:#cbd2c8;font-size:15px;line-height:1.75}
.dl-theme-designlof #df-care-included .dl-page-widget-features{grid-column:1/-1;margin-top:40px}
.dl-theme-designlof #df-care-included .dl-editorial-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #ffffff28}
.dl-theme-designlof #df-care-included .dl-editorial-features>li{padding:30px 28px 34px 0;border-bottom:1px solid #ffffff28}
.dl-theme-designlof #df-care-included .dl-editorial-features>li:not(:nth-child(3n+1)){padding-left:28px;border-left:1px solid #ffffff28}
.dl-theme-designlof #df-care-included .dl-feature-symbol{width:44px;height:44px;background:#c7eb62;color:#17201c}
.dl-theme-designlof #df-care-included .dl-editorial-features h3{font-size:21px!important;margin-top:2px!important;color:#f5f6f0}
.dl-theme-designlof #df-care-included .dl-editorial-features p{color:#c9d0c7;opacity:1}

.dl-theme-designlof #df-care-systems>.dl-page-section-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);gap:24px 8%;align-items:end}
.dl-theme-designlof #df-care-systems .dl-page-widget-text:first-child{grid-column:1/-1;color:#65715c}
.dl-theme-designlof #df-care-systems .dl-page-widget-duotone_heading{grid-column:1}
.dl-theme-designlof #df-care-systems .dl-duotone-heading{font-size:clamp(44px,5.2cqw,76px);line-height:1.02}
.dl-theme-designlof #df-care-systems .dl-duotone-accent{color:#76983a}
.dl-theme-designlof #df-care-systems .dl-page-widget-text:nth-child(3){grid-column:2;padding-bottom:8px;font-size:15px;line-height:1.75;color:#59635a}
.dl-theme-designlof #df-care-systems .dl-page-widget-project_grid{grid-column:1/-1;margin-top:36px}
.dl-theme-designlof #df-care-systems .dl-agency-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.dl-theme-designlof #df-care-systems .dl-agency-project-cover{aspect-ratio:16/10;border-radius:18px;background:#dfe4db}
.dl-theme-designlof #df-care-systems .dl-agency-project-cover:after{background:linear-gradient(180deg,transparent 58%,#0008)}
.dl-theme-designlof #df-care-systems .dl-agency-project-wordmark{display:none}

.dl-theme-designlof #df-care-rhythm>.dl-page-section-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.dl-theme-designlof #df-care-rhythm .dl-page-widget-text:first-child,.dl-theme-designlof #df-care-rhythm .dl-page-widget-heading{grid-column:1/-1}
.dl-theme-designlof #df-care-rhythm .dl-page-widget-heading{max-width:950px;margin-bottom:34px}
.dl-theme-designlof #df-care-rhythm .dl-page-widget-heading h2{font-size:clamp(46px,5.4cqw,78px);line-height:1.02}
.dl-theme-designlof #df-care-rhythm .dl-page-widget-content{min-height:285px;padding:34px;border:1px solid #cdd4c8;border-radius:22px;background:#f4f5f0}
.dl-theme-designlof #df-care-rhythm .dl-page-widget-content h2{min-height:0!important;font-size:clamp(28px,2.8cqw,39px)}
.dl-theme-designlof #df-care-rhythm .dl-page-widget-content p:first-child{padding-bottom:22px;border-bottom:1px solid #cbd3c5;margin-bottom:25px;color:#65842e}

.dl-theme-designlof #df-care-example>.dl-page-section-inner{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-rows:1fr 1fr;gap:18px 7%;align-items:stretch}
.dl-theme-designlof #df-care-example .dl-page-widget-image{grid-area:1/1/3/2;height:100%}
.dl-theme-designlof #df-care-example .dl-page-widget-image figure,.dl-theme-designlof #df-care-example .dl-page-widget-image img{height:100%}
.dl-theme-designlof #df-care-example .dl-page-widget-image img{min-height:650px;object-fit:cover;border-radius:24px}
.dl-theme-designlof #df-care-example .dl-page-widget-content{padding:32px;border:1px solid #d4dacd;border-radius:22px;background:#f8f9f4}
.dl-theme-designlof #df-care-example .dl-page-widget-content:last-child{background:#c7eb62;border-color:#b8da5d}
.dl-theme-designlof #df-care-example .dl-page-widget-content h2{font-size:clamp(30px,3.1cqw,44px)}

.dl-theme-designlof #df-care-boundaries{margin:0 8px;border-radius:28px;overflow:hidden}
.dl-theme-designlof #df-care-boundaries>.dl-page-section-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.dl-theme-designlof #df-care-boundaries .dl-page-widget-content{min-height:420px;padding:42px;border:1px solid #ffffff25;border-radius:24px;background:#222725}
.dl-theme-designlof #df-care-boundaries .dl-page-widget-content:last-child{background:#c7eb62;color:#15221c;border-color:#c7eb62}
.dl-theme-designlof #df-care-boundaries .dl-page-widget-content p:first-child{color:#c7eb62}
.dl-theme-designlof #df-care-boundaries .dl-page-widget-content:last-child p:first-child{color:#43562d}

.dl-theme-designlof #df-care-routes>.dl-page-section-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;align-items:stretch}
.dl-theme-designlof #df-care-routes .dl-page-widget-content{min-height:390px;padding:42px;border:1px solid #d2d8cc;border-radius:24px 24px 0 0;background:#f7f8f3}
.dl-theme-designlof #df-care-routes .dl-page-widget-content:nth-child(2){background:#e8ece2}
.dl-theme-designlof #df-care-routes .dl-page-widget-button{padding:0 42px 38px;background:#f7f8f3;border:1px solid #d2d8cc;border-top:0;border-radius:0 0 24px 24px}
.dl-theme-designlof #df-care-routes .dl-page-widget-button:last-child{background:#e8ece2}

.dl-theme-designlof #df-care-form{margin:0 8px;border-radius:28px;overflow:hidden}
.dl-theme-designlof #df-care-form>.dl-page-section-inner{grid-template-columns:minmax(0,.76fr) minmax(0,1fr);gap:10%;align-items:start}
.dl-theme-designlof #df-care-form .dl-page-widget-content{max-width:560px;padding-top:18px}
.dl-theme-designlof #df-care-form .dl-page-widget-content p:first-child{color:#c7eb62}
.dl-theme-designlof #df-care-form .dl-page-widget-form{padding:34px;background:#f3f5ee;color:#17201c;border-radius:22px}
.dl-theme-designlof #df-care-form .dl-smart-form{display:grid;gap:22px}
.dl-theme-designlof #df-care-form .dl-smart-field{margin:0}
.dl-theme-designlof #df-care-form .dl-smart-field>label{display:block;margin:0 0 9px;font-size:12px;font-weight:500}
.dl-theme-designlof #df-care-form :is(input:not([type=checkbox]):not([type=radio]),textarea,select,.dl-select-trigger){background:#fff;border:1px solid #cfd7c5;border-radius:9px;min-height:50px}
.dl-theme-designlof #df-care-form .dl-smart-form>.dl-button{justify-self:start;min-height:48px;margin:0;background:#17201c;color:#fff}

.dl-theme-designlof #df-care-faq>.dl-page-section-inner{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:9%;align-items:start}
.dl-theme-designlof #df-care-faq .dl-page-widget-content{max-width:520px}
.dl-theme-designlof #df-care-faq .dl-page-widget-accordion{grid-column:2}
.dl-theme-designlof #df-care-faq .dl-layout-accordion{grid-template-columns:1fr}
.dl-theme-designlof #df-care-faq .dl-layout-accordion details{border-top:1px solid #c7cec1;padding:0}
.dl-theme-designlof #df-care-faq .dl-layout-accordion details:last-child{border-bottom:1px solid #c7cec1}
.dl-theme-designlof #df-care-faq .dl-layout-accordion summary{min-height:82px;font-size:18px}

@container(max-width:900px){
.dl-theme-designlof #df-care-opening>.dl-page-section-inner{padding:90px 28px 60px}
.dl-theme-designlof #df-care-included#df-care-included>.dl-page-section-inner,.dl-theme-designlof #df-care-systems#df-care-systems>.dl-page-section-inner{grid-template-columns:1fr}
.dl-theme-designlof #df-care-included#df-care-included .dl-page-section-inner>*,.dl-theme-designlof #df-care-systems#df-care-systems .dl-page-section-inner>*{grid-column:1}
.dl-theme-designlof #df-care-included .dl-editorial-features{grid-template-columns:repeat(2,minmax(0,1fr))}
.dl-theme-designlof #df-care-included .dl-editorial-features>li:not(:nth-child(3n+1)){padding-left:0;border-left:0}
.dl-theme-designlof #df-care-included .dl-editorial-features>li:nth-child(even){padding-left:24px;border-left:1px solid #ffffff28}
.dl-theme-designlof #df-care-systems .dl-agency-projects{grid-template-columns:1fr}
.dl-theme-designlof #df-care-example>.dl-page-section-inner{grid-template-columns:1fr;grid-template-rows:auto;gap:20px}
.dl-theme-designlof #df-care-example .dl-page-widget-image{grid-area:auto;height:auto}
.dl-theme-designlof #df-care-example .dl-page-widget-image img{min-height:0;aspect-ratio:16/10}
.dl-theme-designlof #df-care-form>.dl-page-section-inner,.dl-theme-designlof #df-care-faq>.dl-page-section-inner{grid-template-columns:1fr;gap:38px}
.dl-theme-designlof #df-care-faq .dl-page-widget-accordion{grid-column:1}
}
@container(max-width:600px){
.dl-theme-designlof #df-care-opening{min-height:0}.dl-theme-designlof #df-care-opening>.dl-page-section-inner{min-height:600px;padding:82px 20px 42px}
.dl-theme-designlof #df-care-opening .dl-duotone-heading{font-size:45px}
.dl-theme-designlof #df-care-context>.dl-page-section-inner,.dl-theme-designlof #df-care-rhythm>.dl-page-section-inner,.dl-theme-designlof #df-care-boundaries>.dl-page-section-inner,.dl-theme-designlof #df-care-routes>.dl-page-section-inner{grid-template-columns:1fr}
.dl-theme-designlof #df-care-rhythm .dl-page-widget-text:first-child,.dl-theme-designlof #df-care-rhythm .dl-page-widget-heading{grid-column:1}
.dl-theme-designlof #df-care-rhythm .dl-page-widget-content{min-height:0;padding:26px 22px}
.dl-theme-designlof #df-care-included .dl-editorial-features{grid-template-columns:1fr}
.dl-theme-designlof #df-care-included .dl-editorial-features>li:nth-child(even){padding-left:0;border-left:0}
.dl-theme-designlof #df-care-boundaries .dl-page-widget-content,.dl-theme-designlof #df-care-routes .dl-page-widget-content{min-height:0;padding:30px 24px}
.dl-theme-designlof #df-care-routes .dl-page-widget-button{padding:0 24px 28px}
.dl-theme-designlof #df-care-form .dl-page-widget-form{padding:22px}
.dl-theme-designlof #df-care-faq .dl-layout-accordion summary{min-height:72px;font-size:16px}
}

/* Template customization: show how a designed foundation becomes a distinct website. */
.dl-theme-designlof #df-customization-opening{min-height:700px;margin:8px;border-radius:28px;overflow:hidden;background:#111814}
.dl-theme-designlof #df-customization-opening>.dl-page-section-inner{min-height:680px;max-width:1440px;padding:112px 42px 72px;justify-content:flex-end;gap:22px}
.dl-theme-designlof #df-customization-opening:after{background:linear-gradient(90deg,#09120ef2 0%,#09120ec7 50%,#09120e4f 100%)}
.dl-theme-designlof #df-customization-opening .dl-page-widget-text:first-child{color:#c7eb62;letter-spacing:.14em}
.dl-theme-designlof #df-customization-opening .dl-duotone-heading{max-width:960px;font-size:clamp(52px,6.7cqw,96px);line-height:.97;letter-spacing:-.07em}
.dl-theme-designlof #df-customization-opening .dl-duotone-accent{color:#c7eb62}
.dl-theme-designlof #df-customization-opening .dl-page-widget-text:nth-child(3){max-width:650px;font-size:17px;line-height:1.75;color:#d7ddd4}
.dl-theme-designlof #df-customization-opening .dl-page-widget-button{margin-top:14px}
.dl-theme-designlof #df-customization-opening .dl-page-widget-image img{filter:saturate(.82) contrast(1.08)}

.dl-theme-designlof #df-customization-context>.dl-page-section-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.dl-theme-designlof #df-customization-context .dl-page-widget-content{height:100%;padding:clamp(32px,4vw,58px);border:1px solid #d6dcd0;border-radius:24px;background:#f8f8f4}
.dl-theme-designlof #df-customization-context .dl-page-widget-content:first-child{background:#e8ece1}
.dl-theme-designlof #df-customization-context .dl-page-widget-content h2{font-size:clamp(36px,4cqw,58px);max-width:680px}

.dl-theme-designlof #df-customization-scope{margin:0 8px;border-radius:28px;overflow:hidden}
.dl-theme-designlof #df-customization-scope>.dl-page-section-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);gap:24px 8%;align-items:end}
.dl-theme-designlof #df-customization-scope .dl-page-widget-text:first-child{grid-column:1/-1;color:#c7eb62}
.dl-theme-designlof #df-customization-scope .dl-page-widget-heading{grid-column:1}
.dl-theme-designlof #df-customization-scope .dl-page-widget-heading h2{font-size:clamp(46px,5.3cqw,78px);line-height:1.02}
.dl-theme-designlof #df-customization-scope .dl-page-widget-text:nth-child(3){grid-column:2;padding-bottom:8px;color:#cbd2c8;font-size:15px;line-height:1.75}
.dl-theme-designlof #df-customization-scope .dl-page-widget-features{grid-column:1/-1;margin-top:40px}
.dl-theme-designlof #df-customization-scope .dl-editorial-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #ffffff28}
.dl-theme-designlof #df-customization-scope .dl-editorial-features>li{padding:30px 28px 34px 0;border-bottom:1px solid #ffffff28}
.dl-theme-designlof #df-customization-scope .dl-editorial-features>li:not(:nth-child(3n+1)){padding-left:28px;border-left:1px solid #ffffff28}
.dl-theme-designlof #df-customization-scope .dl-feature-symbol{width:44px;height:44px;background:#c7eb62;color:#17201c}
.dl-theme-designlof #df-customization-scope .dl-editorial-features h3{font-size:21px!important;margin-top:2px!important;color:#f5f6f0}
.dl-theme-designlof #df-customization-scope .dl-editorial-features p{color:#c9d0c7;opacity:1}

.dl-theme-designlof #df-customization-directions>.dl-page-section-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);gap:24px 8%;align-items:end}
.dl-theme-designlof #df-customization-directions .dl-page-widget-text:first-child{grid-column:1/-1;color:#65715c}
.dl-theme-designlof #df-customization-directions .dl-page-widget-duotone_heading{grid-column:1}
.dl-theme-designlof #df-customization-directions .dl-duotone-heading{font-size:clamp(44px,5.2cqw,76px);line-height:1.02}
.dl-theme-designlof #df-customization-directions .dl-duotone-accent{color:#76983a}
.dl-theme-designlof #df-customization-directions .dl-page-widget-text:nth-child(3){grid-column:2;padding-bottom:8px;font-size:15px;line-height:1.75;color:#59635a}
.dl-theme-designlof #df-customization-directions .dl-page-widget-project_grid{grid-column:1/-1;margin-top:36px}
.dl-theme-designlof #df-customization-directions .dl-agency-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.dl-theme-designlof #df-customization-directions .dl-agency-project-cover{aspect-ratio:16/10;border-radius:18px;background:#dfe4db}
.dl-theme-designlof #df-customization-directions .dl-agency-project-cover:after{background:linear-gradient(180deg,transparent 58%,#0008)}
.dl-theme-designlof #df-customization-directions .dl-agency-project-wordmark{display:none}
.dl-theme-designlof #df-customization-directions .dl-page-widget-button{grid-column:1/-1;justify-self:center;margin-top:15px}

.dl-theme-designlof #df-customization-process>.dl-page-section-inner{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;align-items:stretch}
.dl-theme-designlof #df-customization-process .dl-page-widget-text:first-child,.dl-theme-designlof #df-customization-process .dl-page-widget-heading{grid-column:1/-1}
.dl-theme-designlof #df-customization-process .dl-page-widget-heading{max-width:960px;margin-bottom:34px}
.dl-theme-designlof #df-customization-process .dl-page-widget-heading h2{font-size:clamp(46px,5.4cqw,78px);line-height:1.02}
.dl-theme-designlof #df-customization-process .dl-page-widget-content{grid-column:span 2;min-height:300px;padding:32px;border:1px solid #cdd4c8;border-radius:22px;background:#f4f5f0}
.dl-theme-designlof #df-customization-process .dl-page-widget-content:nth-last-child(2){grid-column:2/span 2}
.dl-theme-designlof #df-customization-process .dl-page-widget-content:last-child{grid-column:4/span 2}
.dl-theme-designlof #df-customization-process .dl-page-widget-content h2{min-height:0!important;font-size:clamp(27px,2.6cqw,38px)}
.dl-theme-designlof #df-customization-process .dl-page-widget-content p:first-child{padding-bottom:22px;border-bottom:1px solid #cbd3c5;margin-bottom:25px;color:#65842e}

.dl-theme-designlof #df-customization-ownership{margin:0 8px;border-radius:28px;overflow:hidden}
.dl-theme-designlof #df-customization-ownership>.dl-page-section-inner{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,auto);gap:18px;align-items:stretch}
.dl-theme-designlof #df-customization-ownership .dl-page-widget-image,.dl-theme-designlof #df-customization-ownership .dl-page-widget-content{min-height:430px}
.dl-theme-designlof #df-customization-ownership .dl-page-widget-image figure,.dl-theme-designlof #df-customization-ownership .dl-page-widget-image img{height:100%}
.dl-theme-designlof #df-customization-ownership .dl-page-widget-image img{object-fit:cover;border-radius:22px}
.dl-theme-designlof #df-customization-ownership .dl-page-widget-content{padding:42px;border:1px solid #ffffff24;border-radius:22px;background:#222725}
.dl-theme-designlof #df-customization-ownership .dl-page-widget-content:nth-child(4){grid-area:2/1}.dl-theme-designlof #df-customization-ownership .dl-page-widget-image:nth-child(3){grid-area:2/2}
.dl-theme-designlof #df-customization-ownership .dl-page-widget-content p:first-child{color:#c7eb62}
.dl-theme-designlof #df-customization-ownership .dl-page-widget-content h2{font-size:clamp(34px,3.6cqw,52px)}

.dl-theme-designlof #df-customization-boundaries>.dl-page-section-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.dl-theme-designlof #df-customization-boundaries .dl-page-widget-content{height:100%;min-height:440px;padding:42px;border:1px solid #d0d7cb;border-radius:24px;background:#f8f8f4}
.dl-theme-designlof #df-customization-boundaries .dl-page-widget-content:last-child{background:#c7eb62;border-color:#b8da5d;color:#17201c}
.dl-theme-designlof #df-customization-boundaries .dl-page-widget-content h2{font-size:clamp(36px,4cqw,58px)}

.dl-theme-designlof #df-customization-routes>.dl-page-section-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;align-items:stretch}
.dl-theme-designlof #df-customization-routes .dl-page-widget-content{min-height:410px;padding:42px;border:1px solid #d2d8cc;border-radius:24px 24px 0 0;background:#f7f8f3}
.dl-theme-designlof #df-customization-routes .dl-page-widget-content:nth-child(2){background:#e8ece2}
.dl-theme-designlof #df-customization-routes .dl-page-widget-button{padding:0 42px 38px;background:#f7f8f3;border:1px solid #d2d8cc;border-top:0;border-radius:0 0 24px 24px}
.dl-theme-designlof #df-customization-routes .dl-page-widget-button:last-child{background:#e8ece2}

.dl-theme-designlof #df-customization-form{margin:0 8px;border-radius:28px;overflow:hidden}
.dl-theme-designlof #df-customization-form>.dl-page-section-inner{grid-template-columns:minmax(0,.76fr) minmax(0,1fr);gap:10%;align-items:start}
.dl-theme-designlof #df-customization-form .dl-page-widget-content{max-width:580px;padding-top:18px}
.dl-theme-designlof #df-customization-form .dl-page-widget-content p:first-child{color:#c7eb62}
.dl-theme-designlof #df-customization-form .dl-page-widget-form{padding:34px;background:#f3f5ee;color:#17201c;border-radius:22px}
.dl-theme-designlof #df-customization-form .dl-smart-form{display:grid;gap:22px}
.dl-theme-designlof #df-customization-form .dl-smart-field{margin:0}
.dl-theme-designlof #df-customization-form .dl-smart-field>label{display:block;margin:0 0 9px;font-size:12px;font-weight:500}
.dl-theme-designlof #df-customization-form :is(input:not([type=checkbox]):not([type=radio]),textarea,select,.dl-select-trigger){background:#fff;border:1px solid #cfd7c5;border-radius:9px;min-height:50px}
.dl-theme-designlof #df-customization-form .dl-smart-form>.dl-button{justify-self:start;min-height:48px;margin:0;background:#17201c;color:#fff}

.dl-theme-designlof #df-customization-faq>.dl-page-section-inner{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:9%;align-items:start}
.dl-theme-designlof #df-customization-faq .dl-page-widget-content{max-width:540px}
.dl-theme-designlof #df-customization-faq .dl-page-widget-accordion{grid-column:2}
.dl-theme-designlof #df-customization-faq .dl-layout-accordion{grid-template-columns:1fr}
.dl-theme-designlof #df-customization-faq .dl-layout-accordion details{border-top:1px solid #c7cec1;padding:0}
.dl-theme-designlof #df-customization-faq .dl-layout-accordion details:last-child{border-bottom:1px solid #c7cec1}
.dl-theme-designlof #df-customization-faq .dl-layout-accordion summary{min-height:82px;font-size:18px}

@container(max-width:900px){
.dl-theme-designlof #df-customization-opening>.dl-page-section-inner{padding:90px 28px 60px}
.dl-theme-designlof #df-customization-scope#df-customization-scope>.dl-page-section-inner,.dl-theme-designlof #df-customization-directions#df-customization-directions>.dl-page-section-inner{grid-template-columns:1fr}
.dl-theme-designlof #df-customization-scope#df-customization-scope .dl-page-section-inner>*,.dl-theme-designlof #df-customization-directions#df-customization-directions .dl-page-section-inner>*{grid-column:1}
.dl-theme-designlof #df-customization-scope .dl-editorial-features{grid-template-columns:repeat(2,minmax(0,1fr))}
.dl-theme-designlof #df-customization-scope .dl-editorial-features>li:not(:nth-child(3n+1)){padding-left:0;border-left:0}
.dl-theme-designlof #df-customization-scope .dl-editorial-features>li:nth-child(even){padding-left:24px;border-left:1px solid #ffffff28}
.dl-theme-designlof #df-customization-directions .dl-agency-projects{grid-template-columns:1fr}
.dl-theme-designlof #df-customization-process>.dl-page-section-inner{grid-template-columns:repeat(2,minmax(0,1fr))}
.dl-theme-designlof #df-customization-process .dl-page-widget-text:first-child,.dl-theme-designlof #df-customization-process .dl-page-widget-heading{grid-column:1/-1}
.dl-theme-designlof #df-customization-process .dl-page-widget-content,.dl-theme-designlof #df-customization-process .dl-page-widget-content:nth-last-child(2),.dl-theme-designlof #df-customization-process .dl-page-widget-content:last-child{grid-column:auto}
.dl-theme-designlof #df-customization-process .dl-page-widget-content:last-child{grid-column:1/-1}
.dl-theme-designlof #df-customization-ownership>.dl-page-section-inner{grid-template-columns:1fr;grid-template-rows:auto;gap:20px}
.dl-theme-designlof #df-customization-ownership .dl-page-widget-image,.dl-theme-designlof #df-customization-ownership .dl-page-widget-content{min-height:0}
.dl-theme-designlof #df-customization-ownership .dl-page-widget-image img{height:auto;aspect-ratio:16/10}
.dl-theme-designlof #df-customization-ownership .dl-page-widget-content:nth-child(4),.dl-theme-designlof #df-customization-ownership .dl-page-widget-image:nth-child(3){grid-area:auto}
.dl-theme-designlof #df-customization-form>.dl-page-section-inner,.dl-theme-designlof #df-customization-faq>.dl-page-section-inner{grid-template-columns:1fr;gap:38px}
.dl-theme-designlof #df-customization-faq .dl-page-widget-accordion{grid-column:1}
}
@container(max-width:600px){
.dl-theme-designlof #df-customization-opening{min-height:0}.dl-theme-designlof #df-customization-opening>.dl-page-section-inner{min-height:620px;padding:82px 20px 42px}
.dl-theme-designlof #df-customization-opening .dl-duotone-heading{font-size:45px}
.dl-theme-designlof #df-customization-context>.dl-page-section-inner,.dl-theme-designlof #df-customization-boundaries>.dl-page-section-inner,.dl-theme-designlof #df-customization-routes>.dl-page-section-inner{grid-template-columns:1fr}
.dl-theme-designlof #df-customization-scope .dl-editorial-features{grid-template-columns:1fr}
.dl-theme-designlof #df-customization-scope .dl-editorial-features>li:nth-child(even){padding-left:0;border-left:0}
.dl-theme-designlof #df-customization-process>.dl-page-section-inner{grid-template-columns:1fr}
.dl-theme-designlof #df-customization-process .dl-page-widget-text:first-child,.dl-theme-designlof #df-customization-process .dl-page-widget-heading,.dl-theme-designlof #df-customization-process .dl-page-widget-content:last-child{grid-column:1}
.dl-theme-designlof #df-customization-process .dl-page-widget-content{min-height:0;padding:26px 22px}
.dl-theme-designlof #df-customization-ownership .dl-page-widget-content,.dl-theme-designlof #df-customization-boundaries .dl-page-widget-content,.dl-theme-designlof #df-customization-routes .dl-page-widget-content{min-height:0;padding:30px 24px}
.dl-theme-designlof #df-customization-routes .dl-page-widget-button{padding:0 24px 28px}
.dl-theme-designlof #df-customization-form .dl-page-widget-form{padding:22px}
.dl-theme-designlof #df-customization-faq .dl-layout-accordion summary{min-height:72px;font-size:16px}
}

/* Website development: explain the visible build and the practical system behind it. */
.dl-theme-designlof #df-development-opening{min-height:700px;margin:8px;border-radius:28px;overflow:hidden;background:#111814}
.dl-theme-designlof #df-development-opening>.dl-page-section-inner{min-height:680px;max-width:1440px;padding:112px 42px 72px;justify-content:flex-end;gap:22px}
.dl-theme-designlof #df-development-opening:after{background:linear-gradient(90deg,#08120ef1 0%,#08120ec9 54%,#08120e45 100%)}
.dl-theme-designlof #df-development-opening .dl-page-widget-text:first-child{color:#c7eb62;letter-spacing:.14em}
.dl-theme-designlof #df-development-opening .dl-duotone-heading{max-width:980px;font-size:clamp(52px,6.7cqw,96px);line-height:.97;letter-spacing:-.07em}
.dl-theme-designlof #df-development-opening .dl-duotone-accent{color:#c7eb62}
.dl-theme-designlof #df-development-opening .dl-page-widget-text:nth-child(3){max-width:650px;font-size:17px;line-height:1.75;color:#d7ddd4}
.dl-theme-designlof #df-development-opening .dl-page-widget-button{margin-top:14px}
.dl-theme-designlof #df-development-opening .dl-page-widget-image img{filter:saturate(.7) contrast(1.08)}

.dl-theme-designlof #df-development-context>.dl-page-section-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.dl-theme-designlof #df-development-context .dl-page-widget-content{height:100%;padding:clamp(32px,4vw,58px);border:1px solid #d6dcd0;border-radius:24px;background:#f8f8f4}
.dl-theme-designlof #df-development-context .dl-page-widget-content:first-child{background:#e8ece1}
.dl-theme-designlof #df-development-context .dl-page-widget-content h2{font-size:clamp(36px,4cqw,58px);max-width:680px}

.dl-theme-designlof #df-development-capabilities{margin:0 8px;border-radius:28px;overflow:hidden}
.dl-theme-designlof #df-development-capabilities>.dl-page-section-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);gap:24px 8%;align-items:end}
.dl-theme-designlof #df-development-capabilities .dl-page-widget-text:first-child{grid-column:1/-1;color:#c7eb62}
.dl-theme-designlof #df-development-capabilities .dl-page-widget-heading{grid-column:1}
.dl-theme-designlof #df-development-capabilities .dl-page-widget-heading h2{font-size:clamp(46px,5.3cqw,78px);line-height:1.02}
.dl-theme-designlof #df-development-capabilities .dl-page-widget-text:nth-child(3){grid-column:2;padding-bottom:8px;color:#cbd2c8;font-size:15px;line-height:1.75}
.dl-theme-designlof #df-development-capabilities .dl-page-widget-features{grid-column:1/-1;margin-top:40px}
.dl-theme-designlof #df-development-capabilities .dl-editorial-features{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #ffffff28}
.dl-theme-designlof #df-development-capabilities .dl-editorial-features>li{padding:30px 24px 34px;border-bottom:1px solid #ffffff28;border-left:1px solid #ffffff28}
.dl-theme-designlof #df-development-capabilities .dl-editorial-features>li:nth-child(4n+1){padding-left:0;border-left:0}
.dl-theme-designlof #df-development-capabilities .dl-feature-symbol{width:44px;height:44px;background:#c7eb62;color:#17201c}
.dl-theme-designlof #df-development-capabilities .dl-editorial-features h3{font-size:20px!important;margin-top:2px!important;color:#f5f6f0}
.dl-theme-designlof #df-development-capabilities .dl-editorial-features p{color:#c9d0c7;opacity:1}

.dl-theme-designlof #df-development-system>.dl-page-section-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);gap:24px 8%;align-items:end}
.dl-theme-designlof #df-development-system .dl-page-widget-text:first-child{grid-column:1/-1;color:#65715c}
.dl-theme-designlof #df-development-system .dl-page-widget-duotone_heading{grid-column:1}
.dl-theme-designlof #df-development-system .dl-duotone-heading{font-size:clamp(44px,5.2cqw,76px);line-height:1.02}
.dl-theme-designlof #df-development-system .dl-duotone-accent{color:#76983a}
.dl-theme-designlof #df-development-system .dl-page-widget-text:nth-child(3){grid-column:2;padding-bottom:8px;font-size:15px;line-height:1.75;color:#59635a}
.dl-theme-designlof #df-development-system .dl-page-widget-project_grid{grid-column:1/-1;margin-top:36px}
.dl-theme-designlof #df-development-system .dl-agency-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.dl-theme-designlof #df-development-system .dl-agency-project-cover{aspect-ratio:16/10;border-radius:18px;background:#dfe4db}
.dl-theme-designlof #df-development-system .dl-agency-project-cover:after{background:linear-gradient(180deg,transparent 58%,#0008)}
.dl-theme-designlof #df-development-system .dl-agency-project-wordmark{display:none}
.dl-theme-designlof #df-development-system .dl-page-widget-button{grid-column:1/-1;justify-self:center;margin-top:15px}

.dl-theme-designlof #df-development-process>.dl-page-section-inner{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;align-items:stretch}
.dl-theme-designlof #df-development-process .dl-page-widget-text:first-child,.dl-theme-designlof #df-development-process .dl-page-widget-heading{grid-column:1/-1}
.dl-theme-designlof #df-development-process .dl-page-widget-heading{max-width:980px;margin-bottom:34px}
.dl-theme-designlof #df-development-process .dl-page-widget-heading h2{font-size:clamp(46px,5.4cqw,78px);line-height:1.02}
.dl-theme-designlof #df-development-process .dl-page-widget-content{grid-column:span 2;min-height:300px;padding:32px;border:1px solid #cdd4c8;border-radius:22px;background:#f4f5f0}
.dl-theme-designlof #df-development-process .dl-page-widget-content:nth-last-child(2){grid-column:2/span 2}
.dl-theme-designlof #df-development-process .dl-page-widget-content:last-child{grid-column:4/span 2}
.dl-theme-designlof #df-development-process .dl-page-widget-content h2{min-height:0!important;font-size:clamp(27px,2.6cqw,38px)}
.dl-theme-designlof #df-development-process .dl-page-widget-content p:first-child{padding-bottom:22px;border-bottom:1px solid #cbd3c5;margin-bottom:25px;color:#65842e}

.dl-theme-designlof #df-development-quality>.dl-page-section-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.65fr);gap:24px 8%;align-items:end}
.dl-theme-designlof #df-development-quality .dl-page-widget-text:first-child{grid-column:1/-1;color:#65715c}
.dl-theme-designlof #df-development-quality .dl-page-widget-duotone_heading{grid-column:1}
.dl-theme-designlof #df-development-quality .dl-duotone-heading{font-size:clamp(44px,5.2cqw,76px);line-height:1.02}
.dl-theme-designlof #df-development-quality .dl-duotone-accent{color:#76983a}
.dl-theme-designlof #df-development-quality .dl-page-widget-text:nth-child(3){grid-column:2;padding-bottom:8px;font-size:15px;line-height:1.75;color:#59635a}
.dl-theme-designlof #df-development-quality .dl-page-widget-features{grid-column:1/-1;margin-top:36px}
.dl-theme-designlof #df-development-quality .dl-editorial-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.dl-theme-designlof #df-development-quality .dl-editorial-features>li{min-height:240px;padding:28px;border:1px solid #d2d9cd;border-radius:20px;background:#f8f8f4}
.dl-theme-designlof #df-development-quality .dl-feature-symbol{width:44px;height:44px;background:#17201c;color:#c7eb62}
.dl-theme-designlof #df-development-quality .dl-editorial-features h3{font-size:21px!important;margin-top:2px!important}

.dl-theme-designlof #df-development-boundaries{margin:0 8px;border-radius:28px;overflow:hidden}
.dl-theme-designlof #df-development-boundaries>.dl-page-section-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.dl-theme-designlof #df-development-boundaries .dl-page-widget-content{height:100%;min-height:450px;padding:42px;border:1px solid #ffffff25;border-radius:24px;background:#222725}
.dl-theme-designlof #df-development-boundaries .dl-page-widget-content:last-child{background:#c7eb62;color:#15221c;border-color:#c7eb62}
.dl-theme-designlof #df-development-boundaries .dl-page-widget-content p:first-child{color:#c7eb62}
.dl-theme-designlof #df-development-boundaries .dl-page-widget-content:last-child p:first-child{color:#43562d}
.dl-theme-designlof #df-development-boundaries .dl-page-widget-content h2{font-size:clamp(36px,4cqw,58px)}

.dl-theme-designlof #df-development-routes>.dl-page-section-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;align-items:stretch}
.dl-theme-designlof #df-development-routes .dl-page-widget-content{min-height:410px;padding:42px;border:1px solid #d2d8cc;border-radius:24px 24px 0 0;background:#f7f8f3}
.dl-theme-designlof #df-development-routes .dl-page-widget-content:nth-child(2){background:#e8ece2}
.dl-theme-designlof #df-development-routes .dl-page-widget-button{padding:0 42px 38px;background:#f7f8f3;border:1px solid #d2d8cc;border-top:0;border-radius:0 0 24px 24px}
.dl-theme-designlof #df-development-routes .dl-page-widget-button:last-child{background:#e8ece2}

.dl-theme-designlof #df-development-form{margin:0 8px;border-radius:28px;overflow:hidden}
.dl-theme-designlof #df-development-form>.dl-page-section-inner{grid-template-columns:minmax(0,.76fr) minmax(0,1fr);gap:10%;align-items:start}
.dl-theme-designlof #df-development-form .dl-page-widget-content{max-width:580px;padding-top:18px}
.dl-theme-designlof #df-development-form .dl-page-widget-content p:first-child{color:#c7eb62}
.dl-theme-designlof #df-development-form .dl-page-widget-form{padding:34px;background:#f3f5ee;color:#17201c;border-radius:22px}
.dl-theme-designlof #df-development-form .dl-smart-form{display:grid;gap:22px}
.dl-theme-designlof #df-development-form .dl-smart-field{margin:0}
.dl-theme-designlof #df-development-form .dl-smart-field>label{display:block;margin:0 0 9px;font-size:12px;font-weight:500}
.dl-theme-designlof #df-development-form :is(input:not([type=checkbox]):not([type=radio]),textarea,select,.dl-select-trigger){background:#fff;border:1px solid #cfd7c5;border-radius:9px;min-height:50px}
.dl-theme-designlof #df-development-form .dl-smart-form>.dl-button{justify-self:start;min-height:48px;margin:0;background:#17201c;color:#fff}

.dl-theme-designlof #df-development-faq>.dl-page-section-inner{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:9%;align-items:start}
.dl-theme-designlof #df-development-faq .dl-page-widget-content{max-width:540px}
.dl-theme-designlof #df-development-faq .dl-page-widget-accordion{grid-column:2}
.dl-theme-designlof #df-development-faq .dl-layout-accordion{grid-template-columns:1fr}
.dl-theme-designlof #df-development-faq .dl-layout-accordion details{border-top:1px solid #c7cec1;padding:0}
.dl-theme-designlof #df-development-faq .dl-layout-accordion details:last-child{border-bottom:1px solid #c7cec1}
.dl-theme-designlof #df-development-faq .dl-layout-accordion summary{min-height:82px;font-size:18px}

@container(max-width:900px){
.dl-theme-designlof #df-development-opening>.dl-page-section-inner{padding:90px 28px 60px}
.dl-theme-designlof #df-development-capabilities#df-development-capabilities>.dl-page-section-inner,.dl-theme-designlof #df-development-system#df-development-system>.dl-page-section-inner,.dl-theme-designlof #df-development-quality#df-development-quality>.dl-page-section-inner{grid-template-columns:1fr}
.dl-theme-designlof #df-development-capabilities#df-development-capabilities .dl-page-section-inner>*,.dl-theme-designlof #df-development-system#df-development-system .dl-page-section-inner>*,.dl-theme-designlof #df-development-quality#df-development-quality .dl-page-section-inner>*{grid-column:1}
.dl-theme-designlof #df-development-capabilities .dl-editorial-features{grid-template-columns:repeat(2,minmax(0,1fr))}
.dl-theme-designlof #df-development-capabilities .dl-editorial-features>li,.dl-theme-designlof #df-development-capabilities .dl-editorial-features>li:nth-child(4n+1){padding-left:24px;border-left:1px solid #ffffff28}
.dl-theme-designlof #df-development-capabilities .dl-editorial-features>li:nth-child(odd){padding-left:0;border-left:0}
.dl-theme-designlof #df-development-system .dl-agency-projects{grid-template-columns:1fr}
.dl-theme-designlof #df-development-process>.dl-page-section-inner{grid-template-columns:repeat(2,minmax(0,1fr))}
.dl-theme-designlof #df-development-process .dl-page-widget-text:first-child,.dl-theme-designlof #df-development-process .dl-page-widget-heading{grid-column:1/-1}
.dl-theme-designlof #df-development-process .dl-page-widget-content,.dl-theme-designlof #df-development-process .dl-page-widget-content:nth-last-child(2),.dl-theme-designlof #df-development-process .dl-page-widget-content:last-child{grid-column:auto}
.dl-theme-designlof #df-development-process .dl-page-widget-content:last-child{grid-column:1/-1}
.dl-theme-designlof #df-development-quality .dl-editorial-features{grid-template-columns:repeat(2,minmax(0,1fr))}
.dl-theme-designlof #df-development-form>.dl-page-section-inner,.dl-theme-designlof #df-development-faq>.dl-page-section-inner{grid-template-columns:1fr;gap:38px}
.dl-theme-designlof #df-development-faq .dl-page-widget-accordion{grid-column:1}
}
@container(max-width:600px){
.dl-theme-designlof #df-development-opening{min-height:0}.dl-theme-designlof #df-development-opening>.dl-page-section-inner{min-height:620px;padding:82px 20px 42px}
.dl-theme-designlof #df-development-opening .dl-duotone-heading{font-size:45px}
.dl-theme-designlof #df-development-context>.dl-page-section-inner,.dl-theme-designlof #df-development-boundaries>.dl-page-section-inner,.dl-theme-designlof #df-development-routes>.dl-page-section-inner{grid-template-columns:1fr}
.dl-theme-designlof #df-development-capabilities .dl-editorial-features,.dl-theme-designlof #df-development-quality .dl-editorial-features{grid-template-columns:1fr}
.dl-theme-designlof #df-development-capabilities .dl-editorial-features>li,.dl-theme-designlof #df-development-capabilities .dl-editorial-features>li:nth-child(4n+1){padding-left:0;border-left:0}
.dl-theme-designlof #df-development-process>.dl-page-section-inner{grid-template-columns:1fr}
.dl-theme-designlof #df-development-process .dl-page-widget-text:first-child,.dl-theme-designlof #df-development-process .dl-page-widget-heading,.dl-theme-designlof #df-development-process .dl-page-widget-content:last-child{grid-column:1}
.dl-theme-designlof #df-development-process .dl-page-widget-content{min-height:0;padding:26px 22px}
.dl-theme-designlof #df-development-quality .dl-editorial-features>li,.dl-theme-designlof #df-development-boundaries .dl-page-widget-content,.dl-theme-designlof #df-development-routes .dl-page-widget-content{min-height:0;padding:30px 24px}
.dl-theme-designlof #df-development-routes .dl-page-widget-button{padding:0 24px 28px}
.dl-theme-designlof #df-development-form .dl-page-widget-form{padding:22px}
.dl-theme-designlof #df-development-faq .dl-layout-accordion summary{min-height:72px;font-size:16px}
}

/* Website design: connect the brief, visual direction and implementation handover. */
.dl-theme-designlof #df-websites-opening{min-height:700px;margin:8px;border-radius:28px;overflow:hidden;background:#111814}
.dl-theme-designlof #df-websites-opening>.dl-page-section-inner{min-height:680px;max-width:1440px;padding:112px 42px 72px;justify-content:flex-end;gap:22px}
.dl-theme-designlof #df-websites-opening:after{background:linear-gradient(90deg,#08120ef3 0%,#08120ecb 52%,#08120e3d 100%)}
.dl-theme-designlof #df-websites-opening .dl-page-widget-text:first-child{color:#c7eb62;letter-spacing:.14em}
.dl-theme-designlof #df-websites-opening .dl-duotone-heading{max-width:960px;font-size:clamp(52px,6.5cqw,94px);line-height:.97;letter-spacing:-.07em}
.dl-theme-designlof #df-websites-opening .dl-duotone-accent{color:#c7eb62}
.dl-theme-designlof #df-websites-opening .dl-page-widget-text:nth-child(3){max-width:650px;font-size:17px;line-height:1.75;color:#d7ddd4}
.dl-theme-designlof #df-websites-opening .dl-page-widget-button{margin-top:14px}
.dl-theme-designlof #df-websites-opening .dl-page-widget-image img{filter:saturate(.62) contrast(1.08)}

.dl-theme-designlof #df-websites-context>.dl-page-section-inner{grid-template-columns:1.06fr .94fr;gap:18px;align-items:stretch}
.dl-theme-designlof #df-websites-context .dl-page-widget-content{height:100%;min-height:470px;padding:clamp(34px,4vw,60px);border:1px solid #d2d9cd;border-radius:24px;background:#f7f8f3}
.dl-theme-designlof #df-websites-context .dl-page-widget-content:first-child{background:#c7eb62;border-color:#c7eb62}
.dl-theme-designlof #df-websites-context .dl-page-widget-content h2{font-size:clamp(36px,4cqw,58px);max-width:660px}
.dl-theme-designlof #df-websites-context .dl-page-widget-content p:first-child{color:#4e6730}

.dl-theme-designlof #df-websites-capabilities{margin:0 8px;border-radius:28px;overflow:hidden;background:#e8ece1}
.dl-theme-designlof #df-websites-capabilities>.dl-page-section-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);gap:24px 8%;align-items:end}
.dl-theme-designlof #df-websites-capabilities .dl-page-widget-text:first-child{grid-column:1/-1;color:#5f7447}
.dl-theme-designlof #df-websites-capabilities .dl-page-widget-heading{grid-column:1}
.dl-theme-designlof #df-websites-capabilities .dl-page-widget-heading h2{font-size:clamp(46px,5.3cqw,78px);line-height:1.02}
.dl-theme-designlof #df-websites-capabilities .dl-page-widget-text:nth-child(3){grid-column:2;padding-bottom:8px;color:#566057;font-size:15px;line-height:1.75}
.dl-theme-designlof #df-websites-capabilities .dl-page-widget-features{grid-column:1/-1;margin-top:40px}
.dl-theme-designlof #df-websites-capabilities .dl-editorial-features{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dl-theme-designlof #df-websites-capabilities .dl-editorial-features>li{min-height:275px;padding:28px;border:1px solid #cbd3c5;border-radius:20px;background:#f7f8f3}
.dl-theme-designlof #df-websites-capabilities .dl-feature-symbol{width:44px;height:44px;background:#17201c;color:#c7eb62}
.dl-theme-designlof #df-websites-capabilities .dl-editorial-features h3{font-size:20px!important;margin-top:2px!important}

.dl-theme-designlof #df-websites-directions{margin:0 8px;border-radius:28px;overflow:hidden}
.dl-theme-designlof #df-websites-directions>.dl-page-section-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);gap:24px 8%;align-items:end}
.dl-theme-designlof #df-websites-directions .dl-page-widget-text:first-child{grid-column:1/-1;color:#c7eb62}
.dl-theme-designlof #df-websites-directions .dl-page-widget-duotone_heading{grid-column:1}
.dl-theme-designlof #df-websites-directions .dl-duotone-heading{font-size:clamp(44px,5.2cqw,76px);line-height:1.02}
.dl-theme-designlof #df-websites-directions .dl-duotone-accent{color:#c7eb62}
.dl-theme-designlof #df-websites-directions .dl-page-widget-text:nth-child(3){grid-column:2;padding-bottom:8px;color:#cbd2c8;font-size:15px;line-height:1.75}
.dl-theme-designlof #df-websites-directions .dl-page-widget-project_grid{grid-column:1/-1;margin-top:38px}
.dl-theme-designlof #df-websites-directions .dl-agency-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.dl-theme-designlof #df-websites-directions .dl-agency-project-cover{aspect-ratio:16/10;border-radius:18px;background:#26312b}
.dl-theme-designlof #df-websites-directions .dl-agency-project-cover:after{background:linear-gradient(180deg,transparent 55%,#000b)}
.dl-theme-designlof #df-websites-directions .dl-agency-project-wordmark{display:none}
.dl-theme-designlof #df-websites-directions .dl-page-widget-button{grid-column:1/-1;justify-self:center;margin-top:16px}

.dl-theme-designlof #df-websites-process>.dl-page-section-inner{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;align-items:stretch}
.dl-theme-designlof #df-websites-process .dl-page-widget-text:first-child,.dl-theme-designlof #df-websites-process .dl-page-widget-heading{grid-column:1/-1}
.dl-theme-designlof #df-websites-process .dl-page-widget-heading{max-width:980px;margin-bottom:34px}
.dl-theme-designlof #df-websites-process .dl-page-widget-heading h2{font-size:clamp(46px,5.4cqw,78px);line-height:1.02}
.dl-theme-designlof #df-websites-process .dl-page-widget-content{grid-column:span 2;min-height:310px;padding:32px;border:1px solid #cbd3c5;border-radius:22px;background:#f5f6f1}
.dl-theme-designlof #df-websites-process .dl-page-widget-content:nth-last-child(2){grid-column:2/span 2}
.dl-theme-designlof #df-websites-process .dl-page-widget-content:last-child{grid-column:4/span 2}
.dl-theme-designlof #df-websites-process .dl-page-widget-content h2{min-height:0!important;font-size:clamp(27px,2.6cqw,38px)}
.dl-theme-designlof #df-websites-process .dl-page-widget-content p:first-child{padding-bottom:22px;border-bottom:1px solid #cbd3c5;margin-bottom:25px;color:#65842e}

.dl-theme-designlof #df-websites-principles>.dl-page-section-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.65fr);gap:24px 8%;align-items:end}
.dl-theme-designlof #df-websites-principles .dl-page-widget-text:first-child{grid-column:1/-1;color:#65715c}
.dl-theme-designlof #df-websites-principles .dl-page-widget-duotone_heading{grid-column:1}
.dl-theme-designlof #df-websites-principles .dl-duotone-heading{font-size:clamp(44px,5.2cqw,76px);line-height:1.02}
.dl-theme-designlof #df-websites-principles .dl-duotone-accent{color:#76983a}
.dl-theme-designlof #df-websites-principles .dl-page-widget-text:nth-child(3){grid-column:2;padding-bottom:8px;font-size:15px;line-height:1.75;color:#59635a}
.dl-theme-designlof #df-websites-principles .dl-page-widget-features{grid-column:1/-1;margin-top:36px}
.dl-theme-designlof #df-websites-principles .dl-editorial-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.dl-theme-designlof #df-websites-principles .dl-editorial-features>li{min-height:240px;padding:28px;border:1px solid #d2d9cd;border-radius:20px;background:#f8f8f4}
.dl-theme-designlof #df-websites-principles .dl-feature-symbol{width:44px;height:44px;background:#c7eb62;color:#17201c}
.dl-theme-designlof #df-websites-principles .dl-editorial-features h3{font-size:21px!important;margin-top:2px!important}

.dl-theme-designlof #df-websites-boundaries{margin:0 8px;border-radius:28px;overflow:hidden}
.dl-theme-designlof #df-websites-boundaries>.dl-page-section-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.dl-theme-designlof #df-websites-boundaries .dl-page-widget-content{height:100%;min-height:450px;padding:42px;border:1px solid #ffffff25;border-radius:24px;background:#222725}
.dl-theme-designlof #df-websites-boundaries .dl-page-widget-content:last-child{background:#c7eb62;color:#15221c;border-color:#c7eb62}
.dl-theme-designlof #df-websites-boundaries .dl-page-widget-content p:first-child{color:#c7eb62}
.dl-theme-designlof #df-websites-boundaries .dl-page-widget-content:last-child p:first-child{color:#43562d}
.dl-theme-designlof #df-websites-boundaries .dl-page-widget-content h2{font-size:clamp(36px,4cqw,58px)}

.dl-theme-designlof #df-websites-routes>.dl-page-section-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;align-items:stretch}
.dl-theme-designlof #df-websites-routes .dl-page-widget-content{min-height:430px;padding:42px;border:1px solid #d2d8cc;border-radius:24px 24px 0 0;background:#f7f8f3}
.dl-theme-designlof #df-websites-routes .dl-page-widget-content:nth-child(2){background:#e8ece2}
.dl-theme-designlof #df-websites-routes .dl-page-widget-button{padding:0 42px 38px;background:#f7f8f3;border:1px solid #d2d8cc;border-top:0;border-radius:0 0 24px 24px}
.dl-theme-designlof #df-websites-routes .dl-page-widget-button:last-child{background:#e8ece2}

.dl-theme-designlof #df-websites-form{margin:0 8px;border-radius:28px;overflow:hidden}
.dl-theme-designlof #df-websites-form>.dl-page-section-inner{grid-template-columns:minmax(0,.76fr) minmax(0,1fr);gap:10%;align-items:start}
.dl-theme-designlof #df-websites-form .dl-page-widget-content{max-width:580px;padding-top:18px}
.dl-theme-designlof #df-websites-form .dl-page-widget-content p:first-child{color:#c7eb62}
.dl-theme-designlof #df-websites-form .dl-page-widget-form{padding:34px;background:#f3f5ee;color:#17201c;border-radius:22px}
.dl-theme-designlof #df-websites-form .dl-smart-form{display:grid;gap:22px}
.dl-theme-designlof #df-websites-form .dl-smart-field{margin:0}
.dl-theme-designlof #df-websites-form .dl-smart-field>label{display:block;margin:0 0 9px;font-size:12px;font-weight:500}
.dl-theme-designlof #df-websites-form :is(input:not([type=checkbox]):not([type=radio]),textarea,select,.dl-select-trigger){background:#fff;border:1px solid #cfd7c5;border-radius:9px;min-height:50px}
.dl-theme-designlof #df-websites-form .dl-smart-form>.dl-button{justify-self:start;min-height:48px;margin:0;background:#17201c;color:#fff}

.dl-theme-designlof #df-websites-faq>.dl-page-section-inner{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:9%;align-items:start}
.dl-theme-designlof #df-websites-faq .dl-page-widget-content{max-width:540px}
.dl-theme-designlof #df-websites-faq .dl-page-widget-accordion{grid-column:2}
.dl-theme-designlof #df-websites-faq .dl-layout-accordion{grid-template-columns:1fr}
.dl-theme-designlof #df-websites-faq .dl-layout-accordion details{border-top:1px solid #c7cec1;padding:0}
.dl-theme-designlof #df-websites-faq .dl-layout-accordion details:last-child{border-bottom:1px solid #c7cec1}
.dl-theme-designlof #df-websites-faq .dl-layout-accordion summary{min-height:82px;font-size:18px}

@container(max-width:900px){
.dl-theme-designlof #df-websites-opening>.dl-page-section-inner{padding:90px 28px 60px}
.dl-theme-designlof #df-websites-capabilities#df-websites-capabilities>.dl-page-section-inner,.dl-theme-designlof #df-websites-directions#df-websites-directions>.dl-page-section-inner,.dl-theme-designlof #df-websites-principles#df-websites-principles>.dl-page-section-inner{grid-template-columns:1fr}
.dl-theme-designlof #df-websites-capabilities#df-websites-capabilities .dl-page-section-inner>*,.dl-theme-designlof #df-websites-directions#df-websites-directions .dl-page-section-inner>*,.dl-theme-designlof #df-websites-principles#df-websites-principles .dl-page-section-inner>*{grid-column:1}
.dl-theme-designlof #df-websites-capabilities .dl-editorial-features,.dl-theme-designlof #df-websites-principles .dl-editorial-features{grid-template-columns:repeat(2,minmax(0,1fr))}
.dl-theme-designlof #df-websites-directions .dl-agency-projects{grid-template-columns:1fr}
.dl-theme-designlof #df-websites-process>.dl-page-section-inner{grid-template-columns:repeat(2,minmax(0,1fr))}
.dl-theme-designlof #df-websites-process .dl-page-widget-text:first-child,.dl-theme-designlof #df-websites-process .dl-page-widget-heading{grid-column:1/-1}
.dl-theme-designlof #df-websites-process .dl-page-widget-content,.dl-theme-designlof #df-websites-process .dl-page-widget-content:nth-last-child(2),.dl-theme-designlof #df-websites-process .dl-page-widget-content:last-child{grid-column:auto}
.dl-theme-designlof #df-websites-process .dl-page-widget-content:last-child{grid-column:1/-1}
.dl-theme-designlof #df-websites-form>.dl-page-section-inner,.dl-theme-designlof #df-websites-faq>.dl-page-section-inner{grid-template-columns:1fr;gap:38px}
.dl-theme-designlof #df-websites-faq .dl-page-widget-accordion{grid-column:1}
}
@container(max-width:600px){
.dl-theme-designlof #df-websites-opening{min-height:0}.dl-theme-designlof #df-websites-opening>.dl-page-section-inner{min-height:620px;padding:82px 20px 42px}
.dl-theme-designlof #df-websites-opening .dl-duotone-heading{font-size:45px}
.dl-theme-designlof #df-websites-context>.dl-page-section-inner,.dl-theme-designlof #df-websites-boundaries>.dl-page-section-inner,.dl-theme-designlof #df-websites-routes>.dl-page-section-inner{grid-template-columns:1fr}
.dl-theme-designlof #df-websites-capabilities .dl-editorial-features,.dl-theme-designlof #df-websites-principles .dl-editorial-features{grid-template-columns:1fr}
.dl-theme-designlof #df-websites-process>.dl-page-section-inner{grid-template-columns:1fr}
.dl-theme-designlof #df-websites-process .dl-page-widget-text:first-child,.dl-theme-designlof #df-websites-process .dl-page-widget-heading,.dl-theme-designlof #df-websites-process .dl-page-widget-content:last-child{grid-column:1}
.dl-theme-designlof #df-websites-process .dl-page-widget-content{min-height:0;padding:26px 22px}
.dl-theme-designlof #df-websites-capabilities .dl-editorial-features>li,.dl-theme-designlof #df-websites-principles .dl-editorial-features>li,.dl-theme-designlof #df-websites-boundaries .dl-page-widget-content,.dl-theme-designlof #df-websites-routes .dl-page-widget-content{min-height:0;padding:30px 24px}
.dl-theme-designlof #df-websites-routes .dl-page-widget-button{padding:0 24px 28px}
.dl-theme-designlof #df-websites-form .dl-page-widget-form{padding:22px}
.dl-theme-designlof #df-websites-faq .dl-layout-accordion summary{min-height:72px;font-size:16px}
}

/* Services: help visitors diagnose the work before choosing a route. */
.dl-theme-designlof #df-services-opening{min-height:700px;margin:8px;border-radius:28px;overflow:hidden;background:#111814}
.dl-theme-designlof #df-services-opening>.dl-page-section-inner{min-height:680px;max-width:1440px;padding:112px 42px 72px;justify-content:flex-end;gap:22px}
.dl-theme-designlof #df-services-opening:after{background:linear-gradient(90deg,#08120ef4 0%,#08120ecc 54%,#08120e42 100%)}
.dl-theme-designlof #df-services-opening .dl-page-widget-text:first-child{color:#c7eb62;letter-spacing:.14em}
.dl-theme-designlof #df-services-opening .dl-duotone-heading{max-width:980px;font-size:clamp(52px,6.5cqw,94px);line-height:.97;letter-spacing:-.07em}
.dl-theme-designlof #df-services-opening .dl-duotone-accent{color:#c7eb62}
.dl-theme-designlof #df-services-opening .dl-page-widget-text:nth-child(3){max-width:680px;font-size:17px;line-height:1.75;color:#d7ddd4}
.dl-theme-designlof #df-services-opening .dl-page-widget-button{margin-top:14px}
.dl-theme-designlof #df-services-opening .dl-page-widget-image img{filter:saturate(.55) contrast(1.08)}

.dl-theme-designlof #df-services-context>.dl-page-section-inner{grid-template-columns:.96fr 1.04fr;gap:18px;align-items:stretch}
.dl-theme-designlof #df-services-context .dl-page-widget-content{height:100%;min-height:470px;padding:clamp(34px,4vw,60px);border:1px solid #d2d9cd;border-radius:24px;background:#f7f8f3}
.dl-theme-designlof #df-services-context .dl-page-widget-content:last-child{background:#c7eb62;border-color:#c7eb62}
.dl-theme-designlof #df-services-context .dl-page-widget-content h2{font-size:clamp(36px,4cqw,58px);max-width:680px}
.dl-theme-designlof #df-services-context .dl-page-widget-content:last-child p:first-child{color:#4e6730}

.dl-theme-designlof #df-services-routes{margin:0 8px;border-radius:28px;overflow:hidden}
.dl-theme-designlof #df-services-routes>.dl-page-section-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);gap:24px 8%;align-items:end}
.dl-theme-designlof #df-services-routes .dl-page-widget-text:first-child{grid-column:1/-1;color:#c7eb62}
.dl-theme-designlof #df-services-routes .dl-page-widget-heading{grid-column:1}
.dl-theme-designlof #df-services-routes .dl-page-widget-heading h2{font-size:clamp(46px,5.3cqw,78px);line-height:1.02}
.dl-theme-designlof #df-services-routes .dl-page-widget-text:nth-child(3){grid-column:2;padding-bottom:8px;color:#cbd2c8;font-size:15px;line-height:1.75}
.dl-theme-designlof #df-services-routes .dl-page-widget-service_stack{grid-column:1/-1;margin-top:38px}
.dl-theme-designlof #df-services-routes .dl-agency-service summary{font-size:clamp(34px,4.4cqw,66px);padding:34px 0}
.dl-theme-designlof #df-services-routes .dl-agency-service-body{padding-bottom:54px}
.dl-theme-designlof #df-services-routes .dl-agency-service-body>img{max-height:390px;filter:saturate(.8)}

.dl-theme-designlof #df-services-foundation>.dl-page-section-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.65fr);gap:24px 8%;align-items:end}
.dl-theme-designlof #df-services-foundation .dl-page-widget-text:first-child{grid-column:1/-1;color:#65715c}
.dl-theme-designlof #df-services-foundation .dl-page-widget-duotone_heading{grid-column:1}
.dl-theme-designlof #df-services-foundation .dl-duotone-heading{font-size:clamp(44px,5.2cqw,76px);line-height:1.02}
.dl-theme-designlof #df-services-foundation .dl-duotone-accent{color:#76983a}
.dl-theme-designlof #df-services-foundation .dl-page-widget-text:nth-child(3){grid-column:2;padding-bottom:8px;font-size:15px;line-height:1.75;color:#59635a}
.dl-theme-designlof #df-services-foundation .dl-page-widget-features{grid-column:1/-1;margin-top:36px}
.dl-theme-designlof #df-services-foundation .dl-editorial-features{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dl-theme-designlof #df-services-foundation .dl-editorial-features>li{min-height:265px;padding:28px;border:1px solid #d2d9cd;border-radius:20px;background:#f8f8f4}
.dl-theme-designlof #df-services-foundation .dl-feature-symbol{width:44px;height:44px;background:#17201c;color:#c7eb62}
.dl-theme-designlof #df-services-foundation .dl-editorial-features h3{font-size:20px!important;margin-top:2px!important}

.dl-theme-designlof #df-services-sequence>.dl-page-section-inner{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;align-items:stretch}
.dl-theme-designlof #df-services-sequence .dl-page-widget-text:first-child,.dl-theme-designlof #df-services-sequence .dl-page-widget-heading{grid-column:1/-1}
.dl-theme-designlof #df-services-sequence .dl-page-widget-heading{max-width:980px;margin-bottom:34px}
.dl-theme-designlof #df-services-sequence .dl-page-widget-heading h2{font-size:clamp(46px,5.4cqw,78px);line-height:1.02}
.dl-theme-designlof #df-services-sequence .dl-page-widget-content{grid-column:span 2;min-height:305px;padding:32px;border:1px solid #cbd3c5;border-radius:22px;background:#f5f6f1}
.dl-theme-designlof #df-services-sequence .dl-page-widget-content:nth-last-child(2){grid-column:2/span 2}
.dl-theme-designlof #df-services-sequence .dl-page-widget-content:last-child{grid-column:4/span 2}
.dl-theme-designlof #df-services-sequence .dl-page-widget-content h2{min-height:0!important;font-size:clamp(27px,2.6cqw,38px)}
.dl-theme-designlof #df-services-sequence .dl-page-widget-content p:first-child{padding-bottom:22px;border-bottom:1px solid #cbd3c5;margin-bottom:25px;color:#65842e}

.dl-theme-designlof #df-services-outputs>.dl-page-section-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);gap:24px 8%;align-items:end}
.dl-theme-designlof #df-services-outputs .dl-page-widget-text:first-child{grid-column:1/-1;color:#65715c}
.dl-theme-designlof #df-services-outputs .dl-page-widget-duotone_heading{grid-column:1}
.dl-theme-designlof #df-services-outputs .dl-duotone-heading{font-size:clamp(44px,5.2cqw,76px);line-height:1.02}
.dl-theme-designlof #df-services-outputs .dl-duotone-accent{color:#76983a}
.dl-theme-designlof #df-services-outputs .dl-page-widget-text:nth-child(3){grid-column:2;padding-bottom:8px;font-size:15px;line-height:1.75;color:#59635a}
.dl-theme-designlof #df-services-outputs .dl-page-widget-project_grid{grid-column:1/-1;margin-top:36px}
.dl-theme-designlof #df-services-outputs .dl-agency-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.dl-theme-designlof #df-services-outputs .dl-agency-project-cover{aspect-ratio:16/10;border-radius:18px;background:#dfe4db}
.dl-theme-designlof #df-services-outputs .dl-agency-project-cover:after{background:linear-gradient(180deg,transparent 58%,#0008)}
.dl-theme-designlof #df-services-outputs .dl-agency-project-wordmark{display:none}
.dl-theme-designlof #df-services-outputs .dl-page-widget-button{grid-column:1/-1;justify-self:center;margin-top:15px}

.dl-theme-designlof #df-services-pricing{margin:0 8px;border-radius:28px;overflow:hidden}
.dl-theme-designlof #df-services-pricing>.dl-page-section-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.dl-theme-designlof #df-services-pricing .dl-page-widget-content{height:100%;min-height:470px;padding:42px;border:1px solid #ffffff25;border-radius:24px;background:#222725}
.dl-theme-designlof #df-services-pricing .dl-page-widget-content:first-child{background:#c7eb62;color:#15221c;border-color:#c7eb62}
.dl-theme-designlof #df-services-pricing .dl-page-widget-content:first-child p:first-child{color:#43562d}
.dl-theme-designlof #df-services-pricing .dl-page-widget-content:last-child p:first-child{color:#c7eb62}
.dl-theme-designlof #df-services-pricing .dl-page-widget-content h2{font-size:clamp(36px,4cqw,58px)}

.dl-theme-designlof #df-services-boundaries>.dl-page-section-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.dl-theme-designlof #df-services-boundaries .dl-page-widget-content{height:100%;min-height:430px;padding:42px;border:1px solid #d2d8cc;border-radius:24px;background:#f7f8f3}
.dl-theme-designlof #df-services-boundaries .dl-page-widget-content:last-child{background:#e8ece2}
.dl-theme-designlof #df-services-boundaries .dl-page-widget-content h2{font-size:clamp(36px,4cqw,58px)}

.dl-theme-designlof #df-services-form{margin:0 8px;border-radius:28px;overflow:hidden}
.dl-theme-designlof #df-services-form>.dl-page-section-inner{grid-template-columns:minmax(0,.76fr) minmax(0,1fr);gap:10%;align-items:start}
.dl-theme-designlof #df-services-form .dl-page-widget-content{max-width:580px;padding-top:18px}
.dl-theme-designlof #df-services-form .dl-page-widget-content p:first-child{color:#c7eb62}
.dl-theme-designlof #df-services-form .dl-page-widget-form{padding:34px;background:#f3f5ee;color:#17201c;border-radius:22px}
.dl-theme-designlof #df-services-form .dl-smart-form{display:grid;gap:22px}
.dl-theme-designlof #df-services-form .dl-smart-field{margin:0}
.dl-theme-designlof #df-services-form .dl-smart-field>label{display:block;margin:0 0 9px;font-size:12px;font-weight:500}
.dl-theme-designlof #df-services-form :is(input:not([type=checkbox]):not([type=radio]),textarea,select,.dl-select-trigger){background:#fff;border:1px solid #cfd7c5;border-radius:9px;min-height:50px}
.dl-theme-designlof #df-services-form .dl-smart-form>.dl-button{justify-self:start;min-height:48px;margin:0;background:#17201c;color:#fff}

.dl-theme-designlof #df-services-faq>.dl-page-section-inner{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:9%;align-items:start}
.dl-theme-designlof #df-services-faq .dl-page-widget-content{max-width:540px}
.dl-theme-designlof #df-services-faq .dl-page-widget-accordion{grid-column:2}
.dl-theme-designlof #df-services-faq .dl-layout-accordion{grid-template-columns:1fr}
.dl-theme-designlof #df-services-faq .dl-layout-accordion details{border-top:1px solid #c7cec1;padding:0}
.dl-theme-designlof #df-services-faq .dl-layout-accordion details:last-child{border-bottom:1px solid #c7cec1}
.dl-theme-designlof #df-services-faq .dl-layout-accordion summary{min-height:82px;font-size:18px}

@container(max-width:900px){
.dl-theme-designlof #df-services-opening>.dl-page-section-inner{padding:90px 28px 60px}
.dl-theme-designlof #df-services-routes#df-services-routes>.dl-page-section-inner,.dl-theme-designlof #df-services-foundation#df-services-foundation>.dl-page-section-inner,.dl-theme-designlof #df-services-outputs#df-services-outputs>.dl-page-section-inner{grid-template-columns:1fr}
.dl-theme-designlof #df-services-routes#df-services-routes .dl-page-section-inner>*,.dl-theme-designlof #df-services-foundation#df-services-foundation .dl-page-section-inner>*,.dl-theme-designlof #df-services-outputs#df-services-outputs .dl-page-section-inner>*{grid-column:1}
.dl-theme-designlof #df-services-foundation .dl-editorial-features{grid-template-columns:repeat(2,minmax(0,1fr))}
.dl-theme-designlof #df-services-outputs .dl-agency-projects{grid-template-columns:1fr}
.dl-theme-designlof #df-services-sequence>.dl-page-section-inner{grid-template-columns:repeat(2,minmax(0,1fr))}
.dl-theme-designlof #df-services-sequence .dl-page-widget-text:first-child,.dl-theme-designlof #df-services-sequence .dl-page-widget-heading{grid-column:1/-1}
.dl-theme-designlof #df-services-sequence .dl-page-widget-content,.dl-theme-designlof #df-services-sequence .dl-page-widget-content:nth-last-child(2),.dl-theme-designlof #df-services-sequence .dl-page-widget-content:last-child{grid-column:auto}
.dl-theme-designlof #df-services-sequence .dl-page-widget-content:last-child{grid-column:1/-1}
.dl-theme-designlof #df-services-form>.dl-page-section-inner,.dl-theme-designlof #df-services-faq>.dl-page-section-inner{grid-template-columns:1fr;gap:38px}
.dl-theme-designlof #df-services-faq .dl-page-widget-accordion{grid-column:1}
}
@container(max-width:600px){
.dl-theme-designlof #df-services-opening{min-height:0}.dl-theme-designlof #df-services-opening>.dl-page-section-inner{min-height:620px;padding:82px 20px 42px}
.dl-theme-designlof #df-services-opening .dl-duotone-heading{font-size:45px}
.dl-theme-designlof #df-services-context>.dl-page-section-inner,.dl-theme-designlof #df-services-pricing>.dl-page-section-inner,.dl-theme-designlof #df-services-boundaries>.dl-page-section-inner{grid-template-columns:1fr}
.dl-theme-designlof #df-services-foundation .dl-editorial-features{grid-template-columns:1fr}
.dl-theme-designlof #df-services-routes .dl-agency-service summary{font-size:31px;padding:26px 0}
.dl-theme-designlof #df-services-routes .dl-agency-service-body{gap:24px;padding-bottom:38px}
.dl-theme-designlof #df-services-sequence>.dl-page-section-inner{grid-template-columns:1fr}
.dl-theme-designlof #df-services-sequence .dl-page-widget-text:first-child,.dl-theme-designlof #df-services-sequence .dl-page-widget-heading,.dl-theme-designlof #df-services-sequence .dl-page-widget-content:last-child{grid-column:1}
.dl-theme-designlof #df-services-sequence .dl-page-widget-content{min-height:0;padding:26px 22px}
.dl-theme-designlof #df-services-foundation .dl-editorial-features>li,.dl-theme-designlof #df-services-pricing .dl-page-widget-content,.dl-theme-designlof #df-services-boundaries .dl-page-widget-content{min-height:0;padding:30px 24px}
.dl-theme-designlof #df-services-form .dl-page-widget-form{padding:22px}
.dl-theme-designlof #df-services-faq .dl-layout-accordion summary{min-height:72px;font-size:16px}
}

/* Designlof template storefront */
.dl-theme-designlof .dl-df-cart-link{display:flex;align-items:center;gap:7px;padding:7px 9px 7px 11px;border:1px solid rgba(25,36,31,.16);border-radius:99px}.dl-theme-designlof .dl-df-cart-link b{display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:99px;background:#172a23;color:#fff;font-size:10px;font-weight:600}.dl-theme-designlof .dl-df-cart-link[aria-current=page]{background:#172a23;color:#fff}.dl-theme-designlof .dl-df-store{padding:104px 8px 8px;container-type:inline-size}.dl-theme-designlof .dl-df-product-hero{min-height:760px;padding:clamp(28px,5vw,78px);border-radius:26px;background:#172a23;color:#f6f7f2;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:clamp(35px,7vw,110px);align-items:end;overflow:hidden}.dl-theme-designlof .dl-df-product-copy>p:first-child,.dl-theme-designlof .dl-df-store-heading>p,.dl-theme-designlof .dl-df-product-story>div:first-child>p,.dl-theme-designlof .dl-df-product-next>p,.dl-theme-designlof .dl-df-store-title>p,.dl-theme-designlof .dl-df-cart-summary>p,.dl-theme-designlof .dl-df-checkout-summary>p{font-size:10px;letter-spacing:.14em}.dl-theme-designlof .dl-df-product-copy h1{font-size:clamp(55px,7.5cqw,112px);margin:28px 0;line-height:.93}.dl-theme-designlof .dl-df-product-copy h1 span,.dl-theme-designlof .dl-df-store-title h1 span,.dl-theme-designlof .dl-df-product-story h2 span{color:#c7eb62}.dl-theme-designlof .dl-df-product-copy>p:nth-of-type(2){max-width:590px;color:#c9d0ca;font-size:17px;line-height:1.6}.dl-theme-designlof .dl-df-product-hero figure{margin:0;align-self:stretch}.dl-theme-designlof .dl-df-product-hero figure img{width:100%;height:100%;max-height:690px;object-fit:cover;border-radius:22px}.dl-theme-designlof .dl-df-product-actions{display:flex;align-items:center;gap:24px;margin-top:42px}.dl-theme-designlof .dl-df-product-actions>a:last-child{display:flex;gap:10px;align-items:center;font-size:13px}.dl-theme-designlof .dl-df-store-button{appearance:none;border:0;border-radius:99px;background:#172a23;color:#fff;display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:17px 22px;min-height:52px;font-size:13px;cursor:pointer}.dl-theme-designlof .dl-df-store-button:hover{transform:translateY(-2px)}.dl-theme-designlof .dl-df-store-button.is-light{background:#c7eb62;color:#172a23}.dl-theme-designlof .dl-df-product-story{padding:120px 7vw;display:grid;grid-template-columns:1fr .8fr;gap:10vw}.dl-theme-designlof .dl-df-product-story h2{font-size:clamp(46px,6cqw,90px);margin-top:25px}.dl-theme-designlof .dl-df-product-story>div:last-child>p{font-size:18px;line-height:1.65}.dl-theme-designlof .dl-df-product-story ul{list-style:none;padding:30px 0 0;margin:0}.dl-theme-designlof .dl-df-product-story li{padding:17px 0;border-top:1px solid #cfd1ca;font-size:14px}.dl-theme-designlof .dl-df-product-licences{background:#e5e7e0;border-radius:24px;padding:80px 4vw;display:grid;grid-template-columns:.8fr 1fr 1fr;gap:18px;scroll-margin-top:100px}.dl-theme-designlof .dl-df-store-heading{padding:20px}.dl-theme-designlof .dl-df-store-heading h2{font-size:clamp(40px,4.6cqw,70px);margin-top:28px}.dl-theme-designlof .dl-df-product-licences article{background:#f8f8f5;border-radius:22px;padding:32px;min-height:500px;display:flex;flex-direction:column}.dl-theme-designlof .dl-df-product-licences article.is-accent{background:#d6f28b}.dl-theme-designlof .dl-df-product-licences article>div{display:flex;justify-content:space-between;align-items:start}.dl-theme-designlof .dl-df-product-licences article>div span{font-size:10px;letter-spacing:.12em}.dl-theme-designlof .dl-df-product-licences article strong{font-size:58px;font-weight:500;letter-spacing:-.06em}.dl-theme-designlof .dl-df-product-licences article sup{font-size:12px;letter-spacing:0}.dl-theme-designlof .dl-df-product-licences article h3{font-size:35px;margin:75px 0 20px}.dl-theme-designlof .dl-df-product-licences article p{font-size:14px;line-height:1.55}.dl-theme-designlof .dl-df-product-licences article small{display:block;margin-top:20px;color:#626960}.dl-theme-designlof .dl-df-product-licences article form{margin-top:auto}.dl-theme-designlof .dl-df-product-licences article button{width:100%;border:0;border-top:1px solid;padding:20px 0 0;background:transparent;display:flex;justify-content:space-between;cursor:pointer;font-size:13px}.dl-theme-designlof .dl-df-product-next{min-height:520px;padding:100px 7vw;border-radius:24px;background:#c7eb62;margin-top:8px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.dl-theme-designlof .dl-df-product-next h2{font-size:clamp(52px,7cqw,105px);max-width:1100px;margin:26px 0 48px}.dl-theme-designlof .dl-df-store-title{padding:75px 6vw 85px;border-radius:24px;background:#172a23;color:#f7f8f4}.dl-theme-designlof .dl-df-store-title h1{font-size:clamp(52px,7.5cqw,112px);margin-top:30px;max-width:1250px}.dl-theme-designlof .dl-df-cart-layout,.dl-theme-designlof .dl-df-checkout-layout{max-width:1500px;margin:0 auto;padding:70px 28px 120px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:30px;align-items:start}.dl-theme-designlof .dl-df-cart-items{display:grid;gap:12px}.dl-theme-designlof .dl-df-cart-items article{background:#fff;border-radius:20px;padding:16px;display:grid;grid-template-columns:190px 1fr auto;gap:25px;align-items:center}.dl-theme-designlof .dl-df-cart-items article>img{width:190px;aspect-ratio:4/3;object-fit:cover;border-radius:14px}.dl-theme-designlof .dl-df-cart-items article>div>p{font-size:9px;letter-spacing:.12em}.dl-theme-designlof .dl-df-cart-items article h2{font-size:34px;margin:8px 0}.dl-theme-designlof .dl-df-cart-items article>div>span{font-size:13px;color:#6d726a}.dl-theme-designlof .dl-df-cart-items article>strong{font-size:20px;font-weight:500}.dl-theme-designlof .dl-df-cart-items form{display:flex;align-items:end;gap:10px;margin-top:20px}.dl-theme-designlof .dl-df-cart-items label{display:grid;gap:5px;font-size:10px}.dl-theme-designlof .dl-df-cart-items select{min-height:38px;border:1px solid #ced0c9;border-radius:9px;background:#f6f7f3;padding:0 30px 0 10px}.dl-theme-designlof .dl-df-cart-items button{border:1px solid #cdd0c8;border-radius:99px;background:#f6f7f3;padding:10px 14px;cursor:pointer}.dl-theme-designlof .dl-df-cart-items button.is-remove{border-color:transparent;background:transparent;text-decoration:underline}.dl-theme-designlof .dl-df-cart-summary,.dl-theme-designlof .dl-df-checkout-summary{position:sticky;top:105px;border-radius:20px;background:#d6f28b;padding:32px}.dl-theme-designlof .dl-df-cart-summary dl{margin:35px 0}.dl-theme-designlof .dl-df-cart-summary dl>div{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid #172a2333}.dl-theme-designlof .dl-df-cart-summary dt,.dl-theme-designlof .dl-df-cart-summary dd{margin:0}.dl-theme-designlof .dl-df-cart-summary dl>div:last-child{display:grid;gap:10px}.dl-theme-designlof .dl-df-cart-summary dl>div:last-child dd{font-size:35px;letter-spacing:-.04em}.dl-theme-designlof .dl-df-cart-summary>p:nth-of-type(2){font-size:12px;line-height:1.5}.dl-theme-designlof .dl-df-cart-summary .dl-df-store-button{width:100%;margin:28px 0 20px}.dl-theme-designlof .dl-df-cart-summary>a:last-child{display:block;text-align:center;text-decoration:underline;font-size:12px}.dl-theme-designlof .dl-df-empty-cart{max-width:900px;margin:0 auto;padding:130px 25px;text-align:center}.dl-theme-designlof .dl-df-empty-cart>div{width:78px;height:78px;margin:auto;display:grid;place-items:center;border-radius:50%;background:#d6f28b}.dl-theme-designlof .dl-df-empty-cart h2{font-size:clamp(40px,6cqw,74px);margin:30px 0 20px}.dl-theme-designlof .dl-df-empty-cart p{font-size:16px;margin-bottom:35px}.dl-theme-designlof .dl-df-checkout-form{background:#fff;border-radius:20px;padding:clamp(25px,4vw,55px);display:grid;gap:22px}.dl-theme-designlof .dl-df-form-heading{display:flex;gap:22px;padding-bottom:25px;border-bottom:1px solid #d8dad3}.dl-theme-designlof .dl-df-form-heading>span{width:36px;height:36px;border:1px solid;border-radius:50%;display:grid;place-items:center;font-size:11px;flex:none}.dl-theme-designlof .dl-df-form-heading h2{font-size:clamp(34px,4cqw,54px)}.dl-theme-designlof .dl-df-form-heading p{margin-top:10px;color:#6b7069}.dl-theme-designlof .dl-df-checkout-form>label:not(.dl-df-checkout-consent){display:grid;gap:8px;font-size:11px}.dl-theme-designlof .dl-df-checkout-form input:not([type=checkbox]){width:100%;height:58px;border:1px solid #d2d4cd;border-radius:12px;background:#f2f3ef;padding:0 16px}.dl-theme-designlof .dl-df-checkout-form label small,.dl-theme-designlof .dl-df-field-error{color:#9c332a;font-size:11px}.dl-theme-designlof .dl-df-checkout-consent{display:flex;gap:12px;align-items:flex-start;font-size:12px;line-height:1.5}.dl-theme-designlof .dl-df-checkout-consent input{width:18px;height:18px;flex:none}.dl-theme-designlof .dl-df-checkout-consent a{text-decoration:underline}.dl-theme-designlof .dl-df-checkout-error{padding:15px;border-radius:10px;background:#fae6de;color:#7c2c23;font-size:13px}.dl-theme-designlof .dl-df-checkout-form>.dl-df-store-button{width:100%;margin-top:10px}.dl-theme-designlof .dl-df-checkout-summary{background:#e4e6df}.dl-theme-designlof .dl-df-checkout-summary article{display:grid;grid-template-columns:75px 1fr auto;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid #c7cac2}.dl-theme-designlof .dl-df-checkout-summary article img{width:75px;aspect-ratio:4/3;object-fit:cover;border-radius:9px}.dl-theme-designlof .dl-df-checkout-summary article div{display:grid;gap:5px}.dl-theme-designlof .dl-df-checkout-summary article span{font-size:10px;color:#686d66}.dl-theme-designlof .dl-df-checkout-summary article b{font-size:12px}.dl-theme-designlof .dl-df-checkout-summary dl{margin:30px 0}.dl-theme-designlof .dl-df-checkout-summary dl>div{display:flex;justify-content:space-between;align-items:end}.dl-theme-designlof .dl-df-checkout-summary dd{margin:0;font-size:27px}.dl-theme-designlof .dl-df-checkout-summary ul{list-style:none;padding:18px 0;margin:0;border-top:1px solid #c7cac2}.dl-theme-designlof .dl-df-checkout-summary li{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:12px}.dl-theme-designlof .dl-df-checkout-summary>a{display:block;margin-top:15px;text-decoration:underline;font-size:12px}
@media(max-width:1050px){.dl-theme-designlof .dl-df-product-hero{grid-template-columns:1fr;min-height:auto}.dl-theme-designlof .dl-df-product-hero figure{height:520px}.dl-theme-designlof .dl-df-product-story,.dl-theme-designlof .dl-df-product-licences{grid-template-columns:1fr 1fr}.dl-theme-designlof .dl-df-store-heading{grid-column:1/-1}.dl-theme-designlof .dl-df-cart-layout,.dl-theme-designlof .dl-df-checkout-layout{grid-template-columns:1fr}.dl-theme-designlof .dl-df-cart-summary,.dl-theme-designlof .dl-df-checkout-summary{position:static}}
@media(max-width:760px){.dl-theme-designlof .dl-df-store{padding-top:80px}.dl-theme-designlof .dl-df-product-hero{padding:30px 20px}.dl-theme-designlof .dl-df-product-hero figure{height:380px}.dl-theme-designlof .dl-df-product-actions{align-items:flex-start;flex-direction:column}.dl-theme-designlof .dl-df-product-story{grid-template-columns:1fr;padding:80px 20px}.dl-theme-designlof .dl-df-product-licences{grid-template-columns:1fr;padding:50px 10px}.dl-theme-designlof .dl-df-store-heading{grid-column:auto}.dl-theme-designlof .dl-df-product-next{padding:70px 22px;min-height:460px}.dl-theme-designlof .dl-df-store-title{padding:60px 20px}.dl-theme-designlof .dl-df-cart-layout,.dl-theme-designlof .dl-df-checkout-layout{padding:35px 4px 80px}.dl-theme-designlof .dl-df-cart-items article{grid-template-columns:100px 1fr}.dl-theme-designlof .dl-df-cart-items article>img{width:100px}.dl-theme-designlof .dl-df-cart-items article>strong{grid-column:2}.dl-theme-designlof .dl-df-cart-items form{align-items:stretch;flex-direction:column}.dl-theme-designlof .dl-df-cart-items button{width:100%}.dl-theme-designlof .dl-df-checkout-form{padding:28px 18px}.dl-theme-designlof .dl-df-desktop{display:none}}
.dl-theme-designlof .dl-agency-project-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.dl-theme-designlof .dl-agency-project-actions>a,.dl-theme-designlof .dl-agency-project-actions button{min-height:40px;border:1px solid #c9ccc4;border-radius:99px;background:transparent;color:inherit;padding:0 14px;display:inline-flex;align-items:center;gap:10px;font-size:11px;cursor:pointer}.dl-theme-designlof .dl-agency-project-actions form{margin:0}.dl-theme-designlof .dl-agency-project-actions button{background:#172a23;color:#fff;border-color:#172a23}.dl-theme-designlof .dl-page-tone-dark .dl-agency-project-actions>a{border-color:#ffffff40}.dl-theme-designlof .dl-page-tone-dark .dl-agency-project-actions button{background:#c7eb62;color:#172a23;border-color:#c7eb62}
@media(max-width:1180px){.dl-theme-designlof .dl-df-desktop{margin-left:auto;gap:0}.dl-theme-designlof .dl-df-desktop>ul,.dl-theme-designlof .dl-df-desktop>a:not(.dl-df-cart-link){display:none}}
@media(max-width:760px){.dl-theme-designlof .dl-df-desktop{display:flex}.dl-theme-designlof .dl-df-cart-link span{display:none}.dl-theme-designlof .dl-df-cart-link{padding:7px}}

/* DOKU payment identity */
.dl-theme-designlof .dl-df-doku-brand{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0 10px;padding:11px 12px 11px 16px;border:1px solid rgba(23,42,35,.12);border-radius:14px;background:rgba(255,255,255,.72)}
.dl-theme-designlof .dl-df-doku-brand span{font-size:9px;font-weight:600;letter-spacing:.13em;color:#59615b}
.dl-theme-designlof .dl-df-doku-brand img{display:block;width:42px;height:42px;border-radius:10px;box-shadow:0 7px 18px rgba(25,30,27,.1)}
.dl-theme-designlof .dl-df-doku-brand.is-on-dark{max-width:250px;margin-top:30px;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14)}
.dl-theme-designlof .dl-df-doku-brand.is-on-dark span{color:#d7ddd5}
.dl-theme-designlof .dl-df-pay-button-brand{display:inline-flex;align-items:center;gap:13px}
.dl-theme-designlof .dl-df-pay-button-brand img{display:block;width:34px;height:34px;border-radius:8px;box-shadow:0 5px 14px rgba(0,0,0,.18)}
.dl-theme-designlof .dl-df-trust-card>.dl-df-doku-brand{margin:20px 0 34px}
@media(max-width:640px){.dl-theme-designlof .dl-df-doku-brand{margin-top:16px}.dl-theme-designlof .dl-df-pay-button{padding:13px 14px 13px 20px}}

/* Sandbox state and paid customer portal */
.dl-theme-designlof .dl-df-sandbox-notice{margin:98px 8px 8px;padding:13px 18px;border-radius:14px;background:#fff0ba;color:#302b1b;display:flex;align-items:center;justify-content:center;gap:14px;font-size:12px}
.dl-theme-designlof .dl-df-sandbox-notice strong{font-size:9px;letter-spacing:.12em;border:1px solid #8c7a3e;border-radius:99px;padding:6px 9px}
.dl-theme-designlof .dl-df-sandbox-notice+.dl-df-pay-hero,.dl-theme-designlof .dl-df-sandbox-notice+.dl-df-invoice-hero{margin-top:0}
.dl-theme-designlof .dl-df-customer-portal{margin:0 8px 8px;padding:clamp(55px,7vw,110px) clamp(20px,6vw,90px);border-radius:24px;background:#172a23;color:#f6f7f2}
.dl-theme-designlof .dl-df-customer-portal-heading{display:grid;grid-template-columns:1.15fr .65fr;gap:10%;align-items:end;margin-bottom:60px}
.dl-theme-designlof .dl-df-customer-portal-heading>div:first-child>p{font-size:10px;letter-spacing:.14em;color:#c7eb62}
.dl-theme-designlof .dl-df-customer-portal-heading h2{font-size:clamp(48px,7cqw,98px);line-height:.95;margin-top:25px}.dl-theme-designlof .dl-df-customer-portal-heading h2 span{color:#c7eb62}
.dl-theme-designlof .dl-df-customer-portal-heading>div:last-child p{color:#bdc7c0;font-size:14px;line-height:1.6;max-width:420px}
.dl-theme-designlof .dl-df-customer-portal-heading>div:last-child a{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:17px;border-top:1px solid #ffffff45;font-size:12px}
.dl-theme-designlof .dl-df-customer-downloads{display:grid;gap:14px}
.dl-theme-designlof .dl-df-customer-downloads article{display:grid;grid-template-columns:minmax(220px,.68fr) 1fr;gap:clamp(28px,5vw,70px);align-items:center;padding:18px;border:1px solid #ffffff20;border-radius:22px;background:#22352e}
.dl-theme-designlof .dl-df-customer-downloads article>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:15px}
.dl-theme-designlof .dl-df-customer-downloads article>div>p{font-size:9px;letter-spacing:.13em;color:#c7eb62}
.dl-theme-designlof .dl-df-customer-downloads h3{font-size:clamp(36px,4cqw,58px);margin:16px 0 8px}
.dl-theme-designlof .dl-df-customer-downloads article>div>span{color:#bdc7c0;font-size:14px}
.dl-theme-designlof .dl-df-customer-downloads article>div>div{display:flex;align-items:center;gap:24px;margin-top:34px}
.dl-theme-designlof .dl-df-customer-downloads .dl-df-store-button{background:#c7eb62;color:#172a23;gap:12px}.dl-theme-designlof .dl-df-customer-downloads article>div>div>a:last-child{font-size:12px;display:flex;align-items:center;gap:9px}
.dl-theme-designlof .dl-df-customer-help{margin-top:50px;padding-top:28px;border-top:1px solid #ffffff2b;display:grid;grid-template-columns:.3fr 1fr auto;gap:35px;align-items:start}
.dl-theme-designlof .dl-df-customer-help>span{font-size:10px;letter-spacing:.13em;color:#c7eb62}.dl-theme-designlof .dl-df-customer-help p{margin:0;max-width:650px;color:#bdc7c0;font-size:13px;line-height:1.6}.dl-theme-designlof .dl-df-customer-help a{display:flex;align-items:center;gap:12px;font-size:12px}
@media(max-width:760px){.dl-theme-designlof .dl-df-sandbox-notice{margin-top:78px;align-items:flex-start;flex-direction:column}.dl-theme-designlof .dl-df-customer-portal-heading,.dl-theme-designlof .dl-df-customer-downloads article,.dl-theme-designlof .dl-df-customer-help{grid-template-columns:1fr}.dl-theme-designlof .dl-df-customer-downloads article{padding:12px 12px 28px}.dl-theme-designlof .dl-df-customer-downloads article>div{padding:0 8px}.dl-theme-designlof .dl-df-customer-downloads article>div>div{align-items:flex-start;flex-direction:column}.dl-theme-designlof .dl-df-customer-help{gap:16px}}

/* Skip layout and paint work for distant sections until they approach the viewport. */
@supports(content-visibility:auto){
.dl-theme-designlof .dl-page-layout>.dl-page-section:nth-child(n+4){content-visibility:auto;contain-intrinsic-size:auto 900px}
}