:root{--milk:#fbfaf5;--paper:#fffef9;--sage:#aeb89b;--sage-dark:#59624e;--ink:#202742;--ink-soft:#46506d;--coral:#d98473;--coral-deep:#b95748;--thread:#2027421f;--line:#20274229;--shadow:0 24px 70px #252a2721;--soft-shadow:0 16px 34px #20274217;--radius:18px;--ease:cubic-bezier(.2, .72, .18, 1);color:var(--ink);background:var(--milk);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Avenir Next,Segoe UI,Tahoma,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(90deg, #20274209 1px, transparent 1px) 0 0 / 34px 34px, radial-gradient(circle at 12% 18%, #aeb89b47, transparent 28%), var(--milk);min-width:320px;margin:0}body.menu-open{overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline-offset:5px;outline:3px solid #b95748b3}.page-shell{width:min(1180px,100% - 40px);margin:0 auto}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--soft-shadow);background:#fffef9c7;border:1px solid #2027421a;border-radius:999px;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin:16px 0 34px;padding:14px 18px;display:grid;position:sticky;top:12px}.brand,.quiet-link,.nav-links{align-items:center;display:flex}.brand{letter-spacing:.12em;gap:10px;width:max-content;font-weight:800}.brand-mark{background:linear-gradient(135deg, transparent 44%, var(--ink) 45% 55%, transparent 56%), var(--sage);width:24px;height:24px;transition:transform .45s var(--ease);border-radius:50%;box-shadow:inset 0 -3px #20274229}.brand:hover .brand-mark{transform:rotate(180deg)}.menu-button,.nav-scrim{display:none}.menu-button{cursor:pointer;background:#aeb89b33;border:1px solid #2027421a;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px}.menu-button span{background:var(--ink);width:18px;height:2px;transition:transform .26s var(--ease), opacity .2s var(--ease);border-radius:999px;display:block}.menu-button span+span{margin-top:4px}.nav-links{justify-content:center;gap:8px}.nav-links a,.quiet-link{min-height:40px;color:var(--ink-soft);transition:transform .28s var(--ease), background-color .28s var(--ease), color .28s var(--ease);border-radius:999px;padding:10px 14px}.nav-links a:hover,.quiet-link:hover{color:var(--ink);background:#aeb89b38;transform:translateY(-2px)}.quiet-link{color:var(--coral-deep);justify-self:end;font-weight:700}.hero{grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);align-items:center;gap:clamp(32px,6vw,86px);min-height:calc(100svh - 118px);padding-bottom:70px;display:grid}.hero-copy{max-width:650px}.soft-line{max-width:370px;color:var(--sage-dark);margin:0 0 24px;font-size:17px;line-height:1.55}h1,h2{letter-spacing:0;margin:0;font-family:Georgia,Times New Roman,serif;font-weight:500}h1{max-width:720px;font-size:clamp(56px,8vw,104px);line-height:.89}h2{font-size:clamp(34px,5vw,64px);line-height:.96}.lead,.fabric-band p,.story-grid p,.builder-copy p{color:var(--ink-soft);font-size:18px;line-height:1.68}.lead{max-width:560px;margin:28px 0 34px}.hero-actions,.option-row{flex-wrap:wrap;gap:14px;display:flex}.button{cursor:pointer;min-height:52px;transition:transform .26s var(--ease), box-shadow .26s var(--ease), background-color .26s var(--ease);border:0;border-radius:999px;justify-content:center;align-items:center;padding:15px 22px;font-weight:800;display:inline-flex;position:relative}.button:hover{transform:translateY(-3px)}.button:active{transform:translateY(1px)scale(.985)}.primary{color:var(--paper);background:var(--ink);box-shadow:0 15px 36px #2027423b}.secondary{color:var(--ink);background:#aeb89b3d;box-shadow:inset 0 0 0 1px #2027421a}.wide{width:100%}.hero-stage{isolation:isolate;min-height:560px;position:relative;transform:translateZ(0)}.hero-stage:before{content:"";z-index:0;box-shadow:var(--shadow), inset 0 0 0 1px #20274214;will-change:transform;background:linear-gradient(135deg,#ffffffd1,#aeb89b30),repeating-linear-gradient(90deg,#2027420f 0 1px,#0000 1px 12px);border-radius:42% 58% 47% 53%/52% 38% 62% 48%;position:absolute;inset:0}.socks-parallax-wrap{z-index:2;pointer-events:none;width:min(108%,680px);position:absolute;inset:8% -8% auto auto}.socks-product{filter:drop-shadow(0 34px 38px #2027422e);width:100%;height:auto;animation:floatSocks 7s var(--ease) infinite}.thread-map{z-index:1;border-radius:42% 58% 47% 53%/52% 38% 62% 48%;position:absolute;inset:34px;overflow:hidden}.thread-map span{background:var(--thread);width:46%;height:1px;position:absolute;transform:rotate(-18deg)}.thread-map span:first-child{top:19%;left:8%}.thread-map span:nth-child(2){top:37%;left:30%}.thread-map span:nth-child(3){top:59%;left:4%}.thread-map span:nth-child(4){top:76%;left:40%}.touch-card{z-index:3;border-radius:var(--radius);width:190px;box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .34s var(--ease), box-shadow .34s var(--ease);background:#fffef9c7;border:1px solid #2027421c;padding:16px 17px;position:absolute;bottom:8%;right:6%}.touch-card:hover{transform:translateY(-6px)scale(1.03);box-shadow:0 24px 44px #20274229}.touch-card b,.touch-card span{display:block}.touch-card b{margin-bottom:5px}.touch-card span{color:var(--ink-soft);font-size:14px;line-height:1.42}.fabric-band{border-top:1px solid var(--line);grid-template-columns:1fr .95fr;align-items:center;gap:44px;padding:88px 0;display:grid}.fabric-band p{max-width:650px;margin:26px 0 0}.fabric-samples{gap:14px;display:grid}.fabric-sample{background:repeating-linear-gradient(90deg, #2027420d 0 2px, transparent 2px 9px), var(--paper);border-radius:999px;grid-template-columns:72px minmax(0,1fr) 118px;align-items:center;gap:26px;min-height:112px;padding:18px 28px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #20274217}.fabric-sample:before{content:"";width:72px;height:52px;transition:filter .42s var(--ease), opacity .42s var(--ease);background:#aeb89b38;border-radius:999px;grid-area:1/1}.fabric-sample.coil:before{--coil-min-x:.98;--coil-max-x:1.04;--coil-min-y:.98;--coil-max-y:1.07;animation:2.1s ease-in-out infinite alternate springCoil}.fabric-sample.air:before{animation:4.8s ease-in-out infinite breatheAir}.fabric-sample.cuff:before{--cuff-min-x:1;--cuff-max-x:1.08;--cuff-min-y:1;--cuff-max-y:.96;animation:2.4s ease-in-out infinite alternate stretchCuff}.fabric-sample b{color:var(--sage-dark);white-space:nowrap;grid-column:2;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,3.6vw,48px);font-weight:500;line-height:1}.fabric-sample small{max-width:118px;color:var(--ink-soft);text-align:right;text-transform:uppercase;grid-column:3;justify-self:end;font-size:13px;font-weight:800;line-height:1.2}.fabric-sample.coil:before{background:repeating-radial-gradient(#0000 0 8px,#20274242 9px 10px,#0000 11px 17px),#aeb89b2e}.fabric-sample.air:before{background:radial-gradient(circle at 25%,#2027423d 0 4px,#0000 5px),radial-gradient(circle at 50% 38%,#2027422e 0 3px,#0000 4px),radial-gradient(circle at 72% 55%,#20274238 0 4px,#0000 5px),#aeb89b29}.fabric-sample.cuff:before{background:repeating-linear-gradient(90deg,#20274238 0 3px,#0000 3px 9px),#aeb89b2e}@keyframes springCoil{0%{transform:scale(var(--coil-min-x), var(--coil-min-y))}to{transform:scale(var(--coil-max-x), var(--coil-max-y))}}@keyframes breatheAir{0%,to{filter:saturate();background-position:0 0,0 0,0 0,0 0;transform:scale(1)}45%{filter:saturate(1.14);background-position:-8px 1px,0 -3px,8px 1px,0 0;transform:scale(1.06,1.03)}70%{background-position:-3px 0,2px -1px,3px 0,0 0;transform:scale(1.02)}}@keyframes stretchCuff{0%{transform:scale(var(--cuff-min-x), var(--cuff-min-y))}to{transform:scale(var(--cuff-max-x), var(--cuff-max-y))}}.story-grid{grid-template-columns:1fr 1fr;gap:22px;padding:46px 0 92px;display:grid}.story-grid article{border-radius:calc(var(--radius) + 8px);min-height:420px;transition:transform .28s ease-out, box-shadow .28s ease-out, background-color .3s var(--ease);background:#fffef994;border:1px solid #2027421a;grid-template-rows:auto auto 1fr;padding:clamp(24px,4vw,46px);display:grid}.story-grid article:hover{background:#fffef9d9;box-shadow:0 20px 48px #20274214}.story-head{justify-content:space-between;align-items:flex-start;gap:20px;min-height:96px;margin-bottom:28px;display:flex}.story-index{color:var(--coral-deep);font-weight:900;display:inline-block}.story-visual{background:#aeb89b29;border-radius:999px;width:150px;height:84px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #20274214}.story-visual.color-hold{background:linear-gradient(90deg, var(--sage) 0 32%, var(--coral) 32% 60%, var(--ink) 60% 100%)}.story-visual.color-hold:after{content:"";background:repeating-linear-gradient(90deg,#ffffff38 0 1px,#0000 1px 9px);position:absolute;inset:0}.story-visual.soft-cuff:before,.story-visual.soft-cuff:after{content:"";background:var(--sage);border-radius:999px;height:12px;position:absolute;inset:18px 18px auto;box-shadow:0 18px #aeb89ba3,0 36px #aeb89b61}.story-grid p{align-self:end;margin:24px 0 0}.builder{border-top:1px solid var(--line);grid-template-columns:.78fr 1fr;align-items:start;gap:clamp(28px,6vw,80px);padding:84px 0 110px;display:grid}.builder-copy{position:sticky;top:118px}.builder-copy p{margin-top:24px}.builder-notes{gap:10px;margin-top:28px;display:grid}.builder-notes span{min-height:56px;color:var(--ink-soft);border-bottom:1px solid #20274221;justify-content:space-between;align-items:center;gap:18px;display:flex}.builder-notes b{color:var(--coral-deep);font-size:22px}.builder-strip{grid-template-columns:repeat(3,1fr);gap:8px;max-width:360px;margin-top:34px;display:grid}.builder-strip span{background:repeating-linear-gradient(90deg, #ffffff38 0 1px, transparent 1px 7px), var(--sage);border-radius:999px;height:78px;box-shadow:inset 0 -10px #20274214}.builder-strip span:nth-child(2){background-color:var(--coral)}.builder-strip span:nth-child(3){background-color:var(--ink)}.sock-form{box-shadow:var(--shadow);background:linear-gradient(#fffef9eb,#fffef9b8),repeating-linear-gradient(0deg,#2027420b 0 1px,#0000 1px 11px);border:1px solid #2027421f;border-radius:28px;gap:24px;padding:clamp(22px,4vw,42px);display:grid;position:relative;overflow:hidden}.sock-form:after{content:"добавлено";color:var(--paper);background:var(--coral-deep);opacity:0;transition:opacity .28s var(--ease), transform .28s var(--ease);border-radius:999px;padding:10px 14px;position:absolute;inset:auto 24px 24px auto;transform:translateY(12px)}.sock-form.is-added:after{opacity:1;transform:translateY(0)}.option-group{gap:12px;display:grid}.group-title{color:var(--sage-dark);letter-spacing:.09em;text-transform:uppercase;font-size:13px;font-weight:900}.texture-options{gap:10px;display:grid}.texture-button,.size-options button{color:var(--ink);cursor:pointer;transition:transform .24s var(--ease), border-color .24s var(--ease), box-shadow .24s var(--ease), background-color .24s var(--ease);background:#fffef9b8;border:1px solid #2027421c}.texture-button:hover,.size-options button:hover{box-shadow:var(--soft-shadow);transform:translateY(-2px)}.texture-button:active,.size-options button:active{transform:translateY(1px)scale(.94)}.texture-button[aria-pressed=true],.size-options button[aria-pressed=true]{background:#d984731c;border-color:#b957488c;animation:.4s cubic-bezier(.25,1.5,.5,1) elasticPress;box-shadow:inset 0 0 0 2px #b9574829}@keyframes elasticPress{0%{transform:scale(.94)}50%{transform:scale(1.04)}to{transform:scale(1)}}.texture-button{text-align:left;border-radius:18px;grid-template-columns:42px 1fr;align-items:center;gap:14px;width:100%;min-height:76px;padding:12px 14px;display:grid}.swatch{background:repeating-linear-gradient(90deg, #ffffff2e 0 1px, transparent 1px 5px), var(--swatch);border-radius:50%;width:42px;height:42px;position:relative;overflow:hidden;box-shadow:inset 0 -5px #2027421f}.swatch:after{content:"";opacity:0;pointer-events:none;background:#ffffff61;border-radius:50%;position:absolute;inset:0;transform:scale(0)}.texture-button[aria-pressed=true] .swatch:after{animation:swatchRipple .5s var(--ease)}@keyframes swatchRipple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1.4)}}.texture-button b,.texture-button small{display:block}.texture-button small{color:var(--ink-soft);margin-top:4px}.option-row{align-items:stretch}.option-row>*{flex:230px}.size-options{gap:9px;display:flex}.size-options button{border-radius:999px;min-width:82px;min-height:46px;padding:10px 13px;font-weight:800}.quantity-control{grid-template-columns:1fr auto;align-items:center;gap:12px;display:grid}.quantity-control .group-title{grid-column:1/-1}input[type=range]{--range-progress:33.333%;appearance:none;background:linear-gradient(90deg, var(--coral-deep) 0 var(--range-progress), #20274229 var(--range-progress) 100%);cursor:pointer;width:100%;height:28px;transition:filter .22s var(--ease);border-radius:999px}input[type=range]:hover{filter:saturate(1.08)}input[type=range]::-webkit-slider-runnable-track{background:0 0;border-radius:999px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;border:4px solid var(--paper);background:var(--coral-deep);width:24px;height:24px;transition:transform .24s var(--ease), box-shadow .24s var(--ease);border-radius:50%;margin-top:-10px;box-shadow:0 8px 18px #b9574847}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.16);box-shadow:0 10px 28px #b957485c}input[type=range]::-moz-range-track{background:0 0;border-radius:999px;height:4px}input[type=range]::-moz-range-thumb{border:4px solid var(--paper);background:var(--coral-deep);border-radius:50%;width:16px;height:16px;box-shadow:0 8px 18px #b9574847}output{text-align:center;min-width:42px;transition:transform .24s var(--ease), background-color .24s var(--ease);background:#aeb89b33;border-radius:999px;padding:8px 12px;font-weight:900}output.is-ticking{animation:outputTick .34s var(--ease)}.summary-panel{background:var(--ink);color:var(--paper);border-radius:20px;grid-template-columns:1fr auto;gap:4px 18px;padding:20px;display:grid}.summary-panel strong{transform-origin:100%;font-size:22px}.summary-panel strong.is-ticking{animation:priceTick .34s var(--ease)}.summary-panel small{color:#fffef9b3}#summary-details{grid-column:1/2}#summary-formula{text-align:right;grid-column:2/3;justify-self:end}#summary-name,#summary-details,#summary-formula{display:inline-block}.section-reveal{opacity:1;animation:revealUp .72s var(--ease) both;transform:none}.section-reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes floatSocks{0%,to{transform:translate(0,0)rotate(-1deg)}50%{transform:translate(-8px,-14px)rotate(1.4deg)}}@keyframes revealUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes priceTick{0%{color:var(--paper);transform:scale(1)}20%{color:var(--coral);transform:scale(1.03)translateY(-1px)}to{color:var(--paper);transform:scale(1)translateY(0)}}@keyframes outputTick{0%{background:#aeb89b33;transform:scale(1)}22%{background:#d9847340;transform:scale(1.16)translateY(-2px)}to{background:#aeb89b33;transform:scale(1)translateY(0)}}@media (width<=860px){.page-shell{width:min(100% - 24px,620px);padding-top:84px}.topbar{border-radius:22px;grid-template-columns:auto 1fr auto;width:min(100% - 24px,620px);margin:0 auto;position:fixed;top:10px;left:12px;right:12px}.menu-button{z-index:35;order:3;justify-self:end;display:flex;position:relative}body.menu-open .topbar{z-index:40}body.menu-open .menu-button span:first-child{transform:translateY(6px)rotate(45deg)}body.menu-open .menu-button span:nth-child(2){opacity:0}body.menu-open .menu-button span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.nav-links{z-index:30;width:min(310px,100vw - 44px);height:100svh;transition:transform .34s var(--ease);background:linear-gradient(#fffef9f7,#fbfaf5f0),repeating-linear-gradient(90deg,#2027420b 0 1px,#0000 1px 18px);flex-direction:column;justify-content:flex-start;align-items:stretch;gap:10px;padding:92px 20px 24px;display:flex;position:fixed;top:0;right:0;transform:translate(105%);box-shadow:-28px 0 70px #20274229}.nav-links a{background:#fffef9b8;border-radius:18px;justify-content:space-between;min-height:58px;padding:16px 18px;font-size:18px;font-weight:800;box-shadow:inset 0 0 0 1px #20274214}.nav-links a:after{content:"";opacity:.42;border-top:2px solid;border-right:2px solid;width:18px;height:18px;transform:rotate(45deg)}.nav-scrim{z-index:20;opacity:0;pointer-events:none;transition:opacity .3s var(--ease);background:#20274238;border:0;display:block;position:fixed;inset:0}body.menu-open .nav-links{transform:translate(0)}body.menu-open .nav-scrim{opacity:1;pointer-events:auto}.hero,.fabric-band,.story-grid,.builder{grid-template-columns:1fr}.hero{min-height:auto;padding:30px 0 62px}h1{font-size:clamp(48px,16vw,78px)}.hero-stage{min-height:410px;overflow:hidden}.hero-stage:before{border-radius:34px}.socks-product{width:min(112%,520px);inset:6% -12% auto auto}.fabric-band,.builder{padding:64px 0}.builder-copy{position:static}}@media (width<=540px){.topbar{top:8px}.quiet-link{padding-inline:10px}.hero-actions .button{width:100%}.hero-stage{border-radius:34px;min-height:340px}.touch-card{width:165px;bottom:10px;right:10px}.size-options{flex-wrap:wrap}.size-options button{flex:96px}.summary-panel{grid-template-columns:1fr}#summary-details,#summary-formula{text-align:left;grid-column:auto;justify-self:start}.fabric-sample{border-radius:28px;grid-template-columns:58px minmax(0,1fr);min-height:112px;padding:20px 22px}.fabric-sample:before{width:58px;height:46px}.fabric-sample small{text-align:left;grid-column:2;justify-self:start}.story-grid article{min-height:360px}.story-visual{width:112px}}.button.primary.wide{transition:background-color .35s var(--ease), transform .22s var(--ease), box-shadow .22s var(--ease);position:relative;overflow:hidden}.button.primary.wide .btn-text{transition:opacity .22s var(--ease), transform .22s var(--ease);display:inline-block}.button.primary.wide.is-loading .btn-text{opacity:0;transform:translateY(-8px)}.button.primary.wide.is-loading:before{content:"";border:3px solid #ffffff47;border-top-color:var(--paper);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite btnSpinner;position:absolute}@keyframes btnSpinner{to{transform:rotate(360deg)}}.button.primary.wide.is-success{background-color:var(--sage-dark)!important;color:var(--paper)!important}.button.primary.wide.is-success .btn-text{opacity:0;transform:translateY(8px)}.button.primary.wide.is-success:after{content:"Добавлено! ✓";opacity:1;font-weight:800;animation:.38s cubic-bezier(.175,.885,.32,1.275) both successPop;position:absolute;transform:scale(1)}@keyframes successPop{0%{opacity:0;transform:scale(.6)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.confetti-particle{will-change:transform;border-radius:2px;position:absolute}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.section-reveal{opacity:1;transform:none;animation:none!important}.summary-panel strong.is-ticking,output.is-ticking{animation:none!important}}