:root{--ink:#110d13;--plum:#382137;--gold:#d5b573;--gold-dim:#80643d;--paper:#f2e8d9;--muted:#baacb8;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.7 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.05}h1{font-size:clamp(60px,7vw,112px)}h2{font-size:clamp(40px,4.6vw,66px)}h3{font-size:32px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--paper);outline-offset:7px}a:hover{color:var(--gold)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:12px;z-index:20;background:var(--paper);color:var(--ink);padding:8px 18px}.skip-link:focus{top:8px}.contained{width:min(1140px,86%);margin-inline:auto}.eyebrow{text-transform:uppercase;letter-spacing:.23em;font:11px/1.6 var(--sans);color:var(--gold);margin-bottom:22px}.announcement{position:relative;z-index:5;background:#3b243a;border-bottom:1px solid #85614555;text-align:center;font-size:11px;letter-spacing:.08em}.announcement>a{display:block;padding:10px 16px}.announcement-track>span{margin:0 16px;color:var(--gold)}.site-header{position:absolute;z-index:4;top:48px;left:0;right:0;display:flex;align-items:center;flex-direction:column;padding:23px 5% 26px;background:linear-gradient(#110d13aa,transparent)}.wordmark{width:min(500px,70vw);display:flex;flex-direction:column;align-items:center;color:var(--gold)}.wordmark-top{font:500 clamp(28px,4vw,53px)/1.2 var(--serif);text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.wordmark svg{width:100%;height:27px;fill:none;stroke:currentColor;stroke-width:1}.site-header nav{display:flex;gap:44px;align-items:center;margin-top:13px}.site-header nav a{font-size:10px;letter-spacing:.2em;text-transform:uppercase;position:relative}.site-header nav a+a:before{content:'✧';color:var(--gold-dim);position:absolute;left:-26px}.site-header nav a[aria-current]{color:var(--gold);text-decoration:underline;text-underline-offset:8px}.menu-toggle{display:none}.dragon-hero{position:relative;min-height:740px;height:min(810px,65vw);background:linear-gradient(0deg,var(--ink) 0%,transparent 18%),url('/assets/dragon-hero.webp') 50% 45%/cover no-repeat;display:flex;align-items:center;justify-content:flex-end;padding:200px 8% 80px}.hero-copy{width:47%;text-align:center;position:relative}.hero-copy h1{font-size:clamp(76px,9vw,146px);color:var(--gold);line-height:.76;letter-spacing:-.035em;margin:28px 0 30px;text-shadow:0 2px 16px #110d13}.hero-copy h1 span{font-size:1.24em}.hero-copy .eyebrow{font-size:10px;text-shadow:0 1px 8px #000}.title-rule{display:flex;align-items:center;justify-content:center;gap:20px;margin:35px auto 22px;max-width:230px}.title-rule:before,.title-rule:after{content:'';width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.title-rule:after{transform:rotate(180deg)}.ornament{color:var(--gold);font-family:Georgia,serif;font-size:24px;line-height:1}.text-link{display:inline-block;font:500 22px/1.6 var(--serif);border-bottom:1px solid var(--gold-dim);padding-bottom:5px}.text-link span{display:inline-block;margin-left:16px;transition:transform .2s}.text-link:hover span{transform:translateX(5px)}.series-books{position:relative;z-index:2;margin-top:-58px;padding-bottom:92px}.book-row{display:flex;justify-content:center;gap:38px;max-width:890px;margin:auto}.book{flex:1;min-width:0;text-align:center;transition:transform .25s;max-width:265px}.book:hover{transform:translateY(-7px)}.book img{width:100%;aspect-ratio:2/3;object-fit:contain;box-shadow:0 18px 45px #0009;border:1px solid #ac8a4c33}.book-number{display:block;text-transform:uppercase;font-size:9px;letter-spacing:.2em;color:var(--gold);margin-top:21px}.book-title{display:block;font-family:var(--serif);font-size:21px;line-height:1.2;margin-top:7px}.twelve-feature{position:relative;min-height:670px;display:grid;align-items:center;background:linear-gradient(0deg,var(--ink),transparent 12%,transparent 88%,var(--ink)),url('/assets/twelvefold-garden.webp') center/cover no-repeat;border-block:1px solid #b98b4c44}.twelve-inner{display:grid;grid-template-columns:1fr 300px;align-items:center;gap:70px;width:min(920px,76%);margin:80px auto}.twelve-copy{text-align:center;text-shadow:0 2px 18px #000}.twelve-copy :is(h1,h2){color:var(--gold);font-size:clamp(60px,7vw,102px);letter-spacing:-.035em;margin-bottom:15px}.series-type{color:var(--gold);font-family:var(--serif);text-transform:uppercase;letter-spacing:.2em;font-size:18px;margin-bottom:25px}.twelve-cover{display:block;max-width:280px;justify-self:center;transform:rotate(2deg);transition:transform .25s;box-shadow:0 18px 55px #000c}.twelve-cover:hover{transform:rotate(0)}.writing-section{padding-block:100px 110px;text-align:center}.writing-section h2{margin-bottom:20px}.section-intro{color:var(--muted);font-family:var(--serif);font-size:23px}.projects{max-width:790px;margin:55px auto 0;text-align:left}.project+.project{margin-top:35px}.project-heading{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin-bottom:12px}.project-heading h3{font-size:30px;margin:0}.project-heading>span{font-size:11px;color:var(--muted)}.progress{height:9px;border:1px solid #7e5972;border-radius:1px;background:#251b29;overflow:hidden}.progress>span{display:block;height:100%;background:#98648c}.progress.unspecified{height:5px;border:0;background:repeating-linear-gradient(90deg,#6c4762 0,#6c4762 5px,#251b29 5px,#251b29 10px)}.progress-note{font-size:11px;color:var(--muted);margin:10px 0 0}.newsletter-panel{position:relative;padding:75px 24px 85px;text-align:center;background:radial-gradient(ellipse at 50% 80%,#4a2a43,transparent 80%),#221723;border-block:1px solid #ae8a514f}.newsletter-panel:before,.newsletter-panel:after{position:absolute;content:'';height:1px;max-width:200px;width:18%;background:linear-gradient(90deg,transparent,var(--gold-dim));top:42px;left:calc(50% - 220px)}.newsletter-panel:after{left:auto;right:calc(50% - 220px);transform:rotate(180deg)}.newsletter-inner{max-width:660px;margin:auto}.newsletter-inner>.ornament{display:block;position:relative;top:-44px;margin-bottom:-12px}.newsletter-panel .eyebrow{margin-bottom:12px}.newsletter-panel h2{margin-bottom:20px}.newsletter-panel p:not(.eyebrow):not(.form-note){font-family:var(--serif);font-size:23px;max-width:480px;margin-inline:auto}.signup{display:flex;gap:0;max-width:580px;margin:28px auto 0}.signup input{min-width:0;flex:1;border:1px solid #b58d6399;border-right:0;border-radius:0;padding:13px 16px;color:var(--paper);background:#17101988;font-size:12px}.signup button,.button{border:1px solid #b58d63;border-radius:0;background:var(--gold);padding:14px 20px;color:var(--ink);font-size:10px;text-transform:uppercase;letter-spacing:.08em;display:inline-block}.signup input:disabled{opacity:.75}.signup button:disabled{opacity:.65;cursor:not-allowed}.form-note{font:10px/1.7 var(--sans);color:#cabaca;margin:14px auto 0;max-width:520px}.site-footer{padding:60px 7% 22px;display:grid;grid-template-columns:1fr 1fr;gap:45px;max-width:1500px;margin:auto}.footer-name{font:34px/1.2 var(--serif);color:var(--gold)}.footer-brand>p{font-size:11px;color:var(--muted);margin:12px 0 20px}.footer-brand nav{display:flex;gap:24px;font-size:11px}.footer-signup h2{font-size:28px;margin-bottom:12px}.footer-signup .signup{margin-top:15px}.footer-signup .signup button{padding:12px}.footer-signup .signup input{padding:10px;font-size:11px}.footer-bottom{grid-column:1/-1;display:flex;gap:28px;align-items:center;padding-top:25px;border-top:1px solid #b98b4c33;font-size:10px;color:var(--muted)}.back-top{margin-left:auto}.page-heading{padding-top:225px;text-align:center;padding-bottom:45px}.page-heading h1{font-size:clamp(55px,6vw,85px);margin-bottom:20px}.page-heading>p:last-child{color:var(--muted);font-family:var(--serif);font-size:24px}.catalog{padding-bottom:100px}.catalog-title{display:flex;align-items:center;justify-content:space-between;margin:20px auto 40px;max-width:890px}.catalog-title h2{font-size:45px;margin:0}.catalog-title .text-link{font-size:20px}.book-detail{display:grid;grid-template-columns:280px 1fr;gap:90px;align-items:center;padding-block:80px;border-bottom:1px solid #80643d55;max-width:960px}.book-detail img{box-shadow:0 20px 45px #0008}.book-detail h2{color:var(--gold);font-size:55px}.book-detail p{max-width:450px}.book-detail:last-child{margin-bottom:80px}.muted{color:var(--muted);font-size:13px}.about-opening,.newsletter-opening{padding-top:235px;padding-bottom:90px;max-width:800px;text-align:center}.about-opening h1{color:var(--gold);margin-bottom:24px}.about-rule{margin:30px}.about-lead{font-family:var(--serif);font-size:32px;line-height:1.3}.about-opening>p:not(.eyebrow):not(.about-lead),.newsletter-opening>p:not(.eyebrow):not(.about-lead){max-width:620px;margin:25px auto;line-height:1.9;color:var(--muted);font-size:15px}.about-opening+.writing-section{padding-top:20px}.newsletter-opening h1{color:var(--gold);font-size:clamp(60px,7vw,90px)}.prose-section{padding-block:90px;max-width:740px}.prose-section h2{color:var(--gold)}.prose-section p:not(.eyebrow){color:var(--muted);line-height:1.9}.privacy{padding-top:235px}.privacy h1{color:var(--gold);font-size:72px}
@media(min-width:1600px){.dragon-hero{background-size:1500px auto;background-position:center 20%;max-width:1800px;margin:auto}.hero-copy{margin-right:7%;width:38%}}
@media(max-width:900px){.dragon-hero{min-height:660px;background-position:43% center;padding-right:5%;padding-left:5%}.hero-copy{width:48%}.book-row{gap:24px}.series-books{margin-top:-30px;padding-bottom:65px}.twelve-inner{width:80%;grid-template-columns:1fr 220px;gap:35px}.twelve-feature{min-height:540px}.twelve-copy :is(h1,h2){font-size:67px}.book-detail{grid-template-columns:230px 1fr;gap:45px}.book-detail h2{font-size:43px}.site-footer{gap:30px;padding-inline:5%}.signup button{padding:14px}.footer-signup .signup{flex-direction:column;gap:8px}.footer-signup .signup input{border-right:1px solid #b58d6399}}
@media(max-width:600px){body{font-size:14px}.contained{width:88%}.announcement>a{font-size:9px;padding:9px 6px}.announcement-track>span{margin:0 6px}.site-header{top:35px;padding:25px 6% 20px}.wordmark{width:92%;max-width:380px}.wordmark-top{font-size:36px}.wordmark svg{height:24px}.site-header nav{gap:30px;margin-top:8px}.site-header nav a{font-size:9px;letter-spacing:.14em}.site-header nav a+a:before{left:-19px}.dragon-hero{height:740px;min-height:0;background-size:auto 650px;background-position:35% 80px;padding:290px 6% 70px;align-items:flex-end;background-image:linear-gradient(0deg,var(--ink),transparent 30%),linear-gradient(90deg,transparent,#110d1322),url('/assets/dragon-hero.webp')}.hero-copy{width:65%;margin-left:auto;background:radial-gradient(ellipse,#110d1377,transparent 70%)}.hero-copy h1{font-size:86px;margin:20px 0}.hero-copy .eyebrow{font-size:8px;letter-spacing:.17em}.title-rule{margin:26px auto 20px;max-width:150px}.text-link{font-size:20px}.hero-copy .text-link{font-size:19px}.series-books{margin-top:-26px;padding-bottom:60px}.book-row{gap:12px}.book-number{font-size:8px;letter-spacing:.1em;margin-top:16px}.book-title{font-size:16px}.book img{box-shadow:0 10px 20px #0008}.twelve-feature{min-height:680px;background-position:40% center}.twelve-inner{width:88%;grid-template-columns:1fr;gap:35px;margin:58px auto}.twelve-copy :is(h1,h2){font-size:74px}.twelve-copy .eyebrow{margin-bottom:15px}.twelve-cover{width:180px;transform:rotate(2deg)}.series-type{font-size:15px;margin-bottom:20px}.writing-section{padding-block:65px 75px}.writing-section h2{font-size:43px}.section-intro{font-size:22px}.projects{margin-top:35px}.project-heading{display:block}.project-heading h3{font-size:30px;margin-bottom:8px}.project-heading>span{font-size:10px}.project+.project{margin-top:30px}.newsletter-panel{padding:65px 6%}.newsletter-panel h2{font-size:48px}.newsletter-panel p:not(.eyebrow):not(.form-note){font-size:22px}.newsletter-panel:before{left:10%;width:32%}.newsletter-panel:after{right:10%;width:32%}.signup{flex-direction:column;gap:9px}.signup input{border-right:1px solid #b58d6399;padding:15px}.signup button{padding:16px}.form-note{font-size:10px}.site-footer{grid-template-columns:1fr;padding:45px 6% 20px;gap:35px}.footer-brand nav{gap:25px}.footer-signup h2{font-size:30px}.footer-signup .signup input{padding:15px}.footer-signup .signup button{padding:15px}.footer-bottom{gap:15px;font-size:9px;flex-wrap:wrap}.page-heading{padding-top:190px;padding-bottom:30px}.page-heading h1{font-size:59px}.catalog-title h2{font-size:35px}.catalog-title .text-link{font-size:18px}.catalog{padding-bottom:60px}.book-detail{grid-template-columns:1fr;gap:35px;text-align:center;padding-block:50px}.book-detail img{width:210px;margin:auto}.book-detail h2{font-size:46px}.book-detail p{margin-inline:auto}.about-opening,.newsletter-opening{padding-top:200px;padding-bottom:60px}.about-opening h1{font-size:64px}.about-lead{font-size:30px}.newsletter-opening h1{font-size:61px}.prose-section{padding-block:60px}.privacy{padding-top:200px}}
@media(max-width:360px){.wordmark-top{font-size:30px}.hero-copy h1{font-size:73px}.announcement>a{font-size:8px}.hero-copy{width:69%}.book-title{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.announcement{overflow:hidden}.announcement>a{padding-inline:0;overflow:hidden}.announcement-track{display:flex;width:max-content;animation:announcement-scroll 38s linear infinite}.announcement-track>span{flex:none;margin:0;padding-right:30px}.announcement:hover .announcement-track,.announcement:focus-within .announcement-track{animation-play-state:paused}@keyframes announcement-scroll{to{transform:translateX(-50%)}}
@media(max-width:600px){.hero-copy{width:82%;background:radial-gradient(ellipse,#110d13ba,transparent 75%)}.hero-copy h1{font-size:clamp(60px,20vw,78px)}}
.announcement>a{margin-right:32px}.announcement-pause{position:absolute;right:0;top:0;bottom:0;width:32px;background:#3b243a;border:0;border-left:1px solid #85614555;color:var(--paper);font-size:12px;padding:0}.announcement.is-paused .announcement-track{animation-play-state:paused}
.twelve-opening{padding-top:180px;min-height:850px}
@media(max-width:600px){.twelve-opening{padding-top:165px}}
.twelve-copy{background:radial-gradient(ellipse,#06100cdb,transparent 74%);padding:35px 12px;text-shadow:0 2px 5px #000,0 0 18px #000,0 0 35px #000}
.newsletter-form{max-width:580px;margin:28px auto 0;min-height:150px}.newsletter-form .ml-form-embedWrapper{background:transparent!important;width:100%!important;max-width:none!important}.newsletter-form .ml-form-embedBody{padding:0!important}.newsletter-form .ml-form-embedContent{display:none!important}.newsletter-form .ml-form-embedContainer{width:100%!important}.newsletter-form .ml-form-embedSubmit button{font-family:var(--sans)!important;letter-spacing:.08em;text-transform:uppercase;font-size:11px!important}.newsletter-form .ml-form-successBody{padding:20px 0!important}.newsletter-form .ml-form-successContent{font-family:var(--sans)!important}.newsletter-form .ml-form-successContent h4{font-family:var(--serif)!important}.footer-signup .newsletter-form{margin-top:15px;min-height:135px}.form-note a{text-decoration:underline;text-underline-offset:3px}
.newsletter-form #mlb2-47378470.ml-form-embedContainer .ml-form-embedSubmit button{font-family:var(--sans)!important;font-size:11px!important;letter-spacing:.09em;text-transform:uppercase;font-weight:500!important}.newsletter-form #mlb2-47378470.ml-form-embedContainer .ml-form-fieldRow input[type=email]{background:#171019!important;color:#f2e8d9!important;border:1px solid #b58d6399!important;border-radius:0!important;font-family:var(--sans)!important;padding:14px 16px!important}.newsletter-form #mlb2-47378470.ml-form-embedContainer .ml-form-fieldRow input::placeholder{color:#d5c6d3!important}.newsletter-form .ml-form-successContent h4{color:var(--gold)!important}.newsletter-form .ml-form-successContent p{color:var(--paper)!important}
html body .newsletter-form #mlb2-47378470.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input[type=email]{background:#171019!important;color:#f2e8d9!important;border:1px solid #b58d6399!important;border-radius:0!important;font-family:var(--sans)!important;padding:14px 16px!important}html body .newsletter-form #mlb2-47378470.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::placeholder{color:#d5c6d3!important}html body .newsletter-form #mlb2-47378470.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button{font-family:var(--sans)!important;font-size:11px!important;letter-spacing:.09em;text-transform:uppercase;font-weight:500!important}
/* Continuous illustrated perimeter: clouds flow into irises down to the footer. */
.site-canvas{position:relative;isolation:isolate;overflow:clip;--botanical-start:1250px}
.cloud-frame,.botanical-frame{position:absolute;pointer-events:none;z-index:2;background-repeat:no-repeat;background-size:auto}
.cloud-frame{display:none;top:0;left:-8%;right:-8%;height:calc(var(--botanical-start) + 180px);background-image:url('/assets/cloud-mountain-border.webp');mask-image:linear-gradient(to bottom,transparent 1%,#000 9%,#000 calc(100% - 220px),transparent)}
.has-dragon .cloud-frame{display:block}
.botanical-frame{top:max(0px,calc(var(--botanical-start) - 180px));bottom:0;left:-30%;right:-30%;background-image:url('/assets/iris-border.webp');mask-image:linear-gradient(to bottom,transparent,#000 260px)}
.hero-copy{z-index:4}.series-books{z-index:4;padding-bottom:70px}
.twelve-feature{border:0;background-image:linear-gradient(0deg,var(--ink),transparent 24%,transparent 75%,var(--ink)),url('/assets/twelvefold-garden.webp')}
.twelve-inner,.newsletter-inner{position:relative;z-index:4}
.writing-section{position:relative;z-index:4;width:min(940px,72%)}
.newsletter-panel{border:0;background:radial-gradient(ellipse at 50% 70%,#48283f90,transparent 72%)}
.newsletter-panel:before,.newsletter-panel:after{z-index:4}
.site-footer{position:relative;z-index:4;width:min(1140px,80%);padding-inline:0;background:transparent}
.footer-bottom{border-top:1px solid #b98b4c66}
.newsletter-inner{max-width:580px}.footer-signup,.footer-brand{min-width:0}
@media(max-width:900px){.site-footer{width:76%;grid-template-columns:1fr;gap:35px}.footer-signup{max-width:580px}.writing-section{width:72%}}
@media(max-width:600px){.cloud-frame{left:-8%;right:-8%;opacity:.82}.botanical-frame{left:-32%;right:-32%;opacity:.9;background-size:auto;mask-image:linear-gradient(to bottom,transparent,#000 150px)}.twelve-inner{width:78%}.twelve-copy :is(h1,h2){font-size:clamp(56px,16vw,70px)}.writing-section{width:72%}.writing-section h2{font-size:40px}.project-heading h3{font-size:28px}.newsletter-inner{width:82%}.newsletter-panel h2{font-size:43px}.site-footer{width:72%}.footer-bottom{line-height:1.8}.footer-brand nav{gap:17px}.series-books{padding-bottom:55px}.book-row{position:relative;z-index:4}}
/* Keep iris proportions natural: each side crops the same full-height artwork. */
.botanical-frame{left:0;right:0;background:none}
.botanical-frame::before,.botanical-frame::after{content:'';position:absolute;top:0;bottom:0;width:19%;background-image:url('/assets/iris-border.webp');background-size:var(--iris-art-width,680px) auto;background-repeat:no-repeat}
.botanical-frame::before{left:0;background-position:left top}.botanical-frame::after{right:0;background-position:right top}
.newsletter-panel{background:linear-gradient(0deg,transparent,#48283f44 45%,transparent)}
.site-footer{width:min(760px,64%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:35px;padding-top:30px}
.footer-brand nav{justify-content:center}.footer-signup{width:100%}.footer-bottom{width:100%;justify-content:center;flex-wrap:wrap}.back-top{margin-left:0}
.twelve-feature::before{content:'✧';position:absolute;z-index:4;top:-20px;left:22%;right:22%;text-align:center;color:var(--gold);font-size:24px;line-height:30px;background:linear-gradient(90deg,transparent,var(--gold-dim) 10%,var(--gold-dim) 43%,transparent 43%,transparent 57%,var(--gold-dim) 57%,var(--gold-dim) 90%,transparent) center/100% 1px no-repeat}
@media(max-width:600px){.botanical-frame{left:0;right:0}.botanical-frame::before,.botanical-frame::after{width:17%;background-size:var(--iris-art-width,680px) auto}.site-footer{width:72%}}
.botanical-frame::before,.botanical-frame::after{width:28%}
@media(max-width:600px){.botanical-frame::before,.botanical-frame::after{width:20%}.botanical-frame::before{mask-image:linear-gradient(90deg,#000 20%,#0009 65%,transparent)}.botanical-frame::after{mask-image:linear-gradient(270deg,#000 20%,#0009 65%,transparent)}}
/* Custom lettered display art; headings retain text equivalents. */
.custom-wordmark{display:block;position:relative;width:100%;aspect-ratio:7.3;overflow:hidden}
.custom-wordmark img{position:absolute;left:0;top:-76.3%;width:100%;height:auto;max-width:none;filter:saturate(.64) brightness(.94)}
.wordmark{width:min(760px,86vw)}
.hero-copy h1.art-heading{font-size:inherit;line-height:1;margin:15px -3% 10px;letter-spacing:normal;text-shadow:none;filter:none}
.art-heading img{display:block;width:100%;height:auto}
.hero-copy h1.art-heading .sr-only{font-size:1px}
.hero-copy .title-rule{margin-top:12px}
.twelve-copy :is(h1,h2).art-heading{font-size:inherit;line-height:1;margin:0 -3% 14px;letter-spacing:normal;text-shadow:none}
.twelve-title img{filter:saturate(.7) brightness(.9)}
.footer-name{display:block;width:min(500px,65vw)}
@media(max-width:900px){.wordmark{width:min(660px,88vw)}}
@media(max-width:600px){.wordmark{width:96%;max-width:none}.site-header nav{margin-top:17px}.hero-copy{width:82%}.hero-copy h1.art-heading{margin:12px -2% 10px}.hero-copy .title-rule{margin-top:8px}.footer-name{width:min(390px,77vw)}.twelve-copy :is(h1,h2).art-heading{margin-inline:-8%}}

/* Stable ornament scale: preserve the source aspect ratio and crop/repeat edges. */
.site-canvas{--cloud-art-height:clamp(1000px,100vw,1300px);--iris-art-width:680px}
.cloud-frame{left:0;right:0;background:none}
.cloud-frame::before,.cloud-frame::after{content:"";position:absolute;top:0;bottom:0;width:30%;background-image:url('/assets/cloud-mountain-border.webp');background-size:auto var(--cloud-art-height);background-repeat:repeat-y}
.cloud-frame::before{left:0;background-position:left top}.cloud-frame::after{right:0;background-position:right top}
.botanical-frame::before,.botanical-frame::after{background-size:var(--iris-art-width) auto;background-repeat:repeat-y}
@media(max-width:600px){.site-canvas{--iris-art-width:600px}.cloud-frame{left:0;right:0}.cloud-frame::before,.cloud-frame::after{width:24%}}
.cloud-frame::before,.cloud-frame::after{width:18%}
.cloud-frame::before{mask-image:linear-gradient(90deg,#000 35%,#000a 70%,transparent)}
.cloud-frame::after{mask-image:linear-gradient(270deg,#000 35%,#000a 70%,transparent)}
@media(max-width:600px){.cloud-frame::before,.cloud-frame::after{width:20%}}
/* One consistent iris scale also keeps the footer within the first artwork tile. */
.site-canvas{--iris-art-width:720px}
/* Keep Dragon’s Due entirely in its mountain/cloud world through the cover row. */
.site-canvas{--cloud-art-height:clamp(1280px,120vw,1600px)}
.cloud-frame{height:calc(var(--botanical-start) + 320px);mask-image:linear-gradient(to bottom,transparent,#000 100px,#000 var(--botanical-start),transparent 100%)}
.cloud-frame::before,.cloud-frame::after{background-image:url('/assets/cloud-mountain-only.webp')}
.has-dragon .botanical-frame{top:var(--botanical-start);mask-image:linear-gradient(to bottom,transparent,#000 300px)}
@media(max-width:600px){.has-dragon .botanical-frame{mask-image:linear-gradient(to bottom,transparent,#000 240px)}}

/* Author social links: restrained gold icons within the illustrated footer. */
.social-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;justify-content:center}
.site-footer .social-links a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:#d7b16d;border:1px solid #ad864d80;transition:color .2s,border-color .2s,background .2s}
.social-links svg{display:block;fill:currentColor}
.site-footer .social-links a:hover{color:#f2d99f;background:#d7b16d12;border-color:#d7b16d}
.site-footer .social-links a:focus-visible{outline:2px solid #f2d99f;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.site-footer .social-links a{transition:none}}

/* Approved readability and title-spacing refinement. */
.site-header nav{gap:52px;margin-top:18px}
.site-header nav a{font:600 20px/1.5 var(--serif);letter-spacing:.13em;padding-block:6px;color:var(--gold);text-shadow:0 1px 12px #000}
.site-header nav a+a:before{left:-31px}
.eyebrow{font:600 18px/1.5 var(--serif);letter-spacing:.18em}
.hero-copy .eyebrow{font:600 18px/1.5 var(--serif);letter-spacing:.18em}
.text-link{font-size:27px}
.hero-copy .title-rule{width:min(300px,100%);max-width:300px;margin:18px auto -12px;gap:18px}
.hero-copy .title-rule:before,.hero-copy .title-rule:after{width:auto;flex:1}
.hero-copy .text-link{display:flex;align-items:center;justify-content:center;gap:16px;width:min(300px,100%);margin:0 auto;padding:18px 4px;font-size:29px;line-height:1.3}
.hero-copy .text-link span{margin-left:0}
.hero-copy .eyebrow{position:relative;top:32px}
.hero-copy .title-rule,.hero-copy .text-link{position:relative;top:-60px}
@media(max-width:600px){
  .site-header nav{gap:27px;margin-top:18px;flex-wrap:wrap;justify-content:center}
  .site-header nav a{font-size:15px;letter-spacing:.08em}
  .site-header nav a+a:before{left:-18px}
  .eyebrow,.hero-copy .eyebrow{font-size:15px;letter-spacing:.13em}
  .text-link{font-size:24px}
  .hero-copy .text-link{font-size:25px;padding-block:16px;gap:12px;width:min(270px,100%)}
  .hero-copy .title-rule{width:min(270px,100%);margin-top:14px}
  .hero-copy .eyebrow{top:14px}
  .hero-copy .title-rule,.hero-copy .text-link{top:-32px}
}