.sample-project-page{color:#4b412d;scroll-behavior:smooth;background:#fff}html:has(.sample-project-page){scroll-behavior:smooth}.sample-project-page *,.sample-project-page :before,.sample-project-page :after{box-sizing:border-box}.sample-project-hero,.sample-project-section,.sample-project-cta{background:#fff}.sample-project-hero{padding:22px 0 70px;overflow:hidden}.sample-project-hero__inner,.sample-project-section__inner,.sample-project-cta__inner{width:100%;max-width:1920px;padding:0 var(--page-gutter);margin:0 auto}.sample-project-hero__inner{grid-template-columns:minmax(0,.8fr) minmax(560px,1fr);align-items:stretch;gap:42px;display:grid}.sample-project-breadcrumbs{color:#4b412d;letter-spacing:-.02em;align-items:center;gap:10px;margin:0 0 34px;font-size:17px;line-height:1;display:flex}.sample-project-breadcrumbs a,.sample-project-breadcrumbs span{color:inherit;text-decoration:none}.sample-project-breadcrumbs a:hover{color:#2f271b}.sample-project-breadcrumbs span[aria-hidden=true]{opacity:.55}.sample-project-breadcrumbs span[aria-current=page]{font-weight:600}.sample-project-hero__content{flex-direction:column;justify-content:center;min-width:0;display:flex}.sample-project-hero h1,.sample-project-section h2,.sample-project-cta h2{color:#272116;font-size:var(--section-title-font-size);line-height:var(--section-title-line-height);font-weight:var(--section-title-font-weight);letter-spacing:var(--section-title-letter-spacing);margin:0}.sample-project-hero h1{width:var(--section-title-width)}.sample-project-hero__lead{color:#272116;max-width:820px;margin:24px 0 0;font-size:24px;line-height:1.22}.sample-project-hero__trust{color:#4b412d;max-width:720px;margin:18px 0 0;font-size:18px;line-height:1.45}.sample-project-hero__actions,.sample-project-cta__actions{align-items:center;gap:14px;margin-top:32px;display:flex}.sample-project-button{min-height:54px;font:inherit;text-align:center;cursor:pointer;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;padding:0 24px;font-size:16px;font-weight:700;line-height:1;text-decoration:none;transition:background .18s,border-color .18s,color .18s,opacity .18s;display:inline-flex}.sample-project-button--primary{color:#fff;background:#272116}.sample-project-button--secondary{color:#272116;background:#fff;border-color:#4b412d3d}.sample-project-button:hover,.sample-project-cta__link:hover{opacity:.86}.sample-project-hero__visual{background:#fef6f6;border-radius:8px;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:minmax(0,1fr) 34%;gap:14px;min-height:640px;padding:18px;display:grid;position:relative;overflow:hidden}.sample-project-hero-card{cursor:zoom-in;background:#fff;border:1px solid #4b412d1f;border-radius:8px;width:100%;min-width:0;padding:0;display:block;overflow:hidden;box-shadow:0 18px 44px #2721161f}.sample-project-hero-card--main{grid-row:1/-1}.sample-project-hero-card--sheet{box-shadow:0 12px 28px #2721161a}.sample-project-hero-card img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.sample-project-section{padding:88px 0}.sample-project-section--split{padding-top:34px}.sample-project-section--tinted,.sample-project-section--workflow{background:#fef6f6}.sample-project-section__head{margin:0 0 40px;display:block}.sample-project-section__head p,.sample-project-split p,.sample-project-cta p,.sample-project-faq p{color:#4b412d;max-width:760px;margin:0;font-size:18px;line-height:1.5}.sample-project-section__head h2+p{margin-top:18px}.sample-project-section__head p+p,.sample-project-split p+p{margin-top:14px}.sample-project-section a{color:#272116;text-underline-offset:3px;font-weight:700;text-decoration-thickness:1px}.sample-project-anchor-nav{top:var(--header-height);z-index:8;backdrop-filter:blur(12px);background:#fffffff0;border-top:1px solid #4b412d1a;border-bottom:1px solid #4b412d1a;position:sticky}.sample-project-anchor-nav__inner{width:100%;padding:12px var(--page-gutter);scrollbar-width:none;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:10px;margin:0 auto;display:grid;overflow-x:auto}.sample-project-anchor-nav__inner::-webkit-scrollbar{display:none}.sample-project-anchor-nav a{color:#4b412d;text-align:center;border:1px solid #4b412d29;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:0 14px;font-size:14px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.sample-project-anchor-nav a:hover{color:#272116;border-color:#8a71366b}.sample-project-card-grid{gap:18px;display:grid}.sample-project-card-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.sample-project-card-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.sample-project-card{background:#fff;border:1px solid #4b412d24;border-radius:5px;min-height:210px;padding:24px}.sample-project-card__marker{color:#8a7136;letter-spacing:0;align-items:center;min-height:24px;margin-bottom:18px;font-size:13px;font-weight:800;line-height:1;display:inline-flex}.sample-project-card h3,.sample-project-gallery-group h3,.sample-project-step h3{color:#272116;letter-spacing:-.02em;margin:0;font-size:24px;font-weight:500;line-height:1.15}.sample-project-card p,.sample-project-gallery-group p,.sample-project-step p,.sample-project-note{color:#4b412d;margin:14px 0 0;font-size:16px;line-height:1.48}.sample-project-card--numbered{min-height:190px}.sample-project-card--numbered span{color:#fff;background:#ccba8a;border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:18px;font-size:18px;font-weight:700;line-height:1;display:grid}.sample-project-split{grid-template-columns:minmax(0,1fr) minmax(360px,.48fr);align-items:stretch;gap:42px;display:grid}.sample-project-split h2{margin-bottom:22px}.sample-project-note{color:#272116;background:#fef6f6;border-left:4px solid #ccba8a;border-radius:5px;flex-direction:column;justify-content:center;min-height:220px;margin:0;padding:28px;font-size:20px;line-height:1.38;display:flex}.sample-project-note strong{color:#8a7136;margin-bottom:8px}.sample-project-preview-grid,.sample-project-gallery-group__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.sample-project-preview,.sample-project-sheet{background:#fff;border:1px solid #4b412d24;border-radius:5px;margin:0;overflow:hidden}.sample-project-preview button,.sample-project-sheet button{cursor:zoom-in;background:#f8eaea;border:0;width:100%;padding:0;display:block}.sample-project-preview img,.sample-project-sheet img{aspect-ratio:1919/1395;object-fit:cover;object-position:top center;width:100%;height:260px;display:block}.sample-project-preview figcaption,.sample-project-sheet figcaption{color:#4b412d;align-items:center;min-height:56px;padding:14px 16px 16px;font-size:14px;line-height:1.3;display:flex}.sample-project-group-caption{color:#8a7136;margin:18px 0 0;font-size:16px;font-weight:600;line-height:1.4}.sample-project-gallery{gap:48px;display:grid}.sample-project-gallery-group{gap:22px;display:grid}.sample-project-gallery-group__head{display:block}.sample-project-gallery-group p{max-width:760px;margin:12px 0 0}.sample-project-gallery-group__grid{grid-template-columns:repeat(3,minmax(0,1fr))}#gallery-cover .sample-project-gallery-group__grid{grid-template-columns:repeat(2,minmax(0,1fr))}#gallery-cover .sample-project-sheet button{background:#fef6f6}#gallery-cover .sample-project-sheet img{object-fit:cover;object-position:center center;height:340px}.sample-project-gallery-group[data-sample-project-gallery-group=true]:not(.is-expanded) .sample-project-sheet:nth-child(n+7){display:none}.sample-project-gallery-group__toggle{color:#272116;min-height:48px;font:inherit;cursor:pointer;background:#fff;border:1px solid #4b412d38;border-radius:5px;justify-self:start;padding:0 20px;font-size:15px;font-weight:700;line-height:1}.sample-project-gallery-group__toggle:hover{border-color:#8a71367a}.sample-project-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.sample-project-step{background:#fff;border:1px solid #4b412d24;border-radius:5px;min-height:235px;padding:24px}.sample-project-step span{color:#8a7136;text-transform:uppercase;margin-bottom:18px;font-size:14px;font-weight:700;line-height:1;display:inline-flex}.sample-project-cta{padding:88px 0}.sample-project-cta__inner{color:#4b412d;background:#fef6f6;border:1px solid #4b412d1f;border-radius:5px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:42px;padding-top:46px;padding-bottom:46px;display:grid;box-shadow:0 18px 44px #27211614}.sample-project-cta h2{color:#272116;max-width:860px}.sample-project-cta p{color:#4b412d;max-width:760px;margin-top:18px}.sample-project-cta__actions{flex-direction:column;align-items:stretch;min-width:260px;margin-top:0}.sample-project-cta .sample-project-button--primary{color:#fff;background:#272116}.sample-project-cta__link{color:#8a7136;text-align:center;font-size:16px;font-weight:700;line-height:1;text-decoration:none}.sample-project-cta__link:hover{color:#272116}.sample-project-faq{gap:12px;display:grid}.sample-project-faq__item{background:#fff;border:1px solid #4b412d24;border-radius:5px}.sample-project-faq__item summary{color:#272116;cursor:pointer;justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:18px 22px;font-size:20px;font-weight:600;line-height:1.25;display:flex}.sample-project-faq__item summary:focus{outline:none}.sample-project-faq__item summary:focus-visible,.sample-project-gallery-group__toggle:focus-visible,.sample-project-button:focus-visible,.sample-project-anchor-nav a:focus-visible{outline-offset:3px;outline:2px solid #8a713680}.sample-project-faq__item summary:after{content:"+";color:#8a7136;flex:none;font-size:28px;font-weight:400;line-height:1}.sample-project-faq__item[open] summary:after{content:"−"}.sample-project-faq__item p{max-width:980px;padding:0 22px 22px}.sample-project-lightbox{z-index:110;background:#0c0b0af0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px;display:grid;position:fixed;inset:0}.sample-project-lightbox[hidden]{display:none}.sample-project-lightbox__figure{justify-items:center;gap:10px;margin:0;display:grid}.sample-project-lightbox__image{object-fit:contain;transform-origin:50%;touch-action:none;user-select:none;-webkit-user-drag:none;will-change:opacity, transform;border-radius:5px;width:auto;max-width:min(96vw,1700px);height:auto;max-height:calc(100vh - 142px);display:block}.sample-project-lightbox__counter{color:#f8f4ea;letter-spacing:-.01em;text-align:center;margin:0;font-size:16px;font-weight:600;line-height:1}.sample-project-lightbox figcaption{color:#f8f4eadb;text-align:center;max-width:min(96vw,980px);font-size:14px;line-height:1.35}.sample-project-lightbox__close{color:#fff;cursor:pointer;background:#2721168c;border:0;border-radius:999px;place-items:center;width:52px;height:52px;font-size:36px;line-height:1;display:grid;position:absolute;top:16px;right:16px}.sample-project-lightbox__nav{color:#fff;cursor:pointer;backdrop-filter:blur(5px);z-index:2;background:#2721168c;border:0;border-radius:5px;place-items:center;width:35px;height:72px;display:grid}.sample-project-lightbox__arrow{transform-origin:50%;border-top:3px solid;border-right:3px solid;width:15px;height:15px;margin:0;display:block}.sample-project-lightbox__arrow--left{transform:translate(2px)rotate(-135deg)}.sample-project-lightbox__arrow--right{transform:translate(-6px)rotate(45deg)}.sample-project-lightbox__nav:hover,.sample-project-lightbox__close:hover{background:#272116b8}.sample-project-lightbox__nav:focus-visible,.sample-project-lightbox__close:focus-visible{outline-offset:3px;outline:2px solid #ffffffb8}@media (width<=1440px){.sample-project-breadcrumbs{font-size:15px}.sample-project-hero__inner{grid-template-columns:minmax(0,.84fr) minmax(450px,.9fr)}.sample-project-hero__lead{font-size:22px}.sample-project-hero__visual{min-height:520px}.sample-project-card h3,.sample-project-gallery-group h3,.sample-project-step h3{font-size:22px}}@media (width<=1100px){.sample-project-hero{padding:18px 0 54px}.sample-project-hero__inner,.sample-project-section__head,.sample-project-split,.sample-project-cta__inner,.sample-project-gallery-group__head{grid-template-columns:1fr}.sample-project-breadcrumbs{gap:8px;margin-bottom:26px;font-size:14px}.sample-project-hero__visual{min-height:520px}.sample-project-section{padding:58px 0}.sample-project-section__head{gap:18px;margin-bottom:28px}.sample-project-card-grid--four,.sample-project-card-grid--three,.sample-project-preview-grid,.sample-project-gallery-group__grid,.sample-project-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-project-cta__actions{width:min(100%,320px)}}@media (width<=640px){.sample-project-hero{padding-top:16px;padding-bottom:42px}.sample-project-breadcrumbs{flex-wrap:wrap;gap:7px;margin-bottom:22px;font-size:13px;line-height:1.1}.sample-project-hero h1,.sample-project-section h2,.sample-project-cta h2{font-size:36px;line-height:1.04}.sample-project-hero__lead{margin-top:18px;font-size:18px;line-height:1.32}.sample-project-hero__trust,.sample-project-section__head p,.sample-project-split p,.sample-project-cta p,.sample-project-faq p{font-size:16px}.sample-project-hero__actions,.sample-project-cta__actions{flex-direction:column;align-items:stretch;gap:10px;width:100%;margin-top:24px}.sample-project-anchor-nav__inner{display:flex}.sample-project-anchor-nav a{white-space:nowrap;flex:none}.sample-project-button{width:100%;min-height:52px;padding:0 18px}.sample-project-hero__visual{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);height:auto;min-height:0;padding:12px}.sample-project-hero-card{aspect-ratio:1919/1395}.sample-project-hero-card--sheet{display:none}.sample-project-hero-card img{height:100%}.sample-project-section{padding:44px 0}.sample-project-card-grid--four,.sample-project-card-grid--three,.sample-project-preview-grid,.sample-project-gallery-group__grid,.sample-project-steps,#gallery-cover .sample-project-gallery-group__grid{grid-template-columns:1fr}.sample-project-card,.sample-project-step{min-height:0;padding:20px}.sample-project-card h3,.sample-project-gallery-group h3,.sample-project-step h3{font-size:21px}.sample-project-note{min-height:0;padding:22px;font-size:17px}.sample-project-preview figcaption,.sample-project-sheet figcaption{min-height:54px}.sample-project-preview img,.sample-project-sheet img{height:auto}#gallery-cover .sample-project-sheet img{height:320px}.sample-project-cta{padding:44px 0}.sample-project-cta__inner{gap:24px;padding-top:30px;padding-bottom:30px}.sample-project-faq__item summary{min-height:62px;padding:16px 18px;font-size:17px}.sample-project-faq__item p{padding:0 18px 18px}.sample-project-gallery-group__toggle{width:100%}.sample-project-lightbox{grid-template-columns:1fr;gap:12px;padding:12px}.sample-project-lightbox__figure{order:1}.sample-project-lightbox__image{border-radius:5px;max-width:100%;max-height:calc(100vh - 186px)}.sample-project-lightbox__close{width:40px;height:40px;top:8px;right:8px}.sample-project-lightbox__nav{z-index:2;width:25px;height:50px;position:absolute;top:50%;transform:translateY(-50%)}.sample-project-lightbox__nav--prev{left:18px}.sample-project-lightbox__nav--next{right:18px}.sample-project-lightbox__counter{font-size:13px}}