*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px;overflow-x:hidden;overflow-x:clip}body{margin:0;background:var(--linen);color:var(--ink);font:17px/1.6 var(--body);overflow-x:hidden;overflow-x:clip}button,input,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit;cursor:pointer}a,button,input,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--rose);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--display);font-weight:400;line-height:1.02;letter-spacing:-.035em}h2{font-size:clamp(38px,4.3vw,62px)}h3{font-family:var(--display);font-size:30px;font-weight:400;line-height:1.2}p{max-width:66ch}img{display:block;max-width:100%}button{color:var(--ink)}.skip{position:absolute;left:20px;top:-80px;z-index:50;padding:10px;background:var(--paper)}.skip:focus{top:10px}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:24px;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font:30px/1 var(--display);text-decoration:none;letter-spacing:-.04em;position:relative}.brand-mark{font-size:38px}.brand-description{font:11px/1.4 var(--body);letter-spacing:.02em;flex-basis:100%;padding-left:44px;margin-top:-2px}.site-header nav{display:flex;gap:28px;align-items:center;font-size:14px}.site-header nav>a:not(.button){text-decoration:none;padding:12px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;min-height:58px;padding:15px 26px;color:var(--paper);background:var(--ink);border:1px solid var(--ink);border-radius:4px;text-decoration:none;font-size:16px;font-weight:700;line-height:1.3;transition:background .18s ease,transform .15s var(--ease)}.button.small{min-height:46px;font-size:14px;padding:11px 19px}.button:active{transform:scale(.98)}.button.light{background:var(--linen);color:var(--ink);border-color:var(--linen)}.button span{font-size:23px;font-weight:400}.hero{position:relative}.hero-stage{position:relative;min-height:700px;height:min(760px,calc(100svh - 104px));isolation:isolate;overflow:hidden}.hero-media{position:absolute;inset:0;z-index:-1;overflow:hidden}.hero-picture{position:absolute;inset:0;z-index:0}.hero-picture img{width:100%;height:100%;object-fit:cover;object-position:60% center}#heroVideo{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease;pointer-events:none}.video-ready #heroVideo{opacity:1}.hero-copy{position:relative;width:49%;max-width:750px;padding:90px 4% 100px 10.2%;min-height:100%;background:linear-gradient(90deg,rgba(241,236,221,.97),rgba(241,236,221,.94) 70%,rgba(241,236,221,.7));display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.intro-label{font-size:14px;margin-bottom:26px;display:flex;align-items:center;gap:10px}.intro-label span{color:var(--leaf);font-size:23px}h1{font-size:clamp(55px,5.3vw,84px);max-width:11ch}.hero-lede{font-size:18px;line-height:1.55;margin:26px 0 28px;max-width:35ch}.micro{font-size:12px;line-height:1.5;margin-top:15px}.hero-caption{position:absolute;bottom:26px;right:4%;font-size:10px;background:rgba(241,236,221,.9);padding:4px 8px;border-radius:3px;color:var(--ink)}.hero-scroll{position:absolute;bottom:28px;left:5%;display:flex;align-items:center;gap:25px;font-size:12px}.hero-scroll>span:last-child{font-size:22px}.promise-strip{display:flex;align-items:center;justify-content:center;gap:5%;padding:24px 5%;border-block:1px solid var(--line);font-size:13px}.promise-strip>span{color:var(--leaf);font-size:22px}.section{padding:112px 7%;max-width:1600px;margin:auto}.demo{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;align-items:center}.section-kicker{font-size:14px;margin-bottom:24px;color:var(--muted)}.demo-intro h2{margin-bottom:27px}.demo-intro>p:not(.section-kicker){max-width:36ch;margin-bottom:20px}.quiet{font-size:14px;color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:30px;font-size:16px;font-weight:700;text-underline-offset:7px;margin-top:12px;padding:10px 0}.demo-workbench{background:var(--paper);border:1px solid #c9cbb8;box-shadow:0 20px 50px #243d3212;border-radius:14px;padding:22px;transform:rotate(1deg)}.demo-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;margin-bottom:18px}.demo-top>span:last-child{font-size:11px;color:var(--muted)}.live-dot{display:inline-block;background:var(--leaf);border-radius:50%;width:7px;height:7px;margin-right:7px}.demo-modes{display:flex;gap:4px;padding:4px;background:#e7e8da;border-radius:6px}.demo-modes button{flex:1;border:0;background:transparent;min-height:42px;border-radius:4px;font-size:13px}.demo-modes button[aria-pressed=true]{background:var(--paper);box-shadow:0 1px 4px #243d3220;font-weight:700}.demo-canvas{margin:18px 0;background:#f1eee4;display:grid;place-items:center;min-height:260px;border:1px solid #d4d4bf;overflow:hidden;border-radius:3px}.demo-canvas canvas{display:block;width:100%;height:auto;max-height:420px;object-fit:contain}.demo-controls label{font-size:13px;display:flex;justify-content:space-between}.demo-controls input{width:100%;accent-color:var(--ink);min-height:30px;cursor:pointer}.demo-controls p{font-size:12px;color:var(--muted)}.thread-palette{display:flex;gap:5px;margin-top:17px;height:30px}.thread-palette span{flex:1;border-radius:9px 9px 5px 5px;border:1px solid #243d3220;background:repeating-linear-gradient(0deg,#ffffff22 0 1px,transparent 1px 3px),var(--swatch)}.process{padding-top:30px}.process-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:56px}.process-heading p{max-width:36ch;color:var(--muted)}.steps{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps li{position:relative;border-top:1px solid var(--control);padding-top:28px}.step-number{font-family:var(--display);font-size:20px;background:var(--ink);color:var(--linen);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;margin-bottom:24px}.steps h3{margin-bottom:16px}.steps p{font-size:15px;max-width:36ch}.step-detail{display:block;color:var(--muted);font-size:12px;margin-top:25px}.materials{display:grid;grid-template-columns:1fr 1fr;max-width:1600px;margin:auto;background:#e5e7d9}.materials-image{min-height:600px}.materials-image img{width:100%;height:100%;object-fit:cover}.materials-copy{padding:72px 12% 70px 12%;align-self:center}.materials-copy h2{font-size:clamp(35px,3.4vw,50px)}.materials-copy ul{padding:0;list-style:none;margin:35px 0 0}.materials-copy li+li{margin-top:27px}.materials-copy strong{font-size:16px;display:block;margin-bottom:6px}.materials-copy li span{font-size:14px;display:block;max-width:43ch;color:#465344}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;padding-block:110px}.faq-items{border-top:1px solid var(--control)}details{border-bottom:1px solid var(--control)}summary{cursor:pointer;list-style:none;position:relative;padding:24px 40px 24px 0;font-size:17px;font-weight:700}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:5px;top:21px;font-size:24px;font-weight:400}details[open] summary:after{content:'−'}details p{font-size:15px;color:var(--muted);padding:0 30px 25px 0}.closing{background:var(--ink);color:var(--linen);text-align:center;padding:75px 20px 85px;position:relative}.closing-mark{font-size:40px;color:#b8c4a1;display:block;margin-bottom:20px}.closing>p{margin:0 auto 20px;font-size:14px}.closing h2{font-size:clamp(42px,5vw,72px);margin-bottom:32px}.closing-note{display:block;margin-top:20px;font-size:12px;color:#c8d0bf}.footer{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:45px 5%}.footer .wordmark{font-size:25px}.footer p{font-size:12px;color:var(--muted)}@media(hover:hover) and (pointer:fine){.button:hover{background:#3c5842}.button.light:hover{background:#dddcc9}.demo-modes button:hover{background:#eeeee3}.text-link:hover{text-decoration-thickness:2px}}
@media(min-width:721px){.hero.scrub-enabled{height:165svh}.scrub-enabled .hero-stage{position:sticky;top:0;height:100svh;min-height:600px}}
@media(max-width:1100px){.hero-copy{padding-left:8%;width:52%;padding-right:4%}h1{font-size:62px}.hero-lede{font-size:16px}.hero-stage{min-height:650px}.demo{gap:6%}.section{padding-inline:5%}.materials-copy{padding:48px 8%}.materials-image{min-height:560px}.site-header nav{gap:18px}.process-heading{gap:35px}}
@media(max-width:720px){body{font-size:16px}.site-header{height:82px;padding-inline:20px;gap:10px}.wordmark{font-size:25px;gap:6px}.brand-description{font-size:9px;padding-left:34px}.brand-mark{font-size:30px}.site-header nav>a:not(.button){display:none}.button.small{font-size:12px;min-height:44px;padding:10px 12px}.hero-stage{height:auto;min-height:0;display:flex;flex-direction:column;overflow:visible}.hero-copy{order:0;width:100%;max-width:none;min-height:0;padding:44px 24px 34px;background:var(--linen);align-items:flex-start}.intro-label{font-size:12px;margin-bottom:18px}h1{font-size:clamp(50px,12vw,72px);line-height:.98}.hero-lede{font-size:16px;max-width:36ch;margin:22px 0}.hero-copy .button{width:100%;max-width:360px}.micro{font-size:11px;max-width:none}.micro br{display:none}.hero-media{position:relative;order:1;z-index:0;width:100%;height:400px}.hero-picture{position:absolute;inset:0}.hero-picture img{object-position:50% 50%}.hero-caption{bottom:14px;right:12px;left:auto;font-size:8px}.hero-scroll{display:none}#heroVideo{display:block}.promise-strip{padding:20px;gap:12px;justify-content:space-between}.promise-strip p{font-size:10px;max-width:12ch;line-height:1.4;text-align:center}.promise-strip>span{font-size:15px}.section{padding:64px 24px}.demo{grid-template-columns:1fr;gap:30px}.demo-intro h2{font-size:43px;margin-bottom:20px}.demo-intro>p:not(.section-kicker){max-width:42ch}.section-kicker{font-size:12px;margin-bottom:16px}.demo-workbench{padding:15px;transform:none;border-radius:9px}.demo-canvas canvas{max-height:360px}.demo-top{font-size:12px}.demo-top>span:last-child{font-size:10px}.demo-controls p{font-size:11px}.process{padding-top:10px}.process-heading{display:block;margin-bottom:32px}.process-heading h2{font-size:43px;margin-bottom:20px}.steps{grid-template-columns:1fr;gap:28px}.steps li{padding-top:22px;padding-left:52px}.step-number{position:absolute;left:0;top:24px;width:31px;height:31px;font-size:17px}.steps h3{font-size:27px;margin-bottom:12px}.steps p{max-width:40ch}.step-detail{margin-top:15px}.materials{grid-template-columns:1fr}.materials-image{min-height:0;height:330px}.materials-image img{object-position:50% 58%}.materials-copy{padding:40px 24px 48px}.materials-copy h2{font-size:41px}.materials-copy li span{font-size:15px}.faq{grid-template-columns:1fr;gap:28px}.faq h2{font-size:43px}.faq h2 br{display:none}summary{font-size:15px;padding-block:23px}.closing{padding:50px 24px 60px}.closing h2{font-size:44px}.closing .button{width:100%;max-width:360px}.closing-note{font-size:11px;max-width:33ch;margin:18px auto 0}.footer{align-items:flex-start;flex-wrap:wrap;padding:32px 24px;gap:24px}.footer .wordmark{width:100%}.footer p{font-size:11px;max-width:21ch}}
@media(max-width:370px){.site-header{padding-inline:14px}.wordmark{font-size:22px}.brand-description{font-size:8px}.hero-copy{padding-inline:20px}.section{padding-inline:20px}.hero-media{height:340px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;transition-delay:0s!important}.button:active{transform:none}}
.film-controls{position:absolute;right:4%;top:22px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:45%}.film-controls button{font:12px var(--body);min-height:40px;padding:8px 12px;border:1px solid #73806d;background:#f1ecdded;border-radius:4px}.film-controls span{font-size:10px;background:#f1ecdded;padding:2px 6px;max-width:30ch}.film-controls span:empty{display:none}[hidden]{display:none!important}@media(max-width:720px){.film-controls{top:auto;bottom:45px;right:14px;max-width:90%}.hero-media #heroVideo{object-position:72% center}.hero.scrub-enabled{height:auto}.scrub-enabled .hero-stage{position:relative;height:auto;min-height:0}}@media(max-height:540px) and (min-width:721px){.hero.scrub-enabled{height:auto}.scrub-enabled .hero-stage{position:relative;height:650px}}
.photo-credit{font-size:10px;line-height:1.5;color:var(--muted);margin-top:12px}.photo-credit a{text-underline-offset:3px}
/* Owner-requested clean hero; platform motion preference remains automatic. */
#filmToggle,#filmStatus{display:none!important}.pj-emblem{display:inline-block;width:38px;height:38px;flex:none;vertical-align:middle}.promise-strip .pj-emblem{width:20px;height:20px}.closing-mark .pj-emblem{width:52px;height:52px}.footer .pj-emblem{width:32px;height:32px}@media(max-width:720px){.wordmark .pj-emblem{width:30px;height:30px}.promise-strip .pj-emblem{width:16px;height:16px}}
/* Full-bleed first-fold composition: one stage, never a separate mobile video card. */
.film-controls,.hero-caption{display:none!important}
.hero-stage{height:calc(100svh - 104px);min-height:570px}
.hero.scrub-enabled{height:calc(170svh - 104px)}
.scrub-enabled .hero-stage{position:sticky;top:0;height:calc(100svh - 104px);min-height:570px}
.hero-copy{background:linear-gradient(90deg,rgba(241,236,221,.98) 0%,rgba(241,236,221,.96) 65%,rgba(241,236,221,.62) 88%,transparent);width:56%;padding:56px 7% 56px 7%;max-width:850px}
.hero-copy h1{font-size:clamp(54px,5.2vw,78px)}
.hero-media{position:absolute;inset:0;height:100%;width:100%;z-index:-1}
@media(max-width:720px){
.hero-stage,.scrub-enabled .hero-stage{height:calc(100svh - 82px);min-height:555px;display:block;overflow:hidden}
.hero.scrub-enabled{height:calc(170svh - 82px)}
.hero-media{position:absolute;inset:0;height:100%;z-index:-1}
.hero-picture img,.hero-media #heroVideo{object-position:66% 22%;object-fit:cover}
.hero-copy{width:100%;height:100%;min-height:0;max-width:none;justify-content:flex-end;padding:220px 24px 28px;background:linear-gradient(0deg,rgba(241,236,221,1) 0%,rgba(241,236,221,.99) 36%,rgba(241,236,221,.94) 50%,rgba(241,236,221,.42) 68%,rgba(241,236,221,0) 82%)}
.hero-copy h1{font-size:clamp(44px,12vw,55px);line-height:1.01;max-width:12ch}
.hero-lede{font-size:15px;line-height:1.5;margin:16px 0 20px;max-width:36ch}
.hero-copy .button{min-height:50px;width:100%;max-width:360px;padding-block:12px}
.hero-copy .micro{font-size:10px;line-height:1.4;margin-top:12px;max-width:35ch}
}
@media(max-width:720px) and (max-height:740px){
.hero-copy{padding:160px 22px 24px}.hero-copy h1{font-size:44px}.hero-lede{margin:13px 0 16px;font-size:14px}.hero-copy .micro{margin-top:9px}
}
@media(min-width:721px) and (max-height:650px){
.hero-stage,.scrub-enabled .hero-stage{height:570px;min-height:570px}.hero.scrub-enabled{height:calc(570px + 70svh)}
}
@media(prefers-reduced-motion:reduce){.hero.scrub-enabled{height:auto}.hero-stage{position:relative}}
.hero-copy h1{max-width:none}@media(max-width:720px){.hero-copy h1{font-size:clamp(39px,10.6vw,47px);max-width:none}}