.pack-page{--pack-ink:var(--motion-white);--pack-muted:var(--v7-muted,var(--motion-white));--pack-accent:var(--motion-lime);color:var(--pack-ink);padding-bottom:90px;overflow-x:clip}.pack-shell{width:min(1280px,100%);margin-inline:auto;padding-inline:48px}.pack-section{padding-block:110px}.pack-page h1{font-size:68px;font-weight:900;line-height:1.12}.pack-page h1>span{margin-top:20px;font-size:30px;font-weight:500;line-height:1.4;display:block}.pack-page h2{font-size:46px;font-weight:900;line-height:1.2}.pack-page h3{font-weight:700}.pack-page :is(h1,h2,h3,p){color:inherit}.pack-page .pack-eyebrow,.pack-page .pack-highlight{color:var(--pack-accent)}.pack-page .pack-note,.pack-page .pack-caption,.pack-page .pack-file-description{color:var(--pack-muted)}.pack-page .pack-opening h1>.space-word-group{font-size:68px;font-weight:900;line-height:1.12}.pack-page .pack-opening h1>span:not(.space-word-group){font-size:30px}.pack-page[data-pinned=true] .pack-chapter[data-on=true] .space-word{opacity:1;filter:none;transform:none}.pack-eyebrow{color:var(--pack-accent);margin-bottom:20px;font-size:13px;font-weight:700}.pack-subtitle{margin-block:22px;font-size:24px;font-weight:600}.pack-page p{line-height:1.8}.pack-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.pack-button{white-space:normal;text-align:center;border-radius:3px;height:auto;min-height:48px;padding:13px 20px;line-height:1.5}.pack-consult{color:var(--pack-ink);border-color:color-mix(in oklab,var(--pack-ink) 30%,transparent);background:0 0}.pack-consult:hover{background:color-mix(in oklab,var(--pack-accent) 12%,transparent);color:var(--pack-ink)}.pack-text-link,.pack-link{color:var(--pack-accent);align-items:center;gap:12px;margin-top:20px;display:inline-flex}.pack-text-link{font-size:14px}.pack-caption{color:var(--pack-muted);text-align:left;padding-top:12px;font-size:11px}.pack-opening-stage{grid-template-columns:1fr 1fr;align-items:center;gap:26px;min-height:calc(100svh - 64px);padding-block:72px;display:grid}.pack-opening-visual{isolation:isolate;min-width:0;position:relative}.pack-floating-model{aspect-ratio:4/3;object-fit:contain;width:100%;-webkit-mask-image:linear-gradient(transparent,var(--motion-concrete) 18%,var(--motion-concrete) 78%,transparent);mask-image:linear-gradient(transparent,var(--motion-concrete) 18%,var(--motion-concrete) 78%,transparent);display:block}.pack-page[data-live=true] .pack-floating-model{animation:7s ease-in-out infinite pack-float}.pack-blueprint{z-index:-1;position:absolute;inset:25% -4% -10%;transform:perspective(800px)rotateX(54deg)}.pack-blueprint .space-glyph{height:100%}.pack-blueprint path{stroke-dashoffset:calc(1 - var(--pack-draw,0))}.pack-chips{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:-20px;display:flex;position:relative}.pack-chips span{border-bottom:1px solid var(--pack-accent);color:var(--motion-white);background:var(--space-glass);padding:8px 4px;font-size:12px}.pack-page[data-live=true] .pack-chips span{animation:.9s both pack-chip}.pack-chips span:nth-child(2){animation-delay:.15s}.pack-chips span:nth-child(3){animation-delay:.3s}.pack-chips span:nth-child(4){animation-delay:.45s}.pack-chips span:nth-child(5){animation-delay:.6s}.pack-intro-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:100px;display:grid}.pack-intro-grid p{max-width:600px;margin-top:18px}.pack-intro figure{min-width:0;margin:0}.pack-intro img{object-fit:cover;object-position:top;width:100%;height:580px}.pack-highlight{color:var(--pack-accent);font-size:21px;font-weight:700}.pack-note{color:var(--pack-muted);font-size:14px}.pack-diagram{border-block:1px solid var(--v7-rule);justify-content:space-between;align-items:center;gap:16px;margin-top:30px;padding-block:30px;display:flex;position:relative;overflow:hidden}.pack-diagram span{font-weight:700}.pack-diagram svg{color:var(--pack-accent);width:22px}.pack-diagram i{background:var(--pack-accent);width:50px;height:1px;box-shadow:var(--space-thread-shadow);position:absolute;top:0;right:0}.pack-page[data-live=true] .pack-diagram i{animation:3s linear infinite pack-pulse}.pack-chapter{color:var(--pack-ink);padding-block:90px;scroll-margin-top:80px;transition:opacity .6s,filter .6s;position:relative}.pack-chapter[data-mood=daylight]{--pack-ink:var(--pack-day-ink);--pack-muted:var(--pack-day-muted);--pack-accent:var(--pack-day-accent)}.pack-chapter[data-mood=daylight]:before{content:"";background:var(--pack-day-surface);-webkit-mask-image:linear-gradient(transparent,var(--motion-concrete) 16%,var(--motion-concrete) 84%,transparent);mask-image:linear-gradient(transparent,var(--motion-concrete) 16%,var(--motion-concrete) 84%,transparent);z-index:-1;pointer-events:none;position:absolute;inset:-12% -15%}.pack-chapter-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.pack-chapter-copy{min-width:0;position:relative}.pack-number{color:#0000;-webkit-text-stroke:1px var(--pack-accent);margin-bottom:8px;font-size:96px;font-weight:900;line-height:1.1;display:block}.pack-io{grid-template-columns:1fr 22px 1fr;gap:18px;margin-block:24px;display:grid}.pack-io h3{color:var(--pack-accent);margin-bottom:8px;font-size:13px}.pack-io p{font-size:14px}.pack-io>svg{color:var(--pack-accent);align-self:center;width:22px}.pack-closing-line{margin-bottom:14px;font-weight:700}.pack-filename{overflow-wrap:anywhere;color:var(--pack-accent);text-align:right;font-size:12px;display:block}.pack-file-description{color:var(--pack-muted);margin-block:8px 22px;font-size:13px}.pack-progress-rail{justify-content:center;gap:10px;padding:25px 48px;display:flex}.pack-progress-rail>button{color:var(--motion-white);border-bottom:1px solid var(--v7-rule);background:0 0;border-radius:0;flex:1;gap:10px;height:54px;font-size:13px;position:relative}.pack-progress-rail>button span{color:var(--motion-lime);font-family:monospace}.pack-progress-rail>button i{background:var(--motion-lime);transform-origin:100%;width:100%;height:2px;position:absolute;bottom:-1px;right:0;transform:scaleX(0)}.pack-progress-rail>button[aria-current=step] i{transform:scaleX(1)}.pack-progress-rail>button:has(~button[aria-current=step]) i{transform:scaleX(1)}.pack-visual{min-width:0;position:relative}.pack-visual .pack-caption{margin-top:8px}.pack-wipe{aspect-ratio:4/3;position:relative;overflow:hidden}.pack-wipe img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pack-wipe-input{clip-path:inset(0 0 0 50%)}.pack-wipe>i{background:var(--motion-violet);width:2px;box-shadow:var(--space-thread-shadow);position:absolute;top:0;bottom:0;left:50%}.pack-visual[data-running=true] .pack-wipe-input{animation:7s ease-in-out infinite pack-wipe}.pack-visual[data-running=true] .pack-wipe>i{animation:7s ease-in-out infinite pack-slit}.pack-input-label,.pack-output-label{background:var(--space-glass);color:var(--motion-white);padding:4px 10px;font:11px monospace;position:absolute;bottom:18px}.pack-input-label{right:16px}.pack-output-label{left:16px}.pack-phone-scene{perspective:1000px;padding:25px 0 50px;position:relative}.pack-phone-scene:after{content:"";background:var(--space-panel-metal);border-top:1px solid var(--pack-accent);height:35px;position:absolute;bottom:0;left:0;right:0}.pack-phone{border:8px solid var(--motion-concrete);width:230px;height:410px;box-shadow:var(--pack-phone-shadow);background:var(--motion-concrete);color:var(--motion-white);border-radius:30px;margin:auto;position:relative;overflow:hidden;transform:rotateY(-8deg)rotate(-3deg)}.pack-phone img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.pack-phone img[data-on=true]{opacity:1}.pack-phone:after{content:"";background:linear-gradient(transparent,var(--motion-concrete));position:absolute;inset:60% 0 0}.pack-phone strong{z-index:2;max-width:170px;font-size:24px;position:absolute;bottom:38px;right:16px}.pack-phone-brand{z-index:2;font:9px monospace;position:absolute;top:35px;left:12px}.pack-story-progress{z-index:2;direction:ltr;gap:4px;display:flex;position:absolute;top:12px;left:10px;right:10px}.pack-story-progress i{background:var(--motion-metal-dark);flex:1;height:2px;position:relative}.pack-story-progress i:after{content:"";background:var(--motion-white);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.pack-story-progress i[data-done=true]:after{transform:scaleX(1)}.pack-visual[data-running=true] .pack-story-progress i[data-on=true]:after{animation:3.6s linear forwards pack-story}.pack-story-controls{justify-content:center;gap:2px;margin-top:12px;display:flex}.pack-story-controls i{background:var(--pack-muted);border-radius:50%;width:5px;height:5px;display:block}.pack-story-controls button[aria-pressed=true] i{background:var(--pack-accent)}.pack-joinery-photo{aspect-ratio:4/3;object-fit:cover;width:100%}.pack-joinery-lines{background:linear-gradient(transparent 45%,var(--space-glass));align-items:end;display:flex;position:absolute;inset:0}.pack-joinery-lines .space-glyph{height:50%}.pack-missing{color:var(--motion-lime);font:28px monospace;position:absolute;bottom:25%;right:15%}.pack-visual[data-running=true] .pack-joinery-lines path{animation:3s both pack-line}.pack-studio-room{aspect-ratio:4/3;position:relative}.pack-studio-room>img{object-fit:cover;width:100%;height:100%;-webkit-mask-image:linear-gradient(transparent,var(--motion-concrete) 15%,var(--motion-concrete) 70%,transparent);mask-image:linear-gradient(transparent,var(--motion-concrete) 15%,var(--motion-concrete) 70%,transparent)}.pack-studio-room>.space-glyph{opacity:.6;height:100%;position:absolute;inset:0}.pack-studio-room .space-glyph-faces{fill:var(--space-stone);transition:fill .4s}.pack-visual[data-material="1"] .space-glyph-faces{fill:var(--space-walnut)}.pack-visual[data-material="2"] .space-glyph-faces{fill:var(--space-fabric)}.pack-plan-overlay{opacity:.5;position:absolute;inset:0;transform:perspective(800px)rotateX(45deg)}.pack-plan-overlay .space-glyph{height:100%}.pack-visual[data-running=true] .pack-plan-overlay{animation:6s ease-in-out infinite pack-plan}.pack-swatches{justify-content:center;gap:18px;margin-top:15px;display:flex}.pack-swatch{border:2px solid #0000;border-radius:50%;width:30px;height:30px}.pack-swatch-0{background:var(--space-stone)!important}.pack-swatch-1{background:var(--space-walnut)!important}.pack-swatch-2{background:var(--space-fabric)!important}.pack-swatch[aria-pressed=true]{outline:1px solid var(--pack-accent);outline-offset:4px}.pack-studio-room>.space-glyph .space-glyph-faces path{fill:var(--space-stone);fill-opacity:.25;transition:fill .4s}.pack-visual[data-material="1"] .pack-studio-room>.space-glyph .space-glyph-faces path{fill:var(--space-walnut);fill-opacity:.5}.pack-visual[data-material="2"] .pack-studio-room>.space-glyph .space-glyph-faces path{fill:var(--space-fabric);fill-opacity:.5}.pack-quantity-layout{grid-template-columns:.85fr 1.15fr;align-items:center;gap:16px;display:grid}.pack-quantity-layout img{object-fit:cover;width:100%;height:350px}.pack-quantity-layout table{border-collapse:collapse;width:100%;font-size:12px}.pack-quantity-layout th,.pack-quantity-layout td{border-bottom:1px solid var(--v7-rule);text-align:right;padding:15px 7px}.pack-quantity-layout th,.pack-quantity-layout tr:last-child td:last-child{color:var(--pack-accent)}.pack-visual[data-running=true] .pack-table-row{animation:.8s both pack-type}.pack-visual[data-running=true] .pack-row-1{animation-delay:.45s}.pack-visual[data-running=true] .pack-row-2{animation-delay:.9s}.pack-bridge h2{max-width:850px}.pack-bridge{padding-block:100px}.pack-install-track{grid-template-columns:repeat(3,1fr);gap:32px;margin-block:55px 30px;display:grid}.pack-install-track li{gap:18px;padding-top:24px;display:flex;position:relative}.pack-install-track li:before{content:"";background:var(--v7-rule);width:100%;height:1px;position:absolute;top:0;right:0}.pack-install-track li[data-lit=true]:before{background:var(--pack-accent);box-shadow:var(--space-thread-shadow)}.pack-install-track li>span{color:var(--pack-accent);font:20px monospace}.pack-install-track p{margin-top:8px;font-size:14px}.pack-guide{margin-block:55px 30px}.pack-guide details{border-top:1px solid var(--v7-rule)}.pack-guide summary{cursor:pointer;align-items:center;gap:18px;padding-block:25px;list-style:none;display:flex}.pack-guide summary::-webkit-details-marker{display:none}.pack-guide summary>svg{color:var(--pack-accent);width:22px}.pack-guide summary h3{font-size:21px}.pack-plus{color:var(--pack-accent);margin-inline-start:auto;font-size:28px;transition:transform .3s}.pack-guide details[open] .pack-plus{transform:rotate(45deg)}.pack-guide details[open]{border-top-color:var(--pack-accent)}.pack-guide-content{max-width:900px;padding-bottom:35px}.pack-guide-content p{margin-bottom:16px}.pack-prompt{background:var(--space-panel-metal);border-inline-start:2px solid var(--pack-accent);align-items:start;gap:12px;margin-block:24px;padding:20px;display:flex}.pack-prompt p{flex:1;margin:0}.pack-prompt button{color:var(--pack-accent);flex:none}.pack-folders{color:var(--pack-accent);flex-wrap:wrap;align-items:center;gap:12px;padding-block:25px;font-size:12px;display:flex}.pack-folders>div{flex-wrap:wrap;gap:12px;width:100%;display:flex}.pack-folders>div>span{align-items:center;gap:5px;display:flex}.pack-folders svg{width:18px}.pack-folders code{overflow-wrap:anywhere}.pack-page[data-live=true] details[open] .pack-folders>div>span{animation:.8s both pack-chip}.pack-file-list>div{border-bottom:1px solid var(--v7-rule);gap:18px;padding-block:20px;display:flex}.pack-file-list svg{width:22px;color:var(--pack-accent);flex:none}.pack-file-list code{color:var(--pack-accent);overflow-wrap:anywhere;text-align:right;margin-block:8px;font-size:12px;display:block}.pack-file-list p{font-size:14px}.pack-guide-footer{color:var(--pack-muted);margin-block:35px;font-size:12px}.pack-guide-footer a{color:var(--pack-accent);text-decoration:underline}.pack-finale-stage{isolation:isolate;align-items:center;min-height:750px;display:flex;position:relative;overflow:hidden}.pack-finale-stage>.material-backdrop{opacity:.15;-webkit-mask-image:linear-gradient(transparent,var(--motion-concrete) 30%,transparent);mask-image:linear-gradient(transparent,var(--motion-concrete) 30%,transparent)}.pack-finale-stage .space-finale-room{z-index:-1;opacity:.45;width:85%;height:85%;top:5%;left:-15%}.pack-finale-stage .space-glyph-drawing path{stroke-dashoffset:calc(1 - var(--pack-draw,1))}.pack-finale-stage .pack-shell{z-index:2;position:relative}.pack-finale h2{max-width:800px;font-size:68px}.pack-finale .space-glyph-corner{opacity:0}.pack-finale[data-corner=true] .space-glyph-corner{opacity:1}.pack-sticky{background:var(--space-glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--v7-rule);z-index:45;opacity:0;visibility:hidden;gap:8px;padding:7px;transition:opacity .3s,transform .3s;display:flex;position:fixed;bottom:20px;right:50%;transform:translate(50%,20px)}.pack-sticky[data-on=true]{opacity:1;visibility:visible;transform:translate(50%)}.pack-sticky .pack-button{min-height:42px;font-size:13px}@media(min-width:1024px){.pack-page[data-pinned=true] .pack-opening{height:160svh}.pack-page[data-pinned=true] .pack-opening-stage{height:calc(100svh - 64px);position:sticky;top:64px}.pack-page[data-pinned=true] .pack-chapters{height:580svh}.pack-page[data-pinned=true] .pack-chapter-stage{height:calc(100svh - 64px);position:sticky;top:64px}.pack-page[data-pinned=true] .pack-chapter{opacity:0;pointer-events:none;filter:blur(6px);align-items:center;padding-block:35px 80px;display:flex;position:absolute;inset:0}.pack-page[data-pinned=true] .pack-chapter[data-on=true]{opacity:1;pointer-events:auto;filter:none}.pack-page[data-pinned=true] .pack-progress-rail{bottom:10px;position:absolute;inset-inline:0}.pack-page[data-pinned=true] .pack-chapter-grid{width:100%}.pack-page[data-pinned=true] .pack-chapter h2{font-size:36px}.pack-page[data-pinned=true] .pack-finale{height:200svh}.pack-page[data-pinned=true] .pack-finale-stage{height:calc(100svh - 64px);min-height:0;position:sticky;top:64px}}@media(min-width:1024px)and (max-height:850px){.pack-page[data-pinned=true] .pack-number{font-size:64px}.pack-page[data-pinned=true] .pack-io{margin-block:14px}.pack-page[data-pinned=true] .pack-subtitle{margin-block:12px;font-size:20px}.pack-page[data-pinned=true] .pack-eyebrow{margin-bottom:8px}.pack-page[data-pinned=true] .pack-chapter .pack-button{min-height:40px;padding-block:9px}}@media(max-width:1023px){.pack-page .pack-opening h1>.space-word-group{font-size:44px}.pack-page .pack-opening h1>span:not(.space-word-group){font-size:22px}.pack-shell{padding-inline:20px}.pack-section{padding-block:65px}.pack-page h1{font-size:44px}.pack-page h1>span{font-size:22px}.pack-page h2{font-size:32px}.pack-opening-stage{flex-direction:column;align-items:stretch;gap:36px;min-height:0;padding-block:55px 35px;display:flex}.pack-opening-visual{width:100%;max-width:600px;margin:auto}.pack-opening-copy{max-width:700px}.pack-actions{gap:10px}.pack-actions .pack-button{flex:220px}.pack-opening-visual .pack-caption{margin-top:20px}.pack-chips{gap:10px}.pack-chips span{font-size:11px}.pack-intro-grid{grid-template-columns:1fr;gap:35px}.pack-intro img{max-width:500px;height:460px}.pack-intro figure{max-width:500px}.pack-chapter{padding-block:65px}.pack-chapter-grid{flex-direction:column;align-items:stretch;gap:30px;display:flex}.pack-number{font-size:65px}.pack-chapter .pack-visual{align-self:center;width:100%;max-width:600px}.pack-subtitle{font-size:21px}.pack-io{grid-template-columns:1fr 18px 1fr;gap:12px}.pack-io>svg{width:18px}.pack-progress-rail{flex-wrap:wrap;padding-inline:20px}.pack-progress-rail>button{flex:95px}.pack-install-track{grid-template-columns:1fr;gap:18px}.pack-install-track li{padding-top:18px}.pack-guide summary h3{font-size:18px}.pack-prompt{gap:5px;padding:16px;font-size:14px}.pack-quantity-layout{gap:8px}.pack-quantity-layout img{height:280px}.pack-quantity-layout td,.pack-quantity-layout th{padding:12px 4px;font-size:11px}.pack-phone{width:220px;height:390px}.pack-finale-stage{min-height:700px}.pack-finale h2{font-size:43px}.pack-finale-stage .space-finale-room{width:150%;height:70%;top:20%;left:-40%}.pack-sticky{gap:5px;padding:5px;bottom:16px;left:84px;right:10px;transform:translateY(20px)}.pack-sticky[data-on=true]{transform:none}.pack-sticky .pack-button{flex:1;min-height:44px;padding:10px 7px;font-size:11px}.pack-sticky svg{display:none}}.pack-page[data-final=true] :is(.pack-floating-model,.pack-chips span,.pack-diagram i,.pack-wipe-input,.pack-wipe>i,.pack-plan-overlay,.pack-table-row,.pack-folders span){opacity:1;filter:none;transform:none;animation:none!important}.pack-page[data-final=true] .pack-wipe-input{clip-path:inset(0 0 0 50%)}.pack-page[data-final=true] .pack-blueprint path,.pack-page[data-final=true] .space-glyph path{stroke-dashoffset:0!important}.pack-page[data-final=true] .pack-finale .space-glyph-corner{opacity:1}.pack-page[data-live=false] *,.pack-visual[data-running=false] *{animation-play-state:paused!important}@keyframes pack-float{50%{transform:translateY(-15px)}}@keyframes pack-chip{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes pack-pulse{to{right:100%}}@keyframes pack-wipe{0%,to{clip-path:inset(0 0 0 5%)}50%{clip-path:inset(0 0 0 95%)}}@keyframes pack-slit{0%,to{left:5%}50%{left:95%}}@keyframes pack-story{to{transform:scaleX(1)}}@keyframes pack-line{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes pack-plan{0%,to{opacity:.5;transform:perspective(800px)rotateX(45deg)}50%{opacity:0;transform:translateY(-60px)}}@keyframes pack-type{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@media(prefers-reduced-motion:reduce){.pack-page *,.pack-page :before,.pack-page :after{transition:none!important;animation:none!important}.pack-blueprint path{stroke-dashoffset:0}}