*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{margin:0;font-family:'Trebuchet MS',Verdana,system-ui,sans-serif;color:#443253;background:#f8f9fc}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #86619f;outline-offset:4px}.site-header{position:sticky;top:0;z-index:40;background:#fffffffa;border-top:4px solid #cddfeb;border-bottom:1px solid #ece8f0}.header-inner{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:20px 26px;gap:24px}.brand{display:block;text-align:center}.brand>span{display:block;font:italic 700 clamp(32px,4vw,48px)/1.05 Georgia,serif;letter-spacing:-1.7px;color:#70518d}.brand i{color:#ae6b8a}.brand small{display:block;margin-top:10px;font-size:9px;font-weight:600;letter-spacing:2px;color:#6d8598}.nav{display:flex;align-items:center;gap:8px}.nav a,.nav button{padding:11px 16px;border-radius:12px;font-size:13px;font-weight:700;border:0;background:transparent;color:#61516f}.nav a.active{background:#9b749f;color:white;box-shadow:0 3px 0 #805a87}.nav a:hover,.nav button:hover{background:#eee8f3}.hero{background:linear-gradient(180deg,#d8eaf2,#edf4f8);padding:38px 26px 40px;text-align:center;border-bottom:1px solid #e6eaf0}.hero-inner{max-width:1100px;margin:auto}.hero h1{font-size:clamp(27px,3.5vw,44px);line-height:1.18;margin:0 0 13px;color:#544166}.hero p{font-size:15px;line-height:1.7;color:#687185;margin:0 auto;max-width:850px}.content-shell{max-width:1280px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;padding:28px 24px 65px}.section-title{font-size:26px;margin:0 0 23px;font-weight:800;color:#584167}.section-title small{font-size:12px;font-weight:400;color:#838496;float:right;padding-top:9px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.category-card{display:block;padding:10px;border-radius:17px;background:var(--soft);transition:transform .2s,box-shadow .2s}.category-card:hover{transform:translateY(-4px);box-shadow:0 10px 22px #37146b15}.category-card img{display:block;width:100%;height:290px;object-fit:contain;object-position:center;background:#fff;border-radius:10px;padding:7px}.category-body{padding:12px 2px 4px}.category-title{display:flex;justify-content:space-between;align-items:flex-start;gap:5px;font-size:17px;font-weight:800}.category-title h3{font-size:inherit;line-height:1.3;margin:0}.pill{white-space:nowrap;font-size:10px;background:#ffffffa8;padding:5px 7px;border-radius:7px;flex-shrink:0}.category-body p{font-size:12px;line-height:1.5;margin:9px 0 3px;color:#6b6175}.ad-stack{position:sticky;top:144px;display:grid;gap:16px}.ad-slot{height:230px;border:1px dashed #cbd5e0;background:#f1f5f8;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px;color:#8793a3}.ad-slot b{font-size:14px;margin-bottom:9px;color:#74869b}.ad-slot span{font-size:12px}.about-box{background:#fff;border:1px solid #e7e4ed;border-radius:18px;padding:22px;margin-top:26px;font-size:14px;line-height:1.8;color:#6e657a}.sticky-ad{position:fixed;left:16px;bottom:16px;width:260px;min-height:96px;z-index:60;border:1px dashed #bdc9d9;border-radius:12px;padding:18px;background:#fffffff5;box-shadow:0 10px 30px #332b4c15;color:#8a93a2;font-size:12px}.sticky-ad strong{display:block;color:#77869b;margin-bottom:8px;font-size:12px}.sticky-ad .close{position:absolute;right:7px;top:4px;border:0;background:transparent;font-size:22px;color:#7c8294;width:28px;height:28px}.footer{text-align:center;padding:25px 24px 150px;color:#8a8393;font-size:13px}.footer nav{display:flex;justify-content:center;gap:22px;margin:18px 0}.footer-note{font-size:11px}.category-hero{padding:31px 24px;background:linear-gradient(120deg,var(--soft,#e7e0f1),#edf5f8);border-bottom:1px solid #e5eaf0}.category-hero .inner{max-width:1232px;margin:auto}.crumb{font-size:12px;font-weight:700;color:#8b8098;margin-bottom:14px}.crumb a:hover{text-decoration:underline}.category-hero h1{font-size:38px;color:#59416c;margin:0 0 10px}.category-hero p{margin:0;line-height:1.8;color:#766d80;max-width:800px;font-size:14px}.pdf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.pdf-card{background:#fff;border:1px solid #e5e7ef;border-radius:16px;overflow:hidden;box-shadow:0 8px 22px #37415f0d}.pdf-preview{background:#fff;padding:14px;display:flex;justify-content:center}.pdf-preview img{display:block;width:100%;aspect-ratio:210/297;object-fit:contain;background:#fff}.pdf-info{padding:18px}.pdf-info h2{font-size:18px;line-height:1.4;margin:0 0 13px;color:#544360}.pdf-info p{font-size:12px;color:#8c8398;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 14px;border-radius:10px;font-weight:700;font-size:12px;background:#795491;color:#fff;border:1px solid #795491}.btn:hover{background:#624078}.more-rooms{margin-top:30px}.more-rooms h2{font-size:21px}.related-links{display:flex;flex-wrap:wrap;gap:10px}.related-links a{background:#fff;border:1px solid #e5ddec;border-radius:9px;font-size:12px;padding:10px 13px}.text-page{background:#fff;border:1px solid #e7e4ed;border-radius:18px;padding:28px;line-height:1.9;font-size:15px}.text-page h2{font-size:23px}.text-page p{color:#70677b}.error{max-width:1000px;margin:60px auto;padding:24px}@media(max-width:1100px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-card img{height:310px}.category-title{font-size:19px}}@media(max-width:900px){.content-shell{grid-template-columns:1fr}.ad-stack{position:static;grid-template-columns:repeat(3,1fr)}.ad-slot{height:150px}.header-inner{gap:15px}.category-card img{height:350px}.hero h1{font-size:34px}}@media(max-width:640px){.header-inner{padding:15px 18px;flex-direction:column;gap:13px}.brand>span{font-size:36px}.brand small{font-size:8px;letter-spacing:1.5px}.nav a,.nav button{padding:8px 14px}.hero{padding:30px 20px}.hero h1{font-size:29px}.hero p{font-size:13px}.content-shell{padding:25px 14px 45px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-card{padding:7px}.category-card img{height:230px;padding:3px}.category-title{font-size:14px;flex-wrap:wrap}.category-body p{display:none}.category-body{padding:9px 2px 3px}.pill{font-size:9px}.section-title{font-size:22px}.section-title small{font-size:10px}.ad-stack{grid-template-columns:1fr}.ad-slot{height:150px}.sticky-ad{left:10px;bottom:10px;width:220px;min-height:82px;padding:15px}.category-hero{padding:28px 18px}.category-hero h1{font-size:30px}.pdf-grid{grid-template-columns:1fr}.text-page{padding:20px}.footer{padding-bottom:130px}}@media(max-width:370px){.category-card img{height:195px}.category-title{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.category-card{transition:none}}

.detail-badge{display:inline-block;font-size:10px;letter-spacing:.3px;color:#5d7762;background:#edf3e9;padding:5px 8px;border-radius:6px;margin-bottom:10px}.collection-count{font-size:14px;vertical-align:middle;background:#ffffffa8;padding:8px 11px;border-radius:10px;margin-left:10px}.back-categories{margin-top:25px}.pdf-card{scroll-margin-top:145px}
/* Quiet Colour: warm paper and soft washes, with clear white artwork cards. */
:root{--paper:#faf5eb;--plum:#65475f;--plum-hover:#50384d;--ink:#3d3540;--muted:#6c626b}
body{
 color:var(--ink);
 background-color:var(--paper);
 background-image:
  radial-gradient(ellipse at 0% 8%,rgba(150,177,153,.38) 0,rgba(169,192,165,.19) 19%,transparent 40%),
  radial-gradient(ellipse at 100% 19%,rgba(173,155,192,.35) 0,rgba(193,176,205,.15) 22%,transparent 42%),
  radial-gradient(ellipse at 1% 61%,rgba(128,167,187,.28) 0,rgba(167,194,205,.13) 22%,transparent 41%),
  radial-gradient(ellipse at 100% 84%,rgba(204,146,118,.29) 0,rgba(222,180,155,.13) 23%,transparent 42%),
  radial-gradient(ellipse at 48% 100%,rgba(169,177,143,.18) 0,transparent 44%);
 background-size:100% 1600px;background-repeat:repeat-y;
}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.17;
 background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23877d69' opacity='.22' filter='url(%23paper)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");
}
header,.hero,.category-hero,.content-shell,footer{position:relative}
.hero{background:radial-gradient(ellipse at 14% 24%,rgba(157,183,160,.52),transparent 52%),radial-gradient(ellipse at 90% 28%,rgba(177,159,194,.42),transparent 54%),radial-gradient(ellipse at 66% 100%,rgba(216,167,139,.30),transparent 50%),rgba(250,245,235,.46);border-bottom:1px solid rgba(101,71,95,.12)}
.hero h1,.category-hero h1,.section-title,.category-title h3{color:var(--plum)}
.hero p{color:#5f5562}
.category-hero{background:linear-gradient(115deg,rgba(250,245,235,.80),rgba(250,245,235,.35)),linear-gradient(125deg,var(--soft,#dce9df),#e6d8e8);border-bottom:1px solid rgba(101,71,95,.12)}
.category-card,.pdf-card{background:#fff;border:1px solid rgba(101,71,95,.16);box-shadow:0 5px 20px rgba(80,56,77,.065)}
.category-card:hover{border-color:rgba(101,71,95,.38);box-shadow:0 9px 26px rgba(80,56,77,.11)}
.category-card img,.pdf-preview,.pdf-preview img{background:#fff}
.category-body{background:linear-gradient(120deg,#fff 30%,var(--soft,#f3edf4))}
.btn{background:var(--plum);color:#fff;border-color:var(--plum)}
.btn:hover{background:var(--plum-hover);border-color:var(--plum-hover)}
.about-box{background:rgba(255,253,248,.91);border:1px solid rgba(101,71,95,.15)}
.ad-slot{background:rgba(255,253,248,.86);border-color:rgba(101,71,95,.22)}
footer{background:rgba(250,245,235,.8);border-top:1px solid rgba(101,71,95,.13)}
@media(max-width:700px){body{background-size:100% 1100px}.hero{background:radial-gradient(ellipse at 0% 0%,rgba(157,183,160,.44),transparent 65%),radial-gradient(ellipse at 100% 75%,rgba(177,159,194,.35),transparent 65%),#f8f1e9}body::before{opacity:.12}}
.site-header{border-top-color:#a6b59c;background:rgba(255,253,248,.97);border-bottom-color:rgba(101,71,95,.15)}
.brand>span{color:var(--plum)}.brand i{color:#ad7767}.brand small{color:#746877}
.nav a.active{background:var(--plum);box-shadow:0 3px 0 #50384d}.nav a:hover,.nav button:hover{background:#eee5eb}
.category-body{padding:13px 9px 8px;border-radius:0 0 9px 9px;margin-top:7px}
.crumb,.category-hero p{color:#67596b}.section-title small{color:#726675}

/* Display the approved original logo, framing its blank margins in CSS. */
.brand{width:320px;max-width:100%;flex-shrink:0}
.brand>span.brand-logo{position:relative;display:block;width:100%;aspect-ratio:3.4;overflow:hidden;line-height:0;letter-spacing:normal}
.brand-logo img{position:absolute;display:block;width:116%;max-width:none;height:auto;left:-8%;top:50%;transform:translateY(-50%);mix-blend-mode:multiply}
.brand small{margin-top:3px;font-size:8px;letter-spacing:1.65px;line-height:1.5}
.header-inner{padding-top:9px;padding-bottom:12px}
.nav a.active:hover{background:var(--plum-hover)}
@media(max-width:640px){.brand{width:min(280px,100%)}.brand small{font-size:7px;letter-spacing:1.3px}.header-inner{padding-top:8px;padding-bottom:12px;gap:8px}}
@media(max-width:370px){.brand{width:255px}}

/* One continuous ombre from the logo's ivory to soft lilac and blue. */
@font-face{font-family:'Pencil Calligraphy';src:url('/assets/fonts/pencil-flow-calligraphy.otf') format('opentype');font-style:normal;font-weight:400;font-display:swap}
body{min-height:100vh;background-color:#d8e4ee;background-image:linear-gradient(180deg,#faf5eb 0%,#f5eee8 13%,#eee3ec 36%,#e1ddeb 63%,#d8e4ee 100%);background-size:100% 100%;background-repeat:no-repeat}
.site-header{background:rgba(250,245,235,.97);border-bottom-color:rgba(101,71,95,.08)}
.hero,.category-hero{background:transparent;border-bottom:0}
.hero h1{font-family:'Pencil Calligraphy','Palatino Linotype',Georgia,serif;font-weight:400;font-style:normal;font-size:clamp(38px,4.6vw,61px);line-height:1.2;letter-spacing:0;margin-bottom:14px;text-wrap:balance}
.hero p{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:17px;line-height:1.7}
.footer{background:transparent;border-top:1px solid rgba(101,71,95,.12)}
@media(max-width:640px){.hero h1{font-size:clamp(35px,8.8vw,48px);line-height:1.23}.hero p{font-size:15px}.hero{background:transparent}}

/* Borderless masthead: a single shared gradient ends at the first image row. */
body{background-color:#d8e4ee;background-image:linear-gradient(180deg,#faf5eb 0%,#f1e8e9 30%,#e5ddec 65%,#d8e4ee 100%);background-size:100% var(--masthead-height,390px);background-repeat:no-repeat}
.site-header{position:relative;top:auto;background:transparent;border:0;box-shadow:none}
.brand,.brand>span.brand-logo{background:transparent;border:0;box-shadow:none}
.brand-logo img{mix-blend-mode:normal}
.hero,.category-hero{background:transparent;border:0;box-shadow:none}
@media(max-width:700px){body{background-size:100% var(--masthead-height,450px)}}

/* A single visible colour gradient, shared by the logo and introduction. */
body{background:#c7e1ea}
body::before{display:none}
.masthead{position:relative;background:linear-gradient(180deg,#faf3e7 0%,#efd6df 33%,#dac9e6 58%,#cbd8ed 80%,#c7e1ea 100%)}
.masthead .site-header,.masthead .hero,.masthead .category-hero{background:transparent;border:0;box-shadow:none}
.masthead .site-header{position:relative}
#masthead-banner{display:flow-root}
@media(max-width:700px){body{background:#c7e1ea}.masthead .hero{background:transparent}}

/* Approved Pencil Flow Art logo contains its own printable-pages tagline. */
.brand{width:360px}
.brand>span.brand-logo{aspect-ratio:auto;overflow:visible}
.brand-logo img{position:static;width:100%;max-width:100%;height:auto;transform:none;mix-blend-mode:normal}
.brand small{display:none}
@media(max-width:1100px){.brand{width:320px}}
@media(max-width:640px){.brand{width:min(320px,100%)}}
@media(max-width:370px){.brand{width:min(285px,100%)}}