/* The Old Oak is a place to enter, with its own storybook composition.
   Same brand ink, original art, no motion or autoplay needed for atmosphere. */
.old-oak{overflow-x:clip}
.oak-storybook .welcome-section{padding-block:80px;scroll-margin-top:24px}
.oak-storybook .eyebrow{letter-spacing:.09em;font-size:13px;font-weight:750}
.oak-arrival{position:relative;min-height:720px;height:calc(100svh - 85px);max-height:930px;isolation:isolate;display:flex;align-items:center;justify-content:flex-end;padding:38px max(4vw,24px) 68px}
.oak-arrival-scene{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#B28AFF}
.oak-arrival-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:38% 34%}
.oak-arrival-note{width:min(370px,34vw);padding:30px 34px 26px;background:#B28AFF;--brand-ink:#000;border-radius:110px 110px 26px 26px;text-align:center;box-shadow:0 16px 35px #07122530;position:relative}
.oak-arrival-note .eyebrow{font-size:12px;margin:10px 0 16px;letter-spacing:.07em}
.oak-storybook .oak-arrival-note h1{font-size:clamp(48px,5.1vw,76px);line-height:.94;letter-spacing:-.05em;margin:0 0 22px}
.oak-arrival-note .oak-invitation{font-size:23px;font-weight:700;line-height:1.35;margin:0 0 16px}
.oak-arrival-note>p:not(.oak-invitation):not(.eyebrow){font-size:16px;line-height:1.55;margin:0 0 22px}
.oak-arrival-action{background:#fff;--brand-ink:#071225;min-height:54px;display:flex;align-items:center;justify-content:center;gap:18px;padding:12px 15px;border-radius:14px;font-weight:800;font-size:17px;text-decoration:none}
.oak-arrival-parent{display:inline-block;font-size:14px;padding:13px 0 0;text-decoration:underline;text-underline-offset:4px}
.oak-path-invitation{position:absolute;left:5%;bottom:24px;background:#fff;--brand-ink:#071225;padding:13px 20px;font-size:15px;font-weight:750;border-radius:12px;text-decoration:none;display:flex;gap:28px;align-items:center}
.oak-bookmarks{display:flex;justify-content:center;flex-wrap:wrap;gap:0;padding:0 4vw;background:#fff;border-bottom:1px solid #B28AFF;position:relative;z-index:1}
.oak-bookmarks a{padding:20px 22px 17px;font-weight:750;font-size:16px;text-decoration:none;border-bottom:4px solid transparent!important}.oak-bookmarks a:hover,.oak-bookmarks a:focus-visible{border-bottom-color:#071225!important;background:#B28AFF;--brand-ink:#000}
.oak-paths{padding:62px 0 42px;background:#B28AFF;--brand-ink:#000;position:relative;border-radius:0 0 50% 32px;scroll-margin-top:0}
.oak-paths-heading{text-align:center;margin:0 auto 35px;max-width:740px}.oak-paths-heading h2{font-size:clamp(31px,3.6vw,48px);margin:12px 0 18px}.oak-paths-heading>p:last-child{font-size:18px;line-height:1.6}
.oak-doors{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;align-items:start;padding-top:8px}
.oak-doors .oak-door{border:0;border-radius:0;overflow:visible;text-align:center;background:none;min-width:0}.oak-door:nth-child(even){margin-top:35px}
.oak-door>a{display:block;text-decoration:none}.oak-door .oak-door-picture{overflow:hidden;border-radius:150px 150px 26px 26px;aspect-ratio:.8;background:white;box-shadow:0 9px 0 #071225;position:relative}
.oak-door .oak-door-picture img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;aspect-ratio:auto}
.oak-doors .oak-door h3{font-size:22px;margin:22px 0 8px;line-height:1.18;overflow-wrap:normal}.oak-door-action{display:inline-block;text-decoration:underline;text-underline-offset:5px;font-size:15px;font-weight:750;line-height:1.5}.oak-door .oak-door-status{font-size:13px;line-height:1.4;margin:12px 0 0}
.oak-paths-note{font-size:14px;max-width:810px;margin:34px auto 0;text-align:center;line-height:1.65}
.oak-storybook #two-games{padding-top:86px}.oak-storybook #two-games>.welcome-heading{max-width:1100px;margin:0 auto 42px}.oak-storybook .oak-two{display:grid;grid-template-columns:1fr;gap:58px}
.oak-storybook .oak-game{display:grid;grid-template-columns:1.2fr 1fr;gap:0;background:white;--brand-ink:#071225;border-radius:0;overflow:visible;align-items:center;position:relative}
.oak-storybook .oak-game>img{border-radius:32px 110px 32px 32px;aspect-ratio:1.3;height:auto;box-shadow:14px 14px 0 #B28AFF}
.oak-storybook .oak-game-copy{padding:24px 20px 24px 58px;background:none;display:block}.oak-storybook .oak-game-copy .eyebrow{display:inline-block;background:#B28AFF;--brand-ink:#000;padding:9px 16px;border-radius:24px;margin-bottom:18px}
.oak-storybook .oak-game-copy h3{font-size:clamp(28px,3.2vw,44px);line-height:1.08;margin:0 0 22px}.oak-storybook .oak-game-copy>p{font-size:18px;line-height:1.7}.oak-storybook .oak-game-copy .oak-game-age{font-size:15px}.oak-storybook .oak-game-copy .welcome-actions{margin-top:24px;gap:10px 24px}
.oak-storybook .oak-game:nth-child(even)>img{grid-column:2;grid-row:1;border-radius:110px 32px 32px 32px;box-shadow:-14px 14px 0 #B28AFF}.oak-storybook .oak-game:nth-child(even)>.oak-game-copy{grid-column:1;grid-row:1;padding:24px 58px 24px 0}
:root[data-portal-theme] .oak-storybook .oak-game .oak-play{background:#B28AFF!important;--brand-ink:#000;border:0!important;padding:15px 22px;border-radius:14px}
.oak-storybook #books{position:relative;isolation:isolate;padding-block:76px}.oak-storybook #books::before{content:"";position:absolute;inset:0 calc((100% - 100vw)/2);z-index:-1;background:#B28AFF;border-radius:5% 10% 3% 8% / 25px 40px 20px 40px}.oak-storybook #books{--brand-ink:#000}
.oak-storybook #books>.welcome-heading{max-width:1100px;margin-inline:auto}.oak-storybook .oak-book-pair{gap:64px;max-width:1050px;margin:45px auto 30px}.oak-storybook .oak-book{display:flex;flex-direction:column;border:0;border-radius:0;background:none;padding:0;gap:25px;text-align:center}
.oak-storybook .oak-book>.welcome-cover{display:block;background:white;height:auto;width:100%;padding:12px 12px 12px 20px;border-radius:3px 12px 12px 3px;box-shadow:inset 8px 0 0 #071225,4px 5px 0 #fff,8px 9px 0 #071225,12px 20px 22px #07122525;transform:rotate(-3deg)}
.oak-storybook .oak-book:nth-child(2)>.welcome-cover{transform:rotate(3deg)}.oak-storybook .oak-book>.welcome-cover img{width:100%;height:auto;object-fit:contain;filter:none}.oak-storybook .oak-book>div{max-width:420px}.oak-storybook .oak-book h3{font-size:27px}.oak-storybook .oak-book p:not(.eyebrow){font-size:17px;line-height:1.6}.oak-storybook #books .welcome-help{border-top:1px solid #000!important}
.oak-storybook #activity-sheets>.welcome-heading{max-width:1100px;margin-inline:auto}.oak-storybook .oak-draw-intro{background:white;border-left:5px solid #B28AFF!important;border-radius:0;padding:10px 25px;--brand-ink:#071225;margin:30px 0 36px}.oak-storybook .oak-sheet-group{padding-top:24px}.oak-storybook .welcome-sheets{gap:26px}.oak-storybook .welcome-sheet img{border:0;border-radius:4px;padding:0;box-shadow:0 5px 20px #07122518;border-bottom:5px solid #B28AFF!important;height:310px}.oak-storybook .welcome-sheet h3{font-size:21px}.oak-storybook .oak-color{margin-top:58px;padding-top:36px;border-top:2px solid #B28AFF}.oak-storybook .oak-color .welcome-cover{border-radius:50% 50% 20px 20px}
.oak-storybook #make-and-play{position:relative;isolation:isolate}.oak-storybook #make-and-play::before{content:"";position:absolute;inset:0 calc((100% - 100vw)/2);background:#B28AFF;z-index:-1;border-radius:8% 3% 5% 7% / 35px 25px 30px 20px}.oak-storybook #make-and-play{--brand-ink:#000}
.oak-storybook .oak-maker-lead{padding:24px 0 40px;gap:50px}.oak-storybook .oak-maker-lead>img{padding:0;height:410px;background:white;object-fit:contain;border-radius:10px;box-shadow:10px 10px 0 #071225}.oak-storybook .welcome-gift-grid{gap:28px}.oak-storybook .welcome-gift{border:0;border-radius:26px;background:white;--brand-ink:#071225}.oak-storybook .welcome-gift-image{background:white;height:310px;padding:20px}.oak-storybook .welcome-gift-image img{filter:none}.oak-storybook .welcome-gift>div{padding:4px 24px 22px}.oak-storybook #make-and-play .welcome-help{border-top:1px solid #000!important}
.oak-storybook #rhymes .welcome-song{background:#B28AFF;--brand-ink:#000;border:0;border-radius:30px;padding:24px 30px;margin-top:40px}.oak-storybook .oak-rhymes img{height:330px}.oak-storybook .welcome-wallpapers img{border-radius:100px 100px 20px 20px}.oak-storybook .welcome-parent{border-radius:45px 45px 0 0;position:relative}.oak-parent-host{display:flex;align-items:center;gap:25px;max-width:650px;margin-bottom:26px}.oak-parent-host img{width:180px;height:180px;object-fit:contain;flex:none}.oak-parent-host p{font-size:26px;line-height:1.25;font-weight:700;margin:0}.oak-storybook .welcome-parent>.wrap>.welcome-heading{margin-bottom:38px}
.oak-storybook a:focus-visible,.oak-storybook summary:focus-visible{outline:3px solid #000;outline-offset:6px}.oak-storybook .oak-door a:focus-visible{border-radius:150px 150px 10px 10px;outline-offset:8px}
.oak-storybook #books,.oak-storybook #make-and-play{width:100%;padding-inline:max(4%,calc((100% - 1280px)/2))}
.oak-storybook #books::before,.oak-storybook #make-and-play::before{inset:0}
.oak-door .oak-door-picture img{object-position:center 55%}
.oak-mobile-menu{display:none}
@media(max-width:760px){
 .old-oak .portal-header>.wrap{min-height:74px;padding-block:12px;display:flex;flex-wrap:nowrap;gap:12px;position:relative;z-index:5}
 .old-oak .portal-header>.wrap>nav{display:none}
 .old-oak .portal-header .portal-logo{font-size:25px;gap:5px;letter-spacing:-.8px}
 .old-oak .portal-header .portal-logo span{margin-left:-3px}
 .old-oak .portal-header .portal-rune{width:17px;flex-basis:17px;height:28px}
 .old-oak .oak-mobile-menu{display:block;margin:0;border:0;padding:0}
 .old-oak .oak-mobile-menu>summary{list-style:none;display:flex;align-items:center;min-height:46px;padding:10px 14px;background:#B28AFF;--brand-ink:#000;border-radius:14px;font-size:15px;font-weight:750;cursor:pointer}
 .old-oak .oak-mobile-menu>summary::-webkit-details-marker{display:none}
 .old-oak .oak-mobile-menu>summary::after{content:none}
 .old-oak .oak-mobile-menu[open]>summary{text-decoration:underline;text-underline-offset:4px}
 .old-oak .oak-mobile-menu>nav{position:absolute;left:0;right:0;top:100%;display:flex;flex-direction:column;align-items:stretch;gap:0;background:white;--brand-ink:#071225;padding:12px 20px;border:2px solid #B28AFF;border-radius:0 0 20px 20px;box-shadow:0 15px 25px #07122525}
 .old-oak .oak-mobile-menu>nav a{min-height:48px;padding:12px;font-size:16px}
 .oak-door .oak-door-picture{aspect-ratio:.8}
}
@media(max-width:350px){.old-oak .portal-header .portal-logo{font-size:22px}.old-oak .oak-mobile-menu>summary{padding-inline:11px}}
@media(min-width:1600px){.oak-arrival{padding-right:10vw}.oak-arrival-note{width:400px}}
@media(max-width:1050px){.oak-arrival{min-height:660px;padding-inline:24px}.oak-arrival-note{width:340px;max-width:40%;padding:32px 25px 20px}.oak-arrival-note h1{font-size:60px}.oak-arrival-scene img{object-position:31% 35%}.oak-doors{gap:16px}.oak-doors .oak-door h3{font-size:20px}.oak-door-action{font-size:14px}.oak-bookmarks a{padding:18px 13px;font-size:15px}.oak-storybook .oak-game-copy{padding-left:38px}.oak-storybook .oak-game:nth-child(even)>.oak-game-copy{padding-right:38px}.oak-storybook .oak-book-pair{gap:44px}.oak-storybook .oak-book h3{font-size:24px}}
@media(max-width:760px){.oak-arrival{height:auto;min-height:0;max-height:none;display:block;padding:0 0 24px;background:#B28AFF}.oak-arrival-scene{position:relative;z-index:0;height:430px}.oak-arrival-scene img{object-position:33% 24%;object-fit:cover;width:100%;height:100%}.oak-arrival-note{width:92%;max-width:560px;margin:-40px auto 0;position:relative;z-index:1;padding:28px 24px 18px;border-radius:60px 60px 25px 25px;box-shadow:none}.oak-storybook .oak-arrival-note h1{font-size:54px;line-height:1;margin:0 0 16px}.oak-arrival-note h1 br{display:none}.oak-arrival-note .eyebrow{margin:6px 0 12px}.oak-arrival-note .oak-invitation{font-size:22px}.oak-arrival-note .oak-invitation br{display:none}.oak-arrival-note>p:not(.oak-invitation):not(.eyebrow){max-width:390px;margin:0 auto 20px}.oak-arrival-action{max-width:350px;margin:auto}.oak-path-invitation{position:static;width:fit-content;max-width:92%;margin:8px auto 0;justify-content:center;gap:12px;background:none;text-decoration:underline;--brand-ink:#000;padding:12px 10px;font-size:14px}.oak-bookmarks{padding:10px 3%;gap:4px;justify-content:flex-start}.oak-bookmarks a{padding:9px 10px;font-size:14px;border-bottom-width:2px!important}.oak-paths{padding:38px 0 36px;border-radius:0 0 35px 35px}.oak-paths-heading h2{font-size:32px}.oak-paths-heading>p:last-child{font-size:17px}.oak-doors{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px;max-width:530px;margin:auto}.oak-door:nth-child(even){margin-top:32px}.oak-door:nth-child(5){grid-column:1/-1;width:calc(50% - 11px);justify-self:center;margin-top:-8px}.oak-door .oak-door-picture{aspect-ratio:.95}.oak-doors .oak-door h3{font-size:23px}.oak-paths-note{font-size:14px;margin-top:25px}.oak-storybook .welcome-section{padding-block:48px}.oak-storybook #two-games{padding-top:54px}.oak-storybook .oak-two{gap:42px}.oak-storybook .oak-game{grid-template-columns:1fr}.oak-storybook .oak-game>img{width:calc(100% - 12px);aspect-ratio:1.4;border-radius:25px 80px 25px 25px;box-shadow:10px 10px 0 #B28AFF}.oak-storybook .oak-game-copy{padding:34px 0 0}.oak-storybook .oak-game-copy h3{font-size:31px}.oak-storybook .oak-game-copy .welcome-actions{gap:10px 20px}.oak-storybook .oak-game:nth-child(even)>img{grid-column:1;grid-row:1;margin-left:12px;border-radius:80px 25px 25px 25px;box-shadow:-10px 10px 0 #B28AFF}.oak-storybook .oak-game:nth-child(even)>.oak-game-copy{grid-column:1;grid-row:2;padding:34px 0 0}.oak-storybook #books{padding-block:45px}.oak-storybook .oak-book-pair{grid-template-columns:1fr;max-width:470px;gap:42px;margin:28px auto}.oak-storybook .oak-book{gap:20px;margin:0 18px}.oak-storybook .oak-book>.welcome-cover{padding:9px 9px 9px 18px}.oak-storybook .oak-book h3{font-size:27px}.oak-storybook .welcome-sheets{gap:24px 16px}.oak-storybook .welcome-sheet img{height:235px}.oak-storybook .welcome-sheet h3{font-size:19px}.oak-storybook .oak-maker-lead{grid-template-columns:1fr;gap:25px;padding-top:0}.oak-storybook .oak-maker-lead>img{height:290px;width:calc(100% - 10px);grid-row:1}.oak-storybook .welcome-gift-image{height:310px}.oak-storybook .oak-color{gap:22px}.oak-storybook .oak-rhymes img{height:260px}.oak-storybook #rhymes .welcome-song{padding:20px;margin-top:30px}.oak-parent-host{gap:16px}.oak-parent-host img{width:125px;height:145px}.oak-parent-host p{font-size:22px}}
@media(max-width:380px){.oak-arrival-scene{height:380px}.oak-storybook .oak-arrival-note h1{font-size:47px}.oak-arrival-note{padding-inline:17px}.oak-doors{gap:24px 16px}.oak-doors .oak-door h3{font-size:21px}.oak-door-action{font-size:14px}.oak-storybook .welcome-sheet img{height:210px}.oak-storybook .oak-game-copy h3{font-size:29px}.oak-parent-host img{width:105px}.oak-parent-host p{font-size:20px}}