/* A making-table composition built around the studio's actual work. */
header{border-bottom:0;position:relative;padding-bottom:28px}header:after{content:'';position:absolute;bottom:0;left:0;right:0;height:8px;background:repeating-linear-gradient(90deg,#9e667d 0 1px,transparent 1px 12px);opacity:.5}header nav a{font-size:12px;letter-spacing:.2px}
.hero{grid-template-columns:43% 57%;padding-top:45px;padding-bottom:105px;min-height:810px}.hero-copy{padding-top:65px}.hero h1{font-size:clamp(67px,6.6vw,108px);letter-spacing:-3px}.hero .intro{font-size:15px;line-height:1.9;max-width:360px}.hero .eyebrow{letter-spacing:3px}.hero-note{margin-left:20px}.studio-collage{min-height:620px}.studio-collage .fabric-shape{inset:45px -3vw -35px 0;border-radius:3px;transform:rotate(-6deg);outline:1px dashed #b77e8f;outline-offset:-15px;background-color:#eacbcd}.studio-collage .stitch-circle{display:none}.studio-collage .hero-blanket{width:66%;height:520px;right:10%;top:5px;transform:rotate(5deg);clip-path:none;border:10px solid #fffcf5;box-shadow:0 14px 35px #532e3833}.studio-collage .hero-detail{width:175px;left:5%;bottom:-4px;transform:rotate(-9deg);z-index:3}.studio-collage .hero-detail .media{height:165px}.studio-collage .hero-detail figcaption{font-size:21px}.studio-hoop{position:absolute;right:-2%;top:290px;width:215px;transform:rotate(10deg);z-index:4}.studio-hoop .media{height:215px}.studio-hoop figcaption{font-size:24px}.studio-denim{position:absolute;left:-3%;top:85px;width:170px;transform:rotate(-13deg);z-index:3}.studio-denim .media{height:200px}.studio-denim figcaption{font-size:20px}.studio-collage .round-note{right:0;top:0;width:100px;height:100px}.studio-collage .edition{right:36%;bottom:-55px;writing-mode:initial;font-size:9px;letter-spacing:2px;transform:rotate(0)}.studio-collage .watermark{font-size:11px}.ribbon{background:transparent;color:var(--wine);transform:none;border-top:1px dashed #b88396;border-bottom:1px dashed #b88396;padding:24px 5%;font-size:28px}
.services{background:#f0dfd9;gap:10%;padding-top:110px;padding-bottom:110px}.services-intro h2{font-size:clamp(68px,7vw,105px)}.service-list{padding-top:12px}.service-line{position:relative;padding:30px 0;transition:padding-left .25s ease}.service-line:hover,.service-line:focus-within{padding-left:12px}.service-number{font:italic 22px var(--serif)}.service-line h3{font-size:42px}.service-line p{font-size:14px}.service-line a{font-size:13px}.studio-swatch{position:relative;width:230px;margin:60px 0 0 25px;background:#fffaf0;padding:12px 12px 20px;transform:rotate(-7deg);box-shadow:0 10px 25px #65283d22}.studio-swatch .media{height:205px}.studio-swatch figcaption{font:21px var(--hand);margin-top:15px}.studio-swatch .watermark{font-size:11px}.hoop-gallery{gap:55px 45px}.hoop-gallery figure{box-shadow:none;background:transparent;padding:0 0 22px;border-bottom:1px dashed #bd91a0}.hoop-gallery figure:before{display:none}.hoop-gallery figure:nth-child(3n+2){margin-top:90px}.hoop-gallery img{background:transparent}.hoops{background:#f4ece0}.hoops-heading{margin-bottom:30px}.order{background:linear-gradient(90deg,#f8f3e9 0 49%,#f0dfd955 49% 100%)}.order form{border-top:1px dashed #a67588;padding-top:28px}
@media(max-width:1000px){.hero{grid-template-columns:44% 56%;min-height:760px}.hero h1{font-size:70px}.studio-collage .hero-blanket{height:460px;width:73%;right:5%}.studio-collage{min-height:555px}.studio-hoop{width:170px;top:300px;right:-3%}.studio-hoop .media{height:170px}.studio-denim{width:135px;top:110px;left:-6%}.studio-denim .media{height:155px}.studio-denim figcaption{font-size:17px}.studio-collage .hero-detail{width:150px;left:0}.studio-collage .hero-detail .media{height:140px}.service-line h3{font-size:34px}.hoop-gallery{gap:35px 25px}}
@media(max-width:650px){.hero{display:flex;padding:35px 7% 75px;min-height:0}.hero-copy{padding-top:0}.hero h1{font-size:65px;letter-spacing:-2px}.hero .intro{font-size:14px}.hero-note{right:0;bottom:-70px;margin:0}.studio-collage{min-height:530px;margin-top:85px}.studio-collage .hero-blanket{height:375px;width:78%;right:2%;top:0;border-width:7px}.studio-collage .fabric-shape{inset:30px -10% 15px -6%;transform:rotate(-4deg)}.studio-denim{width:123px;left:-4%;top:90px}.studio-denim .media{height:145px}.studio-hoop{width:153px;right:-3%;top:325px}.studio-hoop .media{height:160px}.studio-hoop figcaption{font-size:21px}.studio-collage .hero-detail{width:130px;left:0;bottom:20px}.studio-collage .hero-detail .media{height:130px}.studio-collage .hero-detail figcaption{font-size:17px}.studio-collage .round-note{width:78px;height:78px;right:-1%;top:-15px;font-size:7px}.studio-collage .edition{display:none}.ribbon{font-size:23px}.services{padding:70px 8%}.services-intro h2{font-size:72px}.studio-swatch{display:none}.service-line h3{font-size:35px}.service-line:hover,.service-line:focus-within{padding-left:0}.hoop-gallery{gap:35px 20px}.hoop-gallery figure:nth-child(3n+2){margin-top:0}.hoop-gallery figure:nth-child(even){margin-top:55px}.order{background:var(--cream)}.order form{margin-top:45px;padding-top:35px}}
@media(prefers-reduced-motion:reduce){.service-line{transition:none}}

.stitch-intro{animation:sewing-exit .45s ease 3.35s forwards;background-color:#f8f3e9;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#b19d8010 3px 4px),repeating-linear-gradient(90deg,transparent 0 3px,#b19d8010 3px 4px)}.stitch-stage{width:min(84vw,1000px);text-align:center}.thread-logo-art{width:100%;height:auto;display:block}.stitch-stage>p{font:italic clamp(20px,2.6vw,32px) var(--serif);margin:35px 0 0;color:var(--wine);animation:sewing-caption .5s ease 2.7s both}.stitch-intro .sewn-thread{stroke-dasharray:1;stroke-dashoffset:1;animation:sew-letter .8s linear var(--sew-delay) forwards}.stitch-intro .strand-light{animation-delay:calc(var(--sew-delay) + .045s)}header .threaded-brand{flex-basis:255px;width:255px}.threaded-brand .sewn-thread{stroke-dasharray:none}@keyframes sew-letter{to{stroke-dashoffset:0}}@keyframes sewing-caption{from{opacity:0}to{opacity:1}}@keyframes sewing-exit{to{opacity:0;visibility:hidden}}@media(max-width:650px){header .threaded-brand{width:245px}.stitch-stage{width:94vw}.stitch-stage>p{margin-top:20px}}@media(prefers-reduced-motion:reduce){.stitch-intro{display:none!important}}

/* Both actions begin together: fabric behind, multicolour thread in front. */
.combined-intro{isolation:isolate;animation-delay:3.7s}.opening-backdrop{position:absolute;inset:5% 8%;perspective:1600px;z-index:-1;filter:drop-shadow(0 20px 25px #65283d26)}.opening-fabric{position:absolute;top:0;bottom:0;width:50%;background-image:url('assets/images/opening-illustrated-blanket.png');background-size:200% 100%;backface-visibility:hidden}.left-fabric{left:0;background-position:left center;transform-origin:right center;animation:open-left-fabric 1.8s cubic-bezier(.2,.7,.2,1) both}.right-fabric{right:0;background-position:right center;transform-origin:left center;animation:open-right-fabric 1.8s cubic-bezier(.2,.7,.2,1) both}.combined-intro .stitch-stage{position:relative;width:min(78vw,950px);background:#fffaf0ed;box-shadow:0 12px 35px #65283d20;padding:30px 45px 25px;outline:1px dashed #b18192;outline-offset:-12px;transform:rotate(-2deg)}.combined-intro .stitch-stage>p{margin-top:8px;font-size:clamp(17px,2vw,26px)}.combined-intro .sewn-thread{animation-duration:1s}.combined-intro .skip-intro{bottom:2%}@keyframes open-left-fabric{from{transform:rotateY(84deg)}to{transform:rotateY(0)}}@keyframes open-right-fabric{from{transform:rotateY(-84deg)}to{transform:rotateY(0)}}@media(max-width:650px){.opening-backdrop{inset:10% 3%}.combined-intro .stitch-stage{width:92vw;padding:28px 16px 24px}.combined-intro .stitch-stage>p{margin-top:18px}}

/* Let the colourful lettering sit directly over the larger blanket. */
.combined-intro .opening-backdrop{inset:2% 4%}.combined-intro .stitch-stage{background:transparent;box-shadow:none;outline:none}.combined-intro .thread-logo-art{filter:drop-shadow(0 1px 1px #fff5)}@media(max-width:650px){.combined-intro .opening-backdrop{inset:6% 1%}}

/* Black embroidered lettering for contrast against the colourful blanket. */
.combined-intro .sewn-thread{stroke:#111111}.combined-intro .strand-light{stroke:#414141}.combined-intro .stitch-stage>p{color:#111111}.combined-intro .thread-logo-art{filter:none}

.studio-location{font-size:13px;line-height:1.6;margin-top:12px;color:#765764;max-width:360px}footer{flex-wrap:wrap}footer .footer-location{flex-basis:100%;font:13px/1.6 "DM Sans",Arial,sans-serif;color:#765764}@media(max-width:650px){footer .footer-location{grid-column:1 / -1}.studio-location{font-size:12px}}

.contact-email{margin:-15px 0 25px;font-size:15px}.contact-email a,.form-note a,.email-fallback a{text-decoration:underline;overflow-wrap:anywhere}.email-fallback{font-size:13px;line-height:1.7;margin-top:22px}.footer-email{font-size:14px;overflow-wrap:anywhere}
