/* Pawblication House: warm paper, velvet, walnut and botanical bookplates. */
:root{--cream:#f5ead3;--line:#c9b493;--muted:#5f604d;--paper-texture:url('/assets/book-paper.webp');--bookshop-ornament:url('/assets/bookshop-ornament.webp')}
html{background-color:#352e26;background-image:repeating-linear-gradient(90deg,#ffffff03 0,#ffffff03 2px,transparent 2px,transparent 90px,#150d0880 91px,#150d0880 93px,transparent 95px,transparent 190px)}
body{width:calc(100% - 40px);max-width:1500px;margin:20px auto;border:1px solid #ac8b58;background-color:var(--cream);background-image:var(--paper-texture);background-size:560px;box-shadow:0 12px 60px #100b09a6,0 0 0 5px #6c4c315c}
.header,.section,.shop-welcome,.shop-section,footer{background-image:var(--paper-texture);background-size:560px;background-blend-mode:multiply}
.header{background-color:#e9d9b9;border-bottom:5px double #9c8055;padding-top:21px;padding-bottom:21px;min-height:108px;box-shadow:inset 0 1px #fff5dc,inset 0 -10px 20px #90683b0a}
.header .wordmark{color:#204237}.house-motto{color:#626046}.come-in{border-bottom-color:#9e845d}
.hero{position:relative;isolation:isolate;background-color:#1a4138;background-image:linear-gradient(#173f37ed,#173f37ed),var(--paper-texture);background-size:auto,500px;min-height:610px;border-bottom:1px solid #b69a65}
.hero:after{content:'';position:absolute;inset:15px;border:1px solid #ccb07855;pointer-events:none;z-index:-1}
.hero-copy{padding:49px 8% 30px 11%}.hero-visual{min-height:610px;padding-right:33px}.hero-foot{margin-top:30px}.hero-copy .intro{margin-bottom:18px}.hero-copy>p:not(.eyebrow):not(.hero-foot){color:#eee7d4}.hero .eyebrow{color:#d4b77c}
.hero-visual img,.inside-photo img{border:6px solid #67462f;outline:1px solid #d1af70;outline-offset:-2px;box-shadow:0 9px 25px #0b1b175c,inset 0 0 0 1px #efd9aa}
.image-note{background-color:#f5e7c9;background-image:var(--paper-texture);background-size:450px;border:1px solid #b69b66;box-shadow:2px 4px 8px #16261f35;font-size:15px}
.house-path{background-color:#694a34;background-image:repeating-linear-gradient(90deg,#ffffff03 0,#ffffff03 1px,transparent 2px,transparent 14px);color:#fff0cd;border-top:1px solid #d0ad6c;border-bottom:4px double #b89a64;padding:19px 5%;text-shadow:0 1px #302012}.house-path span{color:#d3b77a}
.shop-welcome{display:grid;grid-template-columns:85px 1fr auto;gap:24px;background-color:#f2e4c5;padding:23px 6%;border-bottom:1px solid #bd9f6b}
.shop-welcome:before{content:'';display:block;width:85px;height:105px;background-image:var(--bookshop-ornament);background-repeat:no-repeat;background-position:center;background-size:contain}
.shop-welcome h2{font-size:29px}.shop-welcome p{font-size:15px}.shop-welcome>a{font-size:15px}
.section{position:relative;isolation:isolate;padding:62px 6%;background-color:#f5ead3}.section>*{position:relative;z-index:1}.section-heading{position:relative;margin-bottom:31px;padding-bottom:23px;border-bottom:1px solid #bda37466;gap:45px}.section-heading:after{content:'✦';position:absolute;bottom:-12px;left:0;color:#a17e48;background-color:inherit;padding-right:12px;font-size:15px;line-height:1.5}.section-heading .eyebrow{color:#7d623c;margin-bottom:15px}
.day-section{background-color:#eadbbd}.day-layout{padding:8px;background:#705039;border:1px solid #aa8b56;box-shadow:0 7px 18px #5e40251a;gap:0}.day-picture{background:#cdb58e}.day-journal{background-color:#f6ebd4;background-image:var(--paper-texture);background-size:500px;padding:28px 8% 33px;border-left:3px double #c2a46e}.day-times{border-bottom-color:#b9a27e;margin-bottom:26px}.day-note{color:#7d603b}
.crew-section{background-color:#f3e6ca}.crew-section:before{content:'';position:absolute;right:5px;bottom:3px;width:135px;height:170px;background:var(--bookshop-ornament) center/contain no-repeat;opacity:.32;pointer-events:none;z-index:0}
.crew-grid{gap:26px}.crew-card,.crew-card:first-child{display:block;min-width:0;padding:11px 11px 22px;background-color:#fcf2dd;background-image:var(--paper-texture);background-size:500px;border:1px solid #bea576;box-shadow:2px 5px 14px #68492818}
.crew-card .portrait,.crew-card:first-child .portrait{border:4px solid #745238;outline:1px solid #d3b47a;outline-offset:-1px;box-shadow:0 3px 8px #51341b24}
.crew-card .crew-name,.crew-card:first-child .crew-name{margin:18px 9px 0;gap:7px 10px;flex-wrap:wrap}.crew-card .crew-name h3,.crew-card:first-child .crew-name h3{font-size:31px}.crew-role,.crew-description{margin-left:9px;margin-right:9px}.crew-card .share{margin-left:9px;margin-right:9px;font-size:13px}.crew-role{color:#6a6549}.crew-name span{font-size:12px}
.inside{background-color:#24483e;background-image:linear-gradient(#24483ee8,#24483ee8),var(--paper-texture);background-size:auto,500px;border-top:5px double #b3955f;border-bottom:5px double #b3955f}.inside-copy{padding:40px 11%}.inside-copy .eyebrow{color:#dec38a}.inside-copy>p:not(.eyebrow){color:#eee7d5}.inside-photo{padding-top:30px;padding-bottom:30px}
.house-world{background-color:#eee0c3;border-bottom:1px solid #b69b6b}.world-grid{gap:26px}.world-grid figure{background-color:#f9eed7;background-image:var(--paper-texture);background-size:500px;padding:9px 9px 5px;border:1px solid #c1a77a;box-shadow:2px 5px 15px #5e43251a}.world-grid figure:last-child{padding-top:9px;margin-top:50px}.world-grid img{border:3px solid #76583a}.world-grid figcaption{padding:22px 15px 5px}
.stories-section{background-color:#e8d8b7}.stories-grid{gap:18px}.story,.story:first-child,.story:last-child{position:relative;padding:28px 24px;background-color:#fbefd5;background-image:var(--paper-texture);background-size:500px;border:1px solid #bea478;box-shadow:2px 5px 12px #61412118}.story:before{content:'';position:absolute;left:9px;right:9px;top:9px;height:6px;border-top:1px solid #b69a66;pointer-events:none}.story-number{color:#7d6038}.story>p:not(.story-number),.story-rest p{color:#5b604b}
.shop-section{padding:62px 6%;background-color:#eadbbd;border-top:1px solid #bda579}.product{background-color:#f9edd5;background-image:var(--paper-texture);background-size:500px;border:1px solid #baa06e;box-shadow:2px 6px 15px #6849281c}.product-art{background-color:#d9d5b9;background-image:var(--paper-texture);background-size:500px;background-blend-mode:multiply;border-bottom:3px double #baa06e}.planner-art{background-color:#e4cdb0}.product-copy{padding:29px 30px 32px}.product-art>span{background:#f6e8c9;border:1px solid #baa06e}
.invitation{position:relative;isolation:isolate;background-color:#214237;background-image:linear-gradient(#214237eb,#214237eb),var(--paper-texture);background-size:auto,500px;border-top:5px double #bd9e64;padding:60px 20px 43px}.invitation:before,.invitation:after{content:'';position:absolute;bottom:15px;width:150px;height:200px;background:var(--bookshop-ornament) center/contain no-repeat;opacity:.35;pointer-events:none;z-index:-1}.invitation:before{left:20px}.invitation:after{right:20px;transform:scaleX(-1)}.invitation .eyebrow{color:#dfc28a}
footer{background-color:#e5d2ab;border-top:5px double #9d7b45;padding:33px 6%;color:#364336}footer p span,footer small{color:#666044}
/* A cream wash keeps the paper tactile without overwhelming the illustrations. */
.header,.section,.shop-welcome,.shop-section,footer{background-image:linear-gradient(#fffaf28c,#fffaf28c),var(--paper-texture);background-size:auto,560px;background-blend-mode:normal,multiply}
.day-journal,.crew-card,.crew-card:first-child,.story,.story:first-child,.story:last-child,.product,.world-grid figure{background-image:linear-gradient(#fffaf2a8,#fffaf2a8),var(--paper-texture);background-size:auto,500px}
@media(min-width:1600px){.hero{min-height:680px}.hero-visual{min-height:680px}.hero-copy{padding-top:66px}}
@media(max-width:1000px){body{width:calc(100% - 28px);margin:14px auto}.hero-copy{padding:42px 8% 28px 10%}.hero-visual{padding-right:26px;min-height:590px}.section,.shop-section{padding:48px 5%}.section-heading{gap:28px}.shop-welcome{grid-template-columns:66px 1fr;gap:18px;padding:22px 5%}.shop-welcome:before{width:66px;height:87px;grid-row:span 2}.shop-welcome>a{grid-column:2;justify-self:start}.shop-welcome h2{font-size:28px}.shop-welcome p{font-size:14px}.crew-grid{gap:20px}.crew-card,.crew-card:first-child{padding:8px 8px 19px}.crew-card .crew-name,.crew-card:first-child .crew-name{margin-left:5px;margin-right:5px}.crew-role,.crew-description{margin-left:5px;margin-right:5px}.crew-card .share{margin-left:5px;margin-right:5px}.day-journal{padding:24px 7%}.inside-copy{padding:33px 10%}.story,.story:first-child,.story:last-child{padding:25px 20px}}
@media(max-width:650px){body{width:100%;margin:0;border:0;box-shadow:none}.header{padding:19px 6% 17px;min-height:0}.hero:after{inset:10px}.hero-copy{padding:37px 7% 29px}.hero-visual{min-height:0;padding:0 7% 27px}.hero-visual img,.inside-photo img{border-width:4px}.hero-foot{margin-top:25px}.house-path{font-size:14px;padding:19px 6%}.shop-welcome{position:relative;display:block;padding:25px 6% 25px 26%}.shop-welcome:before{position:absolute;left:3%;top:25px;width:19%;height:94px}.shop-welcome h2{font-size:25px}.shop-welcome p{font-size:14px}.shop-welcome>a{font-size:15px;margin-top:12px}.section,.shop-section{padding:41px 6%}.section-heading{padding-bottom:20px;margin-bottom:25px}.section-heading h2{font-size:36px}.section-heading>p{font-size:16px}.day-layout{padding:5px}.day-journal{padding:23px 7% 28px;border-left:0;border-top:3px double #c2a46e}.crew-grid{gap:26px}.crew-card,.crew-card:first-child{padding:10px 10px 21px}.crew-card .crew-name,.crew-card:first-child .crew-name{margin-left:8px;margin-right:8px}.crew-card .crew-name h3,.crew-card:first-child .crew-name h3{font-size:32px}.crew-role,.crew-description{margin-left:8px;margin-right:8px}.crew-card .share{margin-left:8px;margin-right:8px;font-size:14px}.crew-section:before{width:100px;height:135px}.inside-photo{padding:24px 7% 0}.inside-copy{padding:29px 7% 33px}.world-grid{gap:24px}.world-grid figure:last-child{margin-top:0;padding-top:9px}.world-grid figcaption{padding:19px 12px 3px}.stories-grid{display:grid;grid-template-columns:1fr;gap:20px}.story,.story:first-child,.story:last-child{padding:27px 23px}.product-copy{padding:26px}.invitation{padding:46px 7% 32px}.invitation:before,.invitation:after{width:70px;height:110px;bottom:5px;opacity:.2}.invitation:before{left:3px}.invitation:after{right:3px}footer{padding:29px 6%}}