/* Approved atelier opening, readable type, persistent navigation, five different architectures. */
:root{--ink:#463d2c;--line:#d8ceaf}
.video-box video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.provided-video{margin:0;min-width:0}.provided-video figcaption{font-size:16px;font-weight:600;padding:13px 3px;overflow-wrap:anywhere}.video-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.cute-atelier .artist-logo{border-radius:18px}.footer .artist-logo{border-radius:10px}@media(max-width:600px){.video-gallery{grid-template-columns:1fr;gap:25px}}
.paragraph-gap{display:block;height:0;margin:1em 0;white-space:normal;line-height:0}body{font-weight:500}
body{font-family:"Yu Gothic",Meiryo,system-ui,sans-serif;font-size:17px;line-height:1.95;color:var(--ink)}
p{line-height:1.95}.comparison{color:#35421d}.comparison a{font-size:13px}.header{position:sticky;top:12px;z-index:60;border:1px solid #e6dab8;box-shadow:0 5px 18px #67552a14;gap:20px;height:82px;padding:0 24px}.quick-nav{gap:8px;flex:1;justify-content:center}.quick-nav a{font-size:16px;padding:9px 14px;background:transparent;white-space:nowrap;color:#493e28}.quick-nav a:hover,.quick-nav a[aria-current="location"]{background:#e4edba;text-decoration:none}.menu-toggle{font-size:16px;gap:10px}.menu-panel{position:fixed;top:108px;z-index:70;max-height:calc(100dvh - 140px);overflow:auto}.menu-panel a{font-size:17px}.mobile-dock{display:none}.section{padding:55px 5%;margin:40px auto}.section h2{font-size:34px;color:#516a28}.section h3{font-size:19px;color:#493e28}.section p,.highlights p,.highlights h3,.stamp-column p,.flow-start p,.flow-paths p,.price-description,.price-notes,.terms-list>details>.preserve,.history-copy,.contact p,.contact h3,.intro{font-size:17px;color:#463d2c;line-height:1.95}.hero p{font-size:15px;color:#514630}.tiny-contact{font-size:15px}.eyebrow{font-size:15px;color:#70501f}.pill,.text-link,summary,.socials a{font-size:17px}.art figcaption{font-size:14px;color:#6b572a}.price-name{font-size:18px}.price{font-size:23px;color:#804809}.price-item>summary{gap:20px}.preserve{white-space:pre-line}.history-copy{columns:1;max-width:75ch}.terms-list>details>.preserve{max-width:75ch;white-space:pre-line}.about-name{font-size:68px}.about-layout{grid-template-columns:.55fr 1.45fr;gap:30px}.selected-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.selected-gallery .art{transform:none!important}.selected-gallery .art-open,.selected-gallery .art:nth-child(5n+1) .art-open{height:220px}.collection-link{width:max-content;max-width:100%;margin:30px auto 0}.highlights{grid-template-columns:1fr;gap:0}.highlights article,.highlights article+article{padding:19px 0;border-right:0;border-bottom:2px dotted #c8d5a1}.highlights article:last-child{border-bottom:0}.highlights h3{margin-bottom:8px}.highlights p{margin-bottom:0}.flow-paths{grid-template-columns:1fr;gap:16px}.flow-paths article{padding:20px 24px}.flow-paths h3{margin-bottom:10px}.flow-paths p:last-child{margin-bottom:0}.price-notes{max-width:none}.socials a{font-size:17px}.motion-toggle{bottom:16px;font-size:13px}.footer{padding-bottom:85px}.collection-page .gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-page .section{max-width:1350px}.collection-page .intro{text-align:center;margin:0 auto 40px}.collection-page h1{font-size:38px;color:#516a28}.return-home{font-size:17px;text-decoration:underline}
/* 01 — a magazine opening followed by a guided vertical story. */
.journal-intro{max-width:1340px;margin:45px auto;display:grid;grid-template-columns:1.1fr 1fr;gap:26px;align-items:start}.journal-intro .section{margin:0;max-width:none;width:100%;padding:35px}.journal-intro .about-layout{display:block}.journal-intro .about-name{font-size:44px;margin-bottom:25px;transform:none}.journal-intro .section-heading{text-align:left}.journal-intro .section-heading h2::after{left:10px}.layout-1 .portfolio .selected-gallery{grid-template-columns:1.4fr 1fr 1fr}.layout-1 .flow .flow-paths{grid-template-columns:repeat(3,minmax(0,1fr))}.layout-1 .motion-layout{grid-template-columns:1.8fr 1fr}
/* 02 — work on the left, the artist's notes on the right. */
.desk-layout{max-width:1340px;margin:45px auto;display:grid;grid-template-columns:1.45fr 1fr;gap:28px;align-items:start}.desk-layout .section{margin:0 0 28px;max-width:none;padding:35px}.desk-layout .section-heading{text-align:left}.desk-layout .section-heading h2{font-size:29px}.desk-layout .about-layout{display:block}.desk-layout .about-name{font-size:45px;transform:none;margin-bottom:20px}.desk-layout .selected-gallery{grid-template-columns:1fr 1fr}.desk-layout .selected-gallery .art:first-child{grid-column:1/-1}.desk-layout .selected-gallery .art-open{height:160px}.desk-layout .selected-gallery .art:first-child .art-open{height:230px}.desk-layout .motion-layout{grid-template-columns:1fr;gap:24px}.desk-layout .stamp-column{display:grid;grid-template-columns:1fr 1fr;gap:15px}.desk-layout .stamp-column .art{grid-row:span 3}.desk-layout .stamp-column .art-open{height:190px}.desk-request{max-width:1340px;display:grid;grid-template-columns:1.25fr 1fr;gap:28px;margin:0 auto;align-items:start}.desk-request .section{margin:0;padding:35px;max-width:none}.desk-request .price-item>summary{display:block;padding-right:30px}.desk-request .price{display:block;text-align:left;margin-top:8px}.desk-request .section h2{font-size:29px}.layout-2 .contact{margin-top:35px}
/* 03 — a real four-chapter book; all menus open the correct chapter. */
.chapter-book{max-width:1280px;margin:50px auto 70px;background:#fffdf4;border:2px solid #d8cdaa;border-radius:35px;box-shadow:8px 8px 0 #e9dfc1;overflow:clip}.chapter-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:#e8edcd;border-bottom:2px solid #d2c699;padding:16px 16px 0;gap:12px}.chapter-tabs button{font:inherit;font-weight:700;font-size:17px;border:1px solid #c6b987;border-bottom:0;border-radius:18px 18px 0 0;padding:17px 10px;background:#f2e7c4;cursor:pointer}.chapter-tabs button[aria-selected=true]{background:#fffdf4;color:#3b5820;box-shadow:0 -4px 0 #b6cb82}.chapter-panel{padding:18px 30px 30px}.chapter-panel[hidden]{display:none!important}.chapter-panel .section{margin:20px 0;padding:35px;max-width:none}.chapter-panel .about-layout{grid-template-columns:.6fr 1.4fr}.chapter-panel .highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.chapter-panel .highlights article{border:0}.chapter-panel .highlights h3{font-size:17px}.chapter-panel .history-copy{max-width:75ch}.layout-3 .contact{margin:25px 0}
/* 04 — a numbered, winding route through the commission process. */
.journey-layout{max-width:1300px;margin:60px auto}.journey-step{display:grid;grid-template-columns:180px 1fr;gap:35px;position:relative;padding-bottom:45px}.journey-marker{position:sticky;top:120px;align-self:start;text-align:center}.journey-marker span{display:grid;place-items:center;margin:auto;width:84px;height:84px;border-radius:50%;background:#e1ecb6;border:7px solid #fffbed;font:italic 42px Georgia,serif;color:#4f6827;box-shadow:0 0 0 2px #bdcc8e}.journey-marker p{font-size:17px;font-weight:700;margin-top:20px}.journey-content{border-left:3px dashed #c5cf9a;padding-left:32px}.journey-content .section{margin:0 0 25px;max-width:none;padding:35px}.journey-step:nth-child(even) .journey-marker span{background:#ffe3a0}.journey-content .section-heading{text-align:left}.journey-content .about-layout{grid-template-columns:.55fr 1.45fr}.journey-content .selected-gallery .art-open{height:175px}.journey-content .motion-layout{grid-template-columns:1fr 1fr}.journey-content .stamp-column .art-open{height:230px}
/* 05 — a compact drawer cabinet: expand only the information you want. */
.drawers{max-width:1180px;margin:50px auto}.atelier-drawer{border:2px solid #d6c99f;border-radius:25px;margin-bottom:22px;background:#fffdf5;box-shadow:0 6px 0 #e8dcba;overflow:clip}.atelier-drawer>summary{display:flex;align-items:center;gap:24px;padding:25px 60px 25px 25px;background:#eaf0d0;font-size:25px;font-weight:700;min-height:100px}.atelier-drawer:nth-child(even)>summary{background:#fff0be}.atelier-drawer>summary::after{right:28px;top:30px;font-size:28px}.drawer-number{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#fffdf4;font:italic 26px Georgia,serif;flex:none;color:#556b2d}.drawer-content{padding:10px 25px 25px}.drawer-content .section{margin:20px 0;max-width:none;padding:30px}.drawer-content .about-layout{grid-template-columns:.5fr 1.5fr}.drawer-content .highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.drawer-content .highlights article{border:0}.drawer-content .highlights h3{font-size:17px}.atelier-drawer>summary:hover{filter:brightness(.98)}
@media(max-width:1100px){.quick-nav a{padding:9px 8px;font-size:15px}.quick-nav{gap:0}.header{gap:12px}.journal-intro,.desk-layout,.desk-request,.journey-layout,.drawers,.chapter-book{margin-left:24px;margin-right:24px}.desk-layout{grid-template-columns:1.2fr 1fr;gap:20px}.desk-layout .section,.desk-request .section{padding:25px}.journey-step{grid-template-columns:130px 1fr;gap:20px}.journey-content{padding-left:22px}.layout-1 .flow .flow-paths{grid-template-columns:1fr}.chapter-panel .highlights,.drawer-content .highlights{grid-template-columns:1fr}}
@media(max-width:800px){.quick-nav{display:none}.header .menu-toggle{margin-left:auto}.mobile-dock{display:flex;position:fixed;bottom:10px;left:50%;transform:translateX(-50%);width:min(94%,520px);padding:7px;background:#fffdf3;border:2px solid #c4d394;border-radius:40px;box-shadow:0 4px 18px #463d2c20;z-index:65;justify-content:space-around}.mobile-dock a{padding:7px 10px;font-size:15px;font-weight:700;border-radius:25px;min-height:44px;display:flex;align-items:center}.mobile-dock a:hover{background:#e6edc5}.motion-toggle{bottom:83px}.journal-intro,.desk-layout,.desk-request{grid-template-columns:1fr;gap:22px}.desk-main,.desk-notes{min-width:0}.desk-layout .selected-gallery{grid-template-columns:repeat(3,1fr)}.desk-layout .selected-gallery .art:first-child{grid-column:auto}.desk-layout .selected-gallery .art:first-child .art-open{height:160px}.desk-request .section{margin-bottom:24px}.journey-step{grid-template-columns:90px 1fr;gap:10px}.journey-marker span{width:65px;height:65px;font-size:32px}.journey-marker p{font-size:14px}.journey-content{padding-left:15px}.journey-content .section{padding:25px}.journey-content .motion-layout{grid-template-columns:1fr}.about-layout,.chapter-panel .about-layout,.journey-content .about-layout,.drawer-content .about-layout{grid-template-columns:1fr;gap:25px}.chapter-tabs button{font-size:15px}.chapter-panel{padding:12px}.chapter-panel .section{padding:25px}}
@media(max-width:600px){html{scroll-padding-top:100px}body{font-size:16px}.header{top:8px;height:64px;margin:12px 14px;padding:0 18px}.comparison a{font-size:12px}.menu-toggle{font-size:16px}.menu-panel{top:90px;max-height:calc(100dvh - 180px)}.menu-panel a{font-size:16px}.section{padding:30px 20px;margin:25px 14px}.section p,.highlights p,.highlights h3,.stamp-column p,.flow-start p,.flow-paths p,.price-description,.price-notes,.terms-list>details>.preserve,.history-copy,.contact p,.contact h3,.intro{font-size:16px;line-height:1.9}.section h3{font-size:17px}.section .section-heading h2{font-size:27px}.hero p{font-size:15px;line-height:1.9}.atelier-center p{max-width:290px}.tiny-contact{font-size:15px}.atelier-center .pill{font-size:15px}.pill,.text-link,summary,.socials a{font-size:16px}.eyebrow{font-size:14px}.selected-gallery,.desk-layout .selected-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.selected-gallery .art{padding:5px 5px 0}.selected-gallery .art-open,.selected-gallery .art:nth-child(5n+1) .art-open,.desk-layout .selected-gallery .art-open,.desk-layout .selected-gallery .art:first-child .art-open,.journey-content .selected-gallery .art-open{height:105px}.layout-1 .portfolio .selected-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-link{padding:13px 18px;font-size:15px;width:100%;justify-content:center;gap:12px}.art figcaption{font-size:12px}.price-name{font-size:16px}.price{font-size:21px}.price-description{padding-bottom:20px}.price-notes{padding:18px}.terms-list>details>.preserve{font-size:16px}.terms-list>details>summary{font-size:16px}.about-name{font-size:52px!important}.about-layout{display:block}.about-name{margin-bottom:24px;transform:none}.socials a{font-size:15px}.footer{padding-bottom:100px}.journal-intro,.desk-layout,.desk-request,.drawers,.chapter-book,.journey-layout{margin:28px 14px}.journal-intro .section{padding:28px 20px}.layout-1 .motion-layout{grid-template-columns:1fr}.desk-layout .section,.desk-request .section{padding:28px 20px}.desk-layout .stamp-column{grid-template-columns:1fr}.desk-layout .stamp-column .art-open{height:240px}.chapter-tabs{grid-template-columns:1fr 1fr;padding:10px;gap:8px}.chapter-tabs button{border:1px solid #c6b987;border-radius:16px;padding:13px 7px;min-height:50px;font-size:15px}.chapter-tabs button[aria-selected=true]{box-shadow:inset 0 -4px 0 #b6cb82}.chapter-panel{padding:5px 10px 15px}.chapter-panel .section{padding:25px 14px}.journey-step{display:block;padding-bottom:22px}.journey-marker{position:static;display:flex;align-items:center;gap:17px;text-align:left;margin:0 0 20px}.journey-marker span{margin:0;width:58px;height:58px;font-size:28px;border-width:4px}.journey-marker p{font-size:17px;margin:0}.journey-content{border-left:2px dashed #c5cf9a;padding-left:12px;margin-left:16px}.journey-content .section{padding:25px 17px}.journey-content .motion-layout{grid-template-columns:1fr}.atelier-drawer>summary{gap:15px;font-size:20px;line-height:1.6;padding:20px 45px 20px 16px;min-height:88px}.atelier-drawer>summary::after{right:16px;top:24px;font-size:25px}.drawer-number{width:37px;height:37px;font-size:23px}.drawer-content{padding:0 10px 15px}.drawer-content .section{padding:25px 13px}.drawer-content .highlights{grid-template-columns:1fr;gap:5px}.collection-page .gallery{grid-template-columns:1fr 1fr;gap:18px 13px}.collection-page .gallery .art-open{height:180px}.collection-page .header .return-home{font-size:14px}.collection-page h1{font-size:31px}.mobile-dock a{font-size:14px;padding:7px 10px}.motion-toggle{font-size:12px}}
