/* 1 · Sobre — a segunda carta */
.so-sec.wf-sec[data-luz]{--m3:color-mix(in oklab,var(--mel) 24%,var(--papel));padding-top:clamp(56px,7vw,110px)}
.so-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.so-topo{grid-column:1/8;grid-row:1;padding-bottom:56px}
.so-h2{margin-top:16px;max-width:8.6em}

.so-foto{grid-column:8/13;grid-row:1/span 2;margin:-10px 0 0;position:relative;z-index:1;rotate:1.8deg;box-shadow:var(--sombra)}
.so-foto::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,252,246,.55);background:linear-gradient(125deg,rgba(255,255,255,.16),transparent 38%,transparent 70%,rgba(255,255,255,.08))}
.so-foto img{width:100%;aspect-ratio:960/1560;object-fit:cover}
.so-canto{position:absolute;width:44px;height:44px;background:linear-gradient(135deg,#7d5c47,#5e4334);box-shadow:0 1px 2px rgba(40,25,15,.35)}
.so-canto-1{top:-5px;left:-5px;clip-path:polygon(0 0,100% 0,0 100%)}
.so-canto-2{top:-5px;right:-5px;clip-path:polygon(0 0,100% 0,100% 100%)}
.so-canto-3{bottom:-5px;right:-5px;clip-path:polygon(100% 0,100% 100%,0 100%)}
.so-canto-4{bottom:-5px;left:-5px;clip-path:polygon(0 0,100% 100%,0 100%)}

.so-folha{grid-column:1/9;grid-row:2;z-index:2;margin-right:-14px;padding:44px 56px 34px 60px;--giro:-.6deg;--giro-2:1.2deg}
.so-cabeca{margin-bottom:22px}
.so-texto{font-size:clamp(17px,1.35vw,19.5px)}
.so-texto p:first-child{color:var(--tinta)}
.so-marca{background:linear-gradient(transparent 56%,color-mix(in oklab,color-mix(in oklab,var(--mel) 55%,var(--blazer)) 46%,transparent) 56%,color-mix(in oklab,color-mix(in oklab,var(--mel) 55%,var(--blazer)) 38%,transparent) 90%,transparent 90%) no-repeat 0 0/100% 100%;color:var(--tinta);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .08em}
.js .so-folha .so-marca{background-size:0% 100%;transition:background-size 1.3s var(--curva) .9s}
.js .so-folha.visto .so-marca{background-size:100% 100%}
.so-texto a{color:var(--tinta);text-decoration:underline;text-underline-offset:4px;text-decoration-color:color-mix(in oklab,var(--mel) 60%,transparent)}
.so-nota-ref{font-family:var(--sans);font-size:.7em;line-height:0}
.so-nota-ref a{color:var(--mel);text-decoration:none;padding:0 2px}

.so-assina{display:flex;align-items:flex-end;margin-top:14px;height:76px}
.so-nome{padding-bottom:6px;white-space:nowrap}
.so-tulipa{width:86px;height:78px;margin-left:-4px}
.js .so-folha .so-nome{clip-path:inset(-20% 100% -20% 0);transition:clip-path 1.6s ease-out 1.2s}
.js .so-folha.visto .so-nome{clip-path:inset(-20% -10% -20% 0)}
.js .so-tulipa[data-rev] path:nth-child(1){transition-delay:2.6s}
.js .so-tulipa[data-rev] path:nth-child(2){transition-delay:3.1s}
.js .so-tulipa[data-rev] path:nth-child(3){transition-delay:3.3s}

.so-nota{margin-top:18px;padding-top:18px;border-top:1px solid var(--filete);display:grid;grid-template-columns:auto 1fr;column-gap:22px;row-gap:8px;align-items:baseline}
.so-nota-tit{font-family:var(--sans);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--tinta-2)}
.so-nota-tit span{color:var(--mel);margin-right:2px}
.so-nota-txt{font-family:var(--serif);font-style:italic;font-size:15.5px;line-height:1.55;color:var(--tinta-2)}
.so-reg span{white-space:nowrap}
.so-reg{grid-column:2;font-family:var(--sans);font-size:12.5px;letter-spacing:.1em;color:var(--tinta-2)}

.so-fonte{position:absolute;top:calc(100% + 18px);right:4px;rotate:-1.8deg;font-family:var(--serif);font-style:italic;font-size:15.5px;color:var(--tinta-2);white-space:nowrap}
.so-fonte a{color:var(--tinta);text-underline-offset:4px;display:inline-block;padding:12px 0}

@media (max-width:900px){
  .so-in{display:block}
  .so-topo{padding-bottom:28px}
  .so-h2{max-width:none}
  .so-foto{width:min(78%,340px);margin:0 0 0 auto;rotate:2deg}
  .so-canto{width:34px;height:34px}
  .so-folha{margin:-90px 2px 0;padding:30px 24px 24px 26px}
  .so-texto{font-size:17px}
  .so-assina{height:68px}
  .so-nome{font-size:clamp(40px,12.5vw,52px)}
  .so-tulipa{width:72px;height:66px}
  .so-folha{margin-right:2px}
  .so-nota{grid-template-columns:1fr}
  .so-reg{grid-column:1}
  .so-fonte{top:auto;bottom:104px;right:calc(100% + 2px);rotate:none;writing-mode:vertical-rl;transform:rotate(180deg);font-size:15px}
  .so-fonte a{padding:0 12px}
  .so-fonte-pre{display:none}
  .so-sec.wf-sec[data-luz]{padding-bottom:clamp(110px,28vw,140px)}
}