/* Shared visual refinements: floating navigation, natural typography, real work. */
html{scroll-padding-top:110px}body{padding-top:102px;letter-spacing:0}
h1,h2,h3,.display{letter-spacing:-.03em}h1,h2{font-weight:600}h3{font-weight:600}
.site-header{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:100;width:max-content;max-width:calc(100% - 24px);background:rgba(255,253,248,.94);border:1px solid #d4d2c8;border-radius:100px;box-shadow:0 6px 24px #2227200d;backdrop-filter:blur(16px)}
.floating-nav{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px}
.floating-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 21px;border-radius:100px;font-size:14px;white-space:nowrap;transition:background .16s,color .16s}
.floating-nav a:hover,.floating-nav a[aria-current=page]{background:#e8e6de}.floating-nav .contact-link{background:var(--ink);color:var(--white)}.floating-nav .contact-link:hover,.floating-nav .contact-link[aria-current=page]{background:#424b3d;color:white}
.floating-nav a:focus-visible{outline-offset:2px}.hero{padding-top:45px;padding-bottom:75px;min-height:620px;gap:55px;grid-template-columns:1.05fr 1fr}.hero h1{font-size:clamp(58px,6.5vw,94px);letter-spacing:-.045em}.hero h1 em{font-family:inherit;font-style:normal;font-weight:inherit}.intro{font-size:18px;max-width:440px;line-height:1.65}
.project-preview{position:relative;min-height:440px;width:100%;isolation:isolate}.project-preview:before{content:'';position:absolute;inset:40px 35px 20px 10px;border:1px dashed #c6c9bd;border-radius:50%;z-index:-1}
.project-preview a{position:absolute;display:block;border:1px solid #222720;border-radius:15px;overflow:hidden;box-shadow:6px 8px 0 #22272010;transition:transform .2s,box-shadow .2s}.project-preview a:hover{box-shadow:9px 12px 0 #22272014;z-index:5}
.preview-hub{top:24px;left:0;width:88%;padding:22px;background:#d6e3d8;transform:rotate(-4deg);z-index:2}.preview-hub:hover{transform:rotate(-2deg) translateY(-5px)}.preview-label{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px}.preview-hub img{background:white;border:1px solid #becbc3;border-radius:6px;width:100%;height:auto}.preview-foot{display:flex;justify-content:space-between;font-size:12px;margin-top:15px;gap:15px}
.preview-contest{bottom:5px;left:10px;background:var(--orange);width:53%;padding:25px;transform:rotate(-7deg);z-index:3}.preview-contest:hover{transform:rotate(-4deg) translateY(-5px)}.preview-contest .preview-label{font-size:9px;margin-bottom:10px}.preview-contest strong{display:block;font-size:clamp(34px,4vw,55px);line-height:1.05;letter-spacing:-.055em;font-weight:600}.preview-contest>span:not(.preview-label):not(.preview-open){font-size:13px}.preview-open{position:absolute;bottom:20px;right:20px;font-size:26px}
.preview-lemonade{width:36%;right:0;bottom:0;background:#fff8fb;transform:rotate(8deg);padding:12px;z-index:4}.preview-lemonade:hover{transform:rotate(5deg) translateY(-5px)}.preview-lemonade img{height:230px;width:100%;object-fit:contain}.preview-lemonade>span{display:flex;justify-content:space-between;font-size:9px;gap:6px;border-top:1px solid #e7d8df;padding-top:10px;margin-top:8px}
.about{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:100px}.about h2{font-size:clamp(36px,4vw,57px);max-width:600px}.about-copy>p{font-size:17px}.about-copy>.eyebrow{font-size:11px;color:var(--muted);margin-top:0}.portrait-wrap{width:100%;max-width:360px;margin-left:auto;align-self:center}.portrait-frame{aspect-ratio:4/5;border-radius:24px;overflow:hidden;background:#e4e3df;border:1px solid #d6d5cd}.portrait-frame img{border-radius:0;aspect-ratio:auto;width:100%;height:100%;object-fit:cover;transform:scale(1.32);transform-origin:50% 76%;filter:none}
.kpi-section{border-top:1px solid var(--line);margin-top:35px;padding-top:25px}.about .kpi-section .eyebrow{font-size:10px;margin:0 0 18px;color:var(--muted)}.personal-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:0}.personal-kpis dt{font-size:12px;color:var(--muted)}.personal-kpis dd{margin:6px 0 0}.personal-kpis strong{display:block;font-size:39px;font-weight:500;line-height:1.2;letter-spacing:-.04em}.personal-kpis strong span{font-size:22px;color:var(--muted);letter-spacing:-.02em}.personal-kpis progress{display:block;width:100%;height:5px;margin:14px 0 10px;appearance:none;border:0;border-radius:100px;overflow:hidden;background:#dfdfd5;color:var(--orange)}.personal-kpis progress::-webkit-progress-bar{background:#dfdfd5;border-radius:100px}.personal-kpis progress::-webkit-progress-value{background:var(--orange);border-radius:100px}.personal-kpis progress::-moz-progress-bar{background:var(--orange)}.personal-kpis small{font-size:10px;color:var(--muted)}
.contact-layout em{font-family:inherit!important;font-style:normal;font-weight:inherit!important}.contact-card{transform:none}.concept-picker button[aria-pressed=true]{background:#b91360;border-color:#b91360}.footer{font-size:12px}.footer-links{gap:25px}
@media(max-width:1050px){.hero{gap:30px;min-height:580px}.project-preview{min-height:400px}.preview-hub{padding:17px}.preview-contest{padding:20px}.preview-lemonade img{height:210px}.about{gap:55px}.floating-nav a{padding:0 18px}.personal-kpis{gap:18px}}
@media(max-width:720px){body{padding-top:90px}.site-header{top:14px}.floating-nav{gap:2px;padding:5px}.floating-nav a{min-height:42px;padding:0 14px;font-size:13px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:45px;gap:35px;min-height:auto}.hero h1{font-size:clamp(58px,12vw,84px)}.intro{font-size:17px;max-width:440px}.project-preview{min-height:410px;width:min(100%,460px);margin:0 auto}.preview-hub{width:87%;top:25px}.preview-contest{width:53%;bottom:8px;padding:23px}.preview-contest strong{font-size:45px}.preview-lemonade{width:34%;bottom:0;padding:10px}.preview-lemonade img{height:215px}.about{grid-template-columns:1fr;gap:40px}.about h2{font-size:39px}.portrait-wrap{width:min(85%,340px);margin:0 auto}.personal-kpis{gap:20px}.personal-kpis strong{font-size:35px}.personal-kpis strong span{font-size:20px}.about-copy>p{font-size:16px}}
@media(max-width:380px){.floating-nav a{padding:0 10px;font-size:12px}.project-preview{min-height:365px}.preview-hub{padding:14px}.preview-label{font-size:9px}.preview-foot{font-size:10px}.preview-lemonade img{height:185px}.preview-contest{padding:19px}.preview-contest strong{font-size:37px}.personal-kpis{gap:12px}.personal-kpis strong{font-size:30px}.personal-kpis small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.project-preview a{transition:none}}