:root{--off-white:#FCFCFB;--navy:#202441;--beige:#D8CCBA;--ink:#16182b;--line:rgba(32,36,65,.2);--light-line:rgba(252,252,251,.28);--display:'Cinzel',serif;--editorial:'Libre Baskerville',serif;--ui:'Montserrat',sans-serif}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--off-white);color:var(--navy);font-family:var(--ui);overflow-x:hidden} a{color:inherit;text-decoration:none} button,input,textarea,select{font:inherit} ::selection{background:var(--beige);color:var(--navy)}
    .skip-link{position:absolute;left:12px;top:-60px;z-index:20;background:var(--off-white);color:var(--navy);padding:12px;font:600 11px var(--ui);letter-spacing:.08em}.skip-link:focus{top:12px}.site-nav{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:27px 4.6%;color:var(--off-white)}
    .logo{font:600 21px/1 var(--display);letter-spacing:.04em}.logo small{display:block;margin-top:6px;font:500 7px/1.2 var(--ui);letter-spacing:.16em}.nav-links{display:flex;gap:26px;align-items:center;font:500 10px var(--ui);letter-spacing:.1em;text-transform:uppercase}
.nav-toggle-input{display:none}
.nav-toggle{display:none}.nav-links a:not(.nav-project){opacity:.8;transition:opacity .25s}.nav-links a:hover{opacity:1}.nav-project,.button{border:1px solid currentColor;padding:12px 15px;display:inline-flex;gap:27px;align-items:center;justify-content:space-between;font:500 10px var(--ui);letter-spacing:.1em;text-transform:uppercase;transition:color .3s,background-color .3s,transform .3s}.nav-project:hover{background:var(--off-white);color:var(--navy);transform:translateY(-2px)}.button:after{content:'\2197';font:16px/8px var(--editorial)}
    .hero{position:relative;display:grid;grid-template-columns:1.08fr .92fr;min-height:100svh;overflow:hidden;padding:0 4.6%;background:var(--navy);color:var(--off-white)}.hero-copy{z-index:3;align-self:center;max-width:700px;padding-top:7vh}.eyebrow{display:flex;align-items:center;gap:10px;font:500 10px var(--ui);letter-spacing:.13em;text-transform:uppercase}.eyebrow:before{content:'';width:29px;height:1px;background:currentColor}.hero h1{margin:0 0 23px;font:500 clamp(46px,6.15vw,93px)/.94 var(--display);letter-spacing:-.06em}.hero h1 em{font-family:var(--display);font-style:normal;font-weight:500;letter-spacing:inherit}.hero p{max-width:490px;margin:0;padding-left:17px;border-left:1px solid var(--beige);color:var(--beige);font:500 clamp(11px,1.1vw,15px)/1.8 var(--ui);letter-spacing:.17em;text-transform:uppercase}.button--light:hover{background:var(--off-white);color:var(--navy);transform:translateY(-3px)}
    .hero-art{position:relative;min-height:100svh;isolation:isolate}.hero-blueprint{position:absolute;z-index:0;width:150%;height:92%;right:-36%;top:4%;overflow:visible;color:rgba(216,204,186,.48);transform:translate3d(var(--hero-lines-x,0px),var(--hero-lines-y,0px),0);will-change:transform}.hero-blueprint .technical{fill:none;stroke:currentColor;stroke-width:1}.hero-blueprint .faint{opacity:.45}.hero-boot{position:absolute;z-index:1;right:-26%;bottom:-9%;width:min(58vw,835px);height:auto;filter:drop-shadow(20px 26px 15px rgba(0,0,0,.28));transform:rotate(-2deg);transform-origin:50% 70%;transition:transform .15s linear}.hero-boot .leather{fill:var(--beige);stroke:#8a7b67;stroke-width:3}.hero-boot .navy-leather{fill:#171a31;stroke:#0b0d1d;stroke-width:3}.hero-boot .sole{fill:#ded6c8;stroke:#8a7b67;stroke-width:3}.hero-boot .outsole{fill:#101224}.hero-boot .stitch{fill:none;stroke:#81735f;stroke-width:3;stroke-dasharray:2 6}.hero-boot .seam{fill:none;stroke:#61594e;stroke-width:3}.hero-scroll{position:absolute;z-index:4;top:17%;right:1.8%;bottom:auto;font:500 9px var(--ui);letter-spacing:.15em;writing-mode:vertical-rl}
    .partner{padding:127px 8%;display:grid;grid-template-columns:.65fr 1.35fr;gap:8%;align-items:start}.partner h2{margin:0;font:600 clamp(38px,5vw,74px)/1.05 var(--display);letter-spacing:-.045em}.partner-copy{max-width:710px}.partner-copy p{margin:0;font:400 clamp(19px,2.05vw,29px)/1.5 var(--editorial);letter-spacing:-.035em}.partner-copy p strong{font-weight:400;color:#6e6456}.partner-note{margin-top:45px;padding-top:13px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;font:500 10px/1.5 var(--ui);letter-spacing:.08em;text-transform:uppercase}.partner-note span:last-child{text-align:right}
    .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.65,.3,1)}.reveal.is-visible{opacity:1;transform:none}.reveal--delay{transition-delay:.16s}
    .journey{height:580vh;position:relative;background:var(--beige);color:var(--navy)}.journey-sticky{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;grid-template-columns:.82fr 1.18fr;padding:0 4.6%}.journey-copy{position:relative;z-index:4;align-self:center;max-width:375px}.journey-copy .eyebrow{margin-bottom:24px}.journey-copy h2{position:absolute;top:27px;left:0;width:100%;margin:0;font:600 clamp(40px,5.3vw,80px)/.97 var(--display);letter-spacing:-.055em;opacity:0;transform:translateY(21px);transition:opacity .48s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.journey-copy p{position:absolute;top:205px;left:0;width:95%;margin:0;font:400 15px/1.7 var(--ui);opacity:0;transform:translateY(16px);transition:opacity .46s ease .06s,transform .65s cubic-bezier(.2,.7,.2,1)}/* Stages with three-line headlines share a clear editorial text zone; Production (04) remains the unchanged reference. */.journey-copy h2.copy-0,.journey-copy h2.copy-1,.journey-copy h2.copy-2,.journey-copy h2.copy-4,.journey-copy h2.copy-5{top:18px}.journey-copy h2.copy-0 + p.copy-0,.journey-copy h2.copy-1 + p.copy-1,.journey-copy h2.copy-2 + p.copy-2,.journey-copy h2.copy-4 + p.copy-4,.journey-copy h2.copy-5 + p.copy-5{top:285px}.journey[data-stage="0"] .copy-0,.journey[data-stage="1"] .copy-1,.journey[data-stage="2"] .copy-2,.journey[data-stage="3"] .copy-3,.journey[data-stage="4"] .copy-4,.journey[data-stage="5"] .copy-5{opacity:1;transform:none}.journey-counter{position:absolute;left:4.6%;bottom:42px;font:500 10px var(--ui);letter-spacing:.13em}.journey-rail{position:absolute;left:4.6%;bottom:27px;width:min(250px,25vw);height:1px;background:rgba(32,36,65,.25)}.journey-rail span{display:block;width:calc(var(--journey-progress, 0) * 100%);height:100%;background:var(--navy);transition:width .1s linear}.stage-list{position:absolute;right:4.6%;bottom:33px;z-index:5;display:flex;gap:12px;font:500 9px var(--ui);letter-spacing:.1em;text-transform:uppercase}.stage-list span{opacity:.35;transition:opacity .35s}.stage-list span.is-active{opacity:1}
    .journey-visual{position:relative;min-height:100%;overflow:hidden}.asset{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .65s ease,clip-path .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1);clip-path:inset(10% 10% 10% 10%);transform:scale(.92) translateY(20px)}.journey[data-stage="0"] .asset--vision,.journey[data-stage="1"] .asset--materials,.journey[data-stage="2"] .asset--prototype,.journey[data-stage="3"] .asset--production,.journey[data-stage="4"] .asset--quality,.journey[data-stage="5"] .asset--pickup{opacity:1;clip-path:inset(0);transform:scale(1) translateY(0)}
    .blueprint{width:min(80%,660px);aspect-ratio:1.32;background:var(--off-white);border:1px solid rgba(32,36,65,.2);padding:6%;position:relative;transform:translate(calc(var(--journey-progress, 0) * -16px),calc(var(--journey-progress, 0) * 12px))}.blueprint svg{width:100%;height:100%}.blueprint .diagram{fill:none;stroke:var(--navy);stroke-width:1.6}.blueprint .thin{stroke-width:.65;opacity:.7}.blueprint small{position:absolute;bottom:15px;left:18px;font:500 9px var(--ui);letter-spacing:.12em}.blueprint b{position:absolute;right:18px;bottom:15px;font:500 9px var(--ui);letter-spacing:.12em}
    .materials{width:min(75%,620px);height:min(72%,500px);position:relative}.materials:before{content:'MATERIAL LIBRARY';position:absolute;left:0;top:-30px;font:500 10px var(--ui);letter-spacing:.13em}.swatch{position:absolute;border:1px solid rgba(32,36,65,.33);transition:transform .65s cubic-bezier(.2,.7,.2,1)}.swatch:nth-child(1){width:46%;height:44%;background:var(--off-white);left:3%;top:6%;transform:rotate(-6deg)}.swatch:nth-child(2){width:39%;height:54%;background:var(--navy);right:5%;top:0;transform:rotate(7deg)}.swatch:nth-child(3){width:49%;height:43%;background:#918675;left:13%;bottom:1%;transform:rotate(3deg)}.swatch:nth-child(4){width:29%;height:35%;background:#afa08a;right:2%;bottom:10%;transform:rotate(-10deg)}.swatch small{position:absolute;bottom:10px;left:10px;color:inherit;font:500 8px var(--ui);letter-spacing:.12em}.swatch:nth-child(2) small{color:var(--off-white)}.stitch{position:absolute;left:4%;right:4%;top:50%;border-top:1px dashed var(--navy);transform:rotate(-9deg)}
    .prototype-shell{width:min(86%,690px);position:relative;transform:translateY(calc(var(--journey-progress, 0) * -20px))}.prototype-shell svg{display:block;width:100%;height:auto}.prototype-shell .base{fill:var(--off-white);stroke:var(--navy);stroke-width:3}.prototype-shell .cut{fill:var(--beige);stroke:var(--navy);stroke-width:3}.prototype-shell .draft{fill:none;stroke:var(--navy);stroke-width:2;stroke-dasharray:9 8}.prototype-label{position:absolute;right:2%;top:10%;background:var(--navy);color:var(--off-white);padding:10px 12px;font:500 9px var(--ui);letter-spacing:.12em}.prototype-label:after{content:'';position:absolute;right:100%;top:50%;width:55px;border-top:1px solid var(--navy)}
    .production-grid{position:relative;width:min(80%,640px);aspect-ratio:1.1;border:1px solid rgba(32,36,65,.42);background:var(--off-white);overflow:hidden}.production-grid:before,.production-grid:after{content:'';position:absolute;background:rgba(32,36,65,.14)}.production-grid:before{width:1px;top:0;bottom:0;left:50%}.production-grid:after{height:1px;left:0;right:0;top:50%}.production-grid svg{position:absolute;width:70%;height:70%;left:15%;top:14%;animation:none}.production-grid .machine{fill:none;stroke:var(--navy);stroke-width:3}.production-grid .moving{stroke-dasharray:12 10;animation:stitch 2.7s linear infinite}@keyframes stitch{to{stroke-dashoffset:-88}}.production-grid span{position:absolute;font:500 8px var(--ui);letter-spacing:.12em}.production-grid span:nth-of-type(1){top:13px;left:13px}.production-grid span:nth-of-type(2){bottom:13px;right:13px}
    .quality-object{position:relative;width:min(80%,660px);aspect-ratio:1.14}.quality-object:before{content:'';position:absolute;width:70%;height:70%;left:15%;top:14%;border:1px solid var(--navy);border-radius:50%;transform:scale(calc(.82 + var(--journey-progress, 0) * .13))}.quality-object svg{position:absolute;z-index:1;width:100%;height:100%}.quality-object .top{fill:var(--navy)}.quality-object .panel{fill:var(--beige)}.quality-object .sole{fill:var(--off-white);stroke:var(--navy);stroke-width:3}.quality-stamp{position:absolute;z-index:2;right:3%;bottom:7%;width:96px;height:96px;border:1px solid var(--navy);border-radius:50%;background:var(--beige);display:grid;place-items:center;text-align:center;font:600 9px/1.45 var(--ui);letter-spacing:.09em;transform:rotate(12deg)}
    .pickup{position:relative;width:min(74%,590px);aspect-ratio:1.05;background:var(--navy);color:var(--off-white);display:grid;place-items:center;overflow:hidden;transform:translateY(calc(var(--journey-progress, 0) * -13px))}.pickup svg{width:78%;height:auto;filter:drop-shadow(17px 17px 0 rgba(0,0,0,.18))}.pickup .top{fill:var(--off-white)}.pickup .panel{fill:var(--beige)}.pickup .sole{fill:#111329}.pickup p{position:absolute;left:20px;bottom:17px;margin:0;font:500 9px var(--ui);letter-spacing:.13em}.pickup b{position:absolute;right:20px;top:17px;font:500 9px var(--ui);letter-spacing:.13em}
    .services{padding:104px 4.6% 112px;background:var(--navy);color:var(--off-white);overflow:hidden}.services-header{display:flex;justify-content:space-between;gap:30px;padding-bottom:18px;border-bottom:1px solid var(--light-line)}.services h2{margin:0;font:600 clamp(35px,4.5vw,66px)/1 var(--display);letter-spacing:-.045em}.services-header p{max-width:325px;margin:0;font:400 14px/1.65 var(--ui);color:rgba(252,252,251,.78)}.service-tape{display:flex;width:max-content;gap:55px;margin-top:59px;transform:translateX(calc(var(--tape-shift, 0) * -1px))}.service-tape span{white-space:nowrap;font:400 clamp(33px,5vw,73px)/1 var(--editorial);letter-spacing:-.06em;color:var(--beige);transition:color .25s}.service-tape span:hover{color:var(--off-white)}.service-tape i{font-style:normal;color:var(--off-white);margin-left:55px}
    .colombia{display:grid;grid-template-columns:1fr 1fr;background:var(--off-white);min-height:680px}.colombia-media{position:relative;overflow:hidden;background:var(--beige)}.media-frame{position:absolute;inset:13% 10%;background:var(--navy);overflow:hidden;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}.colombia-media.is-visible .media-frame{transform:scale(1.04)}.media-frame:before{content:'';position:absolute;inset:18% 19% 14% 14%;border:1px solid var(--off-white);border-radius:48% 45% 23% 30%;transform:rotate(-15deg)}.media-frame:after{content:'COLOMBIAN CRAFT / GLOBAL STANDARD';position:absolute;left:15px;bottom:15px;color:var(--off-white);font:500 8px var(--ui);letter-spacing:.14em}.image-mask{position:absolute;inset:0;background:var(--beige);transform-origin:right;transition:transform 1.05s cubic-bezier(.7,0,.2,1)}.colombia-media.is-visible .image-mask{transform:scaleX(0)}.colombia-copy{padding:92px 11%;align-self:center}.colombia-copy h2{margin:22px 0 25px;font:600 clamp(43px,5.7vw,79px)/1.02 var(--display);letter-spacing:-.055em}.colombia-copy p{max-width:410px;margin:0 0 34px;font:400 15px/1.72 var(--ui)}.button--navy{color:var(--navy)}.button--navy:hover{background:var(--navy);color:var(--off-white);transform:translateY(-3px)}
    .project-facts{display:grid;grid-template-columns:repeat(4,1fr);padding:42px 4.6%;background:var(--off-white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-fact{padding:0 30px;border-left:1px solid var(--line)}.project-fact:first-child{padding-left:0;border-left:0}.project-fact b{display:block;margin-bottom:10px;font:600 clamp(20px,2vw,29px)/1.1 var(--display);letter-spacing:-.025em}.project-fact span{display:block;max-width:190px;font:500 9px/1.55 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:#6e6456}
    .contact{padding:112px 4.6% 30px;background:var(--beige)}.contact h2{max-width:940px;margin:22px 0 59px;font:600 clamp(53px,9vw,128px)/.92 var(--display);letter-spacing:-.065em}.contact h2 em{font-family:var(--editorial);font-weight:400}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;padding-top:18px;border-top:1px solid var(--line)}.contact-copy p{max-width:320px;margin:0 0 30px;font:400 15px/1.7 var(--ui)}.contact-copy a,.contact-email{font:500 10px var(--ui);letter-spacing:.1em}.contact-copy a{text-decoration:underline;text-underline-offset:5px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:23px}.field{margin-bottom:29px}.field label{display:block;margin-bottom:10px;font:500 9px var(--ui);letter-spacing:.12em;text-transform:uppercase}.field input,.field select,.field textarea{width:100%;padding:8px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--navy);font:400 14px var(--ui);outline-offset:5px}.field textarea{min-height:78px;resize:vertical}.form-status{display:none;margin:0 0 20px;font:400 13px/1.6 var(--ui)}.form-status.is-visible{display:block}.submit{background:var(--navy);color:var(--off-white);border-color:var(--navy);cursor:pointer}.submit:hover{background:transparent;color:var(--navy);transform:translateY(-3px)}.form-reassurance{max-width:430px;margin:18px 0 0;font:400 11px/1.6 var(--ui);color:#6e6456}.footer{display:grid;grid-template-columns:1fr auto minmax(230px,.8fr);gap:44px;align-items:start;margin-top:94px;padding-top:20px;border-top:1px solid var(--line);font:500 9px/1.6 var(--ui);letter-spacing:.1em;text-transform:uppercase}.footer .logo{font-size:18px}.footer-nav{display:flex;gap:20px}.footer-nav a,.footer-meta a{transition:opacity .25s}.footer-nav a:hover,.footer-meta a:hover{opacity:.55}.footer-meta{display:grid;justify-items:end;gap:4px;text-align:right}.footer-meta small{max-width:300px;margin-top:6px;font:500 8px/1.55 var(--ui);letter-spacing:.08em;color:#6e6456}.footer--page{max-width:980px;margin-right:auto;margin-left:auto;padding:0 4.6% 60px}
    .hero-boot{transform:rotate(-2deg) translateY(var(--parallax-y,0px))}
    @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.asset,.journey-copy h2,.journey-copy p,.media-frame,.image-mask{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}.asset{clip-path:none}.journey{height:auto}.journey-sticky{position:relative;min-height:780px}.journey[data-stage] .asset{display:none}.journey[data-stage="0"] .asset--vision{display:flex}.journey-copy h2,.journey-copy p{position:relative;top:auto;opacity:1;transform:none;margin-bottom:16px}.journey-copy .copy-1,.journey-copy .copy-2,.journey-copy .copy-3,.journey-copy .copy-4,.journey-copy .copy-5{display:none}}
    
    /* Structural layout correction: five stages now use one flex composition instead of independent absolute text positions. */
    .journey-stage-copy{display:none}
    .journey .journey-copy{align-self:center;height:min(62svh,560px)}
    .journey .journey-counter{opacity:0;pointer-events:none}
    .journey .journey-stage-copy{position:absolute;inset:0;display:none;flex-direction:column;align-items:flex-start;justify-content:center;gap:clamp(18px,3.2vh,30px);padding:clamp(18px,3vh,30px) 0}
    .journey[data-stage="0"] .stage-copy-0,.journey[data-stage="1"] .stage-copy-1,.journey[data-stage="2"] .stage-copy-2,.journey[data-stage="3"] .stage-copy-3,.journey[data-stage="4"] .stage-copy-4,.journey[data-stage="5"] .stage-copy-5{display:flex}
    .journey-stage-copy .eyebrow{margin:0}
    .journey-stage-copy h2{position:static;display:block;width:100%;margin:0;opacity:1;transform:none;font:600 clamp(40px,5.3vw,80px)/.97 var(--display);letter-spacing:-.055em;transition:none}
    .journey-stage-copy p{position:static;display:block;width:95%;margin:0;opacity:1;transform:none;font:400 15px/1.7 var(--ui);transition:none}
    .journey-stage-copy .stage-number{margin-top:clamp(5px,1.6vh,15px);font:500 10px var(--ui);letter-spacing:.13em}
    
    /* Supplied hero boot: a transparent cutout keeps the original oversized, cropped editorial composition. */
    .hero-art > .hero-boot{display:none}
    .hero-art::after{content:'';position:absolute;z-index:1;right:-9%;bottom:-3%;width:min(53vw,780px);aspect-ratio:3/2;background:url('../assets/hero-boot-cutout.png') center/contain no-repeat;transform:translate3d(var(--hero-boot-x,0px),var(--hero-boot-y,0px),0) scale(var(--hero-boot-scale,1));transform-origin:60% 70%;opacity:var(--hero-boot-opacity,1);will-change:transform,opacity}
    
    @media (prefers-reduced-motion:reduce){.hero-art::after{transform:none;opacity:1}.hero-blueprint{transform:none}}
    /* Vision stage: supplied product-development photograph replaces the former shoe drawing. */
    .vision-photo{position:relative;width:min(80%,660px);aspect-ratio:1.5;margin:0;overflow:hidden;background:var(--off-white);transform:translate3d(0,var(--vision-photo-y,0px),0) scale(var(--vision-photo-scale,1));opacity:var(--vision-photo-opacity,1);will-change:transform,opacity}
    .vision-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
    .vision-photo figcaption{position:absolute;z-index:1;right:14px;bottom:13px;left:14px;display:flex;justify-content:space-between;color:var(--off-white);font:500 8px var(--ui);letter-spacing:.13em;text-shadow:0 1px 5px rgba(0,0,0,.55)}
    
    @media (prefers-reduced-motion:reduce){.vision-photo{transform:none;opacity:1}}
    /* Materials stage: four supplied photographs form one asymmetric material-sourcing editorial spread. */
    .materials-editorial{position:relative;width:min(90%,760px);height:min(78svh,650px);--materials-progress:0}
    .material-image{position:absolute;margin:0;overflow:hidden;background:var(--off-white);will-change:transform,opacity}
    .material-image img{display:block;width:100%;height:100%;object-fit:cover}
    .material-image figcaption{position:absolute;right:10px;bottom:9px;left:10px;display:flex;justify-content:space-between;color:var(--off-white);font:500 7px var(--ui);letter-spacing:.12em;text-shadow:0 1px 4px rgba(0,0,0,.65)}
    .material-image--primary{z-index:2;width:62%;height:79%;right:7%;top:2%;transform:translate3d(calc(var(--materials-progress) * -18px),calc(var(--materials-progress) * -27px),0)}
    .material-image--development{z-index:4;width:34%;height:39%;left:0;bottom:4%;transform:translate3d(calc(var(--materials-progress) * 11px),calc(var(--materials-progress) * -18px),0)}
    .material-image--sourcing{z-index:1;width:43%;height:32%;left:14%;top:6%;transform:translate3d(calc(var(--materials-progress) * 7px),calc(var(--materials-progress) * -11px),0)}
    .material-image--library{z-index:3;width:34%;height:37%;right:0;bottom:0;transform:translate3d(calc(var(--materials-progress) * -5px),calc(var(--materials-progress) * -8px),0)}
    
    @media (prefers-reduced-motion:reduce){.material-image--primary,.material-image--development,.material-image--sourcing,.material-image--library{transform:none}}
    /* Prototype stage: supplied workspace photograph replaces the technical shoe illustration. */
    .prototype-photo{width:min(78%,660px);aspect-ratio:1.5;margin:0;overflow:hidden;background:var(--off-white);transform:translate3d(var(--prototype-photo-x,0px),var(--prototype-photo-y,0px),0) rotate(var(--prototype-photo-rotate,0deg));transform-origin:54% 54%;will-change:transform}
    .prototype-photo img,.prototype-photo video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
    
    @media (prefers-reduced-motion:reduce){.prototype-photo{transform:none}}
    /* Production stage: photo shifts inside the unchanged technical panel, while its border and labels stay fixed. */
    .production-grid{isolation:isolate}
    .production-photo{position:absolute;z-index:0;left:0;width:100%;height:calc(100% + 74px);top:-37px;object-fit:cover;object-position:50% 56%;transform:translate3d(0,var(--production-photo-y,0px),0);filter:sepia(.045) saturate(.88) contrast(.96) brightness(1.015);will-change:transform}
    /* Quality stage: the supplied inspection photograph keeps the existing visual footprint and gains the same restrained scroll response as the journey. */
    .quality-object{width:min(52%,400px);height:auto;margin:0;padding:0;box-sizing:border-box;aspect-ratio:.72;overflow:hidden;background:transparent}.quality-object:before{display:none}
    .quality-photo{display:block;width:100%;height:100%;margin:0;padding:0;object-fit:cover;object-position:50% 8%;opacity:var(--quality-photo-opacity,.35);transform:translate3d(0,var(--quality-photo-y,10px),0) scale(var(--quality-photo-scale,1.03));transform-origin:50% 50%;filter:sepia(.035) saturate(.9) contrast(.97) brightness(1.018);transition:opacity .45s ease,transform .65s cubic-bezier(.2,.7,.2,1);will-change:transform,opacity}
    
    @media (prefers-reduced-motion:reduce){.quality-photo{transform:none;opacity:1}}
    /* Ready stage: the supplied packing-area portrait fills the existing navy panel while moving only inside its fixed frame. */
    .pickup{isolation:isolate;transform:none}
    .pickup svg{display:none}
    .pickup-photo{position:absolute;inset:-7% 0;width:100%;height:114%;display:block;margin:0;padding:0;object-fit:cover;object-position:40% 32%;opacity:var(--pickup-photo-opacity,.45);transform:translate3d(0,var(--pickup-photo-y,24px),0) scale(var(--pickup-photo-scale,1.07));transform-origin:50% 50%;filter:sepia(.035) saturate(.9) contrast(.97) brightness(1.015);transition:opacity .45s ease,transform .65s cubic-bezier(.2,.7,.2,1);will-change:transform,opacity}
    
    @media (prefers-reduced-motion:reduce){.pickup-photo{transform:none;opacity:1}}
    /* One shared editorial parallax for every journey photograph. The image moves inside its own clipped frame; the frame never shifts. */
    .journey-photo-motion{transform:translate3d(0,var(--journey-image-y,3.5%),0) scale(var(--journey-image-scale,1.075))!important;transform-origin:50% 50%;opacity:1!important;transition:transform .65s cubic-bezier(.2,.7,.2,1);will-change:transform}
    @media (prefers-reduced-motion:reduce){.journey-photo-motion{transform:none!important;transition:none}}
    /* Why SR Faxhion: the original transparent team portrait enters horizontally inside the existing navy frame. */
    .media-frame:before{display:none}.media-frame:after{z-index:2}
    .team-photo{position:absolute;z-index:1;left:50%;bottom:-3%;width:auto;height:108%;max-width:none;display:block;transform:translate3d(calc(-50% + var(--team-reveal-x,-20%)),0,0);transform-origin:50% 100%;will-change:transform}
    .team-photo--full{inset:0;left:0;bottom:auto;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:50% 50%;transform:translate3d(var(--team-reveal-x,-20%),0,0);transform-origin:50% 50%}
    
    @media (prefers-reduced-motion:reduce){.team-photo{transform:translate3d(-50%,0,0)}.team-photo--full{transform:none}}
    .production-grid span{z-index:2;color:var(--off-white);text-shadow:0 1px 4px rgba(0,0,0,.55)}
    
    @media (prefers-reduced-motion:reduce){.production-photo{transform:none}}

/* ================= Content pages: services, about, faq ================= */
.page-hero{padding:170px 4.6% 70px;background:var(--navy);color:var(--off-white)}
.page-hero .eyebrow{color:var(--beige)}
.page-hero h1{margin:20px 0 0;max-width:820px;font:600 clamp(38px,5.6vw,74px)/1.03 var(--display);letter-spacing:-.05em}
.page-hero p{max-width:560px;margin:24px 0 0;font:400 16px/1.7 var(--ui);color:rgba(252,252,251,.82)}
.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:100px 4.6% 96px;background:var(--beige);border-top:1px solid rgba(32,36,65,.15);border-bottom:1px solid rgba(32,36,65,.15)}
.stat-item{text-align:left;padding:0 40px;border-left:1px solid rgba(32,36,65,.18)}
.stat-item:first-child{border-left:none;padding-left:0}
.stat-number{display:block;font:600 clamp(36px,3.4vw,54px)/1 var(--display);letter-spacing:-.03em;color:var(--navy)}
.stat-label{display:block;margin-top:16px;font:500 9px/1.5 var(--ui);letter-spacing:.17em;text-transform:uppercase;color:#6e6456}
.content-section{padding:88px 4.6%;max-width:980px;margin:0 auto}
.content-section + .content-section{padding-top:0}
.content-section h2{margin:0 0 22px;font:600 clamp(28px,3.4vw,44px)/1.08 var(--display);letter-spacing:-.04em;color:var(--navy)}
.content-section p{margin:0 0 20px;font:400 16px/1.75 var(--ui);color:var(--ink)}
.content-section p.lead{font:400 clamp(18px,1.9vw,23px)/1.55 var(--editorial);letter-spacing:-.02em;color:var(--navy)}
.about-story-image{position:relative;margin:48px 0 0;overflow:hidden;background:var(--beige);aspect-ratio:1.85}.about-story-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 47%;filter:sepia(.025) saturate(.94) contrast(.98)}.about-story-image figcaption{position:absolute;z-index:2;right:16px;bottom:14px;color:var(--off-white);font:500 8px var(--ui);letter-spacing:.13em;text-transform:uppercase;text-shadow:0 1px 5px rgba(0,0,0,.58)}
.content-section--mission{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(260px,.65fr);gap:9%;align-items:center}
.mission-copy{max-width:540px}
.mission-portrait{position:relative;margin:0;aspect-ratio:2/3;overflow:hidden;background:var(--navy)}
.mission-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:sepia(.025) saturate(.92) contrast(.98)}
.mission-portrait figcaption{position:absolute;z-index:2;right:14px;bottom:13px;left:14px;color:var(--off-white);font:500 8px var(--ui);letter-spacing:.13em;text-transform:uppercase;text-shadow:0 1px 5px rgba(0,0,0,.58)}
.image-reveal{clip-path:inset(0 0 100% 0);opacity:.01;transform:translateY(18px);transition:clip-path .9s cubic-bezier(.2,.7,.2,1),opacity .55s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.image-reveal img{transform:scale(1.045);transition:transform 1.15s cubic-bezier(.2,.7,.2,1)}
.image-reveal.is-visible{clip-path:inset(0);opacity:1;transform:none}
.image-reveal.is-visible img{transform:scale(1)}
@media (hover:hover) and (pointer:fine){.image-reveal.is-visible:hover img{transform:scale(1.025)}}
.content-section--client-coordination{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:8%;align-items:center}
.client-coordination-copy{max-width:460px}
.client-coordination-image{position:relative;margin:0;aspect-ratio:1.36;overflow:hidden;background:var(--beige)}
.client-coordination-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 46%;filter:sepia(.025) saturate(.94) contrast(.98)}
.client-coordination-image figcaption{position:absolute;z-index:2;right:14px;bottom:13px;left:14px;color:var(--off-white);font:500 8px var(--ui);letter-spacing:.13em;text-transform:uppercase;text-shadow:0 1px 5px rgba(0,0,0,.65)}
.content-section--manufacture{display:grid;grid-template-columns:minmax(260px,.68fr) minmax(0,1.22fr);gap:9%;align-items:center}
.manufacture-copy{grid-column:2;grid-row:1}
.manufacture-image{position:relative;grid-column:1;grid-row:1;margin:0;aspect-ratio:.68;overflow:hidden;background:var(--navy)}
.manufacture-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 47%;filter:sepia(.02) saturate(.93) contrast(.98)}
.manufacture-image figcaption{position:absolute;z-index:2;right:13px;bottom:13px;left:13px;color:var(--off-white);font:500 8px var(--ui);letter-spacing:.13em;text-transform:uppercase;text-shadow:0 1px 5px rgba(0,0,0,.68)}
.content-section ul{margin:0 0 20px;padding-left:22px}
.content-section li{margin-bottom:9px;font:400 16px/1.7 var(--ui);color:var(--ink)}
.note-box{margin:28px 0;padding:26px 28px;background:var(--beige);border-left:3px solid var(--navy)}
.note-box p{margin:0;font:400 15px/1.7 var(--ui);color:var(--navy)}
.spec-table{width:100%;border-collapse:collapse;margin:8px 0 20px}
.spec-table tr{border-bottom:1px solid var(--line)}
.spec-table td{padding:16px 12px 16px 0;font:400 15px/1.6 var(--ui);vertical-align:top}
.spec-table td:first-child{width:38%;font:500 12px var(--ui);letter-spacing:.06em;text-transform:uppercase;color:#6e6456}
.process-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin:36px 0}
.process-step{padding:22px 18px;background:var(--off-white);border:1px solid var(--line)}
.process-step b{display:block;margin-bottom:8px;font:600 11px var(--ui);letter-spacing:.1em;color:#a8977b}
.process-step span{font:400 14px/1.5 var(--ui);color:var(--navy)}
.process-steps.is-animated .process-step{opacity:0;transform:translateY(20px) scale(.97);transition:opacity .65s ease,transform .7s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}
.process-steps.is-animated.is-visible .process-step{opacity:1;transform:translateY(0) scale(1)}
.process-steps.is-animated.is-visible .process-step:nth-child(1){transition-delay:0ms}
.process-steps.is-animated.is-visible .process-step:nth-child(2){transition-delay:140ms}
.process-steps.is-animated.is-visible .process-step:nth-child(3){transition-delay:280ms}
.process-steps.is-animated.is-visible .process-step:nth-child(4){transition-delay:420ms}
.process-steps.is-animated.is-visible .process-step:nth-child(5){transition-delay:560ms}
@media (hover:hover) and (pointer:fine){
  .process-steps.is-animated.is-visible .process-step:hover{transform:translateY(0) scale(1.02);transition-delay:0ms}
}
@media (prefers-reduced-motion:reduce){
  .process-steps.is-animated .process-step{opacity:1;transform:none;transition:none;will-change:auto}
}
.form-trap{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 40px;margin:12px 0 20px}
.value-item b{display:block;margin-bottom:6px;font:600 15px var(--ui);color:var(--navy)}
.value-item span{font:400 15px/1.65 var(--ui);color:var(--ink)}
.founder-link{display:inline-block;margin-top:6px;font:500 11px var(--ui);letter-spacing:.08em;text-decoration:underline;text-underline-offset:4px}
.faq-list{margin:8px 0 20px}
.faq-item{border-bottom:1px solid var(--line);padding:26px 0}
.faq-item h3{margin:0 0 10px;font:600 18px/1.4 var(--editorial);letter-spacing:-.01em;color:var(--navy)}
.faq-item p{margin:0;font:400 15px/1.7 var(--ui);color:var(--ink)}
.page-cta{padding:70px 4.6% 100px;text-align:left}
.page-cta a.button{display:inline-flex}


/* ================= Mobile-only vertical journey (replaces desktop pinned scroll on small screens) ================= */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.journey-mobile{display:none}


/* ================= Statistics section: editorial reveal animation ================= */
.stat-item{position:relative;overflow:hidden}
.stat-divider{display:block;width:28px;height:1px;margin-bottom:22px;background:var(--navy);transform:scaleX(0);transform-origin:0 50%;transition:transform .55s cubic-bezier(.3,.7,.2,1)}
.stat-number{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.stat-label{opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.2,1)}
.stat-strip.is-revealed .stat-item:nth-child(1) .stat-divider{transition-delay:0ms}
.stat-strip.is-revealed .stat-item:nth-child(2) .stat-divider{transition-delay:120ms}
.stat-strip.is-revealed .stat-item:nth-child(3) .stat-divider{transition-delay:240ms}
.stat-strip.is-revealed .stat-item:nth-child(4) .stat-divider{transition-delay:360ms}
.stat-strip.is-revealed .stat-item:nth-child(1) .stat-number{transition-delay:120ms}
.stat-strip.is-revealed .stat-item:nth-child(2) .stat-number{transition-delay:240ms}
.stat-strip.is-revealed .stat-item:nth-child(3) .stat-number{transition-delay:360ms}
.stat-strip.is-revealed .stat-item:nth-child(4) .stat-number{transition-delay:480ms}
.stat-strip.is-revealed .stat-item:nth-child(1) .stat-label{transition-delay:220ms}
.stat-strip.is-revealed .stat-item:nth-child(2) .stat-label{transition-delay:340ms}
.stat-strip.is-revealed .stat-item:nth-child(3) .stat-label{transition-delay:460ms}
.stat-strip.is-revealed .stat-item:nth-child(4) .stat-label{transition-delay:580ms}
.stat-strip.is-revealed .stat-divider{transform:scaleX(1)}
.stat-strip.is-revealed .stat-number{opacity:1;transform:translateY(0)}
.stat-strip.is-revealed .stat-label{opacity:1;transform:translateY(0)}
@media (prefers-reduced-motion:reduce){
  .stat-divider{transform:scaleX(1);transition:none}
  .stat-number,.stat-label{opacity:1;transform:none;transition:none}
  .image-reveal{clip-path:none;opacity:1;transform:none;transition:none}
  .image-reveal img{transform:none;transition:none}
}