/* A quieter, more spacious frame for Simonne's portfolio. */
.theme-21.theme-27{--paper:#faf6ef;--ink:#40343d;--accent:#9a5068;--rose-ribbon:#ead5dc}
.theme-21.theme-27 .site-header{height:86px;max-width:1500px;margin:0 auto;padding:0 6%;border-color:#cdbfc0}
.theme-21.theme-27 .brand{font-style:normal;font-size:clamp(24px,2.5vw,32px);letter-spacing:-.055em}
.theme-21.theme-27 .site-header nav{font-size:13px;gap:clamp(20px,3vw,42px)}
.theme-21.theme-27 .site-header nav a{padding:10px 0;border-bottom:1px solid transparent;transition:border-color .2s}
.theme-21.theme-27 .site-header nav a:hover{border-color:currentColor;text-decoration:none}
.theme-21.theme-27 .a-petal-hero{background:#f3e4e4;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:7%;padding:clamp(70px,7vw,110px) 8% clamp(90px,9vw,135px)}
.theme-21.theme-27 .a-petal-copy{max-width:520px}
.theme-21.theme-27 .a-petal-copy h1{font-size:clamp(68px,7.2vw,112px);line-height:.99;margin:28px 0}
.theme-21.theme-27 .a-petal-copy p:not(.hero-disclosure){font-size:16px;max-width:385px}
.theme-21.theme-27 .a-petal-copy .button{margin-top:5px;padding:17px 22px;min-width:205px;background:#493842;color:#fffaf5;border-color:#493842;border-radius:3px;transition:background .2s,color .2s}
.theme-21.theme-27 .a-petal-copy .button:hover{background:#9a5068;color:white;border-color:#9a5068}
.theme-21.theme-27 .a-petal-note{margin-top:55px;color:#744b5a}
.theme-21.theme-27 .a-petal-copy .hero-disclosure{font-size:11px;line-height:1.5;color:#6e5961;margin:12px 0 0;max-width:290px}
.theme-21.theme-27 .a-petal-art{padding:0 12% 0 5%;min-height:0}
.theme-21.theme-27 .a-petal-main{height:auto;aspect-ratio:4/5;max-height:620px;border-radius:48% 48% 3px 3px}
.theme-21.theme-27 .a-petal-inset{width:34%;height:auto;aspect-ratio:1/1.05;bottom:-35px;box-shadow:0 14px 32px #44343b25}
.theme-21.theme-27 .a-petal-tag{width:95px;height:95px;left:0;bottom:26px;background:#edcf9b;color:#493c3a}
.theme-21.theme-27 .a-petal-ribbon{padding:20px;font-size:10px;letter-spacing:.18em}
.theme-21.theme-27 .a-petal-work,.theme-21.theme-27 .petal-gallery,.theme-21.theme-27 .petal-mediums{padding:clamp(85px,9vw,135px) 8%}
.theme-21.theme-27 .a-petal-heading,.theme-21.theme-27 .petal-section-heading{grid-template-columns:minmax(120px,.65fr) minmax(0,1.5fr) minmax(190px,.8fr);gap:4%;align-items:start;margin-bottom:55px}
.theme-21.theme-27 .a-petal-heading h2,.theme-21.theme-27 .petal-section-heading h2{font-size:clamp(48px,5.1vw,72px)}
.theme-21.theme-27 .a-petal-heading p,.theme-21.theme-27 .petal-section-heading p{font-size:15px;line-height:1.7}
.theme-21.theme-27 .a-petal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.5vw,36px)}
.theme-21.theme-27 .a-petal-grid .art-card>img{aspect-ratio:1/1.12;background:#eee7e3}
.theme-21.theme-27 .card-text{padding:20px 0 19px}
.theme-21.theme-27 .card-text strong{font-size:clamp(22px,2.2vw,29px)}
.theme-21.theme-27 .disclosure,.theme-21.theme-27 .gallery-disclosure{color:#68545d;opacity:1;line-height:1.6}
.theme-21.theme-27 .petal-gallery{background:#f2ebe4}
.theme-21.theme-27 .petal-gallery-grid{grid-template-columns:1.15fr 1fr 1fr;gap:clamp(18px,2.5vw,36px)}
.theme-21.theme-27 .petal-gallery-card img{object-fit:contain;background:#eae2dc;aspect-ratio:4/5}
.theme-21.theme-27 .petal-gallery-card strong{font-size:clamp(21px,2vw,27px)}
.theme-21.theme-27 .a-petal-about{padding:110px 8%;background:#f1dfe1;grid-template-columns:minmax(120px,.65fr) minmax(0,1.5fr) minmax(210px,.8fr);gap:4%}
.theme-21.theme-27 .about-copy p{font-size:15px;line-height:1.75}
.theme-21.theme-27 .petal-mediums{background:#faf6ef}
.theme-21.theme-27 .medium-list{gap:clamp(24px,4vw,60px)}
.theme-21.theme-27 .medium-list article{border-color:#c4aeb5;padding-top:25px}
.theme-21.theme-27 .medium-list p{font-size:15px}
.theme-21.theme-27 .petal-news{padding:100px 8%;background:#eee2ea}
.theme-21.theme-27 .contact{padding:100px 8%;background:#e7d1d9}
.theme-21.theme-27 .contact-note{border-radius:3px}
.theme-21.theme-27 footer{padding:50px 8%}
@media(max-width:760px){
 .theme-21.theme-27 .site-header{height:auto;min-height:0;padding:20px 6% 17px;gap:14px}
 .theme-21.theme-27 .site-header nav{gap:clamp(16px,5vw,28px);flex-wrap:nowrap;overflow-x:auto;width:100%;font-size:12px}
 .theme-21.theme-27 .site-header nav a:nth-child(n){font-size:12px;white-space:nowrap}
 .theme-21.theme-27 .a-petal-hero{grid-template-columns:1fr;gap:40px;padding:60px 6% 80px}
 .theme-21.theme-27 .a-petal-copy h1{font-size:clamp(56px,10vw,76px);margin:24px 0}
 .theme-21.theme-27 .a-petal-copy p:not(.hero-disclosure){font-size:15px}
 .theme-21.theme-27 .a-petal-note{margin-top:35px}
 .theme-21.theme-27 .a-petal-art{padding:0 12% 0 5%}
 .theme-21.theme-27 .a-petal-main{max-height:520px}
 .theme-21.theme-27 .a-petal-tag{width:74px;height:74px}
 .theme-21.theme-27 .a-petal-inset{bottom:-25px}
 .theme-21.theme-27 .a-petal-work,.theme-21.theme-27 .petal-gallery,.theme-21.theme-27 .petal-mediums,.theme-21.theme-27 .a-petal-about,.theme-21.theme-27 .petal-news,.theme-21.theme-27 .contact{padding:75px 6%}
 .theme-21.theme-27 .a-petal-heading,.theme-21.theme-27 .petal-section-heading,.theme-21.theme-27 .a-petal-about{grid-template-columns:1fr;gap:20px;margin-bottom:35px}
 .theme-21.theme-27 .a-petal-about{margin-bottom:0}
 .theme-21.theme-27 .a-petal-heading h2,.theme-21.theme-27 .petal-section-heading h2{font-size:clamp(42px,8vw,56px)}
 .theme-21.theme-27 .a-petal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}
 .theme-21.theme-27 .a-petal-grid .art-card:last-child{grid-column:1/-1;max-width:calc(50% - 8px)}
 .theme-21.theme-27 .card-text strong{font-size:20px}
 .theme-21.theme-27 .petal-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}
 .theme-21.theme-27 .petal-gallery-card.gallery-tall{grid-column:1/-1}
 .theme-21.theme-27 .petal-gallery-card.gallery-tall img{aspect-ratio:5/4}
 .theme-21.theme-27 .petal-gallery-card strong{font-size:19px}
 .theme-21.theme-27 .medium-list{grid-template-columns:1fr;gap:32px}
}
@media(max-width:380px){.theme-21.theme-27 .a-petal-grid{grid-template-columns:1fr}.theme-21.theme-27 .a-petal-grid .art-card:last-child{grid-column:auto;max-width:none}}

/* Gentle movement for the opening composition and work as it comes into view. */
@media (prefers-reduced-motion: no-preference) {
 .theme-21.theme-27 .a-petal-copy > * { animation: petal-entrance .8s both cubic-bezier(.2,.7,.2,1); }
 .theme-21.theme-27 .a-petal-copy h1 { animation-delay: .08s; }
 .theme-21.theme-27 .a-petal-copy p { animation-delay: .16s; }
 .theme-21.theme-27 .a-petal-copy .button { animation-delay: .24s; }
 .theme-21.theme-27 .a-petal-note { animation-delay: .3s; }
 .theme-21.theme-27 .a-petal-main { animation: petal-image-enter 1.1s both cubic-bezier(.2,.7,.2,1); }
 .theme-21.theme-27 .a-petal-main img { animation: petal-breathe 12s ease-in-out infinite alternate; }
 .theme-21.theme-27 .a-petal-inset { animation: petal-float 7s ease-in-out infinite; }
 .theme-21.theme-27 .a-petal-tag { animation: petal-tag-float 8s ease-in-out infinite; }
 .theme-21.theme-27 .a-petal-grid .art-card,
 .theme-21.theme-27 .petal-gallery-grid .petal-gallery-card { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }
 .theme-21.theme-27 .a-petal-grid.visible .art-card,
 .theme-21.theme-27 .petal-gallery-grid.visible .petal-gallery-card { opacity: 1; transform: translateY(0); }
 .theme-21.theme-27 .a-petal-grid > :nth-child(2),
 .theme-21.theme-27 .petal-gallery-grid > :nth-child(2) { transition-delay: .12s; }
 .theme-21.theme-27 .a-petal-grid > :nth-child(3),
 .theme-21.theme-27 .petal-gallery-grid > :nth-child(3) { transition-delay: .24s; }
 .theme-21.theme-27 .petal-gallery-card img { transition: transform .45s ease, filter .45s ease; }
 .theme-21.theme-27 .petal-gallery-card:hover img { transform: translateY(-5px); }
}
@keyframes petal-entrance { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }
@keyframes petal-image-enter { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: translateY(0); } }
@keyframes petal-breathe { from { transform: scale(1); } to { transform: scale(1.035); } }
@keyframes petal-float { 0%, 100% { transform: translateY(0) rotate(5deg); } 50% { transform: translateY(-10px) rotate(3deg); } }
@keyframes petal-tag-float { 0%, 100% { transform: translateY(0) rotate(-10deg); } 50% { transform: translateY(7px) rotate(-6deg); } }