.dn-page{padding-bottom:64px;--dn-pink:#f5dfd7;--dn-dark:#294f43;--dn-soft:#eaf0e4}
.dn-page [hidden]{display:none!important}
.dn-topline{display:flex;justify-content:space-between;gap:18px;padding:22px 0;color:#68766a;font-size:11px}
.dn-topline>span{font-size:9px;letter-spacing:.12em}
.dn-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:44px;align-items:center;padding:44px 0 65px}
.dn-hero .kicker{font-size:10px;margin-bottom:24px}
.dn-hero h1{font-family:var(--serif);font-size:clamp(52px,5.8vw,78px);font-weight:400;line-height:1.06;letter-spacing:-.055em;margin:0 0 24px}
.dn-hero h1 em{color:#8b6455}
.dn-hero-copy>p:not(.kicker){max-width:440px;color:#627166;font-size:15px;line-height:1.85;margin-bottom:26px}
.dn-hero-actions{display:flex;flex-wrap:wrap;gap:15px;align-items:center}
.dn-soft-button{border:0;background:transparent;padding:12px 7px;color:var(--ink);font-size:12px;font-weight:600;min-height:44px}
.dn-soft-button:hover{text-decoration:underline;text-underline-offset:4px}
.dn-collection-note{display:block;margin-top:22px;font-size:11px;color:#738073}
.dn-name-art{position:relative;min-height:355px;isolation:isolate}
.dn-name-art:before{position:absolute;content:'';inset:15px 24px 6px;background:#f0ede3;border-radius:48% 51% 44% 47%;transform:rotate(-8deg);z-index:-1}
.dn-dog-stamp{position:absolute;width:185px;height:220px;top:55px;left:50%;transform:translateX(-50%) rotate(-5deg);background:#dfe8d7;border:7px solid var(--paper);border-radius:46% 46% 22px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#617b59;box-shadow:0 10px 22px #233b3010}
.dn-dog-stamp .dog-icon{width:112px;height:124px;display:block}
.dn-dog-stamp>span{font-family:var(--serif);font-size:21px;font-style:italic;color:var(--ink);padding-top:10px}
.dn-art-word{position:absolute;z-index:2;min-width:120px;padding:10px 26px;border-radius:9px;background:white;text-align:center;font:italic 31px/1.3 var(--serif);box-shadow:0 5px 18px #213c3010}
.dn-art-one{top:28px;left:5%;transform:rotate(-12deg);background:#efcdbc;color:#643f35}
.dn-art-two{right:1%;top:92px;transform:rotate(10deg);background:#f6edcc;color:#706038}
.dn-art-three{bottom:63px;left:0;transform:rotate(-8deg);font-size:27px;background:#dce8e7;color:#365a59}
.dn-art-four{right:5%;bottom:49px;transform:rotate(9deg);background:#ece2f0;color:#695274}
.dn-art-caption{position:absolute;bottom:2px;width:100%;text-align:center;font-size:10px;letter-spacing:.03em;color:#7a8075}
.dn-discover{border-top:1px solid var(--line);padding-top:40px;scroll-margin-top:30px}
.dn-section-title{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:24px}
.dn-section-title .kicker{font-size:9px;margin-bottom:11px}
.dn-section-title h2{font-family:var(--serif);font-size:clamp(27px,3vw,38px);font-weight:400;letter-spacing:-.04em;margin:0}
.dn-favorites{display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;border:1px solid #d5ddd1;border-radius:30px;background:transparent;padding:11px 16px;font-size:11px;color:var(--ink);min-height:44px}
.dn-favorites svg,.dn-heart svg,.dn-teaser-symbol svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}
.dn-favorites[aria-pressed=true]{background:var(--dn-pink);border-color:#dbb7a9}
#dn-favorite-count{border-radius:50%;min-width:22px;height:22px;display:grid;place-items:center;background:#e6eadd;font-size:10px}
.dn-filter-panel{padding:22px;background:#f0f2eb;border:1px solid #e4e8dd;border-radius:12px}
.dn-search-row{display:grid;grid-template-columns:1fr 235px;gap:14px;align-items:stretch}
.dn-search{display:flex;align-items:center;gap:12px;padding:0 16px;border:1px solid #dbe0d4;background:#fff;border-radius:7px;min-height:55px}
.dn-search svg{width:20px;height:20px;stroke:#667a63;fill:none;stroke-width:1.5;flex-shrink:0}
.dn-search input{background:transparent;border:0;width:100%;min-width:0;padding:15px 0;font-size:13px;color:var(--ink)}
.dn-search:focus-within{outline:2px solid #719069;outline-offset:2px}
.dn-search input:focus{outline:none}
.dn-language{background:white;border:1px solid #dbe0d4;border-radius:7px;padding:7px 12px;display:flex;flex-direction:column;justify-content:center}
.dn-language>span{font-size:9px;color:#6c7968;line-height:1.3}
.dn-language select{border:0;background:transparent;width:100%;padding:3px 0;font-size:12px;color:var(--ink)}
.dn-categories{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.dn-categories button{background:transparent;border:1px solid #cfd9c9;border-radius:30px;color:#4d624f;font-size:11px;padding:9px 14px;min-height:40px}
.dn-categories button:hover{background:#e0e8d9}
.dn-categories button[aria-pressed=true]{background:var(--dn-dark);border-color:var(--dn-dark);color:white}
.dn-results-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0 17px;font-size:11px;color:#69776a}
.dn-results-bar p{margin:0}
.dn-results-bar>div{display:flex;gap:18px;align-items:center}
.dn-results-bar button{border:0;background:none;text-decoration:underline;text-underline-offset:4px;color:inherit;font-size:10px;min-height:36px}
.dn-results-bar select{border:0;background:transparent;color:inherit;font-size:11px;padding:7px 0;max-width:155px}
.dn-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dn-card{display:flex;flex-direction:column;min-width:0;padding:15px 19px 19px;border:1px solid #dfe4d8;border-radius:10px;background:#fffefb;transition:border-color .15s,box-shadow .15s}
.dn-card:hover{border-color:#bacab4;box-shadow:0 5px 18px #284d4306}
.dn-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.dn-category{font-size:9px;letter-spacing:.06em;color:#7c816e;font-weight:600;text-transform:uppercase}
.dn-heart{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border:1px solid #e6e7dc;background:transparent;border-radius:50%;color:#82917b;padding:8px}
.dn-heart:hover{background:#f8e9e3;border-color:#e2c7ba;color:#96614e}
.dn-heart[aria-pressed=true]{background:#f5e2d9;border-color:#e3c1b2;color:#95604d}
.dn-heart[aria-pressed=true] svg{fill:currentColor;stroke:currentColor}
.dn-card h3{font-family:var(--serif);font-size:30px;font-weight:400;letter-spacing:-.035em;margin:0 0 10px;overflow-wrap:anywhere;line-height:1.15}
.dn-origin{font-size:10px;line-height:1.65;color:#806d5d;margin-bottom:10px}
.dn-note{font-size:12px;line-height:1.7;color:#667363;margin-bottom:18px}
.dn-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto}
.dn-tags span{font-size:9px;padding:3px 7px;border-radius:4px;background:#f0f3ea;color:#6c7b63}
.dn-more{text-align:center;margin-top:28px}
.dn-storage{font-size:10px;color:#788270;text-align:center;margin:18px 0 0}
.dn-empty{grid-column:1/-1;text-align:center;padding:55px 24px;border:1px dashed #cad3c1;border-radius:12px;background:#f4f5ed}
.dn-empty>span{font-size:36px;color:#a98672}
.dn-empty h3{font:30px/1.2 var(--serif);margin:12px 0}
.dn-empty p{font-size:13px;color:#677661}
.dn-tip{display:flex;align-items:center;gap:30px;padding:30px 35px;background:#eeeade;border-radius:12px;margin-top:54px}
.dn-tip-symbol{font:66px/1 var(--serif);color:#aa8067}
.dn-tip .kicker{font-size:9px;margin-bottom:12px}
.dn-tip h2{font:italic 32px/1.15 var(--serif);margin:0 0 12px}
.dn-tip p:last-child{font-size:12px;line-height:1.9;color:#66715f;max-width:760px;margin:0}
.dn-sources{font-size:11px;color:#6c7766;margin-top:24px;max-width:900px;line-height:1.9}
.dn-sources summary{cursor:pointer;width:fit-content;padding:8px 0}
.dn-sources p{margin:10px 0}.dn-sources a{text-decoration:underline;text-underline-offset:3px}
.dn-surprise{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#f2e3d9;border:1px solid #e4cfc1;border-radius:12px;padding:24px 30px;margin-bottom:32px}
.dn-surprise h2{font:40px/1.1 var(--serif);margin:8px 0 12px}
.dn-surprise p{font-size:12px;line-height:1.8;margin:0;color:#6d6e5c}
.dn-surprise-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}
.dn-close{border:0;background:transparent;width:35px;height:35px;color:#756a5c;font-size:23px}
.dn-teaser{display:flex;align-items:center;gap:24px;padding:25px 30px;border:1px solid #dddfd1;background:#efeee3;border-radius:12px;margin:25px 0 10px}
.dn-teaser-symbol{display:grid;place-items:center;flex-shrink:0;background:#e3d3c4;width:48px;height:48px;border-radius:50%;color:#916b54}
.dn-teaser .kicker{font-size:9px;margin-bottom:8px}
.dn-teaser h2{font:29px/1.15 var(--serif);letter-spacing:-.03em;margin-bottom:8px}
.dn-teaser p{font-size:12px;color:#697560;margin:0}
.dn-teaser-link{margin-left:auto;white-space:nowrap;font-size:11px;font-weight:600;text-decoration:underline;text-underline-offset:5px}
@media(max-width:1050px){.dn-hero{gap:20px}.dn-name-art{min-height:325px}.dn-art-word{min-width:100px;padding:10px 19px;font-size:27px}.dn-art-two{right:0}.dn-dog-stamp{width:160px;height:200px}.dn-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dn-section-title h2{font-size:31px}.dn-surprise-actions{flex-wrap:wrap;max-width:200px}.dn-teaser{gap:16px}.dn-teaser-link{white-space:normal;max-width:130px}}
@media(max-width:740px){.dn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dn-hero{grid-template-columns:1fr;padding:28px 0 38px;gap:15px}.dn-hero h1{font-size:58px}.dn-name-art{max-width:380px;width:100%;min-height:300px;margin:auto}.dn-art-one{top:10px}.dn-art-two{top:65px}.dn-dog-stamp{top:35px}.dn-art-four{bottom:40px}.dn-section-title{align-items:flex-start;flex-direction:column;gap:18px}.dn-search-row{grid-template-columns:1fr}.dn-language{flex-direction:row;gap:16px;align-items:center;justify-content:space-between;min-height:45px}.dn-language>span{white-space:nowrap}.dn-language select{max-width:180px}.dn-filter-panel{padding:15px}.dn-categories{gap:7px}.dn-categories button{padding:8px 11px;font-size:10px}.dn-results-bar{gap:10px;align-items:flex-start}.dn-results-bar>div{gap:6px;flex-direction:column;align-items:flex-end}.dn-results-bar>p{padding-top:8px}.dn-surprise{flex-direction:column;align-items:flex-start;padding:22px}.dn-surprise-actions{max-width:none}.dn-tip{padding:25px;gap:18px}.dn-tip-symbol{font-size:44px}.dn-teaser{flex-wrap:wrap;padding:22px}.dn-teaser>div{flex:1;min-width:180px}.dn-teaser-link{max-width:none;margin:0}.dn-topline>span{font-size:8px;max-width:135px;text-align:right}}
@media(max-width:420px){.dn-page{width:calc(100% - 32px)}.dn-hero h1{font-size:52px}.dn-hero-copy>p:not(.kicker){font-size:14px}.dn-grid{gap:10px}.dn-card{padding:11px 13px 15px}.dn-card h3{font-size:27px}.dn-card-top{gap:4px}.dn-category{font-size:8px}.dn-heart{width:34px;height:34px}.dn-note{font-size:11px}.dn-origin{font-size:9px}.dn-tip{align-items:flex-start}.dn-tip-symbol{display:none}.dn-section-title h2{font-size:30px}.dn-hero-actions{gap:8px}}