/* Atelier Bellamy — direction, rhythm and motion. */
:root{--paper:#f2eddf;--ink:#233e36;--yellow:#e4bd6a;--blue:#486b79;--orange:#a24e32;--line:#233e3629}
body{background:var(--paper)}.masthead{height:88px;position:sticky;top:0;background:#f2eddfef;backdrop-filter:blur(18px);z-index:40;padding:0 5%;gap:22px}.masthead nav{gap:24px}.brand-mark{color:#a24e32}.masthead .byline{display:none}.search-toggle,.menu-toggle{background:transparent;border:1px solid var(--line);padding:10px 15px;font-size:12px}.search-toggle{font-size:19px;display:flex;gap:10px;align-items:center}.search-toggle span{font-size:11px}.menu-toggle{display:none}
.cover{background:#1e3932;color:#f5eedc;padding:0 6%;border:0;isolation:isolate}.cover:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 90% 40%,#6e806540,transparent 60%),repeating-linear-gradient(0deg,transparent 0 59px,#e8dab407 59px 60px),repeating-linear-gradient(90deg,transparent 0 59px,#e8dab407 59px 60px)}.cover:after{content:'B';position:absolute;font:680px/.8 var(--serif);color:#d7c69c04;left:32%;top:110px;pointer-events:none;z-index:-1}.cover-top,.cover-bottom{border-color:#eee2bd30;color:#d5d5be;font-size:9px;letter-spacing:1.8px}.cover-top{padding:24px 0}.cover-grid{grid-template-columns:1.1fr 1fr;gap:5%;padding:65px 0 75px;min-height:650px}.cover h1{font-size:clamp(80px,8.5vw,138px);letter-spacing:-5px;margin:28px 0;line-height:.97}.cover h1 em{color:#e8c77e}.cover h1 em:after{height:2px;background:#e8c77e;bottom:0;opacity:.7}.edition{color:#d3d0b4;font-size:9px}.little-star{color:#e6c171;font-size:29px}.ink-period{color:#ce7955}.cover-summary{font-size:16px;line-height:1.75;color:#f0ead8}.cover-summary span,.cover-note{color:#c0c8b5}.cover .ink-button{background:#ead193;border-color:#ead193;color:#20372f;min-width:218px}.cover .ink-button:hover{box-shadow:5px 5px 0 #f1e6bd30}.resume{color:#e7cd97}.cover-note{font-size:11px;margin-top:24px}.cover-bottom a{border-color:#e1cea54a;color:#e9cf99}.cover-art{color:#29332c;aspect-ratio:1/.99;width:100%;background-color:#eee2c5;background-image:linear-gradient(#81764e12 1px,transparent 1px),linear-gradient(90deg,#81764e12 1px,transparent 1px);background-size:24px 24px;box-shadow:0 25px 65px #071d2870,9px 9px 0 -2px #c8bd9f,11px 11px 0 -2px #162e27;transform:rotate(4deg);transition:rotate .7s,box-shadow .7s;animation:atelier-paper 1s cubic-bezier(.2,.7,.2,1) both}.cover-art:hover{rotate:-2deg;box-shadow:0 35px 70px #071d2870,9px 9px 0 -2px #c8bd9f,11px 11px 0 -2px #162e27}.drawing-label{font-size:8px}.bird-drawing{position:relative;z-index:1}.bird-note{z-index:2;font-size:clamp(19px,2vw,27px)}.wind-button{z-index:3;padding:6px 14px;border:1px solid #29332c55;border-radius:30px;bottom:36px;font-size:22px;background:#f2e8d1;transition:background .2s,transform .2s}.wind-button:hover{background:#e7c77d;transform:rotate(-5deg)}.wind-button span{font-size:11px}.wind-caption{font-size:8px}.art-stamp{opacity:.75}.orbit{position:absolute;border:1px solid #ddc79135;border-radius:50%;pointer-events:none;z-index:-1;left:-15%;top:-10%;width:125%;aspect-ratio:1}.orbit-two{width:140%;left:-22%;top:-18%;border-style:dashed;animation:slow-turn 140s linear infinite}.orbit-one:before{content:'✦';position:absolute;left:14%;top:10%;color:#e6c171;font-size:30px}.cover-art .gear{transform-box:fill-box;transform-origin:center}.is-winding .gear{animation:gear 1.7s cubic-bezier(.3,.1,.3,1)}.is-winding .bird-head{animation:atelier-nod 1.6s ease-in-out}.is-winding .front-wing{transform-box:view-box;transform-origin:296px 282px;animation:atelier-flap .5s ease-in-out 3}.is-winding .back-wing{transform-box:view-box;transform-origin:285px 260px;animation:atelier-flap .5s .08s ease-in-out 3 reverse}
.opening{padding:115px 7%;grid-template-columns:130px 1fr 100px;gap:45px}.opening-big{font-size:clamp(30px,3.3vw,48px)}.opening-body{gap:40px}.opening-body p{font-size:14px;line-height:1.9}.margin-label{color:#9d623f;font-size:9px}.shelf{margin:0 7% 100px}.section-label{font-size:9px}.shelf-links{gap:20px}.shelf-links a,.shelf-links a:first-child{padding:32px 28px 40px;border:1px solid var(--line);background:#e7e2d5;transition:transform .35s,background .35s,box-shadow .35s}.shelf-links a:nth-child(2){background:#e1e5dc}.shelf-links a:nth-child(3){background:#ebd6b5}.shelf-links a:last-child{border:1px solid var(--line)}.shelf-links a:hover{transform:translateY(-9px) rotate(-1deg);box-shadow:0 17px 25px #20372f10}.shelf-arrow{top:30px;right:25px}.shelf-links h2{font-size:35px}.shelf-links p{font-size:12px}.quote-strip{padding:90px 20%;background:#203b33}.quote-strip blockquote{font-size:clamp(29px,3.2vw,44px)}.quote-strip:before,.quote-strip:after{content:'✳';position:absolute;color:#e6c55240;font-size:65px;top:40%;left:6%}.quote-strip:after{left:auto;right:6%;font-size:36px}.site-footer{padding:60px 7% 28px}.footer-title{font-size:clamp(24px,3vw,40px)}
.page-intro{padding:75px 0 60px}.page-intro h1{font-size:clamp(48px,6.5vw,96px);line-height:1.04}.page-intro .eyebrow{color:#a05b38}.chapter-list li>a{padding:28px 15px;transition:background .25s,padding .25s}.chapter-list li>a:hover{padding-left:25px;background:#e6deca}.chapter-list h2{font-size:29px}.contents-note{top:120px}.chapter-list a.is-read>span:after{content:' ·';color:#54785b}.identity-sheet{top:120px;box-shadow:8px 10px 0 #d5ccb9}.profile-description p{font-size:18px}.traits,.wishes{gap:9%}.traits>div{padding:25px;background:#e7e6da}.traits>div:last-child{background:#ece0d1}.behavior-list details[open]{background:#e9e1ce;padding:0 18px}.notebook-page{background-color:#e5ddc9;background-image:radial-gradient(#72695620 .7px,transparent .7px);background-size:9px 9px}.note-card{box-shadow:4px 10px 15px #2a35221a}.note-card:hover{transform:translateY(-12px) rotate(1deg);box-shadow:8px 20px 30px #2a352230}.extra-row:hover .extra-icon{transform:rotate(-12deg) scale(1.08)}.extra-icon{transition:transform .4s}.extra-row{padding:40px 0}.extra-meta h2{font-size:36px}.influences article{border-bottom:2px solid #a29272;padding-bottom:30px}.paint-swatch{transition:transform .4s}.influences article:hover .paint-swatch{transform:rotate(14deg)}
.reader-shell{padding-top:40px;background:#e6e0d2;gap:35px}.reader-index{top:118px;max-height:calc(100dvh - 140px);overflow:auto}.reader-paper{box-shadow:0 18px 55px #3542370d}.reader-toolbar{position:sticky;top:88px;background:#fcf9f1f5;backdrop-filter:blur(12px);z-index:5;flex-wrap:wrap}.reader-prose{padding-top:65px;padding-bottom:20px}.reader-prose h1{font-size:clamp(36px,4vw,58px)}.reader-prose article>p:first-of-type:first-letter{float:left;font:70px/.9 var(--serif);padding:8px 10px 0 0;color:#9a6737}.night .reader-shell{background:#182b26}.night .reader-toolbar{background:#252e29f5}.night .reader-index{color:#e0dbcb}.night .reader-index li a[aria-current],.night .reader-index li a:hover{background:#3d4d3f}.focus-mode .masthead,.focus-mode .reader-index{display:none}.focus-mode .reader-shell{display:block;padding:30px max(5%,calc((100vw - 860px)/2))}.focus-mode .reader-toolbar{top:0}.read-position{font-size:9px;color:var(--muted);padding-top:18px;letter-spacing:1px}.night .read-position{color:#c5cbbd}
#search-dialog{width:min(700px,92vw);max-height:85dvh;transform:none;padding:40px;overflow:auto;background:#f6f0e2}#search-dialog h2{font-size:36px;margin:16px 0 24px}#search-dialog label{font-size:11px;display:block;margin-bottom:10px}#search-input{width:100%;padding:16px 5px;border:0;border-bottom:1px solid var(--ink);background:transparent;color:var(--ink);outline-offset:5px;font-size:18px;border-radius:0}#search-status{font-size:11px;margin:20px 0;color:var(--muted)}.search-close{position:absolute;right:16px;top:12px;font-size:28px;background:none;width:40px;height:40px}.search-result{display:block;padding:20px 0;border-top:1px solid var(--line)}.search-result small{font-size:9px;letter-spacing:1px;color:#9b613c}.search-result h3{font-size:23px;margin:8px 0}.search-result p{font-size:13px;line-height:1.7;color:#5e675b}.search-result:hover h3{text-decoration:underline;text-underline-offset:5px}.back-top{position:fixed;right:22px;bottom:22px;width:44px;height:44px;background:#233e36;color:#eee4cb;border:1px solid #c2b990;z-index:35;border-radius:50%;opacity:0;visibility:hidden;transition:opacity .25s}.back-top.visible{opacity:1;visibility:visible}.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal-ready.revealed{opacity:1;transform:translateY(0)}@keyframes atelier-paper{from{opacity:0;transform:translateY(35px) rotate(9deg)}to{opacity:1;transform:translateY(0) rotate(4deg)}}@keyframes atelier-flap{50%{transform:rotate(-14deg)}}@keyframes atelier-nod{45%{transform:rotate(2deg)}75%{transform:rotate(-1deg)}}
@media(min-width:1600px){.cover-grid{min-height:760px}.cover-art{max-width:600px}.cover-copy{padding:0}}
@media(max-width:1000px){.masthead{padding:0 4%;gap:15px}.masthead nav{gap:18px}.brand-name{font-size:9px}.cover-grid{min-height:560px;gap:4%;padding:50px 0}.cover h1{font-size:85px}.cover-art{margin-right:5px}.cover-top{font-size:7px}.cover-note{font-size:10px}.opening{grid-template-columns:100px 1fr;gap:30px}.shelf-links h2{font-size:29px}.reader-shell{gap:20px}.reader-toolbar{padding:13px 18px}.reader-toolbar button{padding:7px}.reader-prose{padding-left:7%;padding-right:7%}}
@media(max-width:800px){.masthead{min-height:76px;height:76px;flex-wrap:nowrap;padding:0 5%}.brand{order:0;margin-right:auto}.search-toggle{order:0;padding:7px 10px}.search-toggle span{display:none}.menu-toggle{display:block;order:0;padding:10px}.masthead nav{display:none;position:absolute;top:76px;left:0;right:0;background:#f2eddf;border-bottom:1px solid var(--line);padding:15px 6% 25px;box-shadow:0 20px 25px #24362e10}.masthead.menu-open nav{display:grid;grid-template-columns:1fr 1fr;gap:4px 25px}.masthead nav a{font-size:14px;padding:16px 0}.cover h1{font-size:74px;letter-spacing:-3px}.cover-grid{gap:3%;min-height:520px}.cover-summary{font-size:14px}.bird-note{font-size:18px}.drawing-label{font-size:6px}.wind-button{left:16px;bottom:27px;padding:4px 9px}.wind-button span{font-size:9px}.wind-caption{font-size:6px}.opening{display:block;padding:70px 7%}.shelf-links{gap:14px}.shelf-links a,.shelf-links a:first-child{padding:25px 18px}.shelf-links h2{font-size:25px}.shelf-arrow{right:16px;top:24px}.reader-toolbar{top:76px}.reader-index{max-height:none}.reader-shell{padding-top:25px}.page-intro{padding:50px 0 40px}.contents-note,.identity-sheet{top:auto}.quote-strip{padding:70px 12%}.profile-description p{font-size:17px}}
@media(max-width:540px){.brand-name{font-size:9px;letter-spacing:1px}.brand-name small{font-size:6px;letter-spacing:1px}.brand{gap:10px}.masthead{gap:10px}.cover{padding:0 7%}.cover-top{font-size:6px;letter-spacing:.6px;gap:15px}.cover-grid{grid-template-columns:1fr;padding:36px 0 45px;gap:40px}.cover-copy{padding:0}.cover h1{font-size:clamp(64px,18vw,94px);margin:23px 0;letter-spacing:-3px}.cover-summary{font-size:16px}.cover .ink-button{margin-top:24px}.cover-art{width:91%;margin:8px 0 15px;justify-self:center}.bird-note{font-size:23px}.drawing-label{font-size:7px}.wind-button{bottom:30px;left:18px}.wind-button span{font-size:10px}.wind-caption{font-size:7px}.cover-bottom{font-size:6px;letter-spacing:.5px}.cover-note{font-size:10px}.opening-big{font-size:32px}.opening-body p{font-size:14px}.shelf{margin-bottom:60px}.shelf-links{grid-template-columns:1fr;gap:15px}.shelf-links a,.shelf-links a:first-child{padding:25px}.shelf-links h2{font-size:31px}.shelf-arrow{right:23px}.quote-strip{padding:65px 9%}.quote-strip blockquote{font-size:29px}.quote-strip:before,.quote-strip:after{display:none}.page-intro h1{font-size:49px}.chapter-list h2{font-size:25px}.chapter-list li>a{gap:15px;padding:24px 0}.reader-toolbar{gap:10px;padding:12px}.reader-toolbar>span{font-size:7px}.reader-toolbar>div{gap:3px}.reader-toolbar button{font-size:10px;min-height:35px}.reader-shell{padding:20px 3% 40px}.reader-prose{padding-top:40px}.reader-prose p{line-height:1.85}.traits>div{padding:23px}.extra-meta h2{font-size:27px}.extra-row{gap:16px}.extra-icon{width:52px}.site-footer{padding-top:40px}.note-card{min-height:255px}.focus-mode .reader-shell{padding:0}.focus-mode .reader-paper{border:0}.back-top{right:14px;bottom:14px;width:40px;height:40px}#search-dialog{padding:35px 23px}#search-dialog h2{font-size:31px}.note-turner button{min-height:44px}.reader-pagination a{min-height:90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-ready{opacity:1;transform:none}*,*:before,*:after{animation:none!important;transition:none!important}.cover-art:hover{rotate:0deg}}
@media print{.masthead,.reader-index,.reader-toolbar,.reader-pagination,.back-top,.site-footer{display:none!important}.reader-shell{display:block;padding:0;background:white}.reader-paper{border:0;box-shadow:none}.reader-prose{padding:0;color:black}.reveal-ready{opacity:1;transform:none}}

/* A continuous silhouette keeps the neck attached while the mechanism moves. */
.cover-art .bird-head,.cover-art.is-winding .bird-head{animation:none;transform:none}