/* Scoped notebook chapter and its homepage introduction. */
.masali-philosophy{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;background:#e9d7b5;color:#193e38;border-top:1px solid #193e3833;border-bottom:1px solid #193e3833;isolation:isolate}
.philosophy-intro h2{margin:22px 0;font-size:clamp(42px,5vw,76px)}
.philosophy-intro>p{font-family:var(--title-font,Georgia,serif);font-size:23px;line-height:1.55;max-width:380px}
.philosophy-cover{position:relative;display:block;padding:32px 40px 34px 52px;background:#f7ecd5;background-image:linear-gradient(90deg,transparent 29px,#b45b4640 30px,transparent 31px);border:1px solid #ad906259;box-shadow:6px 7px 0 #e0cda8,7px 8px 0 #bda47a,12px 18px 35px #442d161c;transform:rotate(-1deg);text-decoration:none;transition:transform .2s,box-shadow .2s}
.philosophy-cover:hover{transform:rotate(0deg) translateY(-3px);box-shadow:6px 7px 0 #e0cda8,7px 8px 0 #bda47a,12px 23px 35px #442d1626}
.philosophy-meta{display:flex;justify-content:space-between;gap:15px;font:700 10px/1.5 Arial,sans-serif;letter-spacing:1.7px;border-bottom:1px solid #92744666;padding-bottom:17px}
.philosophy-number{display:block;font-family:var(--title-font,Georgia,serif);font-size:80px;line-height:1;color:#a3492e;margin:24px 0 14px}
.philosophy-cover h3{font-family:var(--title-font,Georgia,serif);font-size:clamp(30px,3.1vw,48px);line-height:1.2;font-weight:400;margin:0 0 18px}
.philosophy-cover p{font-size:15px;line-height:1.75;max-width:310px;margin-bottom:30px}
.philosophy-action{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #92744666;padding-top:16px;font-size:13px;font-weight:700}
.philosophy-action>span{font-size:24px}
.philosophy-page{background:#e6d2ad;color:#243c32}
.philosophy-page .philosophy-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;padding:24px 7%;background:#073c39;color:#f5e8cf}
.philosophy-header a{text-decoration:none;font-size:13px}
.philosophy-header .philosophy-wordmark{font-family:var(--title-font,Georgia,serif);font-size:26px}
.philosophy-page-intro{max-width:1000px;margin:auto;text-align:center;padding:70px 24px 50px}
.philosophy-page-intro h1{font-family:var(--title-font,Georgia,serif);font-size:clamp(38px,5.5vw,68px);line-height:1.2;font-weight:400;margin:20px 0}
.philosophy-page-intro p{font-size:18px;max-width:620px;margin:0 auto}
.philosophy-notebook{position:relative;max-width:900px;margin:0 auto;padding:40px 80px 35px 100px;background:#f9efd9;background-image:linear-gradient(90deg,#bba37422,transparent 5%,transparent 48%,#bba37408),linear-gradient(90deg,transparent 58px,#a9533e40 59px,transparent 60px);border:1px solid #ac90634d;box-shadow:5px 6px 0 #e6d2ad,6px 7px 0 #baa27a,10px 12px 0 #e8d8b9,11px 13px 0 #baa27a,12px 25px 60px #4b32151a}
.philosophy-article-heading{position:relative;padding:44px 0 30px;border-bottom:1px solid #92744644;margin-bottom:36px}
.philosophy-article-heading>span{font-family:var(--title-font,Georgia,serif);font-size:23px;display:block;color:#9f4830;margin-bottom:18px}
.philosophy-article-heading h2{font-family:var(--title-font,Georgia,serif);font-size:clamp(38px,5.8vw,64px);line-height:1.18;font-weight:400;margin:0;letter-spacing:-.025em}
.philosophy-prose p{font-size:18px;line-height:1.95;margin:0 0 25px;max-width:none}
.philosophy-prose p:first-child{font-family:var(--title-font,Georgia,serif);font-size:25px;line-height:1.5;margin-bottom:35px}
.philosophy-prose p.philosophy-emphasis{font-family:var(--title-font,Georgia,serif);font-size:33px;line-height:1.45;color:#943d25;margin:36px 0}
.philosophy-signature{border-top:1px solid #92744655;margin-top:45px;padding-top:25px;font-family:var(--title-font,Georgia,serif);font-size:25px}
.philosophy-signature span{display:block;font:11px/1.5 Arial,sans-serif;letter-spacing:1px;margin-top:8px}
.philosophy-page-number{text-align:center;margin-top:45px;font:12px Georgia,serif;letter-spacing:3px;color:#78623f}
.philosophy-return{display:flex;gap:25px;align-items:center;justify-content:center;flex-wrap:wrap;padding:48px 24px 65px}
.philosophy-return .pill{margin:0}.philosophy-return>a:last-child{font-size:13px}
@media(max-width:800px){.masali-philosophy{grid-template-columns:1fr;gap:32px}.philosophy-cover{max-width:580px;width:100%;justify-self:center}.philosophy-intro h2 br{display:none}.philosophy-intro>p{max-width:540px}.philosophy-cover h3{font-size:40px}.philosophy-notebook{margin:0 20px;padding:28px 30px 30px 48px;background-position:0 0,-32px 0}.philosophy-page-intro{padding:45px 22px 35px}.philosophy-prose p{font-size:17px;line-height:1.9}.philosophy-article-heading{padding-top:32px}.philosophy-prose p.philosophy-emphasis{font-size:29px}.philosophy-notebook .philosophy-meta{font-size:9px;letter-spacing:1px}}
@media(max-width:420px){.philosophy-cover{padding:25px 24px 25px 44px}.philosophy-cover .philosophy-meta{font-size:9px;letter-spacing:1px}.philosophy-cover h3{font-size:35px}.philosophy-notebook{margin:0 14px;padding:25px 23px 28px 38px;background-position:0 0,-39px 0}.philosophy-page-intro h1{font-size:38px}.philosophy-page-intro p{font-size:16px}.philosophy-article-heading h2{font-size:38px}.philosophy-header .philosophy-wordmark{font-size:24px}.philosophy-prose p:first-child{font-size:23px}}
@media(prefers-reduced-motion:reduce){.philosophy-cover{transition:none}}

/* Hand-lettered Post-it invitation; the full story remains a notebook page. */
.handwritten-postit.philosophy-cover{justify-self:center;width:min(100%,510px);min-height:445px;padding:24px 34px 35px;position:relative;color:#253a23;background:#eedb83;background-image:linear-gradient(180deg,#d4b64c18,transparent 20%,#fff2b12b 80%),radial-gradient(ellipse at 30% 15%,#fff7c833,transparent 75%);border:0;border-radius:0 0 53px 1px;box-shadow:1px 4px 7px #71542012,10px 24px 30px -13px #4d351660;transform:rotate(-3deg);margin:15px 0 25px;text-decoration:none}
.handwritten-postit.philosophy-cover:after{content:"";position:absolute;right:0;bottom:0;width:49px;height:49px;pointer-events:none;border-radius:48px 0 0 0;background:linear-gradient(135deg,#d0b85a22 22%,#fff2b9 49%,#e7ce73 52%,#b59b48);box-shadow:-5px -4px 12px #a48a3930}
.handwritten-postit.philosophy-cover:hover{transform:rotate(-1deg) translateY(-3px);box-shadow:1px 4px 7px #71542012,10px 28px 32px -13px #4d351660}
.handwritten-postit h3{margin:0 -10px 20px;line-height:1;font-size:inherit}
.postit-lettering{display:block;width:100%;height:auto;transform:rotate(1deg)}
.postit-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.handwritten-postit p{font-family:Georgia,"Times New Roman",serif;font-size:19px;line-height:1.55;max-width:390px;margin:0 0 28px;padding:0 9px}
.handwritten-postit .philosophy-action{border:0;padding:8px 10px 0;font-family:Georgia,"Times New Roman",serif;font-size:18px;font-weight:400;max-width:380px}
.handwritten-postit .philosophy-action>span{font-family:Arial,sans-serif;font-size:27px}
@media(min-width:801px){.masali-philosophy{grid-template-columns:1fr 1.05fr;gap:7%}.philosophy-intro h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(45px,5.5vw,76px);font-weight:600;line-height:1.1}.philosophy-intro>p{font-family:Georgia,"Times New Roman",serif;font-size:24px;line-height:1.45}}
@media(max-width:800px){.handwritten-postit.philosophy-cover{width:min(94%,470px);min-height:0;padding:22px 26px 34px;margin:12px 0 26px}.handwritten-postit h3{margin:0 -8px 15px}.handwritten-postit p{font-size:18px;margin-bottom:21px}.handwritten-postit .philosophy-action{font-size:17px}.philosophy-intro h2{font-family:Georgia,"Times New Roman",serif}.philosophy-intro>p{font-family:Georgia,"Times New Roman",serif;font-size:21px}}
@media(prefers-reduced-motion:reduce){.handwritten-postit.philosophy-cover{transition:none}}

/* Place the same invitation beside the relevant drinks, in the two requested scenes. */
#philosophy[hidden]{display:none!important}
#lunch-drinks>#philosophy,#night-menu>#philosophy{padding:38px 12px;margin:28px 0 40px;background:transparent;color:var(--scene-fg,var(--ink));border-color:var(--line,#92744655);width:100%}
#lunch-drinks>#philosophy .philosophy-intro h2,#night-menu>#philosophy .philosophy-intro h2{font-size:clamp(38px,4.5vw,60px)}
#lunch-drinks>#philosophy .philosophy-intro p,#night-menu>#philosophy .philosophy-intro p{font-size:22px}
@media(max-width:800px){#lunch-drinks>#philosophy,#night-menu>#philosophy{padding:30px 0;gap:22px}#lunch-drinks>#philosophy .philosophy-intro p,#night-menu>#philosophy .philosophy-intro p{font-size:20px}}
/* The lunch drinks column is narrow even on desktop. */
#lunch-drinks>#philosophy{grid-template-columns:1fr;gap:22px}
#lunch-drinks>#philosophy .philosophy-intro h2{font-size:40px;line-height:1.15;margin:16px 0}
#lunch-drinks>#philosophy .philosophy-intro h2 br{display:none}
#lunch-drinks>#philosophy .handwritten-postit{width:min(94%,450px);min-height:0;padding:24px 28px 32px}

#lunch-drinks>#philosophy{margin-top:0;padding-top:0;border-top:0}