/* Translucent controls, with an opaque fallback for older browsers. */
:root{--glass:#f3f6ef;--glass-edge:rgba(255,255,255,.85);--glass-shadow:0 10px 35px rgba(24,37,30,.09),inset 0 1px 0 rgba(255,255,255,.95)}
body{background-color:#f8f8f3;background-image:radial-gradient(ellipse at 8% 12%,#d1ee7640,transparent 42%),radial-gradient(ellipse at 92% 25%,#b9d8ef45,transparent 45%);background-attachment:fixed}
body[class] header{position:sticky;top:0;z-index:8;max-width:none;margin:0;padding:10px 4%;border:1px solid var(--glass-edge);border-top:0;border-radius:0 0 32px 32px;background:var(--glass);box-shadow:var(--glass-shadow);gap:20px;isolation:isolate}
body[class] header nav{padding:6px;gap:5px;border-radius:999px;background:#e0e8da80;border:1px solid #ffffffb0;align-items:center}
body[class] nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 20px;border-radius:999px;text-decoration:none;font-weight:500}
body[class] nav a[aria-current="page"]{background:#fff;color:#18251e;box-shadow:0 3px 12px #18251e12,inset 0 1px 0 #fff;text-decoration:none}
body[class] nav a:hover{background:#ffffffa0;text-decoration:none}
.work-link,.animation-toggle,.read-book,.email,.phone{border:1px solid var(--glass-edge);border-radius:24px;background:var(--glass);color:#18251e;box-shadow:var(--glass-shadow);padding:13px 22px;min-height:44px}
.work-link{gap:30px}.read-book small{color:#42562e;border-color:#18251e30}.read-book:hover,.animation-toggle:hover,.phone:hover{background:#e5f3c6;color:#18251e}.email{max-width:100%;border-radius:22px}.phone{margin-top:16px}.visual,.home-grid img,.animation-study img{border-radius:24px}.project details{border:1px solid #ffffffa0;border-radius:20px;padding:0 18px;background:#ffffff60;box-shadow:0 3px 18px #18251e05}.project details[open]{padding-bottom:18px}
.toolbar{margin:16px auto 0;width:fit-content;max-width:calc(100% - 20px);top:12px;background:var(--glass);color:#18251e;border:1px solid var(--glass-edge);border-radius:28px;box-shadow:var(--glass-shadow);gap:20px}.toolbar button,.toolbar select{border:1px solid #18251e26;border-radius:18px;background:#ffffff80;color:#18251e}.toolbar button:disabled{opacity:.45}.toolbar button:hover:not(:disabled){background:#d1ee76}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
body[class] header,.toolbar{background:linear-gradient(130deg,#ffffffa3,#f6f9f073);-webkit-backdrop-filter:blur(28px) saturate(160%);backdrop-filter:blur(28px) saturate(160%)}
.work-link,.animation-toggle,.read-book,.email,.phone{background:linear-gradient(135deg,#ffffffb8,#ffffff66);-webkit-backdrop-filter:blur(14px) saturate(130%);backdrop-filter:blur(14px) saturate(130%)}
}
html{scroll-padding-top:175px}.skip:focus{z-index:20}
@media(max-width:800px){body[class] header{padding:10px 16px}body[class] nav a{padding:9px 13px}}
@media(max-width:560px){body[class] header{position:sticky;top:0;flex-wrap:wrap;max-width:none;width:100%;margin:0;border:0;border-bottom:1px solid var(--glass-edge);border-radius:0 0 28px 28px;padding:14px 4%;gap:12px;row-gap:12px;min-height:0}body[class] header .brand-logo{width:132px;height:96px;flex:none;margin:auto}body[class] header .brand-logo img{width:174px;height:174px;left:-24px;top:-41px}body[class] header nav{width:100%;gap:0;justify-content:space-between;padding:6px}body[class] nav a{padding:9px 10px;font-size:14px;flex:1;white-space:nowrap}.toolbar{gap:8px;padding:10px 8px}.toolbar button{padding:8px;font-size:14px}.toolbar select{min-width:52px}.visual,.home-grid img{border-radius:18px}html{scroll-padding-top:210px}}
@media(prefers-reduced-transparency:reduce){body[class] header,.toolbar,.work-link,.animation-toggle,.read-book,.email,.phone{background:#f3f6ef;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){body[class] header,.toolbar,body[class] header nav,.work-link,.animation-toggle,.read-book,.email,.phone{border:1px solid ButtonText;background:Canvas}body[class] nav a[aria-current="page"]{outline:2px solid LinkText}}

.brand-logo{mix-blend-mode:normal}

footer{flex-wrap:wrap;align-items:center}.instagram-link{overflow-wrap:anywhere}footer .instagram-link{font-size:14px;text-decoration:underline;text-underline-offset:4px;padding:8px 0}.contact .instagram-link{font-size:16px}