:root{--paper:#f5f1eb;--ink:#251e19;--muted:#766b61;--line:#d8cec3;--bronze:#9d7954;--dark:#29211d;--serif:"Italiana",serif;--sans:"DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;padding-bottom:0}a{text-decoration:none;color:inherit}header{height:70px;padding:0 max(4vw,20px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;background:#f5f1ebeb;backdrop-filter:blur(14px);z-index:20}.wordmark{display:flex;align-items:baseline;gap:8px;letter-spacing:.16em}.wordmark strong{font:1.3rem var(--serif)}.wordmark span{font-size:.62rem}header nav{display:flex;gap:34px;font-size:.7rem;letter-spacing:.13em;text-transform:uppercase}.header-action{justify-self:end;border:1px solid;padding:9px 15px;font-size:.65rem;text-transform:uppercase}.profile{max-width:980px;margin:auto;padding:65px 25px 30px;display:grid;grid-template-columns:165px 1fr;gap:40px}.avatar{width:150px;height:150px;border:1px solid var(--bronze);border-radius:50%;padding:5px}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-title{display:flex;align-items:center;gap:8px}.profile-title h1{font-size:1.35rem;font-weight:400;margin:0}.profile-title span{background:var(--bronze);color:#fff;border-radius:50%;font-size:.6rem;width:17px;height:17px;display:grid;place-items:center}.stats{display:flex;gap:42px;margin:23px 0}.stats div{display:flex;gap:6px;font-size:.8rem}.stats small{color:var(--muted)}.bio{font-size:.85rem;line-height:1.55}.bio p{margin:5px 0}.bio a{font-weight:600}.profile-actions{grid-column:2;display:flex;gap:8px;margin-top:-18px}.profile-actions a{padding:9px 22px;border:1px solid var(--line);font-size:.72rem}.profile-actions .primary{background:var(--dark);color:#fff}.highlights{max-width:980px;margin:auto;padding:24px;display:flex;gap:34px;overflow-x:auto}.highlights a{min-width:86px;text-align:center}.highlights a>span{width:76px;height:76px;padding:4px;border:1px solid var(--bronze);border-radius:50%;display:grid;place-items:center;margin:auto}.highlights img{width:100%;height:100%;object-fit:cover;border-radius:50%}.highlights b{display:block;font-size:.68rem;font-weight:500;margin-top:8px}.story-icon{font:1.45rem var(--serif);background:#e9ded1}.feed{max-width:1040px;margin:auto}.tabs{height:54px;border-top:1px solid var(--line);display:flex;justify-content:center;gap:40px}.tabs button{height:54px;border:0;border-top:1px solid transparent;margin-top:-1px;background:0;color:var(--muted);font:500 .63rem var(--sans);letter-spacing:.12em;cursor:pointer}.tabs button.active{border-top-color:var(--ink);color:var(--ink)}.tabs span{margin-left:6px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.post{aspect-ratio:1;position:relative;overflow:hidden;border:0;padding:0;cursor:pointer;background:#ddd}.post img{width:100%;height:100%;object-fit:cover;transition:.4s}.post:hover img{transform:scale(1.03)}.post>i{position:absolute;right:12px;top:10px;color:white;font-style:normal}.tile{display:grid;place-items:center;text-align:center;color:white}.tile.bronze{background:#a88764}.tile.pale{background:#ddd0c0;color:var(--ink)}.tile.dark{background:var(--dark)}.tile small{letter-spacing:.2em}.tile strong{display:block;font:clamp(1.5rem,3vw,3.1rem) var(--serif);margin:18px 0}.tile p{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}.coming{text-align:center;padding:45px 20px;color:var(--muted);font-size:.72rem}.process{padding:110px max(7vw,24px);background:#e4d9cc}.overline{font-size:.65rem;letter-spacing:.22em;color:var(--bronze)}h2{font:clamp(3rem,6vw,6.5rem) var(--serif);font-weight:400;line-height:.95;margin:18px 0 60px}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #251e1933}.steps div{padding:24px;border-right:1px solid #251e1933}.steps b{font-size:.62rem;color:var(--bronze)}.steps p{margin-top:42px}.contact{text-align:center;padding:120px 20px;background:var(--dark);color:white}.contact h2{margin-bottom:42px}.contact>a{display:inline-block;border:1px solid #ffffffaa;padding:16px 20px;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}.contact>p:last-child{font-size:.68rem;color:#b8aaa0}.bottom{display:none}dialog{width:min(820px,92vw);padding:0;border:0;background:var(--paper);grid-template-columns:1.2fr .8fr}dialog[open]{display:grid}dialog::backdrop{background:#17110de6}dialog>img{width:100%;height:620px;object-fit:cover}dialog>div{padding:50px 30px}dialog h3{font:2.2rem var(--serif)}dialog div>a{border-bottom:1px solid;font-size:.7rem;text-transform:uppercase}.close{position:absolute;right:10px;top:8px;border:0;background:0;font-size:2rem;cursor:pointer}@media(max-width:700px){body{padding-bottom:66px}header{height:58px;grid-template-columns:1fr auto}header nav{display:none}.header-action{font-size:.58rem}.profile{padding:28px 15px 10px;grid-template-columns:82px 1fr;gap:16px}.avatar{width:80px;height:80px}.profile-title h1{font-size:1rem}.stats{grid-column:1/3;grid-row:2;justify-content:space-around;margin:12px -4px 0;padding:13px 0;border-block:1px solid var(--line);gap:6px}.stats div{display:block;text-align:center;font-size:.7rem}.stats small{display:block}.bio{grid-column:1/3}.profile-actions{grid-column:1/3;margin:0}.profile-actions a{flex:1;text-align:center}.highlights{padding:17px 14px;gap:16px}.highlights a{min-width:67px}.highlights a>span{width:62px;height:62px}.highlights b{font-size:.59rem}.tabs{justify-content:space-around;gap:0}.tabs button{font-size:.95rem}.tabs span{display:none}.grid{gap:2px}.process{padding:80px 20px}.steps{grid-template-columns:1fr 1fr}.steps div:nth-child(2){border-right:0}.contact{padding:85px 20px}.bottom{display:flex;position:fixed;z-index:30;bottom:0;left:0;width:100%;height:66px;background:#f7f4efee;backdrop-filter:blur(14px);border-top:1px solid var(--line);justify-content:space-around}.bottom a{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.1rem}.bottom span{font-size:.53rem;margin-top:3px}.bottom .wa{width:50px;height:50px;align-self:center;border-radius:50%;background:var(--dark);color:white}dialog[open]{grid-template-columns:1fr}dialog>img{height:auto;max-height:58vh}dialog>div{padding:23px}}
