.s30nt{display:block;position:relative;z-index:0;isolation:isolate;background:var(--s30nt-paper, #fff);color:var(--s30nt-ink, #141414);container-type:inline-size;overflow:hidden}.s30nt__wrap{max-width:1180px;margin:0 auto;padding:clamp(24px,3cqw,48px) clamp(20px,3.7cqw,56px) clamp(32px,3.6cqw,56px);font-family:var(--text-font-family, "Instrument Sans", "Helvetica Neue", Arial, sans-serif)}.s30nt__quote,.s30nt__name,.s30nt .s30nt__more,.s30nt__foot{font-family:EB Garamond,Times New Roman,serif;font-weight:400}.s30nt__mark{font-family:EB Garamond,Times New Roman,serif}.s30nt button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;-webkit-appearance:none;appearance:none;letter-spacing:inherit;text-transform:none}.s30nt__top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:clamp(10px,.9cqw,14px);border-bottom:1px solid rgba(0,0,0,.28)}.s30nt__eyebrow{margin:0;font-size:clamp(10px,.8cqw,12px);letter-spacing:.32em;text-transform:uppercase;font-weight:500}.s30nt__topnav{display:flex;align-items:center;gap:clamp(14px,1.9cqw,26px)}.s30nt__count{font-size:clamp(11px,.85cqw,13px);letter-spacing:.24em;font-variant-numeric:tabular-nums;white-space:nowrap}.s30nt .s30nt__arrow,.s30nt__more-ring{width:clamp(34px,2.4cqw,40px);height:clamp(34px,2.4cqw,40px);border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;flex:none;transition:background .2s,color .2s}.s30nt .s30nt__arrow:hover,.s30nt__more:hover .s30nt__more-ring{background:var(--s30nt-ink, #141414);color:var(--s30nt-paper, #f8f7f5)}.s30nt__body{display:grid;grid-template-columns:19% minmax(0,1fr) 6%;padding-top:clamp(32px,4.4cqw,72px)}.s30nt__mark{grid-column:1;justify-self:end;margin:-.06em clamp(16px,2.4cqw,40px) 0 0;font-size:clamp(76px,8.5cqw,132px);line-height:.7;font-weight:500;color:var(--s30nt-mark, #e7e4e0);-webkit-user-select:none;user-select:none}.s30nt__stack{grid-column:2;display:grid}.s30nt__note{grid-area:1 / 1;margin:0;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .6s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.s30nt__note.is-active{opacity:1;transform:none;pointer-events:auto}.s30nt__quote{margin:0;padding:0;border:0;quotes:none}.s30nt__quote:before,.s30nt__quote:after{content:none}.s30nt__quote p{margin:0;font-size:clamp(22px,2.5cqw,36px);line-height:1.1;letter-spacing:-.005em;font-weight:400;max-width:16em}.s30nt__quote em{font-style:italic;color:var(--s30nt-accent, #8b1a22)}.s30nt__line{display:block;width:100%;height:auto;margin-top:clamp(12px,1.2cqw,20px);color:var(--s30nt-accent, #8b1a22);overflow:visible}.s30nt__line-path{stroke-dasharray:1;stroke-dashoffset:1;stroke-width:1.6}.s30nt__line-x{opacity:0;stroke-width:2}.s30nt__note.is-active .s30nt__line-path{animation:s30nt-draw 1.3s .25s cubic-bezier(.45,0,.2,1) forwards}.s30nt__note.is-active .s30nt__line-x{animation:s30nt-pop .3s 1.5s ease forwards}@keyframes s30nt-draw{to{stroke-dashoffset:0}}@keyframes s30nt-pop{to{opacity:1}}.s30nt__by{display:flex;align-items:center;gap:clamp(16px,1.6cqw,24px);margin-top:clamp(10px,1.1cqw,16px);padding-right:4%}.s30nt__name{font-size:clamp(22px,1.9cqw,30px);line-height:1;white-space:nowrap}.s30nt__tag{align-self:stretch;display:flex;align-items:center;padding:clamp(6px,.7cqw,10px) 0 clamp(6px,.7cqw,10px) clamp(16px,1.6cqw,24px);border-left:1px solid rgba(0,0,0,.35);font-size:clamp(10px,.75cqw,11px);letter-spacing:.2em;text-transform:uppercase;font-weight:500}.s30nt .s30nt__more{margin-left:auto;display:inline-flex;align-items:center;gap:12px;font-size:clamp(16px,1.25cqw,19px);white-space:nowrap}.s30nt__tabs{display:grid;grid-template-columns:repeat(var(--s30nt-n, 4),minmax(0,1fr)) auto;column-gap:5px;align-items:end;margin-top:clamp(32px,4cqw,60px)}.s30nt .s30nt__tab{display:grid;gap:10px;text-align:left;min-width:0}.s30nt__tab-label{font-size:clamp(10px,.75cqw,11px);letter-spacing:.24em;text-transform:uppercase;color:#8d8a86;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s}.s30nt__tab-ini{display:inline}.s30nt__tab-full{display:none}.s30nt__tab.is-active .s30nt__tab-label{color:var(--s30nt-accent, #8b1a22)}.s30nt__tab.is-active .s30nt__tab-ini{display:none}.s30nt__tab.is-active .s30nt__tab-full{display:inline}.s30nt__tab:hover .s30nt__tab-label{color:var(--s30nt-ink, #141414)}.s30nt__tab.is-active:hover .s30nt__tab-label{color:var(--s30nt-accent, #8b1a22)}.s30nt__tab-line{position:relative;display:block;height:1px;background:#00000029}.s30nt__tab-fill{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--s30nt-accent, #8b1a22)}.s30nt__tab.is-active .s30nt__tab-fill{animation:s30nt-fill var(--s30nt-dur, 7s) linear forwards}@keyframes s30nt-fill{to{width:100%}}.s30nt__foot{margin:0 0 -3px clamp(14px,1.4cqw,20px);font-size:clamp(14px,1.1cqw,17px);white-space:nowrap}@media(max-width:749px){.s30nt__eyebrow{font-size:9.5px;letter-spacing:.2em;white-space:nowrap}.s30nt__topnav{gap:12px}.s30nt__count{letter-spacing:.14em}.s30nt__body{grid-template-columns:minmax(0,1fr);padding-top:28px}.s30nt__mark{justify-self:start;margin:0 0 -.2em -.04em;font-size:80px}.s30nt__stack{grid-column:1}.s30nt__quote p{font-size:24px;line-height:1.12}.s30nt__line-path{stroke-width:3}.s30nt__line-x{stroke-width:3.6}.s30nt__br{display:none}.s30nt__by{flex-wrap:wrap;row-gap:22px;padding-right:0}.s30nt .s30nt__more{margin-left:0;flex-basis:100%}.s30nt__tabs{grid-template-columns:repeat(var(--s30nt-n, 4),minmax(0,1fr));row-gap:16px;margin-top:30px}.s30nt__tab-label{letter-spacing:.14em}.s30nt__tab.is-active .s30nt__tab-ini{display:inline}.s30nt__tab.is-active .s30nt__tab-full{display:none}.s30nt__foot{grid-column:1 / -1;margin:0}}@media(prefers-reduced-motion:reduce){.s30nt__note{transition:none}.s30nt__line-path{stroke-dashoffset:0}.s30nt__line-x{opacity:1}.s30nt__note.is-active .s30nt__line-path,.s30nt__note.is-active .s30nt__line-x{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/s30-notes.css.map */