@font-face{font-family:'Cormorant Garamond';src:url('./uploads/CormorantGaramond-Light.woff2') format('woff2'),url('./uploads/CormorantGaramond-Light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('./uploads/CormorantGaramond-Regular.woff2') format('woff2'),url('./uploads/CormorantGaramond-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Noto Serif Condensed';src:url('./uploads/NotoSerif_Condensed-ExtraLight.woff2') format('woff2'),url('./uploads/NotoSerif_Condensed-ExtraLight.ttf') format('truetype');font-weight:200;font-style:normal;font-display:swap}
:root{--ivory:#FBF6EA;--ink:#0B0A0A;--brown:#402512;--tobacco:#6f4d2b;--butter:#F9F4CD;--rule:rgba(64,37,18,.16);--rule-strong:rgba(64,37,18,.32);--fd:'Noto Serif Condensed',Georgia,serif;--fs:'Cormorant Garamond',Georgia,serif;--fm:'DM Mono','PT Mono',ui-monospace,Menlo,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--brown);font-family:var(--fs);font-weight:300;overflow-x:clip}
a{color:inherit}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--butter);padding:10px 16px;z-index:100;font-family:var(--fm);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.skip:focus{left:8px;top:8px}
:focus-visible{outline:2px solid var(--tobacco);outline-offset:3px}
header{position:sticky;top:0;z-index:60;background:var(--ivory);border-bottom:1px solid var(--rule)}
.hdr{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px clamp(20px,5vw,64px);max-width:min(2100px,92vw);margin:0 auto}
.brand{display:inline-flex;align-items:center;line-height:0}
.brand span{display:block;height:18px;aspect-ratio:1869/570;-webkit-mask:url('./assets/nuno-wordmark-tight.png') center/contain no-repeat;mask:url('./assets/nuno-wordmark-tight.png') center/contain no-repeat;background:var(--ink);width:59px}
.hdr a.back{font-family:var(--fm);font-weight:300;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-decoration:none}
.hdr a.back:hover{opacity:.6}
main{max-width:760px;margin:0 auto;padding:clamp(60px,10vh,120px) clamp(20px,5vw,32px) clamp(70px,10vh,120px)}
.kick{font-family:var(--fm);font-weight:300;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--tobacco);margin-bottom:20px}
h1{font-family:var(--fd);font-weight:200;text-transform:uppercase;letter-spacing:.01em;line-height:1.03;font-size:clamp(2.2rem,5vw,3.6rem);margin:0;color:var(--brown)}
.updated{font-family:var(--fm);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--tobacco);margin:20px 0 0}
.review{margin:26px 0 0;padding:14px 18px;border:1px dashed var(--rule-strong);border-radius:4px;font-size:1rem;color:var(--brown);opacity:.85}
h2{font-family:var(--fd);font-weight:200;text-transform:uppercase;letter-spacing:.01em;font-size:clamp(1.4rem,2.2vw,1.9rem);color:var(--brown);margin:clamp(40px,6vh,64px) 0 .5em}
p,li{font-size:clamp(1.08rem,1.3vw,1.2rem);line-height:1.6;color:#4a2f18}
p{margin:0 0 1.2em}
ul{margin:0 0 1.2em;padding-left:1.2em}
li{margin:0 0 .5em}
a.inline{border-bottom:1px solid var(--rule-strong);text-decoration:none}
footer{background:var(--ink);color:var(--butter)}
.foot{max-width:min(2100px,92vw);margin:0 auto;padding:clamp(44px,7vh,80px) clamp(20px,5vw,64px);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.foot nav{display:flex;gap:clamp(16px,2.4vw,32px);flex-wrap:wrap}
.foot nav a,.foot nav button{font-family:var(--fm);font-weight:300;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(249,244,205,.6);background:none;border:0;padding:0;cursor:pointer;text-decoration:none}
.foot nav a:hover,.foot nav button:hover{color:var(--butter)}
