/* Dickyland 19.8: Levend koninklijk archief. Overwrites visual effects without replacing existing media or texts. */
/* 1. The three films are physical, openable royal dossiers. */
body.home .dg198-dossier{isolation:isolate;min-height:470px;overflow:hidden!important;transform-style:preserve-3d;border-radius:19px;border-color:#c69b60!important;background:linear-gradient(135deg,#23384a,#0b1b29 60%,#142c40);box-shadow:0 12px 0 #57402b,0 28px 60px rgba(0,0,0,.44),inset 0 2px rgba(255,239,203,.22);transition:transform .55s cubic-bezier(.18,.77,.25,1),box-shadow .55s ease!important;perspective:1200px}
body.home .dg198-dossier:hover,body.home .dg198-dossier:focus-within{transform:translateY(-7px) rotateX(1.5deg)!important;box-shadow:0 18px 0 #60452d,0 40px 70px rgba(0,0,0,.55)}
.dg198-dossier .dg198-dossier-cover{display:none}
.dg198-live .dg198-dossier:not(.is-open)>.dg17-adventure-no,.dg198-live .dg198-dossier:not(.is-open)>.dg17-video-media,.dg198-live .dg198-dossier:not(.is-open)>.dg17-card-copy{visibility:hidden;pointer-events:none}
.dg198-live .dg198-dossier .dg198-dossier-cover{display:flex;position:absolute;inset:0;z-index:3;flex-direction:column;align-items:stretch;padding:clamp(18px,2.1vw,28px);overflow:hidden;border-radius:inherit;border:2px solid rgba(247,208,144,.32);background:radial-gradient(circle at 78% 23%,rgba(239,195,117,.15),transparent 31%),radial-gradient(circle at 14% 82%,rgba(73,127,151,.21),transparent 40%),linear-gradient(145deg,#30465a 0%,#172d3c 27%,#0c1928 76%,#223d4c 100%);box-shadow:inset 0 0 0 7px rgba(8,20,31,.2),inset 0 1px rgba(255,239,199,.21);backface-visibility:hidden;transform-origin:left center;transition:opacity .48s ease,transform .65s cubic-bezier(.15,.7,.2,1),visibility .65s ease}
.dg198-live .dg198-dossier .dg198-dossier-cover::before{content:'';position:absolute;inset:13px;pointer-events:none;border:1px solid rgba(233,190,115,.31);border-radius:10px}
.dg198-live .dg198-dossier .dg198-dossier-cover::after{content:'';position:absolute;top:-85%;left:-55%;width:70%;height:230%;transform:rotate(24deg);background:linear-gradient(90deg,transparent,rgba(255,228,183,.09),transparent);pointer-events:none;transition:left 1.2s ease}
.dg198-live .dg198-dossier:hover .dg198-dossier-cover::after{left:130%}
.dg198-cover-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#d9bd91;font:800 9px/1.45 Manrope,Arial,sans-serif;letter-spacing:.19em;position:relative;z-index:1}
.dg198-cover-top span:last-child{text-align:right;color:#b4a58e}
.dg198-cover-middle{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:8px 0}
.dg198-wax,.dg198-news-seal,.dg198-seal-medallion{display:grid;place-items:center;font:900 31px/1 Cinzel,Georgia,serif;color:#fce2ab;border:2px solid #f7d394;background:radial-gradient(circle at 34% 27%,#ba7d47,#713921 57%,#3d1b18);box-shadow:0 8px 0 rgba(19,8,9,.37),0 13px 30px rgba(0,0,0,.45),inset 0 0 0 5px rgba(255,226,175,.2)}
.dg198-wax{width:80px;height:80px;border-radius:50%;transform:rotate(-12deg);margin-bottom:12px}
.dg198-cover-kicker{color:#eec48b;font:800 10px/1.5 Manrope,Arial,sans-serif;letter-spacing:.20em}
.dg198-cover-middle h3{color:#ffe9c4;font:800 clamp(22px,2.05vw,31px)/1.17 Cinzel,Georgia,serif;text-wrap:balance;margin:0;max-width:16ch}
.dg198-cover-middle p{max-width:35ch;color:#d6d5d4;font:500 13px/1.68 Manrope,Arial,sans-serif;margin:0}
.dg198-open-dossier{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:51px;padding:13px 19px;width:100%;border:1px solid #f4ce91;border-radius:10px;background:linear-gradient(135deg,#f6d79e,#b4824b);color:#102334;box-shadow:0 5px 0 #66442b,0 12px 24px rgba(0,0,0,.33);font:900 12px/1.25 Manrope,Arial,sans-serif;cursor:pointer}
.dg198-open-dossier:hover,.dg198-open-dossier:focus-visible{background:linear-gradient(135deg,#fff0ca,#d09a5b)}
.dg198-live .dg198-dossier.is-open .dg198-dossier-cover{opacity:0;visibility:hidden;pointer-events:none;transform:perspective(1100px) rotateY(-96deg)}
.dg198-dossier .dg198-close-dossier{display:grid;place-items:center;position:absolute;z-index:4;top:13px;right:13px;width:38px;height:38px;color:#ffedc7;background:rgba(12,29,46,.95);border:1px solid rgba(250,213,151,.7);border-radius:9px;font:28px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 7px 15px rgba(0,0,0,.4)}
.dg198-dossier .dg198-close-dossier[hidden]{display:none!important}
body.home .dg198-dossier.is-open .dg17-adventure-no{padding-right:60px}
.dg198-dossier.is-open .dg17-card-copy{position:relative;z-index:1}

/* 2. Koninklijke woorden: every post has a gold wax seal and an accessible letter. */
body.home .dg17-news-card{border-radius:19px;border:1px solid rgba(235,199,139,.35);box-shadow:0 11px 0 rgba(86,58,37,.76),0 29px 49px rgba(0,0,0,.31)!important;transition:transform .4s ease,box-shadow .4s ease!important}
body.home .dg17-news-card:hover{transform:translateY(-7px) rotateX(1.2deg)!important;box-shadow:0 16px 0 #62452f,0 35px 60px rgba(0,0,0,.46)!important}
.dg17-news-card .dg17-news-media{position:relative;display:block;width:100%;border:0;cursor:pointer;appearance:none}
.dg198-news-seal{position:absolute;z-index:2;right:18px;bottom:-29px;width:59px;height:59px;border-radius:50%;font-size:25px;transform:rotate(-8deg);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.dg17-news-card:hover .dg198-news-seal{transform:rotate(11deg) scale(1.09)}
.dg17-news-card .dg17-news-copy{padding-top:32px}
.dg198-fallback-title{display:inline;padding:0;margin:0;text-align:left;cursor:pointer;border:0;background:none;color:inherit;font:inherit}
.dg198-read-letter{display:inline-flex;cursor:pointer;border:0;background:transparent;text-align:left;text-decoration:none}
.dg198-letter-dialog[hidden]{display:none!important}
.dg198-letter-dialog{position:fixed;z-index:1000;inset:0;display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vw,40px)}
.dg198-letter-backdrop{position:absolute;inset:0;background:rgba(4,12,21,.87);backdrop-filter:blur(13px)}
.dg198-letter-scroll{position:relative;z-index:1;width:min(750px,100%);max-height:min(88vh,850px);max-height:min(88dvh,850px);overflow-y:auto;overflow-x:hidden;border-radius:13px;border:6px solid #926945;background:#ead6ad;box-shadow:0 38px 110px rgba(0,0,0,.7),0 0 0 1px #f5d59b;transform:perspective(1200px) translateY(23px) rotateX(3deg);opacity:.83;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .7s ease;scrollbar-color:#ad7d51 #e3cb9d}
.dg198-letter-dialog.is-unsealed .dg198-letter-scroll{transform:none;opacity:1}
.dg198-letter-paper{min-height:430px;padding:clamp(36px,5vw,65px) clamp(22px,5vw,64px);background:radial-gradient(ellipse at 50% 18%,rgba(255,252,223,.85),transparent 75%),repeating-linear-gradient(95deg,rgba(135,90,45,.018) 0 2px,transparent 2px 13px),linear-gradient(135deg,#f8e8c6,#ead0a0);color:#3e3026}
.dg198-paper-head{display:flex;justify-content:space-between;gap:16px;color:#704a31;font:900 9px/1.6 Manrope,Arial,sans-serif;letter-spacing:.14em}
.dg198-letter-rule{display:block;height:1px;margin:18px 0 28px;background:linear-gradient(90deg,transparent,#9d6e4c 12%,#9d6e4c 88%,transparent)}
.dg198-letter-small{display:block;color:#7c552d;font:900 10px/1.55 Manrope,Arial,sans-serif;letter-spacing:.16em}
.dg198-letter-paper h2{color:#422b24;font:900 clamp(27px,4vw,44px)/1.17 Cinzel,Georgia,serif;margin:15px 0;text-wrap:balance}
.dg198-letter-date{font:700 12px/1.4 Manrope,Arial,sans-serif;color:#846445}
.dg198-letter-text{margin:28px 0 34px;color:#3c342b;font:500 clamp(14px,1.2vw,17px)/1.87 Georgia,serif;overflow-wrap:anywhere}
.dg198-letter-text p{margin:0 0 1.3em}.dg198-letter-text a{color:#654128;text-decoration:underline}.dg198-letter-text img{max-width:100%;height:auto}
.dg198-signature{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0;padding-top:21px;border-top:1px solid rgba(102,64,39,.35);font:italic 25px/1.4 Georgia,serif;color:#704525}
.dg198-signature span{font:35px Cinzel,Georgia,serif;color:#946234}
.dg198-letter-permalink{display:inline-flex;margin:22px 0 0;padding:12px 16px;border:1px solid #95663e;border-radius:8px;text-decoration:none;color:#fff1d5;background:#563c2b;font:800 12px/1.4 Manrope,Arial,sans-serif}
.dg198-letter-permalink[hidden]{display:none!important}
.dg198-letter-close{position:sticky;float:right;z-index:5;top:12px;right:12px;margin:10px 10px -54px 0;width:38px;height:38px;border-radius:50%;border:1px solid #9b714e;color:#654127;background:#fff1d2;font:27px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.16)}
.dg198-seal-stage{position:absolute;z-index:6;inset:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:19px;background:radial-gradient(circle at 50% 40%,#fae5bc 0%,#debf89 92%);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.dg198-seal-medallion{width:115px;height:115px;border-radius:50%;font-size:58px;transform:rotate(-14deg);transition:transform .72s cubic-bezier(.2,.8,.2,1)}
.dg198-seal-stage small{font:900 10px/1.3 Manrope,Arial,sans-serif;color:#60402e;letter-spacing:.18em;opacity:0}
.dg198-letter-dialog.is-unsealed .dg198-seal-stage{opacity:0;transform:scale(1.06);visibility:hidden}
.dg198-letter-dialog.is-unsealed .dg198-seal-medallion{transform:rotate(24deg) scale(1.48)}
.dg198-letter-open{overflow:hidden}

/* 3. Agent's small, intentional stroll from the margin towards the film archive. */
body.home #royal-agent.dg198-autoguide{transition:opacity .32s ease,visibility .32s ease,transform 3s cubic-bezier(.38,.06,.18,1)!important}
body.home #royal-agent.dg198-autoguide[data-guide-section="avonturen"]{transform:translate3d(-110px,0,0)}
body.home #royal-agent.dg198-autoguide[data-guide-section="berichten"]{transform:translate3d(-45px,0,0)}
body.home #royal-agent.dg198-stepping .agent-view{animation:dg198-footsteps .6s ease-in-out infinite alternate}
@keyframes dg198-footsteps{from{transform:translateY(0)}to{transform:translateY(-5px)}}

@media(max-width:1040px){
 body.home .dg198-dossier{min-height:420px}
 body.home #royal-agent.dg198-autoguide{transform:none!important}
}
@media(max-width:740px){
 body.home .dg198-dossier{min-height:405px;transform:none!important}
 body.home .dg198-dossier:hover{transform:translateY(-3px)!important}
 .dg198-cover-middle h3{font-size:clamp(22px,6vw,29px)}
 .dg198-dossier .dg198-dossier-cover{padding:20px}
 .dg198-wax{width:68px;height:68px}
 .dg198-news-seal{width:49px;height:49px;font-size:21px;bottom:-22px}
 .dg198-letter-dialog{padding:10px}
 .dg198-letter-scroll{max-height:93dvh;border-width:4px}
 .dg198-letter-paper{padding:34px 22px 30px}
 .dg198-paper-head{flex-wrap:wrap;font-size:8px}
 body.home #royal-agent.dg198-stepping .agent-view{animation:none!important}
}
@media(prefers-reduced-motion:reduce){
 body.home .dg198-dossier,.dg198-dossier-cover,.dg198-news-seal,.dg198-letter-scroll,.dg198-seal-stage,body.home #royal-agent.dg198-autoguide{transition:none!important;animation:none!important}
 body.home #royal-agent.dg198-autoguide{transform:none!important}
}

/* Two wax fragments separate before the royal letter appears. */
.dg198-seal-medallion{position:relative;border:none;box-shadow:none;background:transparent;transform:rotate(-12deg)!important}
.dg198-seal-medallion::before,.dg198-seal-medallion::after{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 34% 27%,#bb8252,#783b28 58%,#3e1c18);border:3px solid #eed09a;box-shadow:0 11px 23px rgba(56,28,18,.33),inset 0 0 0 6px rgba(255,229,180,.15);transition:transform .8s cubic-bezier(.18,.78,.24,1)}
.dg198-seal-medallion::before{clip-path:polygon(0 0,52% 0,47% 45%,54% 57%,46% 100%,0 100%)}
.dg198-seal-medallion::after{clip-path:polygon(52% 0,100% 0,100% 100%,46% 100%,54% 57%,47% 45%)}
.dg198-seal-medallion b{position:relative;z-index:2;color:#f8db9a;font:900 61px/115px Cinzel,Georgia,serif;text-shadow:0 2px 3px rgba(0,0,0,.25);transition:transform .7s ease,opacity .5s ease}
.dg198-letter-dialog.is-unsealed .dg198-seal-medallion::before{transform:translate(-38px,14px) rotate(-27deg)}
.dg198-letter-dialog.is-unsealed .dg198-seal-medallion::after{transform:translate(43px,-17px) rotate(26deg)}
.dg198-letter-dialog.is-unsealed .dg198-seal-medallion b{opacity:0;transform:scale(1.3)}