/* V106 / transparent material stage, responsive library and guide. */
.se-explorer{--material-color:#e8ddc9;margin-top:48px;border-top:1px solid #b59a5b55;position:relative;padding-top:24px}
.se-explorer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#bcc0bf;font-size:.875rem}
.se-explorer-top>div{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.se-explorer-top strong{font-size:.75rem;font-weight:500;letter-spacing:.18em;color:var(--se-gold)}
.se-explorer-count{font-variant-numeric:tabular-nums;color:#87918f;letter-spacing:.07em}
.se-explorer-family{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}
.se-explorer-family:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:var(--material-color);box-shadow:0 0 16px var(--material-color)}
.se-explorer-window{position:relative;margin-top:12px;isolation:isolate}
.se-explorer-window:before{content:"";position:absolute;inset:0 8%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--material-color) 8%,transparent),transparent 65%);transition:background 1s;z-index:-1}
.se-explorer-stage{position:relative;height:250px;width:100%;overflow:hidden;cursor:grab;touch-action:pan-y;border-radius:4px;outline-offset:-3px!important}
.se-explorer-stage.is-dragging{cursor:grabbing}
.se-explorer-stage canvas,.se-explorer-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;transition:opacity .55s,transform .65s}
.se-explorer-stage canvas{opacity:0;pointer-events:none}
.se-explorer-poster{transform:translateY(var(--material-drift,0px)) scale(var(--material-zoom,1));pointer-events:none}
.se-webgl-ready .se-explorer-stage canvas{opacity:1}
.se-webgl-ready .se-explorer-poster{opacity:0}
.se-material-enter .se-explorer-stage{animation:se-material-reveal .65s cubic-bezier(.2,.7,.3,1)}
.se-explorer-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;border:1px solid #d2b67155;border-radius:50%;color:var(--se-gold);background:#090b0dc9;font-size:1.8rem;line-height:1;transition:background .25s,border-color .25s}
.se-explorer-arrow:first-of-type{left:0}.se-explorer-arrow:last-of-type{right:0}
.se-explorer-arrow:hover{background:#32291b;border-color:#e7c36e}
.se-explorer-ticks{position:absolute;left:8%;right:8%;bottom:24px;display:flex;justify-content:space-between;color:#4f595b;font-size:.625rem;letter-spacing:.12em;pointer-events:none}
.se-explorer-ticks span:before{content:"";display:block;height:7px;width:1px;background:#9a998b50;margin-bottom:7px}
.se-explorer-details{display:grid;grid-template-columns:1fr 1.35fr;gap:40px;padding:15px 0 24px;border-bottom:1px solid var(--se-line);align-items:start}
.se-explorer-details h2,.se-explorer-details h3{font-size:1.375rem;font-weight:500;letter-spacing:-.02em;line-height:1.35}
.se-explorer-structure{display:block;color:#7c888b;font-size:.75rem;margin-top:9px;letter-spacing:.045em}
.se-explorer-details p{font-size:.875rem;line-height:1.75;max-width:490px}
.se-explorer-tools{display:flex;align-items:center;gap:20px;justify-content:space-between;flex-wrap:wrap;padding-top:18px;font-size:.8125rem;color:#a0a9a9}
.se-explorer-toolset{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.se-explorer-tools button{border:0;background:transparent;color:#bfc3c0;padding:10px 0;font-size:.8125rem}
.se-explorer-tools button:hover{color:var(--se-gold)}
.se-explorer-tools .se-library-toggle{color:var(--se-gold);text-decoration:underline;text-underline-offset:6px}
.se-explorer-zoom{display:flex;align-items:center;gap:12px;font-size:.8125rem;color:#a0a9a9}
.se-explorer-zoom input{width:90px;height:18px;accent-color:#e7c36e;cursor:pointer}
.se-explorer-note{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#818b8d;font-size:.6875rem;line-height:1.6;margin-top:12px}
.se-explorer-note a{text-underline-offset:4px}
.se-yarn-library{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px;padding-bottom:12px}
.se-yarn-library[hidden]{display:none!important}
.se-yarn-library button{position:relative;background:#131719a8;border:1px solid #303739;border-radius:5px;color:#cfd1cd;padding:16px 16px 14px;text-align:left;min-width:0;transition:border-color .25s,background .25s,transform .35s}
.se-yarn-library button:hover{background:#1d211f;border-color:#8b7b57;transform:translateY(-3px)}
.se-yarn-library button[aria-pressed=true]{background:#282419;border-color:#b09657}
.se-yarn-library button img{width:100%;height:64px;object-fit:contain;display:block;margin:4px 0 12px;pointer-events:none}
.se-yarn-library button strong{display:block;font-size:.8125rem;font-weight:500;line-height:1.5}
.se-yarn-library button small{display:block;margin-top:6px;color:#929a96;font-size:.6875rem;line-height:1.5}
.se-material-number{color:#777f7d;font-size:.625rem;letter-spacing:.12em}
.se-library-open{animation:se-library-reveal .45s ease both}
.se-explorer-compact .se-explorer-stage{height:210px}
.se-explorer-compact .se-explorer-note>span:last-child{display:none}
.se-source-yarn{margin-top:60px;padding-top:34px;border-top:1px solid var(--se-line)}
.se-source-yarn>div:first-child{display:flex;justify-content:space-between;gap:36px;align-items:start}
.se-source-yarn h3{font-size:1.375rem;color:#e7e6df;max-width:420px}
.se-source-yarn p{max-width:590px;font-size:.9375rem}
.se-source-yarn .se-yarn{margin-top:24px}
.se-hero-links{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:26px;color:#94a09f;font-size:.8125rem}
.se-hero-links a{text-decoration:none;border-bottom:1px solid #89754a80;padding-bottom:5px}
.se-hero-links a:hover{color:var(--se-gold)}
.se-discovery{margin-top:36px;border-left:2px solid #c6a762;padding:8px 0 8px 24px}
.se-discovery p{max-width:780px;margin-top:12px}
.se-discovery a{color:var(--se-gold);text-underline-offset:5px}
.se-guide-hero{padding:48px 0 84px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 85% 45%,#1744483d,transparent 65%)}
.se-guide-hero .se-breadcrumb{margin-bottom:46px}
.se-guide-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.se-guide-hero h1{font-size:clamp(3.1rem,5.6vw,5.6rem);letter-spacing:-.06em;font-weight:500;line-height:1.05;margin-top:20px}
.se-guide-hero h1 span{color:var(--se-gold)}
.se-guide-hero p{margin-top:24px;max-width:610px}
.se-guide-byline{font-size:.8125rem;color:#7f8b8e;margin-top:26px;line-height:1.7}
.se-guide-byline a{color:#adbab9;text-underline-offset:4px}
.se-guide-nav{padding:24px 0;border-top:1px solid var(--se-line);border-bottom:1px solid var(--se-line);display:flex;gap:12px 30px;flex-wrap:wrap;font-size:.875rem}
.se-guide-nav a{color:#b0bdbb;text-decoration:none;min-height:24px;display:flex;align-items:center}
.se-guide-nav a:hover{color:var(--se-gold)}
.se-guide-intro{max-width:880px}
.se-guide-intro>p{margin-top:24px}
.se-workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin-top:44px;counter-reset:step}
.se-workflow-grid article{border-top:1px solid #87734c;padding-top:23px;counter-increment:step}
.se-workflow-grid article:before{content:"0" counter(step);font-size:.75rem;letter-spacing:.1em;color:#ccae6b;display:block;margin-bottom:24px}
.se-workflow-grid h3{font-size:1.25rem;margin-bottom:15px}
.se-workflow-grid p{font-size:.9375rem}
.se-table-wrap{overflow-x:auto;margin-top:40px;border:1px solid #30383a;border-radius:5px}
.se-comparison{border-collapse:collapse;width:100%;text-align:left;font-size:.9375rem;color:#b9c0be;min-width:640px}
.se-comparison caption{text-align:left;padding:20px 24px;color:#d4d4ca;font-size:1rem;background:#141b1c;border-bottom:1px solid #30383a}
.se-comparison th{font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#9ba7a6;padding:20px 24px;border-bottom:1px solid #30383a;line-height:1.6}
.se-comparison td{padding:25px 24px;border-bottom:1px solid #283132;vertical-align:top;line-height:1.7}
.se-comparison tr:last-child td{border:0}
.se-comparison tbody tr:first-child{background:#24231865}
.se-comparison strong{font-weight:500;color:#eee9d8;display:block;margin-bottom:5px}
.se-comparison a{color:var(--se-gold);text-underline-offset:4px}
.se-table-note{font-size:.8125rem!important;margin-top:18px!important;max-width:860px}
.se-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 42px;margin-top:40px}
.se-check-grid article{padding-top:22px;border-top:1px solid #313b3d}
.se-check-grid h3{margin-bottom:14px}
.se-check-grid p{font-size:.9375rem}
.se-guide-source-list{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:18px}
.se-guide-source-list a{color:#c4b17e;text-underline-offset:5px;font-size:.9375rem;line-height:1.6}
.se-motion-paused .se-explorer-stage,.se-motion-paused .se-yarn-library,.se-motion-paused .se-hero-art{animation:none!important}
.se-motion-paused .se-explorer-poster{transform:scale(var(--material-zoom,1))!important}
@keyframes se-material-reveal{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes se-library-reveal{from{opacity:.2;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.se-explorer-stage{height:280px}}
@media(max-width:1100px){.se-yarn-library{grid-template-columns:repeat(3,minmax(0,1fr))}.se-guide-grid{gap:30px}.se-workflow-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.se-explorer{margin-top:36px}.se-explorer-stage{height:210px}.se-explorer-details{gap:24px}.se-yarn-library{grid-template-columns:1fr 1fr}.se-guide-grid{grid-template-columns:1fr;gap:40px}.se-guide-hero{padding-bottom:55px}.se-source-yarn>div:first-child{flex-direction:column;gap:20px}.se-explorer-note>span:last-child{display:none}}
@media(max-width:520px){.se-explorer-top{gap:12px}.se-explorer-top>div{gap:10px}.se-explorer-top strong{font-size:.6875rem;letter-spacing:.09em}.se-explorer-count{font-size:.75rem}.se-explorer-family{font-size:.625rem;letter-spacing:.06em}.se-explorer-stage,.se-explorer-compact .se-explorer-stage{height:175px}.se-explorer-arrow{width:36px;height:36px;font-size:1.5rem}.se-explorer-ticks{bottom:18px}.se-explorer-details{grid-template-columns:1fr;gap:14px;padding-top:5px}.se-explorer-details h3,.se-explorer-details h2{font-size:1.25rem}.se-explorer-tools{gap:4px 20px}.se-explorer-toolset{gap:18px}.se-explorer-zoom input{width:74px}.se-yarn-library{gap:10px}.se-yarn-library button{padding:12px}.se-yarn-library button img{height:46px}.se-yarn-library button strong{font-size:.75rem}.se-workflow-grid,.se-check-grid{grid-template-columns:1fr;gap:32px}.se-guide-hero h1{font-size:3.15rem}.se-guide-nav{gap:12px 22px}.se-source-yarn{margin-top:38px}.se-comparison td,.se-comparison th{padding:18px}}
@media(max-width:650px){.se-explorer-stage{--material-zoom:1.8}}
@media(prefers-reduced-motion:reduce){.se-explorer-stage,.se-yarn-library{animation:none!important}.se-explorer *{transition:none!important}.se-explorer-poster{transform:scale(var(--material-zoom,1))!important}}
@media print{.se-explorer-tools,.se-explorer-arrow,.se-guide-nav{display:none}.se-guide-grid{grid-template-columns:1fr}.se-guide-hero{padding-block:30px}.se-comparison{color:#333}.se-comparison strong{color:#111}.se-table-wrap{overflow:visible}}