:root{--cream:#f6ede5;--ink:#151311;--pink:#c9577c}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:var(--ink)}body{background:var(--cream)}.page{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 15% 12%,#fff6ed 0,transparent 48%),var(--cream)}.page:before{content:"";pointer-events:none;position:absolute;inset:0;z-index:5;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.26'/%3E%3C/svg%3E")}.photo{position:absolute;right:0;top:0;bottom:0;width:53%;border-radius:65px 0 0 65px;overflow:hidden;background:#21131c}.photo-inner{position:absolute;inset:-2%;background:url('assets/amp-art.webp') center/cover no-repeat;transform:translate(var(--mx,0px),var(--my,0px)) scale(1.045);transition:transform .28s ease-out}.scan{position:absolute;inset:0;pointer-events:none;opacity:.15;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.45) 4px 5px)}header{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:flex-start;padding:32px 3%}.brand img{width:clamp(145px,18vw,270px);height:auto;mix-blend-mode:multiply}.reach{display:inline-flex;align-items:center;gap:12px;background:#171514;color:white;border:1px solid #fff;border-radius:100px;padding:17px 23px;text-decoration:none;font-weight:800;letter-spacing:.02em;font-size:clamp(12px,1.25vw,19px)}.reach span,.portfolio span{font-size:1.5em;line-height:.7}.hero{position:relative;z-index:3;margin:clamp(35px,8vh,110px) 0 0 11%;width:max-content;max-width:85%}.hero h1{margin:0;font-size:clamp(80px,12.8vw,205px);font-weight:1000;letter-spacing:-.105em;line-height:.79;text-transform:lowercase}.hero h1 span{display:block}.hero h1 span:first-child{letter-spacing:-.115em}.year{font-size:clamp(78px,11vw,175px);font-weight:1000;letter-spacing:-.085em;line-height:1.04;color:var(--pink);font-style:italic}footer{position:absolute;z-index:4;left:3%;bottom:5%;display:flex;align-items:center;gap:35px}footer p{font-size:clamp(14px,1.6vw,25px);font-weight:900;line-height:1.14;margin:0}.portfolio{border-left:1px solid #292322;padding:24px 0 24px 35px;color:var(--ink);font-size:clamp(13px,1.4vw,22px);font-weight:900;white-space:nowrap;text-decoration:none;display:flex;gap:9px;align-items:center}a:hover{opacity:.75}a:focus-visible{outline:3px solid var(--pink);outline-offset:5px}@media(max-width:760px){.page{min-height:100svh;padding-bottom:30px}.photo{top:0;bottom:auto;height:60%;width:63%;border-radius:35px 0 0 35px}.brand img{width:150px}header{padding:22px 20px}.reach{font-size:11px;padding:13px 15px}.hero{margin:20vh 0 0 6%;max-width:94%}.hero h1{font-size:clamp(72px,17vw,140px)}.year{font-size:clamp(74px,16vw,125px)}footer{position:relative;left:auto;bottom:auto;margin:18vh 20px 0;gap:18px;align-items:flex-start;flex-wrap:wrap}footer p{font-size:17px}.portfolio{font-size:14px;padding:10px 0 10px 18px}}@media(prefers-reduced-motion:reduce){.photo-inner{transition:none}}
