main.oct-concept{--ink:#eee7f2;--muted:#ac99b9;--purple:#ae7ac9;background:#080709!important;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;overflow:hidden}.oct-concept *{box-sizing:border-box}.oct-concept h1,.oct-concept h2,.oct-concept h3,.oct-concept p{margin:0;color:inherit!important}.oct-concept h1,.oct-concept h2,.oct-concept h3{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400}.oct-concept em{font-weight:400;color:var(--purple)}.oct-workbench{padding:14px 6%;display:flex;justify-content:space-between;background:#09070b;border-bottom:1px solid #ffffff0d;color:#9b87a7;font-size:9px;letter-spacing:1px}.oct-hero{position:relative;isolation:isolate;min-height:690px;padding:100px 8% 105px;display:flex;align-items:center;background:radial-gradient(ellipse at 85% 26%,#59247260,transparent 58%),radial-gradient(ellipse at 10% 100%,#31123870,transparent 65%),linear-gradient(145deg,#080609 15%,#1c0c26 65%,#09070c);border-bottom:1px solid #73508333}.oct-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(117deg,transparent 47%,#b280cb09 49%,#d9b4f015 49.3%,transparent 50.5%),linear-gradient(0deg,#09070b,transparent 24%);pointer-events:none}.oct-eyebrow{font-size:10px;letter-spacing:2px;color:#b79ac8!important}.oct-concept .oct-hero h1{font-size:clamp(90px,11vw,160px);line-height:.87;letter-spacing:-6px;margin:40px 0 28px}.oct-hero h1 em{background:linear-gradient(120deg,#8650a3 8%,#d6b4e7 43%,#a069ba 60%,#75428c 95%);color:transparent;background-clip:text;-webkit-background-clip:text}.oct-intro{font-size:15px;color:#c2accd!important}.oct-button{display:inline-flex;gap:70px;padding:17px 0;margin-top:24px;border-bottom:1px solid #865a9c;color:#eadbed!important;font-size:11px;text-decoration:none!important;letter-spacing:.5px}.oct-button:hover{border-color:#e0baf3;color:#fff!important}.oct-hero-foot{position:absolute;left:8%;right:8%;bottom:25px;display:flex;justify-content:space-between;font-size:9px;color:#9d85aa;letter-spacing:1px}.oct-section-nav{display:grid;grid-template-columns:repeat(3,1fr);padding:0 8%;background:#09070b;border-bottom:1px solid #ffffff14}.oct-section-nav a{padding:24px 12px;color:#bda5ca!important;font-size:10px;text-decoration:none!important;border-right:1px solid #ffffff12;letter-spacing:.6px}.oct-section-nav a:first-child{padding-left:0}.oct-section-nav a:last-child{border:0}.oct-section-nav a:hover{color:#fff!important}.oct-section{padding:85px 8%;background:#09070b}.oct-section-head{display:grid;grid-template-columns:1fr 2.2fr;gap:15px 25px;align-items:start;margin-bottom:42px}.oct-section-head .oct-eyebrow{padding-top:9px}.oct-concept h2{font-size:clamp(38px,4.5vw,65px);line-height:1.05;letter-spacing:-1.8px}.oct-layout-note{grid-column:2;color:#8c7b96!important;font-size:11px}.oct-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.oct-slot{aspect-ratio:2/3;background:#110d15;border:1px solid #ffffff13;display:flex;justify-content:space-between;flex-direction:column;padding:20px;color:#705d7e}.oct-slot:nth-child(even){background:linear-gradient(145deg,#211429,#100c14 65%);border-color:#68427944}.oct-slot>span{font:italic 25px Georgia,serif}.oct-slot small{font-size:9px;letter-spacing:.5px}.oct-section--reading{background:linear-gradient(180deg,#09070b,#1c0e25 55%,#09070b)}.oct-reading-space{height:200px;display:grid;place-items:center;border-block:1px solid #9771ac26;color:#8e749d;font-size:11px;letter-spacing:1px}.oct-extra-row{display:grid;grid-template-columns:80px 1fr auto;gap:20px;align-items:center;padding:34px 0;border-top:1px solid #9e7ab52e}.oct-extra-row:last-child{border-bottom:1px solid #9e7ab52e}.oct-extra-row>span{color:#9c77b0;font-size:11px}.oct-concept h3{font-size:35px}.oct-extra-row small{font-size:10px;color:#8c7b96}.oct-end{padding:75px 20px;text-align:center;background:radial-gradient(ellipse at 50% 100%,#3f1a5270,transparent 70%),#09070b;border-top:1px solid #ffffff0c}.oct-end p{font:400 clamp(38px,5vw,70px)/1 'Libre Caslon Display',Georgia,serif}.oct-end small{display:block;margin-top:25px;color:#8d779a;font-size:9px;letter-spacing:1px}.oct-concept :focus-visible{outline:2px solid #cfa0e4;outline-offset:5px}@media(max-width:700px){.oct-hero{min-height:630px;padding:75px 6% 85px}.oct-concept .oct-hero h1{font-size:clamp(76px,15vw,110px);letter-spacing:-3px}.oct-hero-foot{left:6%;right:6%}.oct-section-nav{padding:0 5%}.oct-section-nav a{padding:20px 8px;font-size:9px;line-height:1.6}.oct-section{padding:55px 6%}.oct-section-head{display:block;margin-bottom:30px}.oct-section-head .oct-eyebrow{margin-bottom:20px}.oct-layout-note{margin-top:15px!important}.oct-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.oct-slot{padding:15px}.oct-extra-row{grid-template-columns:35px 1fr;gap:10px}.oct-extra-row small{grid-column:2}.oct-concept h3{font-size:30px}.oct-workbench{font-size:8px}}
/* Palette sampled from Autumn's four supplied October designs. */
@font-face{font-family:OctCormorant;src:url('../fonts/CormorantGaramond-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
main.oct-concept{--ink:#fff;--muted:#b2a1c3;--purple:#7e6597;background:#150a20!important}.oct-workbench{background:#100917;color:#baa9cb;border-bottom-color:#7e659733}.oct-hero{min-height:740px;justify-content:center;text-align:center;padding:80px 8% 105px;background:radial-gradient(ellipse at 50% 48%,#39214e 0%,#27123c 37%,#1e0f2e 67%,#150a20 100%)}.oct-hero:after{background:radial-gradient(ellipse at 10% 82%,#b4a5c41c,transparent 38%),radial-gradient(ellipse at 93% 12%,#b8a9ca1c,transparent 34%),linear-gradient(0deg,#150a20,transparent 20%);opacity:1}.oct-hero-copy{position:relative;width:100%}.oct-eyebrow{color:#b4a0c7!important;letter-spacing:2.5px}.oct-concept .oct-hero h1{font-family:OctCormorant,Georgia,serif;font-weight:600;font-size:clamp(84px,10vw,145px);letter-spacing:-5px;line-height:.78;margin:30px 0 35px;color:#fff!important;text-shadow:0 4px 0 #150a2055}.oct-hero h1 em{display:inline-block;font-style:normal;font-size:1.45em;line-height:.85;letter-spacing:-7px;margin-top:10px;background:linear-gradient(165deg,#fff 15%,#ebe4f2 42%,#bba8ce 49%,#fff 55%,#d2c4de 82%);background-clip:text;-webkit-background-clip:text;color:transparent}.oct-intro{font-size:11px;letter-spacing:1.5px;color:#bdaccd!important}.oct-button{margin-top:30px;gap:55px;border:1px solid #7e659777;padding:17px 25px;background:linear-gradient(160deg,#7e65971c,transparent 55%);box-shadow:inset 0 1px #cbbbda22;color:#fff!important}.oct-hero-foot{color:#ac96bf}.oct-sigil{height:55px;position:relative;width:105px;margin:20px auto 28px}.oct-sigil i{position:absolute;width:40px;height:55px;background:#7e6597;clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%)}.oct-sigil i:nth-child(1){left:32px}.oct-sigil i:nth-child(2){left:0;top:17px;width:23px;height:32px;opacity:.6}.oct-sigil i:nth-child(3){right:0;top:7px;width:23px;height:32px;opacity:.6}.oct-section-nav{background:#150a20;border-color:#7e659733}.oct-section-nav a{color:#c5b5d3!important;border-color:#7e659733}.oct-section{background:#150a20}.oct-concept h2,.oct-concept h3{font-family:OctCormorant,Georgia,serif;font-weight:600}.oct-concept h2 em,.oct-concept h3 em{color:#b49bc9}.oct-slot{background:#1e0f2e;border-color:#7e659744;color:#7e6597;position:relative}.oct-slot:nth-child(even){background:#201430;border-color:#7e659744}.oct-slot:nth-child(3){background:#27123c}.oct-slot:after{content:'';position:absolute;inset:12px;border:1px solid #7e65971c;pointer-events:none}.oct-slot small{color:#d0bfdd;font-family:OctCormorant,Georgia,serif;font-weight:600;font-size:25px;letter-spacing:-.5px;z-index:1}.oct-slot>span{font-family:OctCormorant,Georgia,serif;font-style:normal;font-size:16px}.oct-section--reading{background:radial-gradient(ellipse at 85% 50%,#7e659718,transparent 60%),linear-gradient(180deg,#150a20,#27123c 50%,#150a20)}.oct-reading-space{border-color:#7e659740;color:#b5a0c7}.oct-layout-note,.oct-extra-row small{color:#ae9bbd!important}.oct-extra-row{border-color:#7e659733}.oct-end{background:radial-gradient(ellipse at 50% 100%,#39214e,transparent 75%),#150a20;border-color:#7e659733}.oct-end p{font-family:OctCormorant,Georgia,serif;font-weight:600}.oct-end em{color:#b49bc9}.oct-end small{color:#b3a0c2}@media(max-width:700px){.oct-hero{min-height:660px;padding:60px 6% 85px}.oct-concept .oct-hero h1{font-size:clamp(72px,16vw,108px);letter-spacing:-3px;margin:28px 0}.oct-hero h1 em{letter-spacing:-4px}.oct-intro{max-width:280px;margin:0 auto!important;font-size:10px;line-height:1.9;letter-spacing:.8px}.oct-sigil{margin:15px auto 28px}.oct-slot small{font-size:23px}.oct-concept h2{font-size:43px}}
/* Supplied artwork is the visual reference; restrained supporting UI. */
main.oct-concept{--ink:#fff;--purple:#7e6597;background:#1e0f2e!important}.oct-workbench{background:#150a20;border:0}.oct-hero{min-height:350px;padding:65px 6% 75px;justify-content:flex-start;text-align:left;background:linear-gradient(180deg,#150a20,#1e0f2e)}.oct-hero:after{display:none}.oct-hero-copy{max-width:1200px;margin:auto}.oct-concept .oct-hero h1{font:600 clamp(52px,6.4vw,92px)/1.05 OctCormorant,Georgia,serif;letter-spacing:-2px;margin:22px 0;color:#fff!important;text-shadow:none}.oct-hero h1 em{background:none;color:#fff;letter-spacing:inherit;font-size:inherit;line-height:inherit}.oct-intro{color:#ad98bf!important;font-size:11px}.oct-button{background:none;box-shadow:none;border:0;border-bottom:1px solid #7e6597;padding:12px 0;gap:32px;margin-top:20px}.oct-hero-foot{display:none}.oct-section-nav{background:#1e0f2e;padding:0 6%;border-block:1px solid #7e659733}.oct-section-nav a{border:0;padding:18px 0}.oct-section{background:#1e0f2e;padding:55px 6%}.oct-section-head{display:block;margin-bottom:28px}.oct-section-head .oct-eyebrow{margin-bottom:12px;padding:0}.oct-concept h2{font-size:40px;letter-spacing:-.8px}.oct-concept h2 em{color:inherit;font-style:normal}.oct-layout-note:empty{display:none}.oct-slots{gap:22px}.oct-design{margin:0;min-width:0}.oct-design img{display:block;width:100%;height:auto;border:0;box-shadow:none}.oct-design figcaption{font-size:12px;color:#c3b1d2;padding-top:15px;letter-spacing:.5px}.oct-section--reading{background:linear-gradient(180deg,#1e0f2e,#201430)}.oct-reading-space{background:#201430;border-color:#7e659733}.oct-end{background:#150a20}.oct-end p{font-size:42px}.oct-end em{font-style:normal;color:#fff}@media(max-width:700px){.oct-hero{min-height:310px;padding:45px 6%}.oct-concept .oct-hero h1{font-size:54px;letter-spacing:-1px}.oct-intro{margin:0!important;max-width:none;font-size:10px}.oct-section{padding:40px 6%}.oct-slots{gap:25px 12px}.oct-design figcaption{font-size:11px;padding-top:10px}.oct-concept h2{font-size:35px}}
.oct-calendar{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;margin-bottom:45px}.oct-calendar img{width:100%;height:auto;display:block}.oct-calendar h3{font-size:34px}@media(max-width:700px){.oct-calendar{grid-template-columns:1fr;gap:20px}}
.oct-section-nav{grid-template-columns:repeat(4,1fr)}.oct-hero,.oct-section,.oct-end{position:relative;isolation:isolate}.oct-starfield{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.oct-hero-copy,.oct-hero-foot,.oct-section>header,.oct-section>.oct-slots,.oct-section>.oct-reading-space,.oct-section>.oct-calendar,.oct-section>.oct-extra-row,.oct-end>p,.oct-end>small{position:relative;z-index:1}.oct-twinkle{position:absolute;width:var(--size);height:var(--size);background:#fff;border-radius:50%;opacity:.45;box-shadow:0 0 5px #ffffff70;animation:oct-star-sparkle var(--duration) ease-in-out var(--delay) infinite}.oct-twinkle--cross{border-radius:0;clip-path:polygon(50% 0,60% 39%,100% 50%,60% 61%,50% 100%,40% 61%,0 50%,40% 39%);box-shadow:none}@keyframes oct-star-sparkle{0%,100%{opacity:.2;transform:scale(.7)}50%{opacity:.9;transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.oct-twinkle{animation:none;opacity:.55}}@media(max-width:700px){.oct-section-nav{grid-template-columns:repeat(2,1fr);gap:0 16px}.oct-section-nav a{padding:13px 0}}
/* Continuous page fade into the site's black header and footer. */
main.oct-concept{background:linear-gradient(180deg,#000 0%,#100819 9%,#1e0f2e 24%,#27123c 48%,#201430 68%,#150a20 82%,#000 100%)!important}.oct-workbench,.oct-hero,.oct-section-nav,.oct-section,.oct-section--reading,.oct-end{background:transparent}.oct-workbench{border:0}.oct-hero{border-bottom:0}.oct-end{border-top:0}

/* Supplied Ethereal mockup and original size-specific printables. */
.oct-insert{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center;margin-top:64px;padding-top:48px;border-top:1px solid #7e659755;scroll-margin-top:32px}
.oct-insert>img{display:block;width:100%;height:auto}.oct-insert h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(40px,5vw,68px);line-height:1.1;color:#fff;margin:14px 0 24px}.oct-insert p{color:#ddd3e7}.oct-insert-downloads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.oct-insert-downloads .oct-button{display:flex;justify-content:space-between;gap:12px;margin:0;padding:15px 18px;white-space:normal}.oct-insert-downloads span{font-size:11px}.oct-insert .oct-insert-note{font-size:13px;line-height:1.6;color:#bbacc8}.oct-design figcaption a{color:inherit;text-decoration:underline;text-underline-offset:4px}@media(max-width:700px){.oct-insert{grid-template-columns:1fr;margin-top:40px;padding-top:32px}.oct-insert-downloads{grid-template-columns:1fr}}
#oct-bookmarks>img{max-height:650px;width:auto;max-width:100%;justify-self:center}#oct-bookmarks .oct-insert-note{margin-top:24px}#oct-bookmarks .oct-button{margin-top:20px}

/* Supplied phone mockups; downloads preserve the original wallpaper PNGs. */
.oct-wallpapers{position:relative;z-index:1;scroll-margin-top:32px}.oct-wallpapers>h3{font:400 clamp(32px,4vw,48px)/1.2 Georgia,serif;color:#fff;margin:24px 0 12px}.oct-wallpapers>p{color:#ddd3e7;margin-bottom:28px}.oct-wallpaper-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.oct-wallpaper img{display:block;width:100%;height:auto}.oct-wallpaper h4{color:#fff;font:400 clamp(23px,2.2vw,32px)/1.2 Georgia,serif;margin:20px 0 10px}.oct-wallpaper .oct-button{display:flex;justify-content:space-between;gap:8px;padding:12px 0;white-space:normal;font-size:13px}.oct-wallpaper .oct-button span{font-size:11px}@media(max-width:900px){.oct-wallpaper-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){.oct-wallpaper-grid{gap:24px 14px}.oct-wallpaper .oct-button{font-size:12px;flex-wrap:wrap}}

/* October picks use the current library records and existing profile links. */
.oct-book-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.oct-book{display:flex;flex-direction:column;min-width:0}.oct-book-cover{display:block}.oct-book-cover img{display:block;width:100%;height:auto;aspect-ratio:683/1024;object-fit:contain}.oct-book h3{font:400 clamp(24px,2.5vw,34px)/1.15 Georgia,serif;margin:22px 0 10px;color:#fff}.oct-book h3 a{color:inherit;text-decoration:none}.oct-book-author{color:#c4b3d2;font-size:14px;margin:0 0 20px}.oct-book-man{color:#eee4f6;font-size:16px;margin-top:auto}.oct-book-man span{display:block;font-size:10px;letter-spacing:.12em;color:#bda8d0;margin-bottom:7px}.oct-book-man a{color:inherit;text-underline-offset:4px}.oct-book .oct-button{display:flex;justify-content:space-between;margin-top:15px}@media(max-width:800px){.oct-book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 18px}.oct-book h3{font-size:25px}}@media(max-width:370px){.oct-book h3{font-size:22px}}

.oct-section-nav{grid-template-columns:repeat(3,1fr)}@media(max-width:700px){.oct-section-nav{grid-template-columns:repeat(2,1fr)}}
/* Swipeable insert collection; native scrolling keeps downloads and touch gestures usable. */
.oct-insert-navigation{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:40px;padding-block:16px;border-top:1px solid #7e659755}.oct-insert-navigation p{font-size:13px}.oct-insert-navigation [data-insert-controls]:not([hidden]){display:flex;align-items:center;gap:14px}.oct-insert-navigation button{width:48px;height:48px;border:1px solid #7e659777;background:#100819;color:#fff;font-size:22px;cursor:pointer}.oct-insert-navigation button:disabled{opacity:.3;cursor:default}.oct-insert-navigation span[data-insert-count]{font-size:13px;white-space:nowrap}.oct-insert-track{position:relative;z-index:1;display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#7e6597 #100819;padding-bottom:16px}.oct-insert-track>.oct-insert{flex:0 0 100%;min-width:0;align-self:start;scroll-snap-align:start;scroll-snap-stop:always;margin:0;padding:0;border:0}.oct-insert-track:focus-visible,.oct-insert-navigation button:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:700px){.oct-insert-track{gap:16px}.oct-insert-navigation{gap:8px}.oct-insert-navigation p{max-width:145px}.oct-insert-navigation [data-insert-controls]:not([hidden]){gap:8px}.oct-insert-track .oct-insert{gap:20px}.oct-insert-track .oct-insert h3{margin:8px 0 14px}.oct-slots{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:14px;scrollbar-width:thin;scrollbar-color:#7e6597 transparent}.oct-slots>.oct-design{flex:0 0 82%;scroll-snap-align:start}}
.oct-book-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:18px}.oct-book-actions .oct-button{margin:0;min-height:44px;justify-content:space-between}.oct-tbr-save{min-height:48px;padding:12px 14px;border:1px solid #9174ac;background:linear-gradient(150deg,#59406955,#160b22);color:#fff;font:inherit;font-size:13px;text-align:left;cursor:pointer}.oct-tbr-save:hover{border-color:#eee3f7}.oct-tbr-save:focus-visible{outline:2px solid #fff;outline-offset:3px}.oct-tbr-message{margin-top:20px!important;font-size:14px;line-height:1.5}.oct-tbr-message:empty{display:none}
.oct-cover-save{position:relative}.oct-cover-save .oct-tbr-save{position:absolute;left:8px;bottom:8px;right:auto;top:auto;z-index:2;display:flex;align-items:center;gap:6px;min-height:44px;padding:8px 11px;background:#100819ee;border:1px solid #bba4cc;border-radius:24px;font-size:12px;box-shadow:0 2px 12px #0005}.oct-cover-save .oct-tbr-save [aria-hidden]{font-size:23px;line-height:1}.oct-cover-save .oct-tbr-save[data-saved=true]{color:#fff;background:#4d335fee}
/* Mobile October shelf: two overlapping pairs, with saves anchored to covers. */
@media(max-width:800px){
 .oct-book-grid{gap:46px 0;padding:18px 8px 8px;isolation:isolate}
 .oct-book{position:relative;display:block;padding-bottom:18px;min-width:0}
 .oct-book:nth-child(odd){z-index:1;transform:rotate(-5deg);transform-origin:bottom center;margin-left:6px;margin-right:-5px}
 .oct-book:nth-child(even){z-index:2;transform:rotate(4deg);transform-origin:bottom center;margin-left:-10px;margin-right:6px}
 .oct-cover-save{isolation:isolate}
 .oct-book-cover img{box-shadow:7px 8px 14px #0009}
 .oct-book::after{content:'';position:absolute;left:-8px;right:-9px;bottom:0;height:10px;background:linear-gradient(#92779e,#47324f 35%,#170e20);box-shadow:0 13px 16px #000b;pointer-events:none}
 .oct-book>h3,.oct-book>.oct-book-author,.oct-book>.oct-book-man,.oct-book>.oct-button{display:none}
 .oct-cover-save .oct-tbr-save{left:7px;bottom:7px;padding:8px 10px;min-height:44px}
 .oct-book:focus-within{z-index:3}
}
.oct-insert-downloads.oct-size-picker{grid-template-columns:1fr;gap:14px}.oct-size-picker label{display:block;color:#ded0e9;font-size:14px}.oct-size-picker select{display:block;width:100%;min-height:50px;margin-top:10px;padding:12px 14px;color:#fff;background:#160d20;border:1px solid #987eac;border-radius:0;font:16px/1.4 Arial,sans-serif;color-scheme:dark}.oct-size-picker select:focus-visible{outline:2px solid #fff;outline-offset:3px}.oct-size-picker .oct-button[hidden]{display:none}.oct-size-picker .oct-button{min-height:48px;justify-content:center;border:1px solid #7e6597;background:linear-gradient(140deg,#51376255,#100819)}