.hw .wrap,.hw-hero .wrap{max-width:1180px;margin:0 auto;padding:0 5%}.hw h2,.hw h3,.hw p,.hw-hero h1,.hw-hero p{margin:0}.hw a{color:inherit}.hw a:focus-visible{outline:2px solid var(--sf-copper);outline-offset:3px;box-shadow:none}.hw-hero{color:var(--sf-paper);font:15px/1.7 var(--sf-sans);padding:36px 0 72px}.hw-hero h1{font:300 clamp(40px, 4.4vw, 64px)/1.02 var(--sf-display);letter-spacing:-.05em;margin:0 0 18px}.hw-hero p{font:17px/1.8 var(--sf-reader);color:#c5bdb0;max-width:44ch}.hw .move{padding:72px 0 104px}.hw .grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:8%;display:grid}.hw .col-h{font:400 clamp(20px, 2vw, 24px)/1.2 var(--sf-display);letter-spacing:-.02em;color:var(--sf-ink);margin-bottom:22px}.hw .why{padding:0 0 96px}.hw .col{max-width:680px;margin-inline:auto}.hw .why h2{font:400 clamp(28px, 3vw, 40px)/1.1 var(--sf-display);letter-spacing:-.035em;color:var(--sf-ink);margin:0 0 16px}.hw .why h2+h2,.hw .why p+h2{margin-top:64px}.hw .why h3{font:400 clamp(20px, 2vw, 24px)/1.25 var(--sf-display);letter-spacing:-.02em;color:var(--sf-ink);margin:44px 0 12px}.hw .why p{font:400 17px/1.7 var(--sf-reader);color:var(--sf-ink-2)}.hw .why p+p{margin-top:18px}.hw .why .aside{font:400 12px/1.6 var(--sf-mono);color:var(--sf-ink-4);margin-top:10px}.hw .scraps{margin:0;padding:6px 0 0;list-style:none}.hw .scrap{width:min(calc(100% - var(--x)), 360px);margin:0 0 -4px var(--x);border:1px solid var(--sf-rule);transform:rotate(var(--r));font:400 14px/1.4 var(--sf-sans);color:var(--sf-ink-2);background:#fff;align-items:center;gap:12px;padding:13px 16px;display:flex;position:relative;box-shadow:0 8px 22px #34281c12}.hw .scrap .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hw .scrap .glyph{border:1px solid var(--sf-ink-4);border-radius:2px;flex:0 0 16px;height:20px;position:relative}.hw .scrap-pdf .glyph{border-color:#b35a4a}.hw .scrap-sheet{background:#f3f7f0}.hw .scrap-sheet .glyph{background:repeating-linear-gradient(0deg,#0000 0 4px,#5e8c6a33 4px 5px);border-color:#5e8c6a}.hw .scrap-doc .glyph{background:repeating-linear-gradient(0deg,#0000 0 3px,#5a7e9944 3px 4px);border-color:#5a7e99}.hw .scrap-thread{background:#f6f3ef;border-radius:18px}.hw .scrap-thread .glyph{border-color:var(--sf-ink-4);border-radius:10px 10px 10px 2px}.hw .scrap-deck{background:#f1f1f4}.hw .scrap-deck .glyph{border-color:#7a6a9a;flex-basis:20px;height:12px}.hw .scrap-note{background:#fbf4dc}.hw .scrap-note .glyph{background:#e8d68a;border:0;height:16px}.hw .shell{background:var(--sf-paper);border:1px solid var(--sf-rule);border-radius:9px;overflow:hidden;box-shadow:0 22px 65px #34281c16}.hw .shell-top{font:400 11px var(--sf-sans);color:var(--sf-ink-3);border-bottom:1px solid #e5ddd2;justify-content:space-between;padding:13px 22px;display:flex}.hw .row{border-bottom:1px solid var(--sf-rule);color:inherit;grid-template-columns:180px 1fr 16px;align-items:baseline;gap:16px;padding:18px 22px;text-decoration:none;transition:background .15s;display:grid}.hw .row:hover{background:#fff}.hw .row b{font:400 19px/1.25 var(--sf-display);letter-spacing:-.02em;color:var(--sf-ink)}.hw .row span{font:400 13.5px/1.5 var(--sf-sans);color:var(--sf-ink-2)}.hw .row i{color:var(--sf-ink-4);font-style:normal}.hw .row:hover i{color:var(--sf-copper)}.hw .shell-foot{background:#eee8df;grid-template-columns:180px 1fr;gap:16px;padding:16px 22px 18px;display:grid}.hw .shell-foot b{font:500 15px/1.3 var(--sf-display);color:var(--sf-ink)}.hw .shell-foot span{font:400 12.5px/1.55 var(--sf-sans);color:var(--sf-ink-3)}.hw .close{background:var(--sf-ink-hero);color:var(--sf-paper);text-align:center;padding:80px 0 90px}.hw .close h2{color:var(--sf-paper);font:400 clamp(36px, 4.4vw, 56px)/1.05 var(--sf-display);letter-spacing:-.04em;margin-bottom:28px}.hw .cta{background:var(--sf-copper);color:var(--sf-paper);font:500 13px/1 var(--sf-sans);border-radius:30px;align-items:center;gap:22px;padding:14px 24px;text-decoration:none;display:inline-flex}.hw .cta:hover{background:var(--sf-copper-deep)}@media (width<=900px){.hw .grid{grid-template-columns:1fr;gap:44px}.hw .scrap{margin-left:calc(var(--x) / 2)}}@media (width<=700px){.hw-hero{padding:16px 0 48px}.hw .move{padding:44px 0 56px}.hw .why{padding-bottom:56px}.hw .why h3{margin-top:32px}.hw .row,.hw .shell-foot{grid-template-columns:1fr;gap:4px;padding-left:16px;padding-right:16px}.hw .row i{display:none}.hw .close{padding:56px 0 64px}}