.door div img{width:auto;max-width:min(90%,25rem);height:10.5rem;max-height:none;cursor:pointer}
.door{position:relative}
.door{padding-top:10rem}
.door div{position:absolute;z-index:2;top:0;left:50%;margin:0;padding:0;transform:translateX(-50%)}
.sewing-door{padding-top:13rem}
.sewing-door div img{height:13.5rem}
@media(max-width:760px){.door{padding-top:8rem}.door div img{height:8.5rem}.sewing-door{padding-top:10rem}.sewing-door div img{height:10.5rem}}
.site-name{display:block;width:clamp(5.5rem,9vw,8rem)}
.site-name img{display:block;width:100%;height:auto}
@media(max-width:760px){.site-name{width:clamp(10rem,52vw,14rem)}}
.home .site-header{display:flex;flex-direction:column;align-items:center;gap:1.4rem;padding:2rem 5vw 1.7rem}
.home .site-header .site-name{width:clamp(18rem,48vw,34rem)}
.home .site-header nav{justify-content:center;flex-wrap:wrap;padding-top:0;font-size:.8rem}
.grand-header{display:flex;flex-direction:column;align-items:center;gap:1.4rem;padding:2rem 5vw 1.7rem}
.grand-header .site-name{width:clamp(18rem,48vw,34rem)}
.grand-header nav{justify-content:center;flex-wrap:wrap;padding-top:0;font-size:.8rem}
@media(max-width:760px){.home .site-header{padding:1.5rem 5vw}.home .site-header .site-name{width:min(76vw,25rem)}.home .site-header nav{justify-content:center;font-size:.68rem}}
@media(max-width:760px){.grand-header{padding:1.5rem 5vw}.grand-header .site-name{width:min(76vw,25rem)}.grand-header nav{justify-content:center;font-size:.68rem}}
.intro .eyebrow,.text-page .eyebrow{font-size:1rem}
.intro h1,.text-page h1{font-size:clamp(3.1rem,6.8vw,7rem);font-weight:500;line-height:.86;letter-spacing:-.075em}
.text-page .about-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,22rem);align-items:center;gap:clamp(2rem,6vw,6rem);margin-bottom:3rem}
.text-page .about-heading h1{margin-bottom:0}
.about-heading .about-portrait{width:100%;max-width:22rem;justify-self:end;aspect-ratio:1/1;object-fit:cover;object-position:center;background:#fff;padding:1rem;border-radius:1rem}
.text-page ul{max-width:47rem;font-size:clamp(1.1rem,1.8vw,1.4rem)}
.about-workshops{display:grid;grid-template-columns:1fr;gap:2rem;max-width:47rem;margin:4rem auto 0}.about-workshops figure{margin:0}.about-workshops img{display:block;width:100%;height:auto;background:#fff;padding:1rem;border-radius:1rem}.about-workshops figcaption{margin-top:.65rem;color:var(--red);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
@media(max-width:760px){.text-page .about-heading{grid-template-columns:1fr;gap:1.5rem}.about-heading .about-portrait{justify-self:start;max-width:min(100%,20rem)}.about-workshops{gap:1.5rem;margin-top:3rem}}
.home .site-header{background-color:var(--paper);background-image:radial-gradient(ellipse at center,rgba(255,253,248,0) 28%,rgba(198,181,151,.52) 100%),url("assets/home-header-craft-texture.png");background-position:center;background-size:cover;background-repeat:no-repeat}
.grand-header{background-color:var(--paper);background-image:radial-gradient(ellipse at center,rgba(255,253,248,0) 28%,rgba(198,181,151,.52) 100%),url("assets/home-header-craft-texture.png");background-position:center;background-size:cover;background-repeat:no-repeat}