/* An editorial, collection-led layout. Content remains visible without JS. */
:root{--gutter:clamp(1.25rem,4.6vw,5rem)}
body{max-width:1440px}
.section-shell{padding-block:4rem}
.eyebrow{font-size:.8125rem;letter-spacing:.12em}
h2{font-size:clamp(2rem,3.4vw,3.3rem);line-height:1.1}
.section-heading{gap:2rem;align-items:end;margin-bottom:2rem}
.section-heading>p{max-width:23rem;font-size:1rem;line-height:1.65}
.site-header{min-height:4.8rem}
.site-header .nav-contact{margin-left:0}
.collection-intro{margin-bottom:1.6rem}
.collection-intro h1{font-size:clamp(2.3rem,4.2vw,3.9rem);line-height:1.08}
.woven-spotlight{grid-template-columns:1fr 1fr;gap:1rem;background:transparent;margin-bottom:2rem}
.spotlight-image{background:#e8e7e2}
.spotlight-image img{height:clamp(15rem,29vw,25rem);max-height:none;aspect-ratio:auto;object-fit:contain;transition:transform .6s ease}
.spotlight-image:hover img{transform:scale(1.025)}
.spotlight-image>span{left:1rem;right:1rem;bottom:.7rem;width:fit-content;font-size:.875rem}
.browser-heading h2{font-size:1.9rem}
.collection-grid{gap:1.7rem 1.1rem}
.interactive-product h3{font-size:1.25rem;line-height:1.3}
.product-card-bottom{display:flex;align-items:start;justify-content:space-between;gap:.75rem}
.product-card-bottom h3{max-width:80%}
.card-enquire{font-size:.875rem;white-space:nowrap;min-height:0}
.who-we-are{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;border-top:1px solid var(--line);background:#f1f4ef}
.about-copy{min-width:0}
.about-copy h2{margin:.9rem 0 1.3rem}
.about-copy>p:not(.eyebrow){font-size:1rem;line-height:1.75;max-width:34rem;margin-bottom:1rem}
.about-copy .text-link{margin-top:.5rem}
.who-we-are .workshop-gallery{position:relative;width:100%;max-width:32rem;margin:0;justify-self:end}
.workshop-slide img{aspect-ratio:1.78;background:transparent}
.why-us{background:var(--paper);border-bottom:0}
.partner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.partner-grid article{padding:2rem 1.7rem;min-width:0}
.partner-grid article:first-child{padding-left:0}
.partner-grid article+article{border-left:1px solid var(--line)}
.feature-index{font-size:.8125rem;letter-spacing:.08em;color:var(--ink-soft)}
.partner-grid h3{font-family:var(--serif);font-size:1.9rem;line-height:1.16;margin:1.3rem 0 .9rem;max-width:19rem}
.partner-grid p{font-size:1rem;line-height:1.7}
.partner-grid article:nth-child(2){transition-delay:70ms}
.partner-grid article:nth-child(3){transition-delay:140ms}
.support-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1rem}
.support-row details{border-bottom:1px solid var(--line)}
.support-row summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none;cursor:pointer;padding:1rem 0;font-size:1rem}
.support-row summary::-webkit-details-marker{display:none}
.support-row summary span{transition:transform .25s}
.support-row details[open] summary span{transform:rotate(45deg)}
.support-row p{padding-bottom:1rem;font-size:1rem;line-height:1.7}
.manufacturing{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(2rem,5vw,5rem);align-items:center;background:var(--ink);color:var(--paper)}
.making-visual{position:relative;min-width:0;align-self:stretch;overflow:hidden}
.making-visual img{width:100%;height:100%;max-height:40rem;min-height:28rem;object-fit:cover;object-position:center}
.making-visual>span{position:absolute;bottom:1rem;left:1rem;right:1rem;font-size:.75rem;letter-spacing:.12em;color:white;background:#153d43d9;padding:.75rem 1rem}
.making-copy{min-width:0}
.making-copy .eyebrow{color:#d1e1d8}
.making-copy h2{margin:.9rem 0 1.2rem}
.making-copy>p:not(.eyebrow){color:#d1e1d8;font-size:1rem;line-height:1.75}
.making-copy .capability-accordion{margin:1.5rem 0}
.making-copy .capability-accordion summary{grid-template-columns:1.5rem 1fr 1rem;padding:1.1rem 0;gap:.7rem}
.making-copy .capability-accordion summary h3{font-size:1.55rem;line-height:1.2}
.making-copy .capability-content{padding:0 0 1.2rem 2.2rem}
.making-copy .capability-content p{font-size:1rem;line-height:1.7;color:#d1e1d8}
.making-copy .text-link{color:var(--paper);font-size:.9375rem}
.process{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(2rem,6vw,6rem);align-items:start;background:var(--paper)}
.process-intro h2{margin:.9rem 0 1.2rem}
.process-intro>p:not(.eyebrow){max-width:24rem;font-size:1rem;line-height:1.7}
.process-intro .button{margin-top:1.6rem}
.order-timeline{list-style:none;padding:0;margin:0}
.order-timeline>li{position:relative;display:grid;grid-template-columns:2.7rem 1fr;gap:1.5rem;padding:0 0 1.7rem;min-width:0}
.order-timeline>li:not(:last-child)::before{content:"";position:absolute;top:2.7rem;bottom:0;left:1.35rem;width:1px;background:var(--line)}
.order-timeline>li:last-child{padding-bottom:0}
.timeline-number{display:flex;align-items:center;justify-content:center;width:2.7rem;height:2.7rem;border:1px solid var(--line);border-radius:50%;font-size:.875rem;color:var(--ink);background:var(--seafoam);transition:background .25s,color .25s}
.order-timeline li:hover .timeline-number{background:var(--ink);color:var(--paper)}
.order-timeline h3{font-family:var(--serif);font-size:1.8rem;line-height:1.2;margin:.25rem 0 .55rem}
.order-timeline p{font-size:1rem;line-height:1.7;max-width:34rem}
.contact{display:grid;background:var(--seafoam);border-top:1px solid var(--line);gap:3rem;grid-template-columns:1.1fr 1fr;padding-block:3.5rem}
.contact h2{font-size:clamp(2.4rem,4vw,3.5rem)}
.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;border:0;padding:0}
.contact-details>div:first-child{grid-column:1/-1}
.contact-details>div{margin:0;padding:0;border:0;min-width:0}
.contact-details a{overflow-wrap:anywhere}
.contact-details>div>span:first-child{font-size:.8125rem}
.site-footer{padding-top:2rem}
.gentle-reveal{transform:translateY(12px);transition:opacity .55s ease,transform .55s ease}
.gentle-reveal.is-revealed{transform:none}
@media(max-width:1000px){
 .who-we-are{gap:2rem}
 .partner-grid article{padding:1.6rem 1.1rem}
 .partner-grid h3{font-size:1.65rem}
 .product-card-bottom{display:block}
 .product-card-bottom h3{max-width:none}
 .card-enquire{min-height:44px}
 .contact-details{grid-template-columns:1fr}
}
@media(max-width:760px){
 .section-shell{padding-block:2.8rem}
 .section-heading{display:block}
 .section-heading>p{margin-top:1rem}
 .section-heading>p br{display:none}
 .collection-intro h1{font-size:clamp(2.3rem,7.8vw,3.4rem)}
 .woven-spotlight{gap:.6rem;grid-template-columns:1fr 1fr}
 .spotlight-image img{height:clamp(11rem,40vw,17rem)}
 .spotlight-image>span{position:static;display:block;width:100%;margin:0;padding:.6rem;font-size:.8125rem;line-height:1.4;background:#f0f2ec}
 .who-we-are,.manufacturing,.process,.contact{grid-template-columns:1fr;gap:2rem}
 .who-we-are .workshop-gallery{width:100%;max-width:32rem;justify-self:start}
 .partner-grid{grid-template-columns:1fr}
 .partner-grid article,.partner-grid article:first-child{padding:1.4rem 0}
 .partner-grid article+article{border-left:0;border-top:1px solid var(--line)}
 .partner-grid h3{margin:.7rem 0;font-size:1.8rem;max-width:none}
 .support-row{grid-template-columns:1fr;gap:0;margin-top:.5rem}
 .making-visual{max-height:21rem}
 .making-visual img{height:21rem;min-height:0;object-position:center 65%}
 .manufacturing h2{font-size:2.5rem}
 .process-intro .button{margin-top:1rem}
 .order-timeline>li{gap:1rem}
 .contact-details{margin-top:0;grid-template-columns:1fr 1fr}
 .contact-actions{gap:1rem}
}
@media(max-width:390px){.contact-details{grid-template-columns:1fr}.interactive-product h3{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .gentle-reveal{opacity:1;transform:none;transition:none}
 .spotlight-image img,.timeline-number,.support-row summary span,.expand-icon{transition:none}
 .spotlight-image:hover img{transform:none}
}
@media print{.gentle-reveal{opacity:1;transform:none}.manufacturing{background:white;color:var(--ink)}.making-copy p,.making-copy .eyebrow,.making-copy .capability-content p{color:var(--ink)}}