.gn-knots,.gn-detail{scroll-margin-top:calc(var(--header-h) + 16px)}.gn-hero{background:var(--navy);color:var(--paper);position:relative;overflow:hidden}.gn-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(900px 500px at 85% 20%,rgba(193,154,91,.14),transparent 60%)}.gn-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,6vw,90px);align-items:center;padding-block:clamp(60px,9vh,110px)}.gn-h1{font-size:clamp(42px,6.6vw,88px);letter-spacing:-.015em;max-width:12ch}.gn-sub{margin-top:22px;max-width:46ch;font-weight:300;font-size:clamp(15px,1.5vw,18px);color:#f7f3ead1}.gn-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}.gn-stats{display:flex;gap:clamp(24px,4vw,56px);margin-top:52px;border-top:1px solid var(--line-light);padding-top:26px}.gn-stats div strong{display:block;font-family:var(--serif);font-size:34px;font-weight:400;color:var(--gold)}.gn-stats div span{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted-light)}.gn-hero-fig{position:relative;display:flex;justify-content:center}.gn-hero-fig svg{width:min(340px,70vw);height:auto;filter:drop-shadow(0 30px 60px rgba(0,0,0,.45));animation:gnFloat 7s ease-in-out infinite 1.6s}@keyframes gnFloat{0%,to{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-14px) rotate(.8deg)}}.gn-knots{padding-block:clamp(56px,8vw,100px)}.gn-knots-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:34px}.gn-chips{display:flex;flex-wrap:wrap;gap:8px}.gn-chip{font-family:var(--sans);font-size:11.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;padding:10px 18px;border:1px solid var(--line);background:none;color:var(--muted);cursor:pointer;border-radius:99px;transition:.3s var(--ease)}.gn-chip:hover{border-color:var(--gold-2);color:var(--ink)}.gn-chip.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.gn-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.gn-card{background:var(--paper);border:1px solid var(--line);padding:22px 16px 18px;text-align:center;cursor:pointer;position:relative;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .35s,opacity .4s var(--ease)}.gn-card:hover{transform:translateY(-5px);box-shadow:0 22px 44px #0c13221a;border-color:var(--gold)}.gn-card.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 22px 44px #0c132214}.gn-card.on:after{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:40px;height:3px;background:var(--gold)}.gn-card.is-hidden{opacity:0;transform:scale(.94);pointer-events:none;position:absolute;visibility:hidden}.gn-card svg{width:100%;height:110px;margin:0 auto 14px}.gn-card h3{font-family:var(--serif);font-size:21px;font-weight:500;margin:0}.gn-card .gn-aka{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:3px}.gn-dots{display:flex;justify-content:center;gap:4px;margin-top:10px}.gn-dots i{width:5px;height:5px;border-radius:50%;background:var(--line)}.gn-dots i.f{background:var(--gold-2)}.gn-card .gn-occ{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);margin-top:8px}.gn-detail{background:var(--navy);color:var(--paper);padding-block:clamp(56px,8vw,100px);position:relative;overflow:hidden}.gn-detail:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(800px 420px at 15% 10%,rgba(193,154,91,.1),transparent 60%)}.gn-detail-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(36px,6vw,90px);position:relative}.gn-aka{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-top:10px}.gn-h2{font-size:clamp(38px,5vw,60px)}.gn-story{margin-top:16px;font-weight:300;font-size:17px;color:#f7f3ead9;max-width:52ch}.gn-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-light);border:1px solid var(--line-light);margin-top:30px}.gn-specs>div{background:var(--navy);padding:16px 14px}.gn-specs span{display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-light);margin-bottom:6px}.gn-specs strong{font-family:var(--serif);font-weight:500;font-size:18px;color:var(--paper);line-height:1.25}.gn-specs .gn-dots{justify-content:flex-start;margin:0}.gn-specs .gn-dots i{background:#f7f3ea33;width:6px;height:6px}.gn-specs .gn-dots i.f{background:var(--gold)}.gn-player{position:sticky;top:calc(var(--header-h) + 20px);align-self:start}.gn-scene-wrap{border:1px solid var(--line-light);padding:10px;background:radial-gradient(420px 260px at 50% 0%,rgba(193,154,91,.08),transparent 70%)}#gnScene{width:100%;height:auto}.gn-scene .collar{fill:#aeb4c212;stroke:#aeb4c2;stroke-width:1.2}.gn-scene .loop{fill:none;stroke:#aeb4c2;stroke-width:1.1;opacity:.65}.gn-scene .thin{fill:#aeb4c224;stroke:#aeb4c2;stroke-width:1.4;stroke-linejoin:round}.gn-scene .wide{fill:#c19a5b38;stroke:var(--gold);stroke-width:1.7;stroke-linejoin:round}.gn-scene .wide.under{opacity:.45}.gn-scene .knot{fill:#c19a5b47;stroke:var(--gold);stroke-width:1.7;stroke-linejoin:round}.gn-scene .cappio{fill:#e4cf9f1f;stroke:var(--gold-light);stroke-width:1.3}.gn-scene .lbl{fill:#aeb4c2;font-family:var(--sans);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase}.gn-scene .move-arrow{fill:none;stroke:var(--gold-light);stroke-width:2;stroke-linecap:round;stroke-dasharray:5 4;animation:gnMarch .8s linear infinite}@keyframes gnMarch{to{stroke-dashoffset:-9}}.gn-scene .anim{animation:gnSceneIn .45s var(--ease) both}@keyframes gnSceneIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.gn-cap{display:flex;gap:14px;align-items:baseline;margin-top:16px;min-height:56px}.gn-cap-n{font-family:var(--serif);font-style:italic;font-size:26px;color:var(--gold);white-space:nowrap}.gn-cap-n span{font-size:15px;color:var(--muted-light)}.gn-cap p{font-weight:300;font-size:16px;color:#f7f3eae6;margin:0}.gn-ctrl{display:flex;align-items:center;gap:10px;margin-top:10px}.gn-ctrl-btn{width:40px;height:40px;border:1px solid var(--line-light);background:none;color:var(--paper);font-size:16px;cursor:pointer;transition:.3s;display:inline-flex;align-items:center;justify-content:center}.gn-ctrl-btn:hover{border-color:var(--gold);color:var(--gold)}.gn-step-dots{display:flex;gap:7px;flex:1;justify-content:center}.gn-step-dots button{width:22px;height:22px;border:0;background:none;cursor:pointer;position:relative}.gn-step-dots button:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:#f7f3ea40;transition:.3s}.gn-step-dots button.done:after{background:#c19a5b8c}.gn-step-dots button.on:after{background:var(--gold);transform:scale(1.5)}.gn-legend{display:flex;gap:18px;margin-top:14px;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-light)}.gn-legend i{display:inline-block;width:10px;height:10px;margin-right:7px;vertical-align:-1px;border:1px solid}.gn-legend .g{background:#c19a5b66;border-color:var(--gold)}.gn-legend .s{background:#aeb4c240;border-color:#aeb4c2}.gn-legend .a{color:var(--gold-light)}.gn-steps{margin-top:38px}.gn-steps h3{font-size:13px;font-family:var(--sans);font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin:0 0 18px}.gn-step{display:flex;gap:16px;align-items:baseline;padding:11px 10px;margin-inline:-10px;border-bottom:1px solid var(--line-light);cursor:pointer;transition:background .3s}.gn-step:hover{background:#c19a5b12}.gn-step.on{background:#c19a5b1a;box-shadow:inset 2px 0 0 var(--gold)}.gn-step .n{font-family:var(--serif);font-size:21px;font-style:italic;color:var(--gold);width:28px;flex-shrink:0}.gn-step p{font-weight:300;font-size:15px;color:#f7f3ead9;margin:0}.gn-tip{margin-top:30px;border-left:2px solid var(--gold);padding:4px 0 4px 18px}.gn-tip span{display:block;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}.gn-tip p{font-family:var(--serif);font-style:italic;font-size:20px;line-height:1.4;color:var(--gold-light);margin:0}.gn-detail-cta{margin-top:34px}.gn-rev{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--d, 0s)}.gn-rev.is-in{opacity:1;transform:none}.gn-thread path{fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}.gn-thread.play path{animation:gnDraw 1.05s var(--ease) forwards;animation-delay:calc(var(--i) * .17s)}.gn-thread .soft{stroke:var(--gold-light);stroke-width:1;opacity:.85}@keyframes gnDraw{to{stroke-dashoffset:0}}.cta-banner{background:var(--navy);color:var(--paper);text-align:center;padding-block:clamp(70px,10vw,120px)}.cta-banner-box .sec-title{max-width:22ch;margin-inline:auto}.cta-banner-text{margin:18px auto 34px;max-width:48ch;font-weight:300;color:var(--muted-light)}.cta-banner .sec-title em{color:var(--gold)}@media(max-width:1080px){.gn-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.gn-hero-grid,.gn-detail-grid{grid-template-columns:1fr}.gn-player{position:static}.gn-grid{grid-template-columns:repeat(3,1fr)}.gn-specs{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.gn-grid{grid-template-columns:repeat(2,1fr)}.gn-stats{gap:20px}}@media(prefers-reduced-motion:reduce){.gn-hero-fig svg{animation:none}.gn-scene .move-arrow{animation:none}.gn-thread path{stroke-dashoffset:0}.gn-rev{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/guida-nodi.css.map */