@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#20352c;--muted:#65736a;--paper:#f8f8f3;--line:#d9ded4;--green:#d7e8a8;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 'DM Sans',Arial,sans-serif}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #839953;outline-offset:4px}button{color:inherit}header{max-width:1450px;margin:auto;padding:26px 5%;display:flex;justify-content:space-between;align-items:center}.wordmark{text-decoration:none;line-height:1.1;font:800 29px Manrope,Arial,sans-serif;letter-spacing:-1.5px}.wordmark span{display:block;font:9px/2.4 Arial,sans-serif;letter-spacing:2.2px}.signature{font-size:12px;text-decoration:none}nav{padding:0 5%;display:flex;border-block:1px solid var(--line);gap:34px;position:sticky;top:0;background:#f8f8f3f5;backdrop-filter:blur(15px);z-index:5;overflow:auto}nav button{border:0;border-bottom:2px solid transparent;background:none;padding:17px 0;white-space:nowrap;font-size:13px}nav button.active{border-color:var(--ink);font-weight:700}nav span{margin-left:8px}main{max-width:1450px;margin:auto;padding:35px 5% 80px}.view{display:none}.view.active{display:block;animation:appear .45s ease both}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:560px;background:#e9ede4}.hero-copy{padding:58px 45px 25px;display:flex;flex-direction:column;align-items:start}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px}.hero h1,.page-head h1{font:500 clamp(42px,4.6vw,70px)/1.07 Manrope,Arial,sans-serif;letter-spacing:-3px;margin:30px 0 22px}h1 em,h2 em{font-family:var(--serif);font-weight:400}p{color:var(--muted);margin:0 0 18px}.hero p{font-size:16px;max-width:390px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.primary,.outline{padding:13px 22px;border:1px solid var(--ink);font-size:13px;transition:transform .2s,background .2s}.primary{background:var(--ink);color:white}.primary:hover{background:#365243;transform:translateY(-2px)}.primary span{margin-left:30px}.outline{background:transparent}.outline:hover{background:#d7dfcf}.hero-bottom{margin-top:auto;padding-top:52px;font-size:9px;letter-spacing:1.3px;display:flex;justify-content:space-between;width:100%;gap:15px}.hero-photo{position:relative;background:#deded9;overflow:hidden}.hero-photo img{width:100%;height:100%;max-height:650px;object-fit:cover;object-position:center 42%;mix-blend-mode:multiply;animation:photo-in 1.2s ease both}@keyframes photo-in{from{transform:scale(1.04);opacity:.3}to{transform:scale(1);opacity:1}}.image-label{position:absolute;bottom:25px;left:25px;padding:12px 16px;background:#f8f8f3dd;font-size:9px;letter-spacing:1px;backdrop-filter:blur(10px)}.image-label strong{font-size:12px;letter-spacing:0;font-weight:500}.vertical-label{position:absolute;top:25px;right:15px;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:32px 0;gap:35px}.principles article{padding-left:40px;position:relative}.principles article>span{position:absolute;left:0;top:1px;font-size:11px;color:var(--muted)}h3{font-size:16px;margin:0 0 8px}h2{font:600 26px/1.25 Manrope,Arial,sans-serif;letter-spacing:-.7px;margin:12px 0 18px}.principles p{font-size:13px;margin:0}.section-title{display:flex;justify-content:space-between;align-items:end;margin:45px 0 22px}.section-title h2{margin-bottom:0}.section-title>span{font-size:10px;letter-spacing:1px}.guide-links{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.guide-links button{padding:26px;text-align:left;background:#eeefe8;border:1px solid var(--line);transition:transform .2s}.guide-links button:hover{transform:translateY(-4px)}.guide-links b,.guide-links span{display:block}.guide-links b{font-size:17px;font-weight:500}.guide-links span{font-size:12px;color:var(--muted);margin-top:15px}.page-head{max-width:800px;padding:25px 0 35px}.page-head h1{font-size:50px;margin:20px 0}.page-head p{max-width:650px}.finder-layout{display:grid;grid-template-columns:430px 1fr;gap:30px;align-items:start}.panel{padding:30px;border:1px solid var(--line);background:#fffef9}.step-label{font-size:10px;letter-spacing:1.5px;margin-bottom:20px;font-weight:700}.step-label:not(:first-child){margin-top:30px}label{display:block;font-size:12px;font-weight:600;margin:14px 0 7px}input:not([type=range]),select{width:100%;background:#f8f8f3;border:1px solid #cdd4c8;border-radius:0;padding:11px;color:var(--ink);min-height:45px}input[type=range]{width:100%;accent-color:var(--ink)}.two,.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hint{font-size:12px;color:var(--muted);margin-top:10px}.optional{margin:25px 0;border-block:1px solid var(--line);padding:15px 0;font-size:12px}.optional p{margin-top:12px}summary{cursor:pointer;font-weight:600}.wide{width:100%}.text-button{display:block;background:none;border:0;text-decoration:underline;margin:12px auto;font-size:12px}.results-head{background:var(--ink);color:var(--paper);padding:30px}.results-head h2{color:var(--green)}.results-head p{color:#d1d9cf;font-size:14px}.results-head small{font-size:11px;color:#c1cbbd}.fit-notes{padding:22px 26px;background:#e9eee0;font-size:13px}.fit-notes p{color:#44523e;margin:0 0 10px}.recommendation{display:grid;grid-template-columns:100px 1fr;gap:20px;border:1px solid var(--line);padding:17px;background:#fffef9;margin-top:13px;cursor:pointer;text-align:left;width:100%}.recommendation img{width:100px;height:125px;object-fit:cover;background:#eeeee9}.recommendation h3{margin-top:5px}.recommendation p{font-size:12px;margin-bottom:5px}.recommendation small{font-size:10px;text-transform:uppercase;letter-spacing:1px}.filterbar{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;align-items:center}.filterbar label{margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 20px}.card{border:0;border-bottom:1px solid var(--line);padding:0 0 18px;text-align:left;background:none;min-width:0}.card-photo{height:270px;position:relative;background:#eaece6;overflow:hidden}.card img{width:100%;height:100%;object-fit:cover;transition:transform .5s;mix-blend-mode:multiply}.card:hover img{transform:scale(1.035)}.card-number{position:absolute;top:10px;left:12px;z-index:1;font-size:11px;background:#f8f8f3d9;padding:2px 7px}.card-arrow{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;background:#fffef9;border-radius:50%;width:32px;height:32px}.tag{font-size:9px;letter-spacing:1.3px;font-weight:600}.card .tag{display:block;margin:15px 0 7px;color:#75806c}.card h3{font:600 17px/1.3 Manrope,Arial,sans-serif}.card p{font-size:12px;margin:7px 0}.discretion-grid,.fabric-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.topic-number{font-size:10px;letter-spacing:1.5px}.discretion-grid p{font-size:14px}.note{border-left:3px solid #a2b371;background:#eef1e5;padding:15px;font-size:12px;margin-top:20px;color:#4b5846}.layer-demo{display:grid;gap:7px;justify-items:center;padding:20px;background:#e8ede3;margin:20px 0}.layer-demo span{border-radius:50% 50% 5px 5px;padding:12px;text-align:center;font-size:11px;display:block}.layer-one{background:#b4c59b;width:75%}.layer-two{background:#8e9e82;width:88%;color:#fff}.layer-three{background:#2c4637;width:100%;color:#fff}.swatches{display:flex;gap:10px;margin:25px 0}.swatches span{flex:1;padding:26px 4px;text-align:center;font-size:9px;letter-spacing:1px;border-radius:3px}.process-strip{display:flex;gap:10px;align-items:center;background:#e9eee0;padding:20px;margin:25px 0;font-size:11px}.source-link{font-size:12px}.fabric-grid{grid-template-columns:repeat(3,1fr)}.fabric-grid p{font-size:13px}.two-columns{margin-top:25px}.two-columns li{margin-bottom:12px;font-size:14px;color:var(--muted)}.two-columns ul,.two-columns ol{padding-left:20px}.sources{margin-top:25px}.sources p,.sources li{font-size:13px}.sources p:first-of-type{margin-top:20px}footer{display:flex;justify-content:space-between;align-items:center;padding:25px 5%;border-top:1px solid var(--line);gap:20px;font-size:10px;letter-spacing:1px}footer a{text-decoration:none}footer button{border:0;background:none;font-size:11px}dialog{border:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#20352c99}.dialog-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:18px 5%;position:sticky;top:0;background:var(--paper);z-index:3;font-size:10px;letter-spacing:1px}.dialog-top button{background:var(--ink);color:white;border:0;padding:10px 18px;font-size:12px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;max-width:1150px;margin:auto;gap:50px;padding:35px}.detail-image{position:relative}.detail-image img{width:100%;max-height:660px;object-fit:contain;background:#eeeee8}.detail-copy h1{font:500 40px/1.15 Manrope,Arial,sans-serif;letter-spacing:-1.5px}.detail-copy h3{margin-top:25px}.detail-copy p{font-size:14px}.detail-copy .tag{margin-top:20px}.photo-note{font-size:11px;color:var(--muted);margin:10px 0}.detail-source{font-size:11px}.photo-buttons{display:flex;gap:8px;margin-top:10px}.photo-buttons button{background:transparent;border:1px solid var(--line);padding:8px 13px;font-size:12px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}body.modal-open{overflow:hidden}@media(min-width:1500px){.hero{min-height:650px}}@media(max-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}.finder-layout{grid-template-columns:370px 1fr}.hero-copy{padding:40px 30px 25px}.hero h1{font-size:52px}.hero{min-height:530px}.fabric-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){header{padding:20px 5%}.wordmark{font-size:25px}.signature{font-size:10px}nav{gap:25px}nav button{font-size:12px;padding:14px 0}main{padding-top:20px}.hero{grid-template-columns:1fr}.hero-copy{padding:35px 25px 25px}.hero h1{font-size:49px;letter-spacing:-2px;margin:23px 0}.hero p{font-size:14px}.hero-bottom{padding-top:32px}.hero-photo{height:390px}.hero-photo img{object-position:center 40%}.principles{gap:22px;grid-template-columns:1fr;padding:25px 0}.principles article{padding-left:35px}.guide-links{grid-template-columns:1fr}.section-title>span{display:none}.page-head{padding-top:15px}.page-head h1{font-size:40px;letter-spacing:-2px}.finder-layout{grid-template-columns:1fr;gap:20px}.panel{padding:23px}.filterbar{grid-template-columns:1fr 1fr}.search-label{grid-column:1/-1}.cards{grid-template-columns:1fr 1fr;gap:24px 12px}.card-photo{height:230px}.card h3{font-size:15px}.card p{font-size:11px}.discretion-grid,.fabric-grid,.two-columns{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr;padding:22px;gap:20px}.detail-image img{height:400px}.detail-copy h1{font-size:34px}.detail-grid .photo-note{font-size:10px}.section-title h2{font-size:24px}footer{flex-wrap:wrap}footer>span{display:none}.two label{font-size:11px}}@media(max-width:390px){.card-photo{height:200px}.hero h1{font-size:43px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{nav,header,.filterbar,button,.actions,footer,.optional{display:none!important}main{padding:0}.view.active{display:block!important}.panel,.card,.principles article{break-inside:avoid}.cards{grid-template-columns:repeat(3,1fr)}.card-photo{height:160px}.hero{min-height:0}.hero-photo{height:350px}.finder-layout{grid-template-columns:1fr}#fit-form{display:none}.discretion-grid,.fabric-grid{display:block}.panel{margin-bottom:15px}body{font-size:12px}dialog[open]{position:static;height:auto}.modal-open main{display:none}}
/* Interactive fit studio */
.studio-head{max-width:920px}.studio-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:24px;align-items:start}.studio-stage-wrap{position:sticky;top:80px;min-width:0}.studio-stage{height:680px;max-height:76vh;min-height:440px;background:#e4e8df;position:relative;overflow:hidden;border:1px solid #d7dece}.studio-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.studio-stage canvas:active{cursor:grabbing}.stage-caption{position:absolute;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;gap:20px;align-items:end;pointer-events:none}.stage-caption span:first-child{max-width:48%;font:600 18px/1.25 Manrope,Arial,sans-serif}.stage-caption span:last-child{font-size:8px;letter-spacing:1px;max-width:140px;text-align:right}#studio-loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:40px;font-size:14px;z-index:2;background:#e4e8df}#studio-loading[hidden]{display:none}.studio-camera{display:flex;gap:6px;flex-wrap:wrap;background:#e7ecdf;padding:12px}.studio-camera button{border:1px solid #bbc6b4;background:#f8f8f3;padding:8px 12px;font-size:11px}.studio-camera button[aria-pressed=true]{background:var(--ink);color:white}.studio-controls{padding:25px}.body-control{margin:15px 0}.body-control label{display:flex;justify-content:space-between;gap:10px;margin-bottom:0;font-size:11px}.body-control output{font-weight:400;white-space:nowrap}.body-control input{height:20px;margin:6px 0}.studio-swatches{display:flex;gap:12px;margin:15px 0 22px}.studio-swatches button{border:2px solid transparent;outline:1px solid #c3cbbb;outline-offset:2px;border-radius:50%;width:28px;height:28px}.studio-swatches button.selected{outline:2px solid var(--ink);outline-offset:3px}.anatomy-controls{border-block:1px solid var(--line);padding:18px 0;margin:20px 0}.anatomy-controls summary{font-size:12px}.studio-description{margin-top:30px}.studio-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.studio-detail-grid p{font-size:13px}.studio-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.studio-photo{border:1px solid var(--line);padding:0;background:white;text-align:left;overflow:hidden}.studio-photo img{width:100%;height:220px;object-fit:contain;background:#f0f1e9;display:block}.studio-photo span{display:block;padding:10px;font-size:11px}.stage-expanded{position:fixed!important;inset:0!important;z-index:100;background:var(--paper);padding:10px;overflow:auto}.stage-expanded .studio-stage{height:calc(100dvh - 160px);max-height:none}.studio-stage-wrap:fullscreen{padding:10px;background:var(--paper);display:flex;flex-direction:column;overflow:auto}.studio-stage-wrap:fullscreen .studio-stage{height:calc(100vh - 160px);max-height:none;flex:1}.studio-stage-wrap:fullscreen>.note{display:none}.studio-expanded{overflow:hidden}.anatomy-plate{margin:0 0 30px;background:#e9ece4;border:1px solid var(--line)}.anatomy-plate img{width:100%;display:block;max-height:750px;object-fit:contain}.anatomy-plate figcaption{padding:15px 20px;color:var(--muted);font-size:11px;background:var(--paper)}.anatomy-hotspots{display:grid;grid-template-columns:1fr 1fr;gap:20px}.comparison-table{overflow:auto;border:1px solid var(--line);margin:30px 0}.comparison-table table{width:100%;border-collapse:collapse;min-width:680px;font-size:13px;text-align:left}.comparison-table caption{text-align:left;padding:20px;font:600 20px Manrope,Arial,sans-serif}.comparison-table td,.comparison-table th{padding:17px;vertical-align:top;border-top:1px solid var(--line)}.comparison-table th{background:#e6ecdf}.comparison-table td:first-child{font-weight:600;width:20%}.photo-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px}.photo-thumbs button{border:1px solid var(--line);padding:0;background:#f0f1eb}.photo-thumbs img{height:100px!important;width:100%;object-fit:contain}.photo-thumbs span{font-size:10px;display:block;padding:4px}.photo-thumbs button[aria-pressed=true]{border:2px solid var(--ink)}.detail-copy .construction-detail{padding:17px;background:#e8ede0;margin:20px 0}.construction-detail h3{margin-top:0}.detail-copy .studio-try{margin-top:12px}.detail-image .gallery-controls{display:flex;gap:10px;margin-top:10px}.gallery-controls button{background:var(--ink);color:white;border:0;padding:9px 15px;font-size:12px}.gallery-counter{align-self:center;font-size:11px;color:var(--muted)}@media(max-width:1000px){.studio-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.studio-stage{height:560px}.studio-gallery{grid-template-columns:repeat(3,1fr)}.studio-camera button{padding:8px}}@media(max-width:760px){.studio-layout{grid-template-columns:1fr}.studio-stage-wrap{position:relative;top:auto}.studio-stage{height:520px;max-height:68dvh;min-height:380px}.studio-controls{padding:22px}.studio-detail-grid,.anatomy-hotspots{grid-template-columns:1fr}.studio-gallery{grid-template-columns:repeat(2,1fr)}.studio-photo img{height:240px}.stage-caption{left:16px;right:16px}.stage-caption span:first-child{font-size:16px}.studio-camera{gap:6px}.studio-stage-wrap:fullscreen .studio-stage{min-height:250px}.stage-expanded .studio-stage{min-height:250px}.photo-thumbs{grid-template-columns:repeat(4,1fr)}.photo-thumbs img{height:85px!important}.anatomy-plate img{min-height:230px}.studio-head h1{font-size:39px}}@media print{.studio-layout{display:block}.studio-controls,.studio-camera{display:none!important}.studio-stage-wrap{position:static}.studio-stage{height:450px;min-height:0}.studio-gallery{grid-template-columns:repeat(4,1fr)}.studio-photo img{height:130px}}
@media(min-width:761px){.studio-stage-wrap{max-height:calc(100dvh - 100px);overflow:auto;scrollbar-width:thin}.studio-stage{height:calc(100dvh - 350px);max-height:640px;min-height:350px}}.studio-stage-wrap:fullscreen{max-height:none}.stage-expanded{max-height:none!important}@media(max-width:760px){.studio-stage-wrap{max-height:none;overflow:visible}}
@media(max-width:760px){.studio-stage-wrap{position:sticky;top:51px;z-index:3;background:var(--paper);max-height:none;overflow:visible}.studio-stage{height:40dvh;min-height:250px;max-height:360px}.studio-stage-wrap>.hint,.studio-stage-wrap>.note{display:none}.studio-camera{padding:8px;gap:5px}.studio-camera button{padding:7px 9px;font-size:10px}.stage-caption span:last-child{font-size:7px;max-width:115px}.studio-stage-wrap:fullscreen{position:static}.stage-expanded .studio-stage{height:calc(100dvh - 100px);max-height:none}.stage-expanded .studio-camera{position:relative}.studio-stage-wrap:fullscreen .studio-stage{height:calc(100dvh - 100px);max-height:none}}