.drukko-home{--home-ink:#15141b;--home-muted:#5c5b66;--home-line:#e4e4ea;--home-stage:#ecedf0;--home-mist:var(--color-ground);--home-action:var(--color-ink);--home-action-hover:var(--color-ink-hover);--home-action-soft:var(--color-ground);--home-link:var(--color-link);--home-link-hover:var(--color-link-hover);--home-focus:var(--color-focus);--home-lime:var(--color-lime);--home-on-lime:var(--color-on-lime);--home-on-ink:#b9b8c4;--home-good:#1f7a50;--home-bad:#c53a26;--home-ease:cubic-bezier(.2, .8, .2, 1);--home-max:1200px;color:var(--home-ink);background:#fff}.drukko-home :where(a,summary,button):focus-visible,.drukko-home :where(.home-option,.home-swatch):focus-within{outline:3px solid var(--home-focus);outline-offset:3px}.drukko-home .home-section--ink :where(a,summary,button):focus-visible{outline-color:var(--home-lime)}.home-section{padding:clamp(56px,8vw,112px) 20px}.home-section+.home-section:not(.home-section--ink,.home-section--mist,.home-section--closing){padding-top:0}.home-section+.home-section:not(.home-section--ink,.home-section--mist,.home-section--closing)>*{border-top:1px solid var(--home-line);padding-top:clamp(40px,5vw,64px)}:is(.home-section--hero,.home-section--ink,.home-section--mist)+.home-section:not(.home-section--ink,.home-section--mist,.home-section--closing){padding-top:clamp(56px,8vw,112px)}:is(.home-section--hero,.home-section--ink,.home-section--mist)+.home-section:not(.home-section--ink,.home-section--mist,.home-section--closing)>*{border-top:0;padding-top:0}.home-section--hero{background:var(--home-lime);padding-top:clamp(20px,3vw,40px);padding-bottom:clamp(48px,6vw,88px)}.home-section--ink{background:var(--home-ink);color:#fff}.home-section--mist{background:var(--home-mist)}.home-section--closing{background:var(--home-lime)}.home-wide,.home-split,.home-garment,.home-closing{max-width:var(--home-max);margin:0 auto}.home-split,.home-garment{gap:32px;display:grid}.home-title{font-family:var(--font-onest), sans-serif;letter-spacing:-.04em;text-wrap:balance;max-width:12ch;font-size:clamp(2.4rem,5vw,4rem);font-weight:650;line-height:1.02}.home-lead{max-width:44ch;color:var(--home-muted);margin-top:20px;font-size:clamp(1.05rem,1.35vw,1.2rem);line-height:1.55}.home-section--hero :is(.home-lead,.home-hero-pay,.home-stage-caption,.home-picker-legend){color:var(--home-on-lime)}.home-lead-price{color:var(--home-ink);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:650}.home-heading{font-family:var(--font-onest), sans-serif;letter-spacing:-.03em;text-wrap:balance;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:650;line-height:1.1}.home-section--ink .home-heading{color:#fff}.home-text{max-width:52ch;color:var(--home-muted);margin-top:16px;font-size:1.0625rem;line-height:1.6}.home-section--ink .home-text{color:var(--home-on-ink)}.home-section--closing .home-text{color:var(--home-on-lime)}.home-text--small{font-size:.9375rem}.home-inline-link{color:var(--home-ink);text-underline-offset:3px;-webkit-text-decoration:underline #15141b59;text-decoration:underline #15141b59}.home-inline-link:hover{color:var(--home-link);text-decoration-color:currentColor}.home-link{min-height:44px;color:var(--home-link);text-underline-offset:4px;align-items:center;margin-top:20px;font-weight:600;text-decoration:underline;display:inline-flex}.home-link:hover{color:var(--home-link-hover)}.home-cta{background:var(--home-action);color:#fff;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:56px;margin-top:28px;padding:0 24px 0 28px;font-size:1.0625rem;font-weight:600;transition:background-color .15s ease-out,transform .15s ease-out;display:inline-flex}.home-cta:hover{background:var(--home-action-hover)}.home-cta:active{transform:scale(.98)}.home-cta-icon{transition:transform .2s var(--home-ease)}.home-cta:hover .home-cta-icon{transform:translate(3px)}.home-hero{max-width:var(--home-max);grid-template-areas:"intro""stage""actions";gap:28px;margin:0 auto;display:grid}.home-hero-intro{grid-area:intro;min-width:0}.home-hero-stage{grid-area:stage;min-width:0}.home-hero-actions{grid-area:actions;min-width:0}.home-hero-actions .home-cta{margin-top:0}.home-stage-figure{margin:0}.home-stage{aspect-ratio:1;background:linear-gradient(160deg, #f1f2f6 0%, var(--home-stage) 55%, #e4e6ec 100%);border-radius:28px;position:relative;overflow:hidden}.home-stage-canvas{aspect-ratio:1;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.home-stage-photo{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.home-stage-print{transition:left .32s var(--home-ease), top .32s var(--home-ease), width .32s var(--home-ease), height .32s var(--home-ease);display:block;position:absolute}.home-stage[data-garment=light] .home-stage-print{mix-blend-mode:multiply}.home-stage-price{background:#fffffff0;border-radius:16px;gap:1px;max-width:calc(100% - 24px);padding:8px 14px 10px;display:grid;position:absolute;bottom:12px;left:12px;box-shadow:0 0 0 1px #15141b0f,0 12px 28px -16px #15141b59}.home-stage-price-label{color:var(--home-muted);font-size:.8125rem;font-weight:500}.home-stage-price-total{font-family:var(--font-onest), sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(1.375rem,2.4vw,1.875rem);font-weight:650;line-height:1.1}.home-stage-price-total.is-updated{animation:home-price-in .42s var(--home-ease)}.home-stage-price-note{color:var(--home-muted);font-size:.75rem}@keyframes home-price-in{0%{opacity:.35;filter:blur(3px);transform:translateY(5px)}}.home-stage-caption{color:var(--home-muted);margin-top:8px;font-size:.8125rem}.home-picker,.home-swatches{border:0;min-width:0;margin:18px 0 0;padding:0}.home-picker-legend{color:var(--home-muted);margin-bottom:8px;font-size:.8125rem;font-weight:600}.home-picker-options{scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;margin:0 -20px;padding:2px 20px 6px;display:flex;overflow-x:auto}.home-picker-options::-webkit-scrollbar{display:none}.home-option{border:1px solid var(--home-line);cursor:pointer;scroll-snap-align:start;background:#fff;border-radius:14px;flex-direction:column;flex:none;justify-content:center;gap:1px;min-height:52px;padding:7px 14px;transition:border-color .15s ease-out,background-color .15s ease-out;display:flex;position:relative}.home-option:hover{border-color:#c3c3cd}.home-option.is-selected{border-color:var(--home-ink);box-shadow:inset 0 0 0 1px var(--home-ink)}.home-option-label{white-space:nowrap;font-size:.875rem;font-weight:600;line-height:1.25}.home-option-meta{color:var(--home-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.75rem}.home-swatch-row{gap:8px;display:flex}.home-swatch{border:1px solid var(--home-line);cursor:pointer;background:#fff;border-radius:50%;place-items:center;width:44px;height:44px;transition:border-color .15s ease-out;display:grid;position:relative}.home-swatch:hover{border-color:#c3c3cd}.home-swatch.is-selected{border:2px solid var(--home-ink)}.home-swatch-dot{border-radius:50%;width:30px;height:30px;box-shadow:inset 0 0 0 1px #15141b24}.home-proof{gap:10px;margin:28px 0 0;padding:0;list-style:none;display:grid}.home-proof li{align-items:flex-start;gap:10px;font-size:.9375rem;line-height:1.45;display:flex}.home-proof svg{color:var(--home-action);flex:none;margin-top:1px}.home-hero-pay{max-width:44ch;color:var(--home-muted);margin-top:16px;font-size:.8125rem;line-height:1.5}.home-sticky{z-index:40;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));color:#fff;animation:home-sticky-in .28s var(--home-ease);background:#15141bf2;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 16px;display:flex;position:fixed;box-shadow:0 18px 40px -16px #15141b8c}.home-sticky-price{min-width:0;display:grid}.home-sticky-label{color:var(--home-on-ink);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.home-sticky-total{font-family:var(--font-onest), sans-serif;font-variant-numeric:tabular-nums;font-size:1.125rem;font-weight:650}.home-sticky-cta{background:var(--home-lime);min-height:48px;color:var(--home-ink);border-radius:12px;flex:none;align-items:center;padding:0 18px;font-size:.9375rem;font-weight:600;display:inline-flex}.home-sticky-cta:focus-visible{outline-color:var(--home-lime)}@keyframes home-sticky-in{0%{opacity:0;transform:translateY(16px)}}.home-steps{gap:32px;margin:40px 0 0;padding:0;list-style:none;display:grid}.home-step{border-top:2px solid var(--home-ink);padding-top:20px}.home-step-number{font-family:var(--font-brand);color:var(--home-action);font-size:2.25rem;font-weight:600;line-height:1;display:block}.home-step-title{font-family:var(--font-onest), sans-serif;margin-top:18px;font-size:1.25rem;font-weight:600;line-height:1.3}.home-step-text{max-width:44ch;color:var(--home-muted);margin-top:8px;line-height:1.6}.home-ideas-head .home-text{max-width:48ch}.home-ideas-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px;margin:40px 0 0;padding:0;list-style:none;display:grid}.home-idea{color:#fff;flex-direction:column;display:flex}.home-idea-stage{aspect-ratio:1;background:var(--home-stage);transition:transform .3s var(--home-ease), box-shadow .3s var(--home-ease);border-radius:20px;display:block;position:relative;overflow:hidden}.home-idea:hover .home-idea-stage{transform:translateY(-4px);box-shadow:0 24px 40px -24px #000000b3}.home-idea-photo{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.home-idea-print{display:block;position:absolute}.home-idea-label{font-family:var(--font-onest), sans-serif;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;font-size:1.125rem;font-weight:600;line-height:1.25;display:flex}.home-idea-arrow{color:var(--home-lime);transition:transform .2s var(--home-ease);flex:none}.home-idea:hover .home-idea-arrow{transform:translate(2px,-2px)}.home-idea-text{color:var(--home-on-ink);margin-top:4px;font-size:.875rem;line-height:1.5}.home-price-example{background:var(--home-action-soft);border-radius:18px;gap:2px;max-width:26rem;margin-top:28px;padding:16px 20px 18px;font-size:.9375rem;line-height:1.45;display:grid}.home-price-example strong{font-family:var(--font-onest), sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:650;line-height:1.15}.home-price-list{margin:0}.home-price-row{border-top:1px solid var(--home-line);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.home-price-row--base{border-top:0;padding-top:0}.home-price-row dt{grid-template-columns:56px minmax(0,1fr);align-items:center;column-gap:14px;min-width:0;display:grid}.home-price-glyph{width:56px;height:56px;color:var(--home-ink);background:#e3e5ec;border-radius:12px;grid-row:1/span 2;place-items:center;display:grid;position:relative;overflow:hidden}.home-price-glyph-inner{transform-origin:50% 46%;position:absolute;inset:0;transform:scale(1.35)}.home-price-glyph-inner img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.home-price-glyph-box{border:1.5px solid var(--home-ink);background:var(--home-lime);border-radius:1px;position:absolute}.home-price-name{grid-column:2;align-self:end;font-weight:600;line-height:1.3}.home-price-size{color:var(--home-muted);grid-column:2;align-self:start;font-size:.875rem}.home-price-row dd{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:1.125rem;font-weight:600}.home-price-row--delivery dd{color:var(--home-muted);font-size:.9375rem;font-weight:500}.home-notes{margin:28px 0 0}.home-note{border-top:1px solid var(--home-line);padding:18px 0}.home-note dt{font-weight:600}.home-note dd{max-width:56ch;color:var(--home-muted);margin:6px 0 0;line-height:1.6}.home-compare-title{font-family:var(--font-onest), sans-serif;font-size:1.25rem;font-weight:600;line-height:1.3}.home-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.home-compare-item{margin:0}.home-compare-stage{aspect-ratio:1;background:var(--home-stage);border-radius:18px;display:block;position:relative;overflow:hidden}.home-compare-canvas{display:block;position:absolute}.home-compare-canvas img{width:100%;height:100%;display:block}.home-compare-print{display:block;position:absolute}.home-compare-print[data-background=white]{background:#fff}.home-compare-item figcaption{color:var(--home-muted);gap:8px;margin-top:12px;font-size:.875rem;line-height:1.45;display:flex}.home-compare-item strong{color:var(--home-ink);font-weight:600}.home-compare-mark{flex:none;margin-top:1px}.home-compare-mark.is-good{color:var(--home-good)}.home-compare-mark.is-bad{color:var(--home-bad)}.home-garment-photo{aspect-ratio:1;background:var(--home-stage);border-radius:24px;overflow:hidden}.home-garment-photo img{object-fit:contain;width:100%;height:100%}.home-facts{margin:24px 0 0}.home-fact{border-top:1px solid var(--home-line);grid-template-columns:112px minmax(0,1fr);gap:16px;padding:12px 0;display:grid}.home-fact dt{color:var(--home-muted)}.home-fact dd{margin:0}.home-faq-item{border-top:1px solid var(--home-line)}.home-faq-item:last-child{border-bottom:1px solid var(--home-line)}.home-faq-question{cursor:pointer;padding:20px 44px 20px 0;font-size:1.0625rem;font-weight:600;line-height:1.4;list-style:none;position:relative}.home-faq-question::-webkit-details-marker{display:none}.home-faq-question:after{content:"+";color:var(--home-muted);font-size:1.5rem;font-weight:400;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.home-faq-item[open] .home-faq-question:after{content:"–"}.home-faq-question:hover:after{color:var(--home-ink)}.home-faq-answer{max-width:64ch;color:var(--home-muted);padding:0 44px 20px 0;line-height:1.6}.home-closing{align-items:center;gap:28px;display:grid}.home-closing .home-cta{justify-self:start;margin-top:0}@media (min-width:640px){.home-picker-options{flex-wrap:wrap;margin:0;padding:0;overflow:visible}.home-compare{gap:20px}}@media (min-width:768px){.home-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}}@media (min-width:1024px){.home-hero{grid-template:"intro stage""actions stage"1fr/minmax(0,5fr) minmax(0,6fr);gap:32px 72px}.home-hero-intro{align-self:end;padding-top:24px}.home-stage{aspect-ratio:4/3}.home-stage-price{padding:10px 16px 12px;top:14px;bottom:auto;left:14px}.home-split{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:64px}.home-garment{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:64px}.home-ideas-head{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:end;column-gap:72px;display:grid}.home-ideas-head .home-text{margin-top:0}.home-ideas-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.home-closing{grid-template-columns:minmax(0,1fr) auto;gap:64px}.home-sticky{display:none}}@media (prefers-reduced-motion:reduce){.home-stage-print,.home-stage-price-total,.home-cta,.home-cta-icon,.home-option,.home-idea-stage,.home-idea-arrow,.home-sticky{transition:none;animation:none}}
