.etudes{position:relative}.etudes-pin{flex-direction:column;justify-content:center;gap:clamp(36px,6vh,72px);min-height:100svh;padding:clamp(96px,13vh,140px) 0 clamp(40px,6vh,72px);display:flex}.etudes-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 64px;display:flex}.etudes-head .l{flex-direction:column;gap:18px;display:flex}.etudes-head .r{flex-direction:column;gap:20px;max-width:22em;display:flex}.counter{letter-spacing:.24em;color:var(--ink-2);align-items:center;gap:16px;margin:0;font-size:10px;font-weight:500;display:flex}.counter b{font-variant-numeric:tabular-nums;font-weight:500}.counter .bar{background:var(--line);width:96px;height:1px;position:relative}.counter .bar i{background:var(--ink);transform-origin:0;position:absolute;inset:0;transform:scaleX(.1667)}.etudes-vp{scrollbar-width:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overflow:auto hidden}.etudes-vp::-webkit-scrollbar{display:none}.etudes-track{width:max-content;padding:0 max(var(--pad),var(--gutter-r)) 8px max(var(--pad),var(--gutter));align-items:flex-start;gap:clamp(36px,5vw,96px);display:flex}.etude{scroll-snap-align:start;flex-direction:column;flex:none;gap:22px;width:clamp(236px,21vw,330px);display:flex}.etude:nth-child(2n){padding-top:clamp(0px,7vh,72px)}.etude .art{aspect-ratio:4/5;max-width:100%;transition:transform 1.2s var(--ease);position:relative;overflow:hidden}.etude .art>div{position:absolute;inset:0}.etude .art .g{background-image:var(--grain);opacity:.2;mix-blend-mode:multiply;position:absolute;inset:0}.etude .art em{font-family:var(--display);color:#f4f6faeb;font-size:13px;font-style:italic;position:absolute;bottom:12px;left:16px}.etude .art em.dark{color:#1a1f2bc7}.etude:hover .art{transform:translateY(-6px)}.etude .meta{flex-direction:column;gap:8px;display:flex}.etude .n{align-items:baseline;gap:12px;margin:0;display:flex}.etude .n b{font-family:var(--display);color:var(--wine);font-size:15px;font-style:italic;font-weight:400}.etude .said{font-family:var(--display);letter-spacing:-.01em;margin:0;font-size:clamp(21px,1.7vw,26px);font-style:italic;font-weight:400;line-height:1.2}.etude p.t{font-family:var(--serif);color:var(--ink-2);margin:0;font-size:15px;line-height:1.65}.etude{position:relative}.etude.linked :is(h2,h3) a{color:inherit;outline:none;text-decoration:none}.etude.linked :is(h2,h3) a:after{content:"";position:absolute;inset:0}.etude.linked:has(a:focus-visible){outline:1px solid var(--ink);outline-offset:10px}.etude .art.photo{background:var(--tint)}.etude .art.photo img{object-fit:contain}.etude-all{aspect-ratio:4/5;scroll-snap-align:start;border:1px solid var(--line);width:clamp(236px,21vw,330px);color:var(--ink);transition:border-color .6s var(--soft),transform 1.2s var(--ease);flex-direction:column;flex:none;justify-content:space-between;padding:clamp(20px,2vw,28px);text-decoration:none;display:flex;position:relative}.etude-all .lbl{font-family:var(--display);letter-spacing:-.01em;font-size:clamp(24px,2vw,30px);font-style:italic;line-height:1.15}.etude-all .cnt{font-family:var(--display);color:var(--wine);font-size:clamp(56px,6vw,88px);font-style:italic;line-height:1}.etude-all .go{background:var(--pill-disc);width:42px;height:42px;color:var(--pill-disc-fg);border-radius:50%;place-items:center;display:grid}.etude-all:hover{border-color:var(--ink-3);transform:translateY(-6px)}.etude-all:focus-visible{outline:1px solid var(--ink);outline-offset:10px}.etudes-vp{scroll-padding-inline:max(var(--pad),var(--gutter)) max(var(--pad),var(--gutter-r))}.etudes-ctl{justify-content:space-between;align-items:center;gap:24px;display:flex}.etudes-nav{gap:10px;display:flex}.etudes-nav button{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);cursor:pointer;transition:border-color .4s var(--soft),opacity .4s var(--soft);background:0 0;border-radius:50%;place-items:center;display:grid}.etudes-nav button:first-child svg{transform:rotate(180deg)}.etudes-nav button:hover:not(:disabled){border-color:var(--ink-3)}.etudes-nav button:disabled{opacity:.35;cursor:default}.etudes-nav button:focus-visible{outline:1px solid var(--ink);outline-offset:3px}.etude .read{letter-spacing:.02em;color:var(--ink);align-items:center;gap:8px;margin-top:4px;font-size:12.5px;display:inline-flex}.etude .read svg{color:var(--wine);transition:transform .6s var(--ease)}.etude.linked:hover .read svg{transform:translate(4px)}.etude .cond{font-family:var(--display);letter-spacing:-.012em;color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(22px,1.9vw,28px);font-weight:400;line-height:1.15}.etude .said{background:linear-gradient(100deg,var(--wine) 0%,var(--plum) 60%,var(--accent) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;width:fit-content;max-width:100%;padding-right:.2em;font-size:clamp(17px,1.3vw,20px)}.etude .said .q{color:inherit}.etude .bn{color:var(--ink-2);margin:-2px 0 2px;font-size:13px;line-height:1.5}.etudes-track{grid-template-rows:auto auto;grid-auto-flow:column;align-items:start;gap:22px clamp(36px,5vw,96px);display:grid}.etudes-track>.etude{grid-row:span 2;grid-template-rows:subgrid;padding-top:0;display:grid}.etudes-track>.etude>:first-child{align-self:end}.etudes-track>.etude-all{grid-row:1;align-self:end}.etudes-pin>.wrap{width:100%}