:root{--ink:#14282d;--paper:#f4f6f3;--green:#8cc640;--blue:#087eb8}body{font-family:Manrope,Arial,sans-serif}h1,h2,h3{font-family:'Space Grotesk',Manrope,sans-serif;letter-spacing:-.055em}h2{font-weight:500}em{font-family:inherit;font-style:normal;font-weight:500;color:#24815e}.topline{background:#071b24;color:#a1b7bb;font-size:9px}header{padding-top:18px;padding-bottom:18px;background:#f6f8f3}.brand{width:230px}nav{font-size:12px;font-weight:600}.button{border-radius:100px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.cinematic-hero{display:block;position:relative;min-height:760px;height:calc(100svh - 125px);max-height:1050px;background:radial-gradient(ellipse at 80% 20%,#174c5544,transparent 50%),radial-gradient(ellipse at 70% 80%,#448d3533,transparent 55%),#071b24;overflow:hidden;color:white}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#97bfb009 1px,transparent 1px),linear-gradient(90deg,#97bfb009 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(to bottom,black,transparent)}.cinematic-hero .hero-copy{position:relative;z-index:3;padding:9% 0 70px 6%;width:57%;pointer-events:none}.cinematic-hero .hero-copy a{pointer-events:auto}.cinematic-hero .eyebrow{color:#b6d5cb;font-size:10px;letter-spacing:.24em;margin-bottom:35px}.cinematic-hero h1{font-size:clamp(68px,7.2vw,112px);font-weight:500;letter-spacing:-.07em;line-height:1.02;white-space:nowrap;margin-bottom:30px}.cinematic-hero h1 em{color:#a6d958;background:linear-gradient(110deg,#c1e781,#73bf40);background-clip:text;-webkit-text-fill-color:transparent}.cinematic-hero .lead{color:#b3c8ca;font-size:16px;line-height:1.9;max-width:440px}.cinematic-hero .button{background:#a5d45e;color:#0a292c;font-size:12px;padding:17px 23px;box-shadow:0 0 35px #8ac44418}.cinematic-hero .button:hover{background:#c1e487}.cinematic-hero .actions{margin-top:35px;gap:25px;flex-wrap:wrap}.film-link{font-size:11px;display:flex;align-items:center;gap:10px}.film-link>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #799298;border-radius:50%;font-size:9px}.cinematic-hero .hero-note{color:#739297;font-size:8px;letter-spacing:.14em;margin-top:55px}.cinematic-hero .line{background:#799a85}.cinematic-hero .hero-art{position:absolute;inset:0 0 0 35%;width:65%;height:100%;background:none;overflow:visible;z-index:2}.cinematic-hero .fabric-poster{object-fit:contain;filter:drop-shadow(0 30px 60px #0008);transform:rotate(-8deg) scale(.95)}.cinematic-hero .art-label{left:35%;right:8%;bottom:55px;color:#8ca8a8;font-size:8px;letter-spacing:.16em}.hero-scroll{position:absolute;bottom:35px;left:6%;z-index:4;color:#9bb7b8;font-size:9px;letter-spacing:.16em;display:flex;gap:24px;align-items:center}.hero-scroll span{font-size:23px;color:#b2d678}.hero-signature{position:absolute;bottom:-110px;right:0;font:bold 390px/1 'Space Grotesk';letter-spacing:-.12em;color:#8da8a704;pointer-events:none}.ticker{background:#a2cf5a;color:#0b2c33;padding:18px}.ticker span{font:600 11px Manrope;letter-spacing:.15em}.intro{grid-template-columns:.6fr 1.8fr 1.1fr;gap:40px}.intro-photo{position:relative;transform:rotate(5deg);align-self:center}.intro-photo img{height:300px;object-fit:cover;border-radius:2px;box-shadow:20px 20px 0 #dfebd5}.intro-photo span{font-size:8px;letter-spacing:.2em;position:absolute;bottom:15px;left:20px;color:#fff}.service-card{border-radius:6px;transition:transform .35s,box-shadow .35s}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 45px #173b3620}.service-card h3{font-weight:500;letter-spacing:-.05em}.technology{background:#092b39}.technology .tech-art{background-image:url('./owner-thread-production.webp');background-size:cover;background-position:center;border-radius:4px}.technology .tech-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#092b39c0,transparent)}.technology .outline-word,.technology .colour-orbit{display:none}.technology .tech-art>span:last-child{position:absolute;bottom:20px;left:25px;z-index:1;color:#d3e5e2}.technology em{color:#a3d169}.closing{background:linear-gradient(110deg,#d2e9aa,#a2d173)}.closing em{color:#174f4f}.guide-launch{background:#0a2833;border-color:#40616a}.page-hero h1{letter-spacing:-.06em}.section{padding-top:100px;padding-bottom:100px}.clients h2 em{color:#167da8}.sister>img{border-radius:4px}.studio-banner{background:#e5ecdf}.studio-banner img{border-radius:4px}.visit-hero{background:radial-gradient(ellipse at 90% 0,#1b6260,transparent 50%),linear-gradient(140deg,#0a3a51,#071b24)}.visit-hero em{color:#b4d77b}.intro-photo:hover{transform:rotate(1deg)}
@media(max-width:1100px){.cinematic-hero .hero-copy{padding-top:12%;width:62%}.cinematic-hero h1{font-size:78px}.cinematic-hero .hero-art{left:38%;width:62%}.intro{grid-template-columns:1.5fr 1fr}.intro>.eyebrow{grid-column:1/-1}}
@media(max-width:800px){.cinematic-hero{height:auto;min-height:880px}.cinematic-hero .hero-copy{padding:48px 7% 0;width:100%}.cinematic-hero .eyebrow{font-size:8px;margin-bottom:24px}.cinematic-hero h1{font-size:clamp(50px,10vw,75px);white-space:normal;line-height:1.04;margin-bottom:22px}.cinematic-hero .lead{font-size:14px;line-height:1.7;max-width:380px}.cinematic-hero .actions{margin-top:22px;gap:17px}.cinematic-hero .button{font-size:11px;padding:14px 19px}.cinematic-hero .hero-note{display:none}.cinematic-hero .hero-art{left:0;right:0;top:360px;width:100%;height:470px}.cinematic-hero .art-label{bottom:20px;left:7%;right:7%}.hero-scroll{bottom:22px;left:7%;font-size:8px}.hero-signature{display:none}.section{padding-top:60px;padding-bottom:60px}.intro{grid-template-columns:1fr}.intro-photo{max-width:400px;width:90%;margin:20px auto}.intro-photo img{width:100%;height:300px}.cinematic-hero .fabric-poster{transform:scale(.9)}}
@media(max-width:420px){.cinematic-hero{min-height:830px}.cinematic-hero .hero-art{top:365px;height:400px}.cinematic-hero .actions{gap:16px}.film-link{font-size:10px}.cinematic-hero h1{font-size:52px}.brand{width:200px}}
@media(prefers-reduced-motion:reduce){.service-card:hover,.button:hover,.intro-photo{transform:none}}

.motion-toggle{position:absolute;right:8%;top:30px;z-index:4;background:#102f39aa;color:#b6d0ce;border:1px solid #6c8e9055;border-radius:25px;padding:8px 13px;font:10px Manrope;letter-spacing:.04em}.motion-toggle[hidden]{display:none}@media(max-width:800px){.motion-toggle{top:10px;right:7%}}

.textile-journey{background:radial-gradient(ellipse at 65% 45%,#15434a 0%,#091f2b 55%,#071b25 100%);color:#f4f6ee;padding:65px 7vw 25px;overflow:hidden;position:relative}.journey-intro{display:flex;justify-content:space-between;align-items:center;gap:35px;position:relative;z-index:2}.journey-intro h1{font:500 clamp(42px,5.4vw,85px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-.055em;margin:18px 0}.journey-intro h1 em{color:#acd85b;font-style:normal}.journey-intro>div:last-child{max-width:360px;font-size:15px;color:#b9cdd0;line-height:1.9}.journey-intro .underlink{color:#d5e4bc}.journey-stage{height:440px;position:relative;margin-top:5px}.journey-caption{position:absolute;left:0;top:95px;width:240px;z-index:2;pointer-events:none}.journey-caption>span{font-size:12px;letter-spacing:.15em;color:#aed868}.journey-caption h2{font-size:30px;line-height:1.15;letter-spacing:-.04em;margin:15px 0}.journey-caption p{font-size:13px;line-height:1.8;color:#9cb9c2}.journey-visual{position:absolute;inset:-40px -2vw 0 16%;}.journey-visual #fabric-scene,.journey-visual .fabric-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.journey-player{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:20px}.journey-player>span{font-size:9px;letter-spacing:.2em;color:#91afb5}.journey-player button{border:1px solid #73979b;background:#13313c;color:#e6f0e5;padding:12px 20px;border-radius:30px;cursor:pointer;font:12px 'Manrope',sans-serif}.journey-timeline{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;padding-top:20px}.journey-timeline button{border:0;padding:10px 0;background:none;text-align:left;color:#8eaab5;font:600 14px 'Manrope',sans-serif;cursor:pointer}.journey-timeline button>span{font-size:10px;margin-right:12px;opacity:.65}.journey-timeline i{display:block;height:2px;background:#31505a;margin-top:15px;transition:background .3s}.journey-timeline button.active{color:#d8f6a1}.journey-timeline button.active i{background:#a9d759;box-shadow:0 0 14px #a9d75955}.journey-timeline button:hover{color:white}.journey-foot{display:flex;justify-content:space-between;font-size:10px;color:#87a4ac;padding-top:20px}.journey-foot a{color:#c9d8d6}.journey-visual canvas{display:block;width:100%;height:100%}
@media(min-width:1600px){.journey-stage{height:510px}.journey-visual{inset:-35px 0 0 14%}}
@media(max-width:850px){.textile-journey{padding:40px 6vw 24px}.journey-intro{display:block}.journey-intro h1{font-size:clamp(39px,7vw,58px)}.journey-intro>div:last-child{max-width:100%;font-size:13px}.journey-intro>div:last-child p{margin:16px 0 8px}.journey-stage{height:470px;margin-top:20px}.journey-caption{top:0;width:100%;max-width:320px}.journey-caption h2{font-size:23px;margin:10px 0}.journey-caption p{font-size:12px;margin:0}.journey-visual{inset:75px -7vw 5px -7vw}.journey-player>span{font-size:8px;max-width:130px;line-height:1.8}.journey-player{bottom:0}.journey-timeline{gap:6px}.journey-timeline button{font-size:11px}.journey-timeline button>span{display:block;margin:0 0 8px}.journey-timeline i{margin-top:10px}.journey-foot{gap:15px;font-size:9px}.journey-foot span{max-width:170px}}

/* Vivid fashion direction: logo blue/green with saturated print accents. */
:root{--paper:#fff;--ink:#141329;--blue:#007ac2;--green:#8dcb20;--line:#e7e2f0}.topline{background:#201044}header{background:#fff}.textile-journey{background:radial-gradient(ellipse at 85% 35%,#3f1264 0%,transparent 52%),radial-gradient(ellipse at 40% 90%,#003e73 0%,transparent 48%),#100d22}.textile-journey:before{content:'';position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#00b4ee 0 22%,#ee008c 22% 43%,#ffdb00 43% 63%,#7134e7 63% 82%,#98d72c 82%)}.journey-intro h1 em{background:linear-gradient(100deg,#19c9ff 0%,#29d6eb 22%,#e952e6 54%,#ffce2d 90%);background-clip:text;-webkit-text-fill-color:transparent}.journey-intro .underlink{color:#fff;border-color:#ee2eb7}.journey-intro>div:last-child{color:#d1c7de}.journey-caption>span{color:#ffdc37}.journey-caption p{color:#c1b6d0}.journey-timeline button.active{color:#ffe633}.journey-timeline button.active i{background:linear-gradient(90deg,#00c6ff,#ed00ad,#ffdc00);box-shadow:none}.journey-player button{background:#f5edff;color:#24113c;border:0;font-weight:700}.journey-stage{height:510px}.journey-visual{inset:-45px -2vw 0 16%}.fashion-campaign{position:absolute;right:7%;bottom:0;height:115%;max-width:90%;object-fit:contain;opacity:0;visibility:hidden;pointer-events:none;filter:drop-shadow(0 20px 40px #08021c66);transition:opacity .55s,transform .8s;transform:translateY(20px) scale(.96)}.fashion-finale .fashion-campaign{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.fashion-finale #fabric-scene,.fashion-finale .fabric-poster{opacity:0!important}.fashion-finale .journey-caption{top:145px}.journey-player{z-index:3}.ticker{background:#ffe500;color:#21113d}.capabilities{background:#f5f0ff}.print-card{background:#007ccb;color:white}.design-card{background:#f00099;color:white}.finish-card{background:#ffe500;color:#221139}.design-art{color:#ffe500}.swatch-art{background:repeating-radial-gradient(ellipse at 30% 120%,#00ccec 0 14px,#ffdc00 15px 27px,#ec009d 28px 40px,#28116c 41px 53px);box-shadow:15px 20px 0 #22175f}.thread-art{background:repeating-linear-gradient(17deg,#6012c8 0 3px,#de1ab1 4px 7px);box-shadow:20px 22px 0 #ff8c00}.technology{background:#201044}.studio-banner{background:#eaf7ff}.closing{background:#6530d8;color:white}.closing em{color:#ffe500}.closing .circle-link{background:#ffe500;color:#271345;border-color:#ffe500}.intro-photo img{box-shadow:20px 20px 0 #ffdc00}.guide-launch{background:#34205b;border:1px solid #9271b6}.button{background:#007ac2}.button:hover{background:#6123bd}.page-hero{background:linear-gradient(115deg,#edfaff,#f5eaff)}.page-hero h1 em{color:#7928c9}.visit-hero{background:radial-gradient(ellipse at 90% 0,#6a2186,transparent 50%),linear-gradient(140deg,#00559a,#17102e)}.visit-hero em{color:#ffe500}
@media(max-width:850px){.journey-stage{height:590px}.journey-visual{inset:90px -5vw 25px -5vw}.fashion-campaign{height:106%;max-width:100%;right:3%;bottom:0}.fashion-finale .journey-caption{top:0;max-width:350px}.journey-caption{z-index:3}.journey-player{bottom:0}.journey-intro h1{font-size:clamp(39px,8vw,59px)}.journey-player>span{color:#d5cce3}.journey-foot{color:#b4a7c8}}
@media(prefers-reduced-motion:reduce){.fashion-campaign{transition:none}}

@media(max-width:850px){.fashion-finale .journey-visual{top:135px}.fashion-campaign{height:100%;right:3%}.fashion-finale .journey-caption p{max-width:100%}}

@media(min-width:851px){.journey-visual{inset:0 -2vw 0 16%}.fashion-campaign{height:100%}.fashion-finale .journey-caption{top:90px}}

.journey-player button{min-width:140px}.journey-stage:after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:2px;background:linear-gradient(90deg,#00c6ff,#f000aa,#ffe500);transform:scaleX(var(--stage-progress,0));transform-origin:left;pointer-events:none}.journey-timeline button.active i{background:#ffe500}