.penelope-page{--night:#24203c;--deep:#18152b;--study:#302744;--cream:#fff1de;--muted:#ddcbd9;--blush:#e9b4ad;--honey:#f2d9ae;background:var(--night);color:var(--cream);font-family:Outfit,sans-serif;overflow-x:clip}
.penelope-page .masthead{background:var(--deep);border-color:#514460;color:var(--cream)}
.penelope-page .brand img{mix-blend-mode:screen}
.penelope-page nav a:hover,.penelope-page footer a:hover{color:var(--honey)}
.penelope-page .eyebrow{font-size:12px;letter-spacing:2px;color:#e2bdbe}
.penelope-page h1,.penelope-page h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;line-height:1.04}
.penelope-page h2{font-size:clamp(42px,5vw,76px)}
.penelope-page h1 em,.penelope-page h2 em{font-weight:400;color:var(--blush)}
.penelope-hero{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);align-items:center;gap:5%;min-height:760px;padding:82px 6%;position:relative;isolation:isolate;background:radial-gradient(circle at 75% 44%,#a87b7760,transparent 35%),radial-gradient(circle at 53% 10%,#504480,transparent 43%),var(--night)}
.penelope-hero:before{content:'✦  ·  ✦  ·  ✦';position:absolute;right:8%;top:9%;font-size:27px;letter-spacing:.9em;color:#efd8b3;opacity:.8;z-index:-1}
.hero-copy-penelope{max-width:590px;z-index:2}
.penelope-hero h1{font-size:clamp(68px,7.6vw,125px);margin:0 0 26px}.penelope-hero h1 em{font-style:italic}
.hero-lede{font-family:Georgia,serif;font-size:clamp(24px,2.2vw,34px);line-height:1.25;max-width:510px;margin-bottom:25px}
.hero-detail,.origin-copy p,.reading-copy p,.reward-heading>p:not(.eyebrow),.friends-intro>p:not(.eyebrow),.development-note p,.interest-copy p{font-size:18px;line-height:1.75}
.hero-detail{max-width:520px;color:#e8d8e2}
.penelope-link{display:inline-flex;gap:35px;align-items:center;padding:13px 19px;background:var(--honey);color:#37243a;text-decoration:none;font-weight:700;transition:transform .2s}
.penelope-link:hover{transform:translateY(-3px);background:#ffe5bb}
.name-note{font-size:13px!important;letter-spacing:.03em;color:#c8b7ca;margin:19px 0 0;line-height:1.55!important}
.hero-world{position:relative;min-width:0;padding:45px 0}
.hero-frame{margin:0;border:10px solid #9c7581;outline:3px solid #e9c29d;background:#372b41;box-shadow:0 22px 80px #120f2b99;position:relative}
.hero-frame img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.hero-frame figcaption,.reading-frame figcaption,.reward-frame figcaption{font-size:12px;letter-spacing:.08em;color:#d9c0c8;padding:11px 4px 2px;text-transform:uppercase}
.hero-plush{position:absolute;width:clamp(115px,16vw,220px);height:auto;object-fit:contain;filter:drop-shadow(0 12px 13px #1610228c);z-index:2;pointer-events:none}
.hero-left{left:-8%;bottom:0}.hero-right{right:-6%;top:0}
.chapter-strip{display:flex;justify-content:space-around;gap:20px;background:#40334b;color:#f7d9be;padding:20px 6%;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.18em}
.penelope-page .section{max-width:1500px}
.origin{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:110px;padding-bottom:100px;background:#302744;max-width:none!important}
.origin>div{max-width:620px}.origin>div:first-child{justify-self:end}.origin-copy{border-left:2px solid #a984a0;padding-left:36px}.origin-copy p{margin-bottom:20px;color:#e7d8e1}
.rooms-section{padding:100px max(4%,calc((100vw - 1580px)/2)) 92px;background:radial-gradient(circle at 90% 15%,#6c536633,transparent 40%),#2d263f}
.rooms-heading{max-width:900px;margin:0 auto 64px;text-align:center}.rooms-heading>p:not(.eyebrow){font-size:19px;line-height:1.7;color:#e5d3df;margin:20px auto 0;max-width:760px}
.rooms-gallery{display:grid;gap:85px;max-width:1600px;margin:auto}.room-showcase{min-width:0}.room-showcase-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:0 0 23px}.room-number{font:700 12px Outfit,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#efd0af;white-space:nowrap}.room-showcase h3{font:400 clamp(31px,3vw,49px)/1.15 Georgia,serif;letter-spacing:-.04em;margin:0;text-align:right}.room-showcase h3 em{color:var(--blush);font-weight:400}
.room-compare{position:relative;overflow:hidden;aspect-ratio:16/10;background:#191629;border:1px solid #b48d9c;box-shadow:12px 15px 0 #18122585;isolation:isolate}.room-compare img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}.room-full{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-label{position:absolute;top:22px;z-index:2;padding:9px 13px;background:#21192cbd;border:1px solid #f4d5bc85;color:#fff0de;font:700 12px Outfit,sans-serif;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.compare-label-full{left:22px}.compare-label-base{right:22px}.compare-line{position:absolute;z-index:3;top:0;bottom:0;left:var(--split);width:3px;background:#fff3dd;box-shadow:0 0 12px #1b0e2699;transform:translateX(-50%);pointer-events:none}.compare-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;border-radius:50%;border:3px solid #fff3dd;background:#76526d;color:#fff3dd;font:700 29px Arial,sans-serif;box-shadow:0 5px 24px #160e258c}.room-compare input{position:absolute;z-index:4;left:0;top:50%;transform:translateY(-50%);width:100%;height:64px;margin:0;opacity:0;cursor:ew-resize}.room-compare:focus-within{outline:3px solid var(--honey);outline-offset:5px}
.room-highlights{display:flex;align-items:baseline;gap:28px;padding:25px 4px 0}.room-highlights p{font:700 11px Outfit,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#efcaa9;white-space:nowrap;margin:0}.room-highlights ul{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:0}.room-highlights li{padding:9px 13px;border:1px solid #876d8b;border-radius:999px;color:#f1dfe9;font-size:15px;line-height:1.3}.room-highlights a{color:#f4d3b2;text-decoration:none;border-bottom:1px solid #f4d3b2;white-space:nowrap;margin-left:auto;font-size:14px}.room-highlights a:hover{color:#fff1de}.rooms-footnote{max-width:1600px;margin:56px auto 0;color:#cdb7c8;font-size:13px}
.friends-section{padding:100px 7%;display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:6%;align-items:center;background:#39304d}
.friends-intro{max-width:660px}.friends-intro>p:not(.eyebrow){color:#e2d2df;max-width:590px}.friends-section h2{margin-bottom:20px}
.friends-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.friend-card{min-width:0;background:#59445d;border:1px solid #af91a8;text-align:center;padding:15px 8px 14px;box-shadow:6px 7px 0 #1c172b40}.friend-card:nth-child(2),.friend-card:nth-child(5){background:#534969}.friend-card:nth-child(3),.friend-card:nth-child(6){background:#645165}
.friend-card img{display:block;width:min(100%,170px);aspect-ratio:1;object-fit:contain;margin:auto;filter:drop-shadow(0 11px 11px #22152790)}.friend-card span{display:block;font:600 15px Outfit,sans-serif;color:#f5dfc7;margin-top:5px}
.reading-section{background:#211b32;color:#f9e9e1;padding:105px 6%;position:relative;overflow:hidden}.reading-section:before{content:'✦';position:absolute;font-size:330px;color:#75556a1c;left:-85px;top:-140px;line-height:1}
.reading-inner{max-width:1500px;margin:auto;display:grid;grid-template-columns:.78fr 1.22fr;gap:6%;align-items:center;position:relative}
.reading-section .eyebrow{color:#e5b99b}.reading-section h2 em{color:#eac1aa}.reading-copy p{max-width:490px;color:#e3d0d8}.reading-copy p.eyebrow{color:#e5b99b}
.reading-frame,.reward-frame{margin:0}.reading-frame a,.reward-frame a{display:block;overflow:hidden;border:9px solid #d2b69f;box-shadow:0 18px 48px #09040c80}.reading-frame img,.reward-frame img{display:block;width:100%;height:auto}.reading-frame figcaption{color:#c2a6b7}
.parents-section{padding:95px 7% 80px;background:#39304d;border-top:1px solid #67526f}.parents-heading{max-width:1050px;margin:0 auto 43px;text-align:center}.parents-heading>p:not(.eyebrow){font-size:18px;line-height:1.7;color:#e2d2df;max-width:790px;margin:18px auto}.parents-grid{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;max-width:1450px;margin:auto}.parents-features{display:grid;gap:14px}.parent-feature{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:20px;background:#4a3b58;border:1px solid #937b97}.parent-feature>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e6b9af;color:#35283f;font:700 14px Outfit,sans-serif}.parent-feature h3{font:400 clamp(24px,2.2vw,32px) Georgia,serif;letter-spacing:-.035em;margin:0 0 7px;color:#fff0dc}.parent-feature p{font-size:16px;line-height:1.65;color:#e7d8e1;margin:0}.parents-frame{margin:0}.parents-frame a{display:block;border:9px solid #d2b69f;box-shadow:0 18px 48px #09040c80}.parents-frame img{display:block;width:100%;height:auto}.parents-frame figcaption{font-size:12px;letter-spacing:.08em;color:#d9c0c8;padding:11px 4px 2px;text-transform:uppercase}.parents-footnote{max-width:1450px;margin:30px auto 0;font-size:13px;line-height:1.55;color:#c9b9cc}
.rewards{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center;padding-top:105px;padding-bottom:105px;background:#302744;max-width:none!important}.reward-heading{max-width:540px;justify-self:end}.reward-heading>p:not(.eyebrow){color:#e2d2df}.reward-frame a{border-color:#d2b69f}
.development-note{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;padding:76px max(7%,calc((100vw - 1300px)/2));background:#282139;border-top:1px solid #79647b}.development-note p{max-width:600px;color:#e2d2df}.development-note .name-note{margin:0 0 22px}
.interest-section{display:grid;grid-template-columns:1fr minmax(280px,400px);gap:8%;align-items:center;padding:95px max(7%,calc((100vw - 1300px)/2));background:radial-gradient(circle at 86% 20%,#70506b78,transparent 40%),#352944;border-top:1px solid #79647b}
.interest-copy{max-width:710px}.interest-copy p:not(.eyebrow){max-width:580px;color:#e7d6df}.interest-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 30px 30px;background:#59445d;border:1px solid #bd9baa;box-shadow:9px 11px 0 #1c172b50}.interest-card img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 11px 11px #22152790)}.interest-card button{min-width:220px;border:0;background:var(--honey);padding:15px 23px;color:#37243a;font:700 16px Outfit,sans-serif;cursor:pointer;transition:transform .2s,background .2s}.interest-card button:hover:not(:disabled){transform:translateY(-3px);background:#ffe5bb}.interest-card button:disabled{cursor:default;opacity:.78}.interest-count{font:600 17px Outfit,sans-serif;margin:22px 0 3px}.interest-privacy{font-size:13px;color:#e0cbd8;margin:6px 0 0}
.penelope-page footer{background:var(--deep);color:#d7c5d2}.penelope-page footer a{text-decoration:none}
.penelope-page a:focus-visible,.penelope-page button:focus-visible{outline:3px solid var(--honey);outline-offset:5px}
@media(max-width:1000px){.penelope-hero{grid-template-columns:1fr;gap:22px;padding:65px 7%}.hero-copy-penelope{max-width:730px}.hero-world{max-width:800px;width:100%;margin:auto}.origin{gap:5%}.friends-section{grid-template-columns:1fr;gap:35px}.reading-inner,.rewards,.parents-grid{grid-template-columns:1fr}.reward-heading{justify-self:start}.reading-copy p{max-width:680px}.rewards{gap:32px}.parents-frame{max-width:750px;margin:auto}.interest-section{gap:4%}}
@media(max-width:700px){.penelope-page .masthead{align-items:flex-start;gap:16px}.penelope-page nav{display:flex;flex-wrap:wrap;gap:8px 16px}.penelope-page nav a{font-size:13px}.penelope-hero{padding:57px 6% 60px}.penelope-hero h1{font-size:clamp(62px,14vw,90px)}.penelope-hero:before{right:0;top:12px;font-size:16px}.hero-world{padding:20px 0}.hero-plush{width:115px}.hero-left{left:-7%;bottom:-10px}.hero-right{right:-7%;top:-25px}.chapter-strip{font-size:10px;letter-spacing:.08em;padding:18px 4%}.origin,.development-note{grid-template-columns:1fr;padding:70px 7%}.origin>div:first-child{justify-self:start}.origin-copy{border-left:0;border-top:2px solid #a984a0;padding:24px 0 0}.rooms-section{padding:72px 6%}.rooms-heading{text-align:left;margin-bottom:32px}.rooms-heading>p:not(.eyebrow){margin-left:0}.rooms-gallery{gap:62px}.room-showcase-heading{display:block;margin-bottom:15px}.room-showcase h3{text-align:left;font-size:clamp(30px,8vw,44px);margin-top:9px}.compare-label{top:10px;font-size:9px;padding:6px 7px}.compare-label-full{left:9px}.compare-label-base{right:9px}.compare-line span{width:45px;height:45px;font-size:23px}.room-highlights{display:block;padding-top:19px}.room-highlights p{margin-bottom:12px}.room-highlights ul{gap:8px}.room-highlights li{font-size:12px;padding:7px 10px}.room-highlights a{display:inline-block;margin:17px 0 0}.rooms-footnote{margin-top:38px}.friends-section{padding:70px 7%}.friends-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.friend-card img{width:min(100%,135px)}.reading-section{padding:75px 6%}.parents-section{padding:70px 6%}.parents-heading{text-align:left}.parents-heading>p:not(.eyebrow){margin:18px 0}.parent-feature{grid-template-columns:1fr;padding:18px}.parent-feature>span{width:34px;height:34px}.rewards{padding:75px 6%}.interest-section{grid-template-columns:1fr;padding:75px 7%;gap:25px}.interest-card{max-width:400px}.penelope-page h2{font-size:clamp(43px,11vw,62px)}}
@media(prefers-reduced-motion:reduce){.penelope-link{transition:none}}
