#MainContent .csl{color:var(--365-color-deep-teal);font:16px/1.65 var(--365-font-body);background:var(--365-color-white);padding-block:var(--365-space-lg) var(--365-space-2xl)}.csl,.csl *{box-sizing:border-box}.csl [hidden]{display:none!important}.csl .csl__shell{width:min(1200px,calc(100% - 48px));margin-inline:auto}.csl :is(h1,h2,h3,p,figure){margin:0}.csl :is(h1,h2,h3){line-height:1.16;overflow-wrap:anywhere}.csl h2{font-size:clamp(28px,3vw,40px);max-width:24ch}.csl h3{font-size:24px}.csl p{color:var(--365-color-text-secondary)}.csl p+p{margin-block-start:var(--365-space-md)}.csl a{color:var(--365-color-accent);text-underline-offset:4px}.csl :is(a,button,summary):focus-visible{outline:3px solid var(--365-color-focus-ring,var(--365-color-accent));outline-offset:4px}.csl .csl__eyebrow{color:var(--365-color-accent);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-block-end:var(--365-space-sm)}.csl .csl__breadcrumb{display:flex;gap:var(--365-space-sm);font-size:13px;margin-block-end:var(--365-space-lg)}.csl .csl__hero{display:grid;grid-template-columns:1.06fr 1fr;background:var(--365-color-warm-ivory);border-radius:var(--365-radius-lg);overflow:hidden}.csl .csl__hero-copy{padding:clamp(24px,4vw,48px);align-self:center}.csl .csl__title{font-size:clamp(34px,4.1vw,56px);max-width:17ch}.csl .csl__lead{font-size:18px;margin-block:var(--365-space-lg)}.csl .csl__hero-media{display:grid;grid-template-rows:1fr auto;margin:0;min-width:0}.csl .csl__hero-media img{width:100%;height:100%;max-height:580px;min-height:400px;object-fit:cover}.csl figcaption{font-size:12px;padding:var(--365-space-sm) var(--365-space-md);color:var(--365-color-text-secondary);background:var(--365-color-surface-muted)}.csl .csl__actions{display:flex;gap:var(--365-space-sm);align-items:center;flex-wrap:wrap}.csl .csl__button{display:inline-flex;align-items:center;justify-content:center;gap:var(--365-space-xs);min-height:48px;padding:12px 20px;border:1px solid var(--365-color-border-interactive);border-radius:var(--365-radius-md);background:var(--365-color-white);color:var(--365-color-deep-teal);font:600 15px/1.35 var(--365-font-body);text-align:center;text-decoration:none;cursor:pointer;box-shadow:none}.csl .csl__button:hover{color:var(--365-color-deep-teal);background:var(--365-color-warm-ivory);border-color:var(--365-color-deep-teal)}.csl .csl__button--primary{background:var(--365-color-accent);color:var(--365-color-white);border-color:var(--365-color-accent)}.csl .csl__button--primary:hover{background:var(--365-color-deep-teal);color:var(--365-color-white);border-color:var(--365-color-deep-teal)}.csl .csl__button:before,.csl .csl__button:after{content:none}.csl .csl__note{font-size:13px;margin-block-start:var(--365-space-md)}.csl .csl__benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:var(--365-space-lg) 0;margin:0;border-bottom:1px solid var(--365-color-border-subtle);gap:var(--365-space-lg);font-size:14px;font-weight:600}.csl .csl__benefits li{border-inline-start:2px solid var(--365-color-accent);padding-inline-start:var(--365-space-sm)}.csl .csl__jump{display:flex;gap:var(--365-space-lg);flex-wrap:wrap;padding-block:var(--365-space-md);font-size:13px}.csl .csl__section{margin-block:clamp(48px,6vw,80px);scroll-margin-top:140px}.csl .csl__section-lead{max-width:64ch;margin-block:var(--365-space-md) var(--365-space-lg)}.csl .csl__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--365-space-lg);margin-block-start:var(--365-space-lg)}.csl .csl__cards--two{grid-template-columns:repeat(2,minmax(0,1fr))}.csl .csl__card{display:flex;flex-direction:column;gap:var(--365-space-md);border:1px solid var(--365-color-border-subtle);border-radius:var(--365-radius-lg);padding:var(--365-space-lg)}.csl .csl__card--warm{background:var(--365-color-surface-muted)}.csl .csl__card a{margin-block-start:auto;font-size:14px;font-weight:600;min-height:44px;display:flex;gap:var(--365-space-sm);align-items:center}.csl .csl__number{color:var(--365-color-accent);font:24px/1.2 var(--365-font-display)}.csl .csl__video-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--365-space-xl);align-items:center;padding:var(--365-space-xl);background:var(--365-color-warm-ivory);border-radius:var(--365-radius-lg)}.csl .csl__video-section h2+p,.csl .csl__packaging h2+p,.csl .csl__brief h2+p{margin-block-start:var(--365-space-md)}.csl .csl__video{position:relative;min-width:0}.csl .csl__video-trigger{display:block;position:relative;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:var(--365-radius-md);overflow:hidden;cursor:pointer;background:var(--365-color-deep-teal);color:var(--365-color-white)}.csl .csl__video-trigger img{width:100%;height:100%;object-fit:cover}.csl .csl__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--365-color-accent);color:var(--365-color-white);font-size:23px;padding-inline-start:4px}.csl .csl__video-trigger:hover .csl__play{background:var(--365-color-deep-teal)}.csl .csl__video-label{position:absolute;inset:auto 0 0;padding:var(--365-space-sm);background:var(--365-color-deep-teal);color:var(--365-color-white);font:600 13px/1.4 var(--365-font-body)}.csl .csl__video iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:var(--365-radius-md)}.csl .csl__text-link{display:inline-block;margin-block-start:var(--365-space-md)}.csl .csl__process{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--365-space-lg);padding:0;margin:var(--365-space-xl) 0 0}.csl .csl__process li{border-top:1px solid var(--365-color-border-interactive);padding-top:var(--365-space-lg)}.csl .csl__process h3{font-size:21px;margin-block:var(--365-space-md) var(--365-space-sm)}.csl .csl__process p{font-size:14px}.csl .csl__card ul,.csl .csl__packaging ul{margin:0;padding-inline-start:20px;color:var(--365-color-text-secondary)}.csl li+li{margin-block-start:0}.csl .csl__card li+li,.csl .csl__packaging li+li{margin-block-start:var(--365-space-sm)}.csl .csl__packaging{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--365-space-xl)}.csl .csl__packaging figure{background:var(--365-color-warm-ivory);overflow:hidden;border-radius:var(--365-radius-lg)}.csl .csl__packaging img{display:block;width:100%;height:auto;aspect-ratio:1.1;object-fit:cover}.csl .csl__packaging ul{margin-block:var(--365-space-lg)}.csl .csl__brief{display:grid;grid-template-columns:1fr 1fr;gap:var(--365-space-xl);padding:var(--365-space-xl);border:1px solid var(--365-color-border-subtle);border-radius:var(--365-radius-lg)}.csl .csl__brief ul{margin:0;padding-inline-start:20px;align-self:center}.csl .csl__brief li{padding-block:var(--365-space-sm)}.csl .csl__faq{max-width:860px;margin-inline:auto}.csl .csl__faq h2{margin-block-end:var(--365-space-lg)}.csl .csl__faq details{border-bottom:1px solid var(--365-color-border-subtle)}.csl .csl__faq summary{padding:20px 28px 20px 0;cursor:pointer;font-weight:600;position:relative;list-style:none}.csl .csl__faq summary::-webkit-details-marker{display:none}.csl .csl__faq summary:after{content:"+";position:absolute;inset-inline-end:0}.csl .csl__faq details[open] summary:after{content:"\2212"}.csl .csl__faq details>:not(summary){padding-block-end:var(--365-space-lg)}.csl .csl__closing{padding:var(--365-space-xl);border-radius:var(--365-radius-lg);background:var(--365-color-warm-ivory);text-align:center}.csl .csl__closing h2{max-width:26ch;margin-inline:auto}.csl .csl__closing p{margin-block:var(--365-space-md)}.csl .csl__closing .csl__actions{justify-content:center;margin-top:var(--365-space-lg)}.csl .csl__dashboard{padding:var(--365-space-xl);border:1px solid var(--365-color-border-subtle);border-radius:var(--365-radius-lg);margin-bottom:var(--365-space-xl)}.csl .csl__dashboard-header{display:flex;justify-content:space-between;align-items:start;gap:var(--365-space-lg)}.csl .csl__dashboard h1{font-size:clamp(32px,4vw,44px);margin-bottom:var(--365-space-sm)}.csl .csl__dashboard-header p{max-width:60ch}.csl [data-custom-projects]{margin-block:var(--365-space-lg);min-height:160px}.csl .csl__overview-heading{font-size:24px;margin-block-end:var(--365-space-md)}.csl .csl__projects{list-style:none;padding:0;margin:0}.csl .csl__project{display:grid;grid-template-columns:1fr 1.1fr 1fr auto;gap:var(--365-space-md);padding:20px 0;border-top:1px solid var(--365-color-border-subtle);text-decoration:none;color:var(--365-color-deep-teal);align-items:center}.csl .csl__project:hover{background:var(--365-color-surface-muted);color:var(--365-color-deep-teal)}.csl .csl__project small{color:var(--365-color-text-secondary);font-size:12px}.csl .csl__status{font-size:13px;border-radius:var(--365-radius-pill);padding:4px 10px;background:var(--365-color-warm-ivory);justify-self:start}.csl .csl__text-button{padding:12px 0;min-height:44px;border:0;background:transparent;color:var(--365-color-accent);text-decoration:underline;font:600 14px/1.5 var(--365-font-body);cursor:pointer}.csl .csl__empty{padding:var(--365-space-lg);border-radius:var(--365-radius-md);background:var(--365-color-surface-muted)}@media(max-width:900px){.csl .csl__hero,.csl .csl__video-section{grid-template-columns:1fr}.csl .csl__hero-media img{min-height:0;max-height:440px;aspect-ratio:1.3}.csl .csl__benefits,.csl .csl__process{grid-template-columns:repeat(2,minmax(0,1fr))}.csl .csl__cards{gap:var(--365-space-md)}.csl .csl__card{padding:var(--365-space-md)}}@media(max-width:600px){.csl .csl__shell{width:calc(100% - 32px)}.csl .csl__hero-copy{padding:var(--365-space-lg)}.csl .csl__hero-media img{max-height:320px}.csl .csl__hero .csl__actions,.csl .csl__closing .csl__actions{display:grid}.csl .csl__cards,.csl .csl__packaging,.csl .csl__brief{grid-template-columns:1fr}.csl .csl__video-section,.csl .csl__brief,.csl .csl__closing,.csl .csl__dashboard{padding:var(--365-space-lg)}.csl .csl__video-section,.csl .csl__packaging{gap:var(--365-space-lg)}.csl .csl__jump{gap:var(--365-space-md)}.csl .csl__benefits{gap:var(--365-space-md);font-size:12px}.csl .csl__dashboard-header{display:grid}.csl .csl__project{grid-template-columns:1fr auto;gap:var(--365-space-sm)}.csl .csl__project>:nth-child(2){grid-column:1;grid-row:2}.csl .csl__project>:nth-child(3){grid-column:2;grid-row:1}}
/*# sourceMappingURL=/cdn/shop/t/118/assets/365-customization-landing.css.map */