/* Direction 24: a soft watercolor studio, with a framed art detail. */
.theme-24{--paper:#f8f6ef;--ink:#24404b;--accent:#668d97;--light:#e3edeb;--serif:'Playfair Display',serif}.theme-24 .b24-hero{display:grid;grid-template-columns:55fr 45fr;gap:3%;padding:55px 7% 110px;align-items:center}.theme-24 .b24-copy{padding:45px 0;order:2}.theme-24 .b24-copy h1{font-size:clamp(60px,6vw,94px);margin:25px 0;line-height:1.02}.theme-24 .b24-copy p{font-size:15px;max-width:350px;margin:0 0 28px}.theme-24 .b24-note{font:italic 18px var(--serif);margin-top:55px;color:#6c8e96}.theme-24 .b24-note span{font:20px var(--sans);padding-left:10px}.theme-24 .b24-art{position:relative;padding:0 7% 35px 3%;order:1}.theme-24 .b24-art-main{height:520px;border-radius:4px;overflow:hidden}.theme-24 .b24-art-main img{height:100%}.theme-24 .b24-art-small{position:absolute;left:0;bottom:0;width:160px;background:#fffdf6;padding:9px;box-shadow:0 9px 30px #283a3d24;transform:rotate(-5deg)}.theme-24 .b24-art-small img{height:155px}.theme-24 .b24-art-small span{display:block;padding:9px 3px 4px;font-size:8px;letter-spacing:.1em}.theme-24 .b24-intro{background:#e5eeee;padding:90px 8%;display:grid;grid-template-columns:1fr 2fr 1fr;gap:35px}.theme-24 .b24-intro h2,.theme-24 .b24-intro p{margin:0}.theme-24 .b24-intro p{font-size:14px}.theme-24 .b24-work{padding:105px 7%}.theme-24 .b24-work-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px;gap:35px}.theme-24 .b24-work-head h2{margin:15px 0 0}.theme-24 .b24-work-head p{font-size:13px;max-width:240px}.theme-24 .b24-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.theme-24 .b24-grid .art-card:nth-child(even){padding-top:45px}.theme-24 .card-text strong{font-size:22px}
/* Direction 25: ornamental folk-art palette with a light, centered welcome. */
.theme-25{--paper:#fdf7e9;--ink:#244435;--accent:#a23e50;--light:#eaf0de;--serif:'Playfair Display',serif}.theme-25 .b25-intro{text-align:center;padding:95px 7% 80px}.theme-25 .b25-intro h1{font-size:clamp(60px,6.5vw,98px);line-height:1.03;margin:25px 0}.theme-25 .b25-intro p{font-size:15px;max-width:460px;margin:auto}.theme-25 .b25-link{display:inline-flex;gap:50px;align-items:center;padding:14px 0;border-bottom:1px solid #526e54;margin-top:22px;font-size:10px;letter-spacing:.12em}.theme-25 .b25-banner{display:grid;grid-template-columns:55% 45%;background:#f7eacb;align-items:stretch}.theme-25 .b25-art{min-height:560px;padding:40px 8%;background:#f6eecf}.theme-25 .b25-art img{width:100%;height:100%;max-height:560px;object-fit:contain}.theme-25 .b25-story{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:60px 12%;background:#eaf0de}.theme-25 .b25-star{color:#df9d29;font-size:42px;margin-top:30px}.theme-25 .b25-story h2{margin:14px 0 20px}.theme-25 .b25-story p{max-width:360px;font-size:14px}.theme-25 .b25-caption{font-size:9px;letter-spacing:.13em;margin-top:30px}.theme-25 .b25-work{padding:100px 7%}.theme-25 .b25-work-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:45px}.theme-25 .b25-work-head h2{margin:15px 0 0}.theme-25 .b25-work-head>span{font-size:9px;letter-spacing:.12em}.theme-25 .b25-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.theme-25 .b25-grid .card-text strong{font:500 21px var(--sans)}.theme-25 .b25-about{text-align:center;padding:95px 7%;background:#f6eddd}.theme-25 .b25-about h2{margin:20px 0}.theme-25 .b25-about p{font-size:14px;max-width:500px;margin:auto}
@media(max-width:760px){.theme-24 .b24-hero{grid-template-columns:1fr;padding:45px 6% 80px;gap:5px}.theme-24 .b24-copy{padding:15px 0 30px}.theme-24 .b24-copy h1,.theme-25 .b25-intro h1{font-size:clamp(52px,11vw,72px)}.theme-24 .b24-note{margin-top:35px}.theme-24 .b24-art{padding:0 4% 30px 9%}.theme-24 .b24-art-main{height:390px}.theme-24 .b24-art-small{width:125px}.theme-24 .b24-art-small img{height:110px}.theme-24 .b24-intro{grid-template-columns:1fr;padding:75px 6%;gap:20px}.theme-24 .b24-work,.theme-25 .b25-work{padding:75px 6%}.theme-24 .b24-work-head,.theme-25 .b25-work-head{display:block}.theme-24 .b24-grid,.theme-25 .b25-grid{grid-template-columns:repeat(2,1fr);gap:18px}.theme-24 .b24-grid .art-card:nth-child(even){padding-top:25px}.theme-24 .card-text strong,.theme-25 .b25-grid .card-text strong{font-size:18px}.theme-25 .b25-intro{padding:75px 6% 65px}.theme-25 .b25-banner{grid-template-columns:1fr}.theme-25 .b25-art{min-height:0;padding:35px 10%}.theme-25 .b25-art img{height:390px}.theme-25 .b25-story{padding:65px 7%}.theme-25 .b25-about{padding:75px 6%}}

@media(max-width:760px){.theme-24 .b24-copy{order:1}.theme-24 .b24-art{order:2}}
