:root{color-scheme:light;--tinta:#482f48;--texto:#685464;--linha:#e2d1da;--papel:#fffaf4;--ameixa:#754b72;--rosa:#eaa3be;--lilas:#baa1d9;--verde:#99cbbb}
*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:36px 24px;color:var(--tinta);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background-color:#f4eaf1;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#70436107 3px 4px),repeating-linear-gradient(90deg,transparent 0 4px,#75446208 4px 5px),radial-gradient(ellipse at 17% 15%,#ffe1e7 0,transparent 61%),radial-gradient(ellipse at 89% 88%,#d9d8ef 0,transparent 54%)}
.folha{width:min(100%,940px);padding:24px 38px 21px;background:var(--papel);border:1px solid #dfd0d7;border-radius:7px;box-shadow:0 17px 54px #65405815,3px 4px 0 -1px #f6eff3,4px 5px 0 -1px #d9c9d1}
.topo,footer{display:flex;align-items:center;font-size:.67rem;letter-spacing:.16em;text-transform:uppercase;font-weight:650;color:#695965}.topo{justify-content:space-between;border-bottom:1px dashed #cbb8c3;padding-bottom:17px}.topo span{display:inline-flex;align-items:center;gap:9px}.topo b{color:#a27e8c}.topo i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--rosa);box-shadow:5px 0 #ab96ca;margin-right:5px}
.miolo{display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(28px,4.2vw,64px);align-items:center;padding:44px 8px 40px}.marca{text-align:center;min-width:0}.cartao{position:relative;aspect-ratio:0.98;display:grid;place-items:center;isolation:isolate;background:#f4e5ea;background-image:url("assets/malha.svg"),linear-gradient(140deg,#fbebdc 0%,#f7e2ec 53%,#e8deef);border:1px solid #dac4d2;border-radius:45% 45% 16px 16px;transform:rotate(-4deg);box-shadow:3px 5px 0 #eadbe2}.cartao::before{position:absolute;inset:8px;content:"";border:1px dashed #ae89a4;border-radius:inherit;z-index:-1}.logo{width:77%;height:auto;display:block;transform:rotate(4deg);filter:drop-shadow(0 1px 0 #fff)}.etiqueta{position:absolute;left:-8px;top:13%;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:#fff9ed;border:1px solid #cdb6ba;padding:4px 9px;transform:rotate(-7deg);color:#6e4d5b}.etiqueta{display:flex;align-items:center;gap:4px}.etiqueta .florzinha{width:13px;height:13px}.selo{position:absolute;right:-6px;bottom:10%;border-radius:50%;width:46px;aspect-ratio:1;display:grid;place-items:center;background:#d0dfd5;border:1px solid #9cb7a5;outline:1px dashed #98ad9e;outline-offset:-5px;color:#527d68;transform:rotate(11deg)}.selo span{font-size:26px;line-height:1}.assinatura{font:italic 1rem/1.35 Georgia,serif;margin:17px 0 0;color:#826678}
.micro{display:flex;align-items:center;gap:7px;margin:0 0 12px;text-transform:uppercase;letter-spacing:.18em;font-size:.65rem;font-weight:700;color:#87516c}.florzinha{display:block;flex:none}.micro .florzinha{width:18px;height:18px}.convite h1{font:normal clamp(40px,4.7vw,65px)/.99 Georgia,"Times New Roman",serif;letter-spacing:-.057em;margin:0}.convite h1 em{font-weight:400;color:var(--ameixa)}.intro{font-size:.93rem;color:var(--texto);line-height:1.55;margin:15px 0 24px}
nav{display:grid;gap:10px}.item{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--tinta);min-height:70px;padding:11px 16px;border:1px solid var(--linha);border-radius:13px;background:#fffdf9}.item .icone{height:39px;width:39px;flex:none;display:grid;place-items:center;border-radius:12px;background:#f3e6ef;color:#795671}.rotulo{display:grid;min-width:0;text-align:left;gap:1px}.rotulo strong{font-size:1.03rem;line-height:1.3}.rotulo small{font-size:.78rem;line-height:1.35;color:var(--texto)}.seta,.breve{margin-left:auto;flex:none}.seta{display:block;width:29px;height:29px;object-fit:contain}.pedido{color:white;background:#72486e;border-color:#704368}.pedido .icone{background:#ffffff21;color:white}.pedido small{color:#fbedf5}.item[href]{transition:transform .18s,box-shadow .18s}.item[href]:hover{transform:translateY(-2px);box-shadow:0 4px 10px #64425d20}.item[href]:focus-visible{outline:3px solid #744f92;outline-offset:3px}.site{margin-top:10px;min-height:56px;border-style:dashed;background:transparent}.site .icone{height:30px;width:39px;background:transparent;color:#8a727f}.site strong{font-weight:550;font-size:.95rem}.breve{font-size:.63rem;text-transform:uppercase;font-weight:700;letter-spacing:.09em;border:1px solid #dac9dc;border-radius:20px;padding:3px 8px;background:#f2e9f0;color:#6d506a}footer{font-size:.59rem;gap:10px;padding-top:16px;border-top:1px dashed #cbb8c3;letter-spacing:.12em}.linha{flex:1}.ponto{font-size:14px}
@media(max-width:650px){body{padding:15px 12px}.folha{max-width:445px;padding:18px 22px 16px}.topo{font-size:.58rem;padding-bottom:12px}.miolo{display:flex;flex-direction:column;gap:18px;padding:22px 0 21px}.marca{width:100%}.cartao{width:164px;aspect-ratio:1.21;margin:0 auto;border-radius:46% 46% 13px 13px}.logo{width:77%}.cartao::before{inset:5px}.etiqueta{font-size:.45rem;left:-12px;top:11%;padding:2px 5px}.selo{width:27px;right:-6px;bottom:10%}.selo span{font-size:17px}.assinatura{display:none}.convite{width:100%;text-align:center}.micro{justify-content:center;margin:0 0 7px;font-size:.57rem}.micro .florzinha{width:15px;height:15px}.etiqueta .florzinha{width:10px;height:10px}.convite h1{font-size:clamp(34px,9vw,44px)}.intro{margin:10px 0 18px;font-size:.86rem}.item{min-height:62px;padding:9px 13px}.site{min-height:48px}.rotulo strong{font-size:1rem}footer{font-size:.51rem;letter-spacing:.08em;gap:6px}}
@media(max-width:355px){.folha{padding-inline:14px}.cartao{width:145px}.intro{font-size:.82rem}}@media(prefers-reduced-motion:reduce){.item[href]{transition:none}.item[href]:hover{transform:none}}

/* Ilustrações do ateliê: pequena etiqueta de papel para cada fio. */
.item .icone{width:44px;height:44px;border-radius:14px 12px 14px 11px;background:#f6ebf3}.item .icone img{width:38px;height:38px;display:block}.pedido .icone{background:#fff3ea}.site .icone{background:#f6eff6;height:38px}.site .icone img{width:34px;height:34px}.selo{background:#fff5e8;border-color:#c9a1b1;outline-color:#d2a7b7}.selo img{width:78%;height:auto;display:block}.marca-fio{flex:none;display:block}
@media(max-width:650px){.selo{width:31px}.item .icone{width:40px;height:40px}.item .icone img{width:35px;height:35px}.site .icone{height:33px}.site .icone img{width:31px;height:31px}}