/* A compact mobile reading rhythm, with full stories available on demand. */
.commission-entry{white-space:nowrap}

.site-header .nav-right{display:flex;align-items:center;justify-content:flex-end;gap:24px}

#mobile-menu,#mobile-menu .menu-title,#mobile-menu .menu-back,#mobile-menu .menu-links>a,#mobile-menu .menu-links>button,#mobile-menu .menu-utility,#mobile-menu .menu-utility span{font-family:Georgia,serif!important}
.home-selected{background:#fff;padding:64px 50px 72px}
.selected-heading{text-align:center;max-width:620px;margin:0 auto 36px}
.selected-heading h2{font:400 46px/1.2 Allura,Georgia,serif;letter-spacing:0;text-transform:none;margin:0 0 16px}
.selected-heading p{font:16px/1.55 Georgia,serif;margin:0}
.selected-works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px;max-width:1180px;margin:0 auto}
.selected-work{min-width:0;text-decoration:none;color:inherit}
.selected-work-photo{position:relative;aspect-ratio:4/5;overflow:hidden;background:#fff}
.selected-work-photo img{display:block;width:100%;height:100%;object-fit:contain}
.selected-work-photo .selected-work-worn{position:absolute;inset:0;object-fit:cover;opacity:0;transition:opacity .25s}
@media(hover:hover){.selected-work:hover .selected-work-worn{opacity:1}}
.selected-work h3{font:400 16px/1.4 Georgia,serif;letter-spacing:0;text-transform:none;margin:14px 0 5px}
.selected-work p{font:13px/1.4 Georgia,serif;margin:0}
.selected-actions{display:flex;align-items:center;justify-content:center;gap:30px;margin:36px auto 0}
.selected-actions>a:not(.button){font:16px/1.5 Georgia,serif;text-decoration:underline;text-underline-offset:5px}
.selected-actions .button{min-height:46px;display:inline-flex;align-items:center;justify-content:center}
.mobile-disclosure>summary{list-style:none}
.mobile-disclosure>summary::-webkit-details-marker{display:none}
.story-more>summary,.craft-more>summary,.create-jump{display:none}
.policy-topic>summary{pointer-events:none}
.policy-topic>summary h2{margin-top:35px}
.policy-topic:first-child>summary h2{margin-top:0}
@media(min-width:751px) and (max-width:1050px){
 .site-header{padding-left:24px;padding-right:24px;column-gap:16px}
 .site-header .wordmark{font-size:38px;letter-spacing:7px;padding-left:7px}
 .site-header .nav-right{gap:10px}
 .site-header .nav-right .header-currency{display:none}
 .site-header .nav-left{gap:8px}
 .site-header .nav-left a{font-size:10px;letter-spacing:.7px}
 
 .page-create .create-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .page-create .create-panel{max-width:100%;box-sizing:border-box;padding:40px 24px 0}
}
@media(max-width:750px){
 html{scroll-padding-top:84px}
 .announcement{display:none}
 .site-header .nav-right{display:none}
 #mobile-menu .menu-links{gap:0;padding-top:38px;padding-bottom:16px}
 #mobile-menu [data-menu-view="main"] .menu-links>a{min-height:44px;line-height:1.4;letter-spacing:1.5px}
 
 #mobile-menu .menu-close{top:10px;right:10px;width:44px;height:44px;padding:12px}
 #mobile-menu .menu-photo{flex:1;aspect-ratio:auto;min-height:100px;max-height:40svh;margin-bottom:20px}
 #mobile-menu .menu-utility{margin-bottom:max(24px,env(safe-area-inset-bottom))}
 #mobile-menu .menu-utility a{min-height:44px;align-items:center}
 .page-intro{padding:32px 20px}
 .page-intro h1{margin:0}
 .page-index .square-pair .media-card{height:min(70svh,440px);min-height:320px;aspect-ratio:auto}
 .page-index .square-pair .media-card>.photograph,.page-index .square-pair .media-card>.film{height:100%;aspect-ratio:auto}
 .page-index .square-pair .media-caption{padding:24px 20px}
 .page-index .home-craft-story{padding:32px 24px}
 .page-index .home-browse{padding-top:28px;padding-bottom:28px}
 .page-index .making-steps{padding-top:30px;padding-bottom:30px}
 .home-selected{padding:32px 0 40px}
 .selected-heading{padding:0 24px;margin-bottom:24px}
 .selected-heading h2{font-size:36px;margin-bottom:12px}
 .selected-heading p{font-size:16px}
 .selected-works{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:24px;padding:0 24px 16px;scrollbar-width:thin}
 .selected-work{flex:0 0 min(67vw,280px);scroll-snap-align:start}
 .selected-work-photo{height:min(36svh,290px);aspect-ratio:auto}
 .selected-work h3{margin-top:12px;font-size:16px}
 .selected-actions{gap:18px;flex-wrap:wrap;padding:0 24px;margin-top:20px}
 .selected-actions .button{font-size:11px;padding:13px 16px}
 .hiw-journey{padding-top:20px}
 .hiw-main h1{padding:0 24px;margin-bottom:20px}
 .hiw-main h1 br{display:none}
 .hiw-portrait{width:auto;height:clamp(140px,23svh,210px);aspect-ratio:4/5;padding:5px;outline-offset:4px}
 .hiw-stage-copy{min-height:0;padding:22px 24px 0}
 .hiw-stage-copy h2{margin-bottom:12px}
 .hiw-stage-copy p{font-size:16px;line-height:1.5}
 .hiw-journey>.hiw-button{margin-top:18px;margin-bottom:18px;min-height:44px;padding:12px 20px}
 .hiw-arrows{display:none}
 .hiw-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
 .hiw-tabs button{padding:10px 5px 12px;font-size:11px;line-height:1.35;letter-spacing:0;min-height:100px}
 .hiw-tabs button>img{width:44px;height:44px;margin-bottom:7px}
 .hiw-tabs .hiw-tab-label>span{display:block;margin:0 0 2px}
 .hiw-tabs button:nth-child(-n+2){border-bottom:0}
 .hiw-tabs button[aria-selected=true]:after{left:8px;right:8px}
 .hiw-enquire-copy{padding:30px 24px}
 .hiw-enquire h2{margin-bottom:18px}
 .hiw-enquire p{font-size:16px;line-height:1.5}
 .hiw-enquire p+p{margin-top:16px}
 .hiw-enquire .hiw-button{margin:20px 0 16px}
 .hiw-main .hiw-timing{margin-top:18px}
 .hiw-enquire>figure{height:clamp(180px,28svh,250px);aspect-ratio:auto}
 .hiw-enquire>figure img{object-position:center 58%}
 .hiw-values{padding:30px 24px;gap:24px 20px}
 .hiw-gallery{padding-bottom:30px}
 .hiw-gallery-heading{margin-bottom:20px}
 .hiw-gallery-card{flex-basis:180px}
 .hiw-gallery-card img{height:215px;object-fit:contain}
 .hiw-end{padding:28px 24px 36px}
 #treasured-stories{padding-top:24px;padding-bottom:16px}
 .bs-intro{padding:0 24px 18px}
 .bs-intro>h2{margin-bottom:12px}
 .bs-story-nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;gap:22px;padding:0 24px 14px;scrollbar-width:thin}
 .bs-story-nav button{min-height:44px;flex:none;white-space:nowrap;font-size:14px}
 .bs-stage{padding:0 24px 20px}
 .bs-story{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:16px 14px;align-items:center}
 .bs-product{grid-column:1;grid-row:1}
 .bs-product>figure{height:clamp(160px,25svh,225px);aspect-ratio:auto}
 .bs-copy{display:contents}
 .bs-copy>.bs-inspiration,.bs-inspiration-row{grid-column:2;grid-row:1;width:100%;margin:0!important}
 .bs-inspiration-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}
 .bs-inspiration-row .bs-inspiration{width:100%}
 .bs-muse-image,.bs-design-image{width:100%;height:clamp(100px,18svh,150px);object-fit:contain}
 .bs-inspiration figcaption{font-size:11px;line-height:1.4;margin-top:8px}
 .bs-copy>h2,.bs-copy>.bs-lead,.bs-copy>.story-more{grid-column:1/-1;width:100%;margin:0}
 .bs-copy>h2{font-size:31px}
 .bs-copy>.bs-lead{font-size:20px;line-height:1.45}
 .bs-controls{margin-top:18px}
 .mobile-disclosure{border-bottom:1px solid #ddd}
 .mobile-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:12px 0;font:16px/1.4 Georgia,serif;cursor:pointer;pointer-events:auto}
 .mobile-disclosure>summary:after{content:'+';flex:none;font:22px/1 Georgia,serif}
 .mobile-disclosure[open]>summary:after{content:'−'}
 .mobile-disclosure>summary:focus-visible{outline:1px solid currentColor;outline-offset:4px}
 .story-more>p{font-size:16px;line-height:1.55;margin:0 0 18px}
 .en-intro{padding:40px 24px}
 #design>figure,.en-fire-film{height:clamp(220px,34svh,320px);min-height:0;aspect-ratio:auto}
 .en-painting{height:clamp(280px,53svh,500px);min-height:0;aspect-ratio:auto}
 #design>figure img{object-position:50% 50%}
 .en-copy{padding:30px 24px 36px}
 .en-copy h2{margin-bottom:18px}
 .en-copy p{font-size:16px;line-height:1.5}
 .en-copy p+p{margin-top:16px}
 .en-copy .craft-more{margin-top:18px}
 .en-main .craft-more{padding:0}
 .en-main .craft-more p{font-size:16px;line-height:1.5;margin:14px 0 18px}
 .en-main .craft-more h3{margin-top:18px}
 .en-main .craft-more .en-love{font:400 30px/1.3 Allura,Georgia,serif}
 .en-thought{padding:36px 24px}
 .en-favourites{padding:36px 0}
 .en-favourites>h2{padding:0 24px}
 .en-work-grid{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:24px;padding:0 24px 14px;margin-top:24px;scrollbar-width:thin}
 .en-work{flex:0 0 min(60vw,250px);scroll-snap-align:start}
 .en-work img{height:min(33svh,280px);aspect-ratio:auto}
 .en-work h3{font-size:13px}
 .en-care{padding:36px 24px 44px}
 .en-care details summary{min-height:44px;display:flex;align-items:center;font-size:16px}
 .page-about .title-text{padding:32px 24px}
 .page-about .chapter-media>.photograph{height:min(36svh,300px)!important;aspect-ratio:auto!important}
 .page-about .chapter-media img{height:100%;width:100%;object-fit:cover;object-position:center}
 .page-about .chapter-copy{padding:30px 24px}
 .page-about .statement{padding:36px 24px}
 .page-contact .contact-layout{flex-direction:column}
 .page-contact .contact-layout>div:last-child{order:0;padding:0 24px 30px;max-width:550px;width:100%}
 .page-contact .contact-layout>.photograph{order:1;flex:none;height:min(34svh,280px);aspect-ratio:auto;width:100%}
 .page-contact .contact-layout>.photograph img{object-position:center 45%}
 .contact-layout h2{font-size:14px;letter-spacing:1px}
 .contact-email{min-height:44px;align-items:center;margin:18px 0 22px}
 .contact-address{margin-top:22px}
 .page-create .create-layout{display:flex;flex-direction:column;padding-bottom:36px}
 .page-create .create-panel{display:contents}
 .page-create .create-panel>h1{order:0;margin:0;padding:24px 24px 18px;max-width:none;width:100%;font-size:24px}
 .page-create .create-visual{order:1;position:static;width:100%;padding:0 24px}
 .page-create .create-visual>.create-image-frame{height:clamp(170px,26svh,240px);aspect-ratio:auto}
 .page-create .create-image-frame>img{object-fit:contain}
 .page-create .create-visual>div:last-child{padding:10px 0 14px}
 .page-create .create-panel>form{order:2;width:100%;padding:8px 24px 0;box-sizing:border-box}
 .create-jump{display:flex;gap:20px;flex-wrap:wrap;margin:0 0 22px}
 .create-jump a{display:flex;align-items:center;min-height:44px;font:14px/1.4 Georgia,serif;text-decoration:underline;text-underline-offset:4px}
 .page-create .price-display{margin-top:0;padding-bottom:22px}
 .page-create input:not([type=radio]),.page-create select,.page-create textarea{font-size:16px;min-height:44px}
 .page-create .material-options img{aspect-ratio:1;height:auto;object-fit:contain}
 .page-create .price-details summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;font-size:13px;line-height:1.4;letter-spacing:.6px;padding:12px 0}
 .page-create .enquiry-fields h3{font:20px/1.35 Georgia,serif;letter-spacing:0;margin-bottom:22px}
 #your-story{scroll-margin-top:92px}
 .policy-layout{padding:0 24px 40px}
 .policy-layout aside{gap:6px 18px;padding:0 0 16px;margin-bottom:8px}
 .policy-layout aside>a{font-size:12px;line-height:1.4;min-height:44px;display:flex;align-items:center;letter-spacing:.5px}
 .policy-topic>summary{padding:16px 0}
 .policy-topic>summary h2,.policy-topic:first-child>summary h2{font:16px/1.4 Georgia,serif;letter-spacing:0;text-transform:none;margin:0}
 .policy-topic>p{font:16px/1.55 Georgia,serif;margin:0 0 18px}
 .page-faq #main{padding-top:32px}
 .page-faq .faq-title{margin-bottom:24px}
 .page-faq .faq-layout{grid-template-columns:1fr;padding-top:0;padding-bottom:32px;row-gap:24px}
 .page-faq .faq-lists{grid-column:1}
 .page-faq .faq-index{min-width:0;max-width:100%}
 .page-faq .faq-index ul{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:20px;padding-bottom:10px;scrollbar-width:thin}
 .page-faq .faq-index li{flex:none}
 .page-faq .faq-index a{font-size:14px;min-height:44px;display:flex;align-items:center;white-space:nowrap}
 .gallery-filters{padding:12px 20px 16px;gap:12px}
 .gallery-filters .filter-options{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:18px;scrollbar-width:thin;padding-bottom:4px}
 .gallery-filters .filter-options button{flex:none;white-space:nowrap;min-height:44px;font-size:13px;line-height:1.4}
 .gallery-filters legend{font-size:12px;margin-bottom:2px}
 .gallery-dialog-copy{padding:24px}
 .gallery-image-frame{height:38svh}
 .compare-close{width:44px;height:44px}
 .preview-note button{min-height:44px}
 .footer-grid{padding:36px 24px 24px;gap:24px}
 .footer-grid h3{font-size:11px;margin-bottom:12px}
 .footer-grid>div>a{font-size:14px;min-height:36px;display:flex;align-items:center;margin:0}
 .footer-grid>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;align-items:start}
 .footer-grid>div:last-child h3{grid-column:1/-1}
 .footer-grid>div:last-child p{grid-column:2;grid-row:2/span 2;margin:5px 0 0}
 .footer-bottom{padding:20px 24px 24px}
}
@media(max-width:380px) and (max-height:720px){
 .hiw-journey{padding-top:12px}
 .hiw-portrait{height:120px}
 .hiw-main h1{margin-bottom:14px}
 .hiw-stage-copy{padding-top:16px}
 .hiw-journey>.hiw-button{margin-top:10px;margin-bottom:10px}
 .hiw-tabs button{padding-top:8px;padding-bottom:8px}
}
@media(prefers-reduced-motion:reduce){.selected-work-photo .selected-work-worn{transition:none}}

/* All primary menu destinations share one typographic treatment. */
@media(min-width:751px){
 .site-header .nav-left>a,.site-header .nav-right>a.commission-entry{font:400 10px/1.3 Georgia,serif;letter-spacing:1.7px;text-transform:uppercase;text-decoration:none;padding:0;border:0}
 .site-header .nav-left>a[aria-current="page"],.site-header .nav-right>a.commission-entry[aria-current="page"]{text-decoration:underline;text-underline-offset:5px}
}
@media(min-width:751px) and (max-width:1050px){
 .site-header .nav-left>a,.site-header .nav-right>a.commission-entry{font-size:10px;letter-spacing:.7px}
}