#home-draft .hp-promos{background:#fff;padding:32px 0;margin:0 0 48px;font-family:'HD DIN',Tahoma,sans-serif;scroll-margin-top:95px}
#home-draft .hp-inner{max-width:1440px;padding:0 30px;margin:auto}
#home-draft .hp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:'print print book portrait' 'family family quality restore';gap:18px;align-items:start}
#home-draft .hp-tile{position:relative;display:block;min-width:0;width:100%;aspect-ratio:1;box-sizing:border-box;border-radius:16px;overflow:hidden;color:#292333;text-decoration:none;background:#eee5da;isolation:isolate;transition:box-shadow .2s}
#home-draft .hp-print{grid-area:print;aspect-ratio:2}
#home-draft .hp-family{grid-area:family;aspect-ratio:2}
#home-draft .hp-book{grid-area:book}
#home-draft .hp-portrait{grid-area:portrait}
#home-draft .hp-quality{grid-area:quality}
#home-draft .hp-restore{grid-area:restore}
#home-draft .hp-tile img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
#home-draft .hp-tile::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,253,249,.94),rgba(255,253,249,.82) 20%,rgba(255,253,249,0) 43%)}
#home-draft .hp-print::after,#home-draft .hp-family::after{background:linear-gradient(90deg,rgba(255,253,249,.94),rgba(255,253,249,.83) 30%,rgba(255,253,249,0) 51%)}
#home-draft .hp-tile h3{position:relative;z-index:1;margin:0;padding:20px;font-size:clamp(19px,1.6vw,23px);font-weight:500;line-height:1.2;color:#292333;box-sizing:border-box;overflow-wrap:normal}
#home-draft .hp-print h3,#home-draft .hp-family h3{width:46%;font-size:clamp(22px,1.9vw,28px);padding:24px}
#home-draft .hp-more{position:absolute;z-index:2;bottom:14px;left:16px;display:inline-flex;align-items:center;gap:12px;padding:9px 13px;border-radius:24px;background:#fff;color:#660099;font-size:15px;font-weight:500;line-height:1.2;box-shadow:0 2px 8px #30273912}
#home-draft .hp-tile:focus-visible{outline:3px solid #660099;outline-offset:4px}
@media(hover:hover){#home-draft .hp-tile:hover{box-shadow:0 6px 22px #30273924}#home-draft .hp-tile:hover .hp-more{background:#660099;color:#fff}}
@media(max-width:1099px){#home-draft .hp-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:'print print' 'book portrait' 'family family' 'quality restore';gap:16px}#home-draft .hp-tile h3{font-size:clamp(20px,2.6vw,26px)}#home-draft .hp-print h3,#home-draft .hp-family h3{font-size:clamp(23px,3vw,30px)}}
@media(max-width:767px){#home-draft .hp-inner{padding-inline:16px}#home-draft .hp-promos{padding:24px 0;margin-bottom:32px;scroll-margin-top:70px}#home-draft .hp-grid{gap:14px}}
@container hp-layout (max-width:599px){
#home-draft .hp-grid{gap:10px}
#home-draft .hp-tile{border-radius:14px;aspect-ratio:1}
#home-draft .hp-tile img{inset:0;width:100%;height:100%;object-fit:contain}
#home-draft .hp-tile::after{background:linear-gradient(180deg,rgba(255,253,249,.98) 0%,rgba(255,253,249,.92) 28%,rgba(255,253,249,0) 62%)}
#home-draft .hp-tile h3{font-size:clamp(14px,3.8vw,20px);padding:10px;width:100%;line-height:1.15}
#home-draft .hp-print,#home-draft .hp-family{aspect-ratio:2}
#home-draft .hp-print::after,#home-draft .hp-family::after{background:linear-gradient(90deg,rgba(255,253,249,.98) 0%,rgba(255,253,249,.94) 32%,rgba(255,253,249,0) 54%)}
#home-draft .hp-print h3,#home-draft .hp-family h3{width:49%;padding:12px 8px 0 12px;font-size:clamp(16px,4.3vw,23px);line-height:1.15}
#home-draft .hp-print .hp-tagline{display:block;font-size:clamp(12px,3.2vw,17px);line-height:1.18;margin-top:5px}
#home-draft .hp-more{bottom:7px;left:8px;font-size:11px;padding:6px 8px;gap:5px}
}@media(prefers-reduced-motion:reduce){#home-draft .hp-tile{transition:none}}@container hp-layout (max-width:599px){
#home-draft .hp-portrait h3{font-size:clamp(14px,3.7vw,19px);line-height:1.12;padding:10px 10px 0}
#home-draft .hp-portrait .hp-doc-note{display:block;font-size:clamp(11px,2.8vw,14px);font-weight:400;line-height:1.15;margin-top:4px;max-width:100%}
#home-draft .hp-portrait::after{background:linear-gradient(180deg,rgba(255,253,249,.98),rgba(255,253,249,.92) 24%,rgba(255,253,249,0) 40%)}
#home-draft .hp-portrait .hp-more{font-size:11px;padding:5px 7px;bottom:6px;left:6px}
}
@container hp-layout (max-width:599px){
#home-draft .hp-portrait .hp-doc-note{display:none}
#home-draft .hp-portrait h3{font-size:clamp(14px,3.7vw,19px);line-height:1.15;padding:10px}
}

#home-draft .hp-inner{container-type:inline-size;container-name:hp-layout}
@container hp-layout (max-width:300px){#home-draft .hp-print .hp-tagline{display:none}#home-draft .hp-print h3,#home-draft .hp-family h3{font-size:15px}#home-draft .hp-portrait h3{padding:8px;font-size:14px}}